/* --- Slide Effects --- */
.anim-slide-up.in-view {
    opacity: 1;
    transform: translateY(0);
}
.anim-slide-up {
    transform: translateY(60px);
}

.anim-slide-down.in-view {
    opacity: 1;
    transform: translateY(0);
}
.anim-slide-down {
    transform: translateY(-60px);
}

.anim-slide-left.in-view {
    opacity: 1;
    transform: translateX(0);
}
.anim-slide-left {
    transform: translateX(60px);
}

.anim-slide-right.in-view {
    opacity: 1;
    transform: translateX(0);
}
.anim-slide-right {
    transform: translateX(-60px);
}

/* --- Fade In --- */
.anim-fade-in.in-view {
    opacity: 1;
}
.anim-fade-in {
    opacity: 0;
}

/* --- Zoom In --- */
.anim-zoom-in.in-view {
    opacity: 1;
    transform: scale(1);
}
.anim-zoom-in {
    transform: scale(0.85);
}

/* --- Rotate In --- */
.anim-rotate-in.in-view {
    opacity: 1;
    transform: rotate(0deg);
}
.anim-rotate-in {
    transform: rotate(-15deg);
}

/* --- Flip In --- */
.anim-flip-in.in-view {
    opacity: 1;
    transform: rotateY(0deg);
}
.anim-flip-in {
    transform: rotateY(90deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

/* --- Bounce In --- */
.anim-bounce-in.in-view {
    opacity: 1;
    transform: translateY(0);
}
.anim-bounce-in {
    transform: translateY(100px);
    transition: all 0.9s cubic-bezier(.68, -0.55, .27, 1.55);
}

/* --- Blur In --- */
.anim-blur-in.in-view {
    opacity: 1;
    filter: blur(0);
}
.anim-blur-in {
    filter: blur(6px);
    transition: all 1s ease;
}

.anim-slide-up,
.anim-slide-down,
.anim-slide-left,
.anim-slide-right,
.anim-fade-in,
.anim-zoom-in,
.anim-rotate-in,
.anim-flip-in,
.anim-bounce-in,
.anim-blur-in {
    opacity: 0;
    transition: all 1.8s ease; /* smooth animation */
}
/* --- 1. Stripe Reveal Horizontal --- */
.anim-stripe-reveal.in-view {
  opacity: 1;
  mask-image: none;
  -webkit-mask-image: none;
}
.anim-stripe-reveal {
  opacity: 0;
  transition: all 1.6s ease;
  mask-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 12px,
    black 12px,
    black 24px
  );
  -webkit-mask-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 12px,
    black 12px,
    black 24px
  );
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
}

/* --- 2. Flip 3D Left --- */
.anim-flip3d-left.in-view {
  opacity: 1;
  transform: perspective(800px) rotateY(0);
}
.anim-flip3d-left {
  opacity: 0;
  transform: perspective(800px) rotateY(90deg);
  transition: all 1.6s ease;
}

/* --- 3. Flip 3D Right --- */
.anim-flip3d-right.in-view {
  opacity: 1;
  transform: perspective(800px) rotateY(0);
}
.anim-flip3d-right {
  opacity: 0;
  transform: perspective(800px) rotateY(-90deg);
  transition: all 1.6s ease;
}

/* --- 4. Flip 3D Up --- */
.anim-flip3d-up.in-view {
  opacity: 1;
  transform: perspective(800px) rotateX(0);
}
.anim-flip3d-up {
  opacity: 0;
  transform: perspective(800px) rotateX(90deg);
  transition: all 1.6s ease;
}

/* --- 5. Flip 3D Down --- */
.anim-flip3d-down.in-view {
  opacity: 1;
  transform: perspective(800px) rotateX(0);
}
.anim-flip3d-down {
  opacity: 0;
  transform: perspective(800px) rotateX(-90deg);
  transition: all 1.6s ease;
}

/* --- 6. Cube Rotate In --- */
.anim-cube-rotate.in-view {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}
.anim-cube-rotate {
  opacity: 0;
  transform: perspective(1000px) rotateY(180deg);
  transition: all 1.8s cubic-bezier(.25,.1,.25,1);
}

/* --- 7. Tilt Zoom In --- */
.anim-tilt-zoom.in-view {
  opacity: 1;
  transform: rotateX(0deg) rotateY(0deg) scale(1);
}
.anim-tilt-zoom {
  opacity: 0;
  transform: rotateX(10deg) rotateY(-10deg) scale(0.85);
  transition: all 1.6s ease;
}

/* --- 8. Depth Pop In --- */
.anim-depth-pop.in-view {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
.anim-depth-pop {
  opacity: 0;
  transform: translateZ(-200px) scale(0.8);
  transition: all 1.5s ease-out;
  transform-style: preserve-3d;
}

/* --- 9. 3D Rotate Diagonal --- */
.anim-rotate-diagonal.in-view {
  opacity: 1;
  transform: rotate3d(1, 1, 0, 0deg);
}
.anim-rotate-diagonal {
  opacity: 0;
  transform: rotate3d(1, 1, 0, 90deg);
  transition: all 1.8s ease;
}

/* --- 10. Layer Slide In (3D Layers) --- */
.anim-layer-slide.in-view {
  opacity: 1;
  transform: translateZ(0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
}
.anim-layer-slide {
  opacity: 0;
  transform: translateZ(-150px);
  box-shadow: 0 40px 60px rgba(0,0,0,0.15);
  transition: all 1.8s ease;
}

/* --- 11. Spiral Zoom In --- */
.anim-spiral-zoom.in-view {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.anim-spiral-zoom {
  opacity: 0;
  transform: rotate(-720deg) scale(0);
  transition: all 2s ease-in-out;
}

/* GSAP Effects */

    /* ✅ Base setup for GSAP effects */
/* [data-gsap-effect],
.reveal-fade-up,
.reveal-fade-down,
.reveal-left,
.reveal-right,
.zoom-in,
.zoom-out,
.rotate-in,
.rotate-out,
.scale-in,
.scale-out,
.slide-up,
.slide-down,
.slide-left,
.slide-right,
.flip-x,
.flip-y,
.split-text,
.text-type,
.text-scramble,
.mask-reveal,
.parallax-up,
.parallax-down,
.stagger-children,
.bounce-in,
.drop-in,
.swing,
.wipe-in,
.wipe-out,
.blur-in,
.blur-out,
.skew-in,
.skew-out,
.ripple,
.morph,
.pin-section,
.rotate3d,
.cube-rotate,
.cards-stack,
.flip-card,
.split-letters,
.split-words,
.gradient-text,
.glow-text,
.marquee,
.scroll-progress,
.reveal-border,
.clip-circle,
.clip-rect,
.scroll-blur,
.scroll-scale,
.split-reveal,
.slide-reveal,
.rotate-scrub,
background-fade,
split-type,
typing-effect,
scramble-effect,
wave-text,
mask-up,
mask-down,
mask-left,
mask-right {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
} */

/* ✅ Make animations smooth */
/* .gsap-animated {
  visibility: visible !important;
  opacity: 1 !important;
} */

/* ✅ For text effects (SplitText, typing, scramble, wave) */
/* .split-text,
.text-type,
.text-scramble,
.split-letters,
.split-words,
.wave-text {
  display: inline-block;
  overflow: hidden;
  white-space: pre-wrap;
} */

/* ✅ For masking & clipping effects */
/* .mask-reveal,
.clip-circle,
.clip-rect,
.mask-up,
.mask-down,
.mask-left,
.mask-right {
  overflow: hidden;
  display: inline-block;
  position: relative;
} */

/* ✅ For 3D effects */
/* .flip-x,
.flip-y,
.rotate3d,
.cube-rotate,
.cards-stack,
.flip-card {
  transform-style: preserve-3d;
  perspective: 1000px;
} */

/* ================================
   🌟 UNIVERSAL HELPER CSS FOR GSAP EFFECTS
   ================================ */

/* 1. General reset for animated elements */
/* [class*="gsap-effect"] {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
} */

/* 2. Text-based effects (wave, typewriter, scramble, split text, stagger letters) */
/* .text-wave span,
.text-typewriter span,
.scramble-text span,
.split-text span,
.text-fade span {
  display: inline-block;
  white-space: pre;
} */

/* 3. Typewriter cursor */
/* .text-typewriter {
  border-right: 2px solid currentColor;
  white-space: nowrap;
  overflow: hidden;
} */

/* 4. Horizontal / vertical scroll text */
/* .text-scroll-horizontal,
.text-scroll-vertical {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
} */

/* 5. Mask / reveal effects */
/* .reveal-wrapper,
.clip-reveal,
.mask-reveal {
  position: relative;
  overflow: hidden;
  display: inline-block;
} */

/* 6. Parallax containers */
/* .parallax-section,
.gsap-parallax {
  position: relative;
  overflow: hidden;
} */

/* 7. Flip / rotate 3D effects */
/* .flip-card,
.rotate-3d {
  perspective: 1000px;
  transform-style: preserve-3d;
} */

/* 8. Morph / blob effects */
/* .morph-shape,
.blob-shape {
  display: inline-block;
  overflow: hidden;
} */

/* 9. Curtain / wipe effects */
/* .curtain-reveal,
.wipe-reveal {
  position: relative;
  overflow: hidden;
} */

/* 10. Staggered lists */
/* .stagger-list li,
.stagger-grid > * {
  display: inline-block;
  opacity: 0;
} */

/* 11. Pinning sections (scroll based) */
/* .gsap-pin-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
} */

/* 12. Background reveal / image parallax */
/* .bg-reveal,
.bg-parallax {
  background-size: cover;
  background-position: center;
  will-change: transform;
} */

/* Home-1 Section */
.home-1.welcome-section {
    position: relative;
    padding: 70px 0px;
    background: #f9f9f9;
}

.home-1.welcome-section .content-column {
    margin-bottom: 40px;
}

.home-1.welcome-section .content-column .inner-column h2 {
    font-size: 38px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out;
}
.home-1.welcome-section .content-column .inner-column h2 span {
    display: block;
    font-weight: 800;
    font-size: 42px;
    color: #ffb200;
}
.home-1.welcome-section .content-column .inner-column h2:hover {
    color: #ffb200;
    transform: translateY(-5px);
}

.home-1.welcome-section .content-column .inner-column .text {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.8em;
    color: #555;
}

.home-1.welcome-section .content-column .inner-column .text h3 {
    font-size: 26px;
    font-weight: 700;
    color: #ffb200;
    margin: 20px 0 10px;
    transition: all 0.3s ease;
}
.home-1.welcome-section .content-column .inner-column .text h3:hover {
    color: #222;
    transform: scale(1.05);
}

.home-1 .btn-style-three {
    padding: 12px 32px;
    border-radius: 50px;
    background: none;
    border: 2px solid #222;
    font-weight: 700;
    color: #222;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}
.home-1 .btn-style-three:hover {
    background: #ffb200;
    border-color: #ffb200;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0px 8px 18px rgba(0,0,0,0.15);
}

.home-1.welcome-section .image-column .image img {
    width: 100%;
    border-radius: 10px;
    transition: all 0.4s ease;
}
.home-1.welcome-section .image-column .image img:hover {
    transform: scale(1.05);
    box-shadow: 0px 10px 25px rgba(0,0,0,0.2);
}



/* home-2 */
.home-2.teacher-single {
  padding: 90px 0;
  background: #fff;
  color: #333;
}

/* Flex container */
.home-2-teacher-inner {
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: nowrap;
}

/* Image column */
.home-2-image-column {
  flex: 0 0 42%;
  max-width: 42%;
}
.home-2-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(18, 24, 47, 0.06);
  border: 1px solid rgba(15, 20, 40, 0.03);
}
.home-2-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Content column */
.home-2-content-column {
  flex: 1 1 auto;
  max-width: 58%;
}
.home-2-content-inner {
  padding-left: 6px;
}

.home-2-teacher-name {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #111827;
}

.home-2-designation {
  font-size: 15px;
  color: #6b7280;
  margin-bottom: 16px;
  font-weight: 600;
}

/* Social icons */
.home-2-social-icon-five {
  margin: 6px 0 18px;
  padding: 0;
  list-style: none;
}
.home-2-social-icon-five li {
  display: inline-block;
  margin-right: 10px;
}
.home-2-social-icon-five li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  font-size: 18px;
  color: #475569;
  transition: all 220ms ease;
  background: #fff;
  text-decoration: none;
}
.home-2-social-icon-five li a:hover {
  background: #f5a10c;
  color: #fff;
  border-color: #f5a10c;
}

/* Bio text */
.home-2-text {
  margin-top: 8px;
  margin-bottom: 20px;
  color: #374151;
  line-height: 1.7;
  font-size: 15px;
}

/* Stats */
.home-2-teachers-info {
  display: flex;
  gap: 14px;
  align-items: stretch;
  margin-top: 8px;
  flex-wrap: wrap;
}
.home-2-teacher-block {
  flex: 1 1 140px;
  min-width: 120px;
}
.home-2-inner {
  background: #fff;
  border-radius: 10px;
  padding: 14px 18px;
  border: 1px solid #f1f5f9;
  text-align: center;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.home-2-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(2,6,23,0.06);
}
.home-2-title {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.home-2-inner h3 {
  margin: 0;
  font-size: 22px;
  color: #111827;
  font-weight: 700;
}

/* ---------------- Responsive ---------------- */
@media (max-width: 991px) {
  .home-2-teacher-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
  }
  .home-2-image-column,
  .home-2-content-column {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home-2-teacher-name { font-size: 28px; }
}
@media (max-width: 480px) {
  .home-2-teacher-name { font-size: 22px; }
  .home-2-social-icon-five li a { width: 36px; height: 36px; font-size: 16px; }
  .home-2-inner h3 { font-size: 20px; }
}

/* Home-3 */

.home-3 {
    background-color: #6f6f6f;
    padding: 40px 0;
    display: flex;
    justify-content: center;
}

.home-3-content {
    display: flex;
    align-items: center;
    padding: 40px;
    max-width: 1100px;
    position: relative;
}

.home-3-image-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.home-3_banner1 {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: 50px;
}


.home-3-bg {
    position: absolute;
    width: 100%;
    height: 80%;
    background-color: #2d2d2d;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 25px;
    z-index: 1;
}

.home-3-text {
    color: #fff;
    text-align: left;
    padding: 40px 40px 40px 58px;
    flex: 1;
    z-index: 2;
    margin-left: 50px;
}

.home-3-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #ccc;
}

.home-3-highlight {
    font-weight: bold;
    color: #fff;
}

.home-3-title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 5px;
    color: #d9d9d9;
}

.home-3-description {
    font-size: 16px;
    color: #ccc;
    margin-top: 10px;
}

.home-3-buttons {
    margin-top: 20px;
}

.home-3-btn {
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.home-3-btn-primary {
    background-color: #e60023;
    color: #fff;
    margin-right: 10px;
}

.home-3-btn-primary:hover {
    background-color: #bf001d;
}

.home-3-btn-secondary {
    color: #fff;
    text-decoration: underline;
}

.home-3-btn-secondary:hover {
    opacity: 0.8;
    color: #fff;
}

/* home-4 */
/* Section Wrapper */
.home-4.section-wrapper {
    padding: 60px 0!important;
    background-color: #f8f9fc;

}

/* Title */
.home-4-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.home-4-highlight {
    color: #5d21ac;
}

/* Description */
.home-4-description {
    font-size: 16px;
    color: #666;
    text-align: center;
    max-width: 600px;
    margin: 0 auto 40px;
}

/* Blog Container */
.home-4-blog {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.home-4-blog:hover {
    transform: translateY(-5px);
}

/* Blog Image */
.home-4-image {
    width: 100%;
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
}

/* Blog Date */
.home-4-date {
    font-size: 14px;
    color: #888;
    margin-top: 15px;
}

/* Blog Title */
.home-4-blog-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    color: #222;
    height: 40px;
}

/* Blog Text */
.home-4-text {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
    height: 300px;
    height: 90px;
    overflow-y: auto;

}

/* Read More Link */
.home-4-link {
    font-size: 14px;
    font-weight: 600;
    color: #6a5acd;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.home-4-link:hover {
    text-decoration: underline;
}

/* home-5 */

.home-5 .team-box .team-thumb img {
    width: 100%;
    border-radius: 15px;
}
.home-5 .team-wrap{
    padding-bottom:50px;
  }
.home-5 .section-heading h2 {
    font-size: 34px;
    font-weight: bold;
}

.home-5 .team-details {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    bottom: 15px;
    text-align: center;
    background-color: rgba(250, 183, 2, .8);
    color: #fff;
    display: block;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .2s ease-in-out
}

.home-5 .team-box:hover .team-details {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px)
}

.home-5 .team-box:hover .team-thumb {
    transform: scale(1.1);
    transition: all .2s ease-in-out
}

.home-5 .team-details h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase
}

.home-5 .team-details span {
    display: block;
    font-family: roboto, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0
}
/* home-6 */
.home-6.counter-section {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

.home-6.counter-section:before {
    background-color: rgba(39, 41, 61, .9);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0; /* Ensure it is below content but above the background image */
}

/* Counter content styles */
.home-6 .counters .counter-content {
    display: block;
    color: #fff;
    padding-left: 50px;
    position: relative;
}

.home-6 .counters .counter-content i {
    position: absolute;
    font-size: 41px;
    color: #fab702;
    left: 0;
    top: -1px;
}

.home-6 .counters .counter-content span {
    display: block;
    color: #fff;
    font-size: 40px;
}

.home-6 .counters .counter-content h3 {
    font-size: 18px;
    margin: 5px 0 0;
    color: #ddd;
    font-weight: 700;
    display: block;
}

/* home-7 */


.home-7 .event-wrap {
    background-color: #fff;
    padding: 50px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px 0 rgba(34, 34, 34, .09);
    border: 2px dashed #ddd
}
.home-7 .section-heading h2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 50px;
}

.home-7 .event-items .event-wrap:last-child {
    margin-bottom: 0
}

.home-7 .event-details h2 a {
    color: #333;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
}

.home-7 .event-details h2 a:hover {
    color: #fab702
}

.home-7 .event-details p {
    margin: 0
}

.home-7 .event-date {
    background-color: #fab702;
    display: block;
    padding: 20px 15px;
    border-radius: 2px
}

.home-7 .event-date h2 {
    font-size: 50px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    line-height: 40px
}

.home-7 .event-date span {
    display: block;
    font-family: roboto, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #27293d;
    padding: 8px;
    margin-top: 10px;
    line-height: 10px
}

.home-7 .ticket-btn {
    margin-top: 5px
}

.home-7 .ticket-btn a {
    display: block;
    line-height: inherit;
    padding: 10px 5px;
    text-align: center
}

.home-7 .event-time {
    margin-bottom: 20px;
    margin-left: -38px;
}

.home-7 .event-time li {
    display: inline-block;
    margin-right: 20px;
    font-weight: 600;
    color: #777;
    text-transform: uppercase
}

.home-7 .event-time li i {
    color: #fab702;
    margin-right: 5px
}

.home-7 .event-thumb img {
    width: 100%;
    border-radius: 10px;
}



/* FAQ 1 section */
.faq-1 .section-wrapper.faq-1 {
    padding: 80px 0;
    background: linear-gradient(135deg, #ffffff, #f7f7f7);
}

.faq-1 .container.faq-1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.faq-1 .row.faq-1 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.faq-1 .col-xs-12.faq-1 {
    width: 100%;
}

.faq-1 .col-lg-10.faq-1 {
    width: 100%;
}

.faq-1 h1.faq-1 {
    font-size: 3rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.faq-1 p.faq-1 {
    font-size: 1.5rem;
    color: #555;
    text-align: center;
    margin-bottom: 40px;
}

.faq-1 .faq-items-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.faq-1 .faq-item.faq-1 {
    background-color: #f4f4f4;
    border: 3px solid #fff;
    border-radius: 26px;
    padding: 9px 29px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.faq-1 .faq-item.faq-1 h3.faq-1 {
    font-size: 1.8rem;
    color: #007bff;
    margin-bottom: 15px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

.faq-1 .faq-item.faq-1 p.faq-1 {
    font-size: 1.4rem;
    color: #666;
    text-align: left;
}

.faq-1 .faq-item.faq-1:hover {
    background-color: #f0f8ff;
    border-color: #007bff;
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.2);
}

.faq-1 .faq-1 .faq-item.faq-1 h3.faq-1:hover {
    color: #0056b3;
    text-decoration: underline;
}

.faq-1 h2.faq-1 {
    font-size: 2.2rem;
    font-weight: bold;
    color: #333;
    margin-top: 40px;
    text-align: center;
}

.faq-1 .faq-1 .faq-item.faq-1 p.faq-1 {
    color: #555;
}

/* Media Queries for Responsiveness */
@media (max-width: 992px) {
    .faq-1 .faq-items-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .faq-1 h1.faq-1 {
        font-size: 2.6rem;
    }

    .faq-1 h2.faq-1 {
        font-size: 2rem;
    }

    .faq-1 .faq-item.faq-1 h3.faq-1 {
        font-size: 1.6rem;
    }

    .faq-1 p.faq-1 {
        font-size: 1.1rem;
    }
}

/* FAQ 2 section */

.faq-2 .section-wrapper.faq-2 {
    padding: 100px 0;
    background-color: #282c34;
    color: #fff;
    position: relative;
}

.faq-2 .container.faq-2 {
    max-width: 100%;
    padding: 50px 20px;
}

.faq-2 .row.faq-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.faq-2 .col-xs-12.faq-2 {
    width: 100%;
}

.faq-2 h1.faq-2 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;;
    letter-spacing: 1px;
}

.faq-2 p.faq-2 {
    font-size: 1.9rem;
    text-align: center;
    color: #666;
    margin-bottom: 32px;
}

.faq-2 .faq-items-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-2 .faq-item.faq-2 {
    background:#ddd;
    /* background: linear-gradient(135deg, #59bb2c, #dcffa5); */
    border-radius: 48px;
    padding: 16px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #fff;
    border: 5px solid white;
}

.faq-2 .faq-item.faq-2 h3.faq-2 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.faq-2 .faq-item.faq-2 p.faq-2 {
    font-size: 1.5rem;
    color: #f0f0f0;
    text-align: center;
}

.faq-2 .faq-item.faq-2:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.faq-2 .faq-item.faq-2 h3.faq-2:hover {
    color: #59bb2c;
}

.faq-2 h2.faq-2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 40px;
    text-align: center;
    color: #000;
}

.faq-2 .faq-2 .faq-item.faq-2 p.faq-2 {
    color: #242424;
}

/* Media Queries for Responsiveness */
@media (max-width: 1200px) {
    .faq-2 .faq-items-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .faq-2 h1.faq-2 {
        font-size: 2.8rem;
    }

    .faq-2 h2.faq-2 {
        font-size: 2rem;
    }

    .faq-2 .faq-item.faq-2 h3.faq-2 {
        font-size: 1.6rem;
    }

    .faq-2 p.faq-2 {
        font-size: 1.2rem;
    }

    .faq-2 .faq-items-row {
        grid-template-columns: 1fr;
    }
}


/* Contact-2 */
.contact-2{
    font-family: "Poppins", sans-serif;
}
.contact-2 h3{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}
.contact-2 .pb-0 {
    padding-bottom: 0rem !important;
}
.contact-2 .page-content {
    padding-bottom: 5rem;
}
.contact-2 .contact-form input,.contact-2 .contact-form textarea{
    border-radius: 20px;
    margin-bottom: 10px;
}
.contact-2 .contact-info {
    margin-bottom: 3rem;
}
.contact-2 .contact-info h3 {
    margin-top: .5rem;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: -.025em;
    margin-bottom: 1.5rem;
}
.contact-2 .contact-list i {

}
.contact-2 .contact-list i {
    display: inline-block;
    font-size: 2rem;
    line-height: 1;
    color: #1cc0a0;

}
.contact-2 .contact-list {
    max-width: 270px;
    list-style: none;
    padding-left: 0;
}
.contact-2 .contact-list li{
display: flex;
gap: 10px;
}
.contact-2 .contact-list i{
    max-width: 270px;
    list-style: none;
    padding-left: 0;
}


@media screen and (min-width: 992px) {
    .contact-2 .mb-lg-0 {
        margin-bottom: 0rem !important;
    }

}
.mb-1 {
    margin-bottom: 1rem !important;
}
.mb-2 {
    margin-bottom: 3rem !important;
}
.mb-2 {
    margin-bottom: 3rem !important;
}
.mt-4 {
    margin-top: 4rem !important;
}
.mt-5 {
    margin-top: 5rem !important;
}
@media screen and (min-width: 768px) {
    .contact-2 .title {
        font-size: 3rem;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
    }
}
.contact-2 .h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 1.4rem;
    color: #333;
    letter-spacing: -.03em;
}
.contact-2 p , .contact-2 a{
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 300;
    font-family: 'Poppins';
    letter-spacing: 0;
    color: #777;
}



/* contact-3 */

.contact-3 .contact-form {
    padding: 30px 40px;
    background-color: #ffffff;
    border-radius: 12px;
}
.contact-3 .contact-form .title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}
.contact-3 .contact-form .description {
    color: #aeb4b9;
    font-size: 14px;
    text-align: center;
}
.contact-3 .contact-form .form-input, .form-text-area {
    background-color: #f0f4f5;
    height: 50px;
    padding-left: 16px;
}
.contact-3 .contact-form .form-input, .form-text-area {
    background-color: #f0f4f5;
    height: 50px;
    padding-left: 16px;
}
.contact-3  .btn-custom{
    background:#eaa637;
    color: #fff;
    font-size: 17px;
}
.contact-3 .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.contact-3 button,.contact-3 input {
    overflow: visible;
    margin-bottom: 15px;

}
.contact-3 input {
    font-size: 14px;
}

.contact-3 .border-white {
    border-color: #fff !important;
}
.contact-3 .contact-form .form-text-area {
    background-color: #f0f4f5;
    height: auto;
    padding-left: 16px;
    margin-bottom: 15px;
}
.contact-3 address {
    line-height: 2.5!important;;
    display: flex!important;;
    flex-direction: column!important;;
  }
.contact-3 address i{
 margin-right: 10px!important;
 color: #eaa637!important;
  }
.contact-3 address span{
    margin-right: 10px!important;
    color: #303030!important;
}

/* news-1 */

.news-1 .post-content {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
.news-1 .post-content .date-box {
    width: 54px;
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 1;
    margin: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1);
}
.news-1 .post-image {
    position: relative;
}
.news-1 .post-image img {
    width: 100%;
    margin-bottom: 0px;
}
.news-1 .bloglist .post-text {
    background: #f5f5f5;
    height: 400px;
}
.news-1 .p-tagline, .news-1 .p-title {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.news-1 .post-text h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.news-1 .post-text h4 {
    font-size: 20px;
}
.news-1 .post-text h4 a {
    color: #1A1C26;
    text-decoration: none;
    font-size: 22px;
}
.news-1 .post-content p {
    margin-bottom: 10px;
}
.news-1 .post-text .p-author {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
    font-weight: 500;
}
.news-1 .mb30 {
    margin-bottom: 30px;
}

.news-1 .post-content .date-box .m {
    font-size: 32px;
    padding: 8px;
    font-weight: bold;
    background: #eaa637;;
}
.news-1 .post-content .date-box .d {
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
    letter-spacing: 2px;
}
.news-1 .bloglist .post-text {
    background: #f5f5f5;
    height: 420px;
}
.news-1 .post-text {
    padding: 30px 40px;
}
.news-1 .post-text h4 a {
    color: #1A1C26;
    text-decoration: none;
    font-size: 22px;
}
.news-1 .p-tagline {
    color: #eaa637;
}
.bg-theme, .btn-theme, .user-links, .features-aside .col, .counter-aside .countdown::after, .block-header::after, .seperator-head::before, .news-post:hover::after, .newsletter-sub-form .icn.bg-theme, .widget > h3::after, .widget > .h3::after, .listDefault > li::before, .sep-heading::after, .contact-form h3::after, .contact-form .h3::after, .price-list::before, .price-list:hover .icn-wrap, .partner-block .partner-list li a::before, .price-box-column:hover .icn-wrap, .price-box-column.active .icn-wrap, .price-box-column::before {
    background-color:var(--secondary-color)!important;
  }


/* .news-3 */

.news-3.news-section {
    position: relative;
    padding: 80px 20px 80px;
}
.news-3 .sec-title {
    position: relative;
    margin-bottom: 70px;
}
.news-3 .centered {
    text-align: center;
}
.news-3 .sec-title h2 {
    position: relative;
    color: #333333;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
    padding-bottom: 20px;
}
.news-3 .sec-title .separater {
    position: relative;
    width: 100px;
    height: 2px;
    background-color: #333333;
}
.news-3 .sec-title.centered .separater:before {
    left: 50%;
    right: auto;
    margin-left: -5px;
}
.news-3 .sec-title .separater:before{
 background-color: #dee1d1;
}
.news-3 .sec-title .separater:before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: -4px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffb200;
}
.news-3 .news-block {
    position: relative!important;
    margin-bottom: 40px!important;
}
/* .news-3 .news-block .inner-box {
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 0px 15px 0px rgba(219, 219, 219, 1);
} */
.news-3 .news-block .inner-box .image img {
    position: relative!important;
    width: 100%!important;
    display: block!important;
    /* border-radius: 10px; */
}
.news-3 .post-meta{
    list-style:none;
    padding-left: 0px;
}
.news-3 .post-meta .icon {
color:#ffb200!important;
padding-right: 10px;
}

.news-3 .news-block .inner-box .lower-content {
    position: relative!important;
    text-align: center!important;
    padding: 35px 15px 35px!important;
}
.news-3 .news-block .inner-box .lower-content h3 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 12px;
}
.news-3 .news-block .inner-box .lower-content .text {
    position: relative;
    color: #666666;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.news-3 .news-block .inner-box .lower-content .post-meta {
    position: relative!important;
}
.news-3 .news-block{
margin-top: 0px!important;
padding-top: 0px!important;
}
.news-3 .news-block .inner-box .lower-content .post-meta li {
    position: relative;
    color: #666666;
    font-size: 13px;
    margin-right: 15px;
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.news-3 .news-block .inner-box .lower-content .post-meta li span{
    color: #ffb200;
}
.news-3 .news-block-two {
    position: relative;
    margin-bottom: 30px;
}
.news-3 .news-block-two .inner-box {
    position: relative;
}
.news-3 .news-block-two .inner-box .image-column {
    position: relative;
}
.news-3 .news-block-two .inner-box .image-column .image {
    position: relative;
}
@media (min-width: 576px) {

  .news-3 .news-block-two .inner-box .image-column .image {
    text-align: center!important;
    }
 }


/* newsletter-1 */

.newsletter-1.subscribe-section {
    position: relative;
    padding: 50px 0px;
    overflow: hidden;
    background-color: #eeeeee;
}
.newsletter-1.subscribe-section:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    display: block;
    /* background-color: #ffb200; */
}

.newsletter-1.subscribe-section .title-column:before {
    position: absolute;
    right: 40px;
    top: -108px;
    content: '';
    width: 23px;
    height: 400%;
    background-color: #222222;
    -webkit-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    -o-transform: rotate(-37deg);
    -moz-transform: rotate(-37deg);
    transform: rotate(-37deg);
}
.newsletter-1.subscribe-section h2 {
    position: relative;
    color: #222222;
    z-index: 10;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: capitalize;
}
.newsletter-1.subscribe-section .text {
    position: relative;
    color: #222222;
    z-index: 9;
    font-size: 16px;
    font-weight: 700;
}

.newsletter-1.subscribe-section .title-column:after{
    border-bottom-color: #ffb200;
}
.newsletter-1.subscribe-section .title-column:after {
    position: absolute;
    right: 36px;
    top: -61px;
    height: 100%;
    content: '';
    z-index: 1;
    border-bottom: 230px solid #ffb200;
    border-right: 172px solid transparent;
    border-left: 81px solid #ffb200;
}
.newsletter-1 .subscribe-section:before{
    background-color: #dee1d1;
}
.newsletter-1 .subscribe-form-two .form-group {
    position: relative;
    display: block;
    margin: 0px;
    width: 100%;
    z-index: 1;
    margin-top: 8px;
}
.newsletter-1 .subscribe-form-two .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    height: 50px;
    font-size: 14px;
    color: #777777;
    padding: 10px 50px 10px 20px;
    background: #ffffff;
    border: 1px solid #777777;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 5px 5px;
}
.newsletter-1 .subscribe-form-two button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    padding: 0px 28px;
    border-radius: 0px 5px 5px 0px;
    background: #333333;
}

/* newsletter-2 */
.newsletter-2{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
}
.newsletter-2 .newletter_text h4 {
    color: var(--paragraph-color);
    font-size: 14px;
    position: relative;
    left: -99px;
    top: 0px;
}
.newsletter-2 .newletter_text h4 img {
    width: 13%;
}
.newsletter-2 .newletter_text h2 {
    font-size: 30px;
    line-height: 40px;
}

.newsletter-2 .newletter_button {
    text-align: right;
}
.newsletter-2 .news_btn {
    padding: 13px 60px;
    font-size: 15px;
}
.newsletter-2 .btn_theme {
    color: #fff;
    background-color: #2e6863;
    transition: 0.4s all ease-in-out;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: none;
}
.newsletter-2 .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
/* help-1 */
.help-1.section_after {
    position: relative;
}
.help-1.bg-color {
    background: #eef4f8;
}
.help-1 .section_heading {
    text-align: center;
    margin-bottom: 50px;
}
.help-1 .section_heading h3 {
    color: #818090;
    font-weight: 400;
}
.help-1 h3 {
    font-size: 24px;
    font-weight: 500;
}
.help-1 .section_heading h2 {
    padding-top: 20px;
    position: relative;

}
h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 50px;
}
.help-1 .color_big_heading {
    position: relative;
    z-index: 99;
}
.help-1 .color_big_heading::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: #227c7b;
    bottom: 4px;
    left: 0;
    z-index: -1;
}
.help-1 .volunteer_wrapper {
    z-index: 9;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 8px 10px 24px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}
.help-1 .volunteer_img img {
    width: 100%;
}
.help-1 img {
    max-width: 100%;
    height: auto;
}
.help-1 .volunteer_icon {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 20px);
    transition: var(--transition);
    opacity: 0;
}
.help-1 .volunteer_icon ul {
    display: flex;
    justify-content: center;
}
.help-1 h3 {
    font-size: 24px;
    font-weight: 500;
}
.help-1 .volunteer_text{
    text-align: center;
}
.help-1 .volunteer_text p {
    padding-top: 6px;
    padding-bottom: 30px;

}
.help-1 .volunteer_text h3 {
font-weight: 800;

}
.help-1 p:last-child {
    margin-bottom: 0;
}
.help-1 p {
    font-size: 14px;
    line-height: 24px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
}
.help-1 .section_after::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background-color: #fff;
}



/* courses-1 */
.section-wrapper.courses-1{
    padding: 60px 0px 60px!important;
}
.courses-1-heading {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.courses-1-heading span {
    color: #dc3545;
    font-size: 36px;
}

.courses-1-description {
    color: #666;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}

.courses-1-card {
    background: #fff;
    border-radius: 30px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.courses-1-card:hover {
    transform: translateY(-5px);
}

.courses-1-img {
    width: 100%;
    border-radius: 10px;
}

.courses-1-tag {
    display: inline-block;
    color: #797979;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 21px;
}

.courses-1-title {
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
}

.courses-1-desc {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.courses-1-price {
    color: #dc3545;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.courses-1-btn {
    background: #ff5733;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 30px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    transition: background 0.3s;
}

.courses-1-btn:hover {
    background: #c70039;
}



/* courses-2 */
.section-wrapper.courses-2{
    padding: 60px 0px 60px!important;
}
.courses-2 {
    font-family: 'Poppins', sans-serif;
}

.courses-2 .heading {
    font-size: 28px;
    font-weight: bold;
    color: #222;
}

.courses-2 .heading span {
    color: #f76b1c;
}

.courses-2 .description {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

.courses-2 .list {
    list-style: none;
    padding: 0;
}

.courses-2 .list li {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
}

.courses-2 .list li i {
    color: #f76b1c;
    margin-right: 8px;
}

.courses-2 .image-wrapper {
    position: relative;
    display: inline-block;
}

.courses-2 .image {
    width: 100%;
    border-radius: 10px;
}

.courses-2 .badge {
    position: absolute;
    top: 10%;
    left: -10%;
    background: #f76b1c;
    color: #fff;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
}

.courses-2 .stats {
    position: absolute;
    bottom: -10%;
    right: -5%;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.courses-2 .stats-title {
    font-size: 14px;
    color: #333;
}

.courses-2 .stats-value {
    font-size: 20px;
    font-weight: bold;
    color: #27ae60;
}
/* courses-4 */

.section-wrapper.courses-4{
    padding: 60px 0px 60px!important;
}
.courses-4 .courses-4-heading {
    font-size: 28px;
    font-weight: bold;
    color: #333;
}
.courses-4 .courses-4-subtext {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}
.courses-4 .courses-4-btn {
    margin: 10px;
    padding: 10px 20px;
}
.courses-4 .courses-4-image-wrapper {
    margin: 40px 0;
    position: relative;

}
.courses-4-main-image img{
    display: block;
    max-width: 100%;
    height: 391px;
    margin: 0 auto;
}


.courses-4 .courses-4-services-title {
    font-size: 27px;
    margin-top: 20px;
}
.courses-4-services h4{
    font-size: 23px;
    color: #007bff;
    margin-bottom: 10px;
    background: aliceblue;
    padding: 12px;
    border: 1px solid #007bff;
    border-radius: 59px;
}
.courses-4 .courses-4-services .col-md-3 {
    padding: 20px;
}
.courses-4 .courses-4-services i {
    font-size: 30px;
    color: #797979;
}

/* About-8 */
.wwr-list span {
  display: block;
  font-weight: bold;
  color: #951e60;
  text-align: left;
}

.wwr-list li {
  margin-bottom: 15px;
}
.text-info-block h1 {
        font-size: 32px;}

/* Our-team-1 */
 .our-team-1.section-bg{
  background-image: url('assets/images/section-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.our-team-1.our-team-section{
  padding: 60px 0;
  background: #ffffff;
}
.our-team-1.our-team-section .section-title h2,.our-team-1.our-team-section .staff-meta h3,.our-team-1.our-team-section .staff-buttons .view-details {
  color: #951e60 !important;
}
.single-staff-item img{
  border-radius: 50%;
  margin: 50px;
  border: 3px solid #951e60;
  width: 60%!important;
  margin:0 auto;
    min-width: 180px;
    background-color: #e9e9eb;
    min-height: 180px;

}
.staff-meta{
  text-align: center;
}
.staff-meta h3{
  margin-top: 11px;
  color: #000000;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 0px;
}
.section-title h2{
  margin-bottom: 30px;
  color: #000000;
  text-align: center;
  font-size: 30px !important;
  margin-top: 0;
}


/* Services-1 */
.services-pages-section,.texture-bg,.services-pages-right,.services-pages-left{
  background-image: url(../../assets/images/texture-bg.jpg)!important;
  background-size: cover;
}
.services-1.our-services{
  padding: 60px 0px;
  background: #fff;
}
.services-1.our-services .section-title {
  color: #000000!important;
  margin-bottom: 20px;
}
.services-1.our-services .news-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.services-1.our-services .news-image {
  position: relative;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
}

.services-1.our-services .section-title {
  margin-bottom: 30px;
  color: #080808;
  text-align: center;
  font-size: 30px !important;
  margin-top: 0;
}

.services-1.our-services .news-card {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
  padding:20px;
}


.services-1.our-services .news-image {
  position: relative;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position:center;
  border-radius:20px;
  overflow:hidden;
  border:3px solid #fff;
}

/* 🔸 HIDE OVERLAY INITIALLY (Below the Image) */
.services-1.our-services .overlay {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: bottom 0.5s ease-in-out;
  bottom: -100%; /* Initially hidden */
  opacity: 0; /* Fully transparent */

}

/* 🔸 SHOW TEXT AT THE BOTTOM INITIALLY */
.services-1.our-services .news-text {
  position: absolute;
  bottom: 0px; /* Keep Text Visible at Bottom */
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px;
  background: #616ece;
  z-index: 22;
}





.services-1.our-services .news-text h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0;
  color: #fff!important;
}

/* 🔹 HOVER EFFECTS */
.services-1.our-services .news-card:hover .overlay {
  bottom: 0; /* Overlay Slides Up */
  opacity: 1;
}

.services-1.our-services .news-card:hover .news-text {
  bottom: 50%; /* Text Moves Up */
  transform: translateY(-50%);
}



/* testimonial-3 */

.testimonial-3  .version-2 h2 {
    margin: 0px;
    font-size: 2px;
}
.testimonial-3  .version-2 p {
    font-size: 15px;
}
.testimonial-3  .version-2 .owl-item{
  text-align: center;
  padding: 10px 20px 20px;
}
.testimonial-3  .version-2 .owl-item img{
  width: 80px!important;
  margin: 0 auto;
  border-radius: 50%;
  border: 2ps solid rgb(207, 207, 207);
}

/* Carousel item base styles */
.testimonial-3 .owl-carousel.version-2 .owl-item {
  transform: scale(0.9);
  opacity: 0.6;
  transition: all 0.4s ease;
}

/* Bigger and highlighted center item */
.testimonial-3 .owl-carousel.version-2 .owl-item.center-active {
  transform: scale(1.2);
  opacity: 1;
  z-index: 10;
}

/* Paragraph text: fixed height with vertical scroll */
.testimonial-3 .owl-carousel.version-2 p {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0;
  padding-right: 6px;
}


/* WebKit custom scrollbar */
.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar {
  width: 6px;
}
.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 5px;
}
.testimonial-3 .owl-carousel.version-2 p::-webkit-scrollbar-track {
  background: #f0f0f0;
}
.testimonial-3 .owl-carousel.version-2 p {
  position: relative;
  mask-image: linear-gradient(180deg, black 70%, transparent);
}
.testimonial-3 .owl-carousel.version-2 .owl-item > div {
  background: #fff!important;
  padding: 20px;
  border-radius: 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  overflow: hidden;
  margin: 53px 0px;
}
.testimonial-3 .owl-carousel.version-2 img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 50%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Scale up image on center card without cropping */
.testimonial-3 .owl-carousel.version-2 .center-active img {
  transform: scale(1.3);
  z-index: 2;
}


/* services-2 */

@media (max-width: 767px) {

.services-pages-section {
      padding: 21px 19px!important;
  }
.services-pages-wrapper{
  border-radius: 30px!important;
}

  .services-pages-left{
    min-height: 300px;
  }
  .services-pages-wrapper {
        flex-direction: column;
    }

    .services-pages-left {
        min-height: 300px!important;
        border-radius: 30px!important;
    }

    .services-pages-right {
        height: auto;
        padding: 20px;
    }

    .services-pages-title {
        font-size: 24px;
    }

    .services-pages-text {
        font-size: 14px;
    }

    .services-pages-btn {
        font-size: 14px;
        padding: 10px 18px;
    }
	}
.services-pages-wrapper{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.services-pages-section {
    padding: 50px 0;
}

.services-pages-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}


.services-pages-left {
    flex: 1;
    min-height: 100%;
}


.services-pages-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    background-color: white;
    flex: 1;

}

.services-pages-subtitle {
    font-size: 16px;
    color: #666;
    font-weight: 600;
}

.services-pages-title {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0;
    line-height: 40px;
}

.services-pages-text {
    font-size: 16px;
    color: #000000;
    line-height: 1.6;
}

.services-pages-btn {
  display: inline-block;
  background-color: #951e60;
  color: white;
  padding:7px 24px;
  font-size: 16px;
  border-radius:30px;
  text-decoration:none;
  margin-top: 15px;
  width: fit-content;
  font-weight: 700;
}

.services-pages-btn:hover {
    background-color: #951e60;
    color: white;
}


/* Our-Awards */
@media (max-width: 768px) {
  .our-awards .section-title h2 {
margin: 0px;
padding: 0px;
font-size: 20px;
  }
}
.our-awards .owl-nav button  {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: #fff !important;
    border-radius: 50%;
    margin: auto 0;
    box-shadow: 0px 0px 5px #00000069;
}
.our-awards .owl-nav button.owl-next{
  right: 0;
}
.our-awards .owl-nav button.owl-prev{
  left: 0;
}
.our-awards {
  background-size: cover!important;
  background-position: center;
  padding: 80px 0;
  color: #fff;
  position: relative;
  background: #2d2d2d;
}

.our-awards .section-title h2{
color: #ffffff;
}

/* .our-awards::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
} */

.our-awards .container {
  position: relative;
  z-index: 2;
}

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

.our-awards .owl-carousel .award-item {
  text-align: center;
  /* padding: 40px 20px; */
  border-radius: 10px;
  /* backdrop-filter: blur(5px); */
  transition: all 0.3s ease-in-out;
}
.our-awards .owl-carousel .award-item h3{
color: #fff;
}
.our-awards .owl-carousel .award-item:hover {
  transform: translateY(-5px);
}

.our-awards .owl-carousel .award-item img {
  width: 100px;
  height: auto;
  margin-bottom: 15px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 10px auto;
}

.our-awards .owl-carousel .award-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.our-awards .owl-carousel .award-item p {
  font-size: 16px;
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .our-awards {
      padding: 50px 20px;
  }

  .our-awards .owl-carousel .award-item {
      padding: 25px;
  }

  .our-awards .owl-carousel .award-item h3 {
      font-size: 18px;
  }

  .our-awards .owl-carousel .award-item p {
      font-size: 14px;
  }




}

/* service-4 */


.service-4-label {
  display: inline-block;
  background: #e0f2f1;
  color: #00695c;
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 20px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.service-4-title {
  font-size: 28px;
  font-weight: bold;
  color: #002b36;
  margin-bottom: 30px;
}

.service-4-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-bottom: 30px;
  text-align: center;
  transition: transform 0.3s;
}

.service-4-card:hover {
  transform: translateY(-5px);
}

.service-4-img {
  width: 100%;
  height: auto;
  display: block;
}

.service-4-caption {
  background: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  text-transform: uppercase;
  margin-top: -50px;
  position: relative;
  z-index: 2;
}

.service-4-description {
  color: #444;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 20px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.service-4-btn {
  padding: 10px 25px;
  font-weight: bold;
  border-radius: 30px;
  background-color: #f6b941;
  border: none;
  color: #fff;
  transition: background 0.3s;
}

.service-4-btn:hover {
  background-color: #e69e00;
  color: #fff;
}


/* home-8 */

.home-8-membership {
  padding: 60px 0;
  background-color: #fff;
  font-family: 'Helvetica Neue', sans-serif;
}

.home-8-subtitle {
  color: #ce7c6a;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}

.home-8-heading {
  font-size: 38px;
  font-weight: 500;
  margin: 20px 0;
  line-height: 1.4;
  color: #1a1a1a;
}

.home-8-description {
  color: #6c757d;
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 1.6;
}

.home-8-join-btn {
  background-color: #1e4b45;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 2px;
  text-decoration: none;
}

.home-8-join-btn:hover {
  background-color: #163832;
  color: #fff;
}

.home-8-feature-box {
  margin-bottom: 20px;
}

.home-8-feature {
  background: #fff;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  text-align: center;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.home-8-feature img {
  height: 40px;
  margin-bottom: 10px;
  filter: sepia(1) hue-rotate(-20deg) saturate(5) brightness(0.8);
}

.home-8-feature-title {
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}
.home-8-feature-box{
    font-size: 40px;
    color:#ce7c6a;
}
/* Responsive tweaks */
@media (max-width: 767px) {
  .home-8-heading {
    font-size: 28px;
  }

  .home-8-feature-box {
    padding: 10px;
  }

  .home-8-feature {
    padding: 20px 15px;
  }
}

/* Home-9 */
/* Enable flexbox only for this row */
.home-9-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

/* Left column styling */
.home-9-left {
  background-color: #c89a72;
  color: white;
  padding: 60px 40px;
  display: flex;
  align-items: center;
}

.home-9-content {
  width: 100%;
}

.home-9-subtitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 15px;
}

.home-9-title {
  font-size: 38px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.home-9-description {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 30px;
}

.home-9-btn {
  background-color: #104e4e;
  border: none;
  font-weight: bold;
  padding: 10px 25px;
}

.home-9-btn:hover {
  background-color: #083838;
}

/* Right image column adjusts height to match left */
.home-9-right {
  min-height: 100%;
}

/* Responsive stack for mobile */
@media (max-width: 767px) {
  .home-9-flex {
    display: block;
  }

  .home-9-left,
  .home-9-right {
    width: 100%;
    display: block;
  }

  .home-9-right {
    min-height: 300px;
  }
}

/* Home-10 */


.home-10-title {
  margin-bottom: 40px;
   margin-top: 40px;
}
.home-10-subtitle {
  text-transform: uppercase;
  color: #7cc0c6;
  font-weight: bold;
  letter-spacing: 1px;
}
.home-10-heading {
  font-size: 32px;
  font-weight: bold;
  color: #1d2a4d;
}
.home-10-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  transition: transform 0.3s;
}
.home-10-card:hover {
  transform: translateY(-5px);
}
.home-10-card img {
  width: 100%;
  height: auto;
}
.home-10-card-info {
  background: #eaf9fa;
  padding: 10px 15px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  color: #777;
}
.home-10-room-title {
  font-size: 18px;
  font-weight: 600;
  margin: 15px;
  color: #1d2a4d;
}
.home-10-room-desc {
  font-size: 13px;
  margin: 0 15px 15px;
  color: #666;
}
.home-10-card-footer {
  border-top: 1px dashed #ddd;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-10-price {
  font-size: 18px;
  font-weight: bold;
  color: #1d2a4d;
}
.home-10-icon i {
  font-size: 18px;
  color: #1dbfcc;
}

/* home-11 */

.home-11 .home-11-container {
  background: #ffffff;
  border-radius: 15px;
  padding: 60px 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  margin: 30px auto;
}

.home-11 .home-11-label {
  background: #e6f7f8;
  color: #26838f;
  font-size: 12px;
  padding: 5px 15px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.home-11 .home-11-title {
  font-weight: 700;
  color: #1d3b4f;
  font-size: 30px;
  margin-bottom: 30px;
}

.home-11 .home-11-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.home-11 .home-11-btn {
  background-color: #f4b731;
  color: white;
  border-radius: 25px;
  padding: 12px 25px;
  font-weight: bold;
  border: none;
  margin-right: 10px;
}

.home-11 .home-11-btn:hover {
  background-color: #e0a700;
  color: white;
}

.home-11 .home-11-link {
  color: #1d3b4f;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 0;
  display: inline-block;
}

.home-11 .home-11-link:hover {
  text-decoration: underline;
}

/* Responsive text sizing */
@media (max-width: 767px) {
  .home-11 .home-11-title {
    font-size: 22px;
  }

  .home-11 .home-11-btn,
  .home-11 .home-11-link {
    display: block;
    margin: 10px auto;
    width: 100%;
    text-align: center;
  }

  .home-11 .home-11-buttons {
    flex-direction: column;
  }
}

/* about-9 */

.about-9-wrapper {
  background-color: #fef7f5;
  padding: 50px 15px;
  font-family: 'Helvetica Neue', sans-serif;
}

.about-9-subtitle {
  text-transform: uppercase;
  color: #d57d7d;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
}

.about-9-title {
  font-size: 36px;
  color: #333;
  margin-bottom: 30px;
}

.about-9-left-img-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
}

.about-9-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.about-9-right-img-wrapper {
  height: calc(200px * 2.23 + 30px); /* matches height of 3 stacked images with spacing */
  margin-bottom: 30px;
}

.about-9-right-img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.about-9-description {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;
  margin-top: 20px;
}

.about-9-stats {
  margin-top: 20px;
}

.about-9-stat-box {
  text-align: center;
  margin-bottom: 20px;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

.about-9-stat-box:hover {
  transform: translateY(-5px);
}

.about-9-stat-box h4 {
  color: #b44b4b;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}

.about-9-stat-box p {
  color: #333;
  font-size: 14px;
  margin: 0;
}
.about-9 .about-9-stat-box {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px; /* Add vertical spacing */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 8px;
}
/* Responsive Design */
@media (max-width: 767px) {
  .about-9-title {
    font-size: 28px;
    text-align: center;
  }

  .about-9-subtitle,
  .about-9-description {
    text-align: center;
  }

  .about-9-left-img-group {
    flex-direction: column;
  }

  .about-9-img {
    height: 160px;
  }

  .about-9-right-img-wrapper {
    height: auto;
  }
    .about-9 .about-9-stat-box:nth-child(odd) {
    margin-right: 15px;
  }
}

/* services-5 */

    @font-face {
      font-family: 'Poppins';
      src: url('https://fonts.googleapis.com/css?family=Poppins:700');
    }
    @font-face {
      font-family: 'Open Sans';
      src: url('https://fonts.googleapis.com/css?family=Open+Sans:400');
    }
.service-5.section-wrapper {
      padding: 60px 15px;
      background: #f8f8fb;
      font-family: 'Open Sans', sans-serif;
    }

    .service-5 .service-title {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 38px;
      color: #0d0d0d;
    }

    .service-5 .service-subtitle {
      color: #5c5c5c;
      font-size: 16px;
      margin: 20px 0;
      max-width: 300px;
    }

    .service-5 .custom-link {
      font-weight: 700;
      color: #000;
      display: inline-block;
      margin-bottom: 30px;
      border-bottom: 2px solid #eb2f64;
    }

    .service-5 .service-box {
      background: #fff;
      margin-bottom: 30px;
      text-align: left;
    border-radius: 14px
    }

    .service-5 .service-box img {
      width: 100%;
      height: auto;
      border-radius: 14px
    }

    .service-5 .service-content {
      padding: 15px;
    }

    .service-5 .service-heading {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: #000;
      margin-bottom: 10px;
    }

    .service-5 .service-description {
      color: #5c5c5c;
      font-size: 14px;
      margin-bottom: 15px;
    }

    .service-5 .read-more {
      font-weight: 600;
      color: #000;
      text-decoration: none;
      border-bottom: 2px solid #eb2f64;
    }

    @media (max-width: 767px) {
      .service-5 .service-subtitle {
        max-width: 100%;
      }
    }


    /* Home-12 */

        @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.gstatic.com/s/playfairdisplay/v27/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYh6Q.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Open Sans';
      src: url('https://fonts.gstatic.com/s/opensans/v29/mem8YaGs126MiZpBA-UFVZ0e.ttf') format('truetype');
    }

/* Container */
.section-wrapper.home-12 {
	padding: 60px 0;
	background-color: #fff;
}

/* Section title */
.home-12.section-title {
	text-align: center;
	margin-bottom: 40px;
}

.home-12.section-title span {
	display: block;
	font-size: 14px;
	color: #888;
	margin-bottom: 5px;
}

.home-12.section-title h2 {
	font-size: 32px;
	color: #222;
	font-weight: 700;
}

/* Offer box */
.home-12.offer-box {
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 30px 20px;
	text-align: center;
	margin-bottom: 30px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-12.offer-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.home-12.service-num {
	font-size: 20px;
	font-weight: bold;
	color: #ff6b6b;
	display: block;
	margin-bottom: 15px;
}

/* Resize image */
.home-12.offer-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
	object-fit: contain;
    margin-right: 45px;
}

/* Title */
.home-12.offer-box h4 {
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}

/* Description */
.home-12.offer-box p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
}

/* View more link */
.home-12.view-more {
	font-size: 14px;
	color: #007bff;
	text-decoration: none;
	font-weight: 600;
}

.home-12.view-more:hover {
	text-decoration: underline;
}
.home-12.justify-content-between {
    justify-content: space-between;
}
    @media (max-width: 767px) {
      .home-12.section-title h2 {
        font-size: 28px;
      }
    }


    /* home-13 */
/* Wrapper */
.home-13.section-wrapper {
  padding: 80px 0;
  background: #fff;
  font-family: "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  color: #111;
}

/* Left Profile */
.home-13-image-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.home-13-person-img {
  border-radius: 20px;
  width: 100%;
  max-width: 320px;
  transition: transform 0.4s ease;
}
.home-13-image-wrapper:hover .home-13-person-img {
  transform: scale(1.03);
}

.home-13-person-name {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.home-13-person-role {
  font-size: 15px;
  color: #666;
  margin-top: 4px;
}

/* Right Content */
.home-13-section-label {
  color: #48c08a;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.home-13-section-heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  letter-spacing: -0.6px;
}

.home-13-section-description {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 40px;
  max-width: 480px;
}

/* Skills */
.home-13-skill {
  margin-bottom: 25px;
}
.home-13-skill-label {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
}
.home-13-progress-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.home-13-progress {
  flex: 1;
  background-color: #f0f0f0;
  height: 8px;
  border-radius: 10px;
}
.home-13-progress-bar {
  background: linear-gradient(90deg, #111, #444);
  border-radius: 10px;
}
.home-13-progress-percent {
  font-size: 13px;
  font-weight: 600;
  color: #111;
  min-width: 40px;
  text-align: right;
}

/* Responsive */
@media (max-width: 767px) {
  .home-13-section-heading {
    font-size: 24px;
  }
  .home-13.section-wrapper {
    padding: 50px 20px;
  }
  .home-13-person-img {
    max-width: 240px;
  }
}
/* home-14 */
    @font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.gstatic.com/s/playfairdisplay/v21/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhA.woff2') format('woff2');
    }


    .home-14-section-wrapper {
      padding: 60px 15px;
      background: #fff;
            font-family: 'Poppins', sans-serif;

    }

    .home-14-welcome-text {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #333;
      margin-bottom: 15px;
    }

    .home-14-brand {
      font-family: 'Playfair Display', serif;
      border: 1px solid #000;
      padding: 0 10px;
      border-radius: 10px;
      display: inline-block;
      font-size: 12px;
      margin: 0 5px;
    }

    .home-14-heading {
      font-size: 36px;
      font-weight: 400;
      letter-spacing: 5px;
      margin-bottom: 20px;
      color: #111;
    }

    .home-14-subtext {
      font-size: 14px;
      color: #555;
      margin-bottom: 30px;
      max-width: 400px;
    }

    .home-14-btn {
      padding: 12px 25px;
      background-color: #000;
      color: #fff;
      border-radius: 25px;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: bold;
      transition: 0.3s ease;
      border: none;
    }

    .home-14-btn:hover {
      background-color: #444;
    }

    .home-14-image {
  width: auto;
  height: 310px;
      object-fit: cover;
      margin-bottom: 20px;
      border-radius: 10px;
    }

     .home-14-heading .highlight {
            background: linear-gradient(to top, #d4d4d4 25%, transparent 25%);
            padding: 0 4px;
            border-radius: 2px;
        }
    @media (max-width: 767px) {
      .home-14-heading {
        font-size: 28px;
        text-align: center;
      }
      .home-14-subtext,
      .home-14-welcome-text {
        text-align: center;
      }
      .home-14-btn {
        display: block;
        margin: 0 auto;
      }
    }

    /* home-15 */
     .home-15 body,
    .home-15 p {
      font-family: 'Lato', sans-serif;
      font-weight: 300;
      color: #555;
      text-align: center;
    }

    .home-15.section-wrapper {
      background-color: #fff;
      padding: 100px 20px!important;
      position: relative;
      text-align: center!important;
    }

    .home-15.section-wrapper:before,
    .home-15.section-wrapper:after {
      content: ''!important;
      position: absolute!important;
      left: 50%!important;
      width: 6px!important;
      height: 50px!important;
      background-color: #373737 !important;
      transform: translateX(-50%)!important;
      padding :30px 0;
      margin-bottom: 20px;
  margin-top: 20px;
    }

    .home-15.section-wrapper:before {
      top: 0px;
    }

    .home-15.section-wrapper:after {
      bottom: 0;
    }

    .home-15 h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 28px;
      letter-spacing: 6px;
      font-weight: 400;
      margin-bottom: 30px;
          text-align: center!important;
    }

    .home-15 p.description {
      font-size: 16px;
      max-width: 700px;
      margin: 0 auto 40px;
      line-height: 1.8;
    }

    .home-15 .btn-check-work {
      background-color: #000;
      color: #fff;
      padding: 10px 25px;
      font-size: 12px;
      text-transform: uppercase;
      border-radius: 25px;
      font-family: 'Montserrat', sans-serif;
      border: none;
      transition: background 0.3s ease;
          text-align: center!important;
    }

    .home-15 .btn-check-work:hover {
      background-color: #333;
    }

    @media (max-width: 767px) {
      .home-15 h2 {
        font-size: 22px;
        letter-spacing: 3px;
      }

      .home-15 p.description {
        font-size: 14px;
      }
    }


    /* home-16 */

    @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.gstatic.com/s/montserrat/v25/JTUQjIg1_i6t8kCHKm45_Q.woff2') format('woff2');
    }
    @font-face {
      font-family: 'Lato';
      src: url('https://fonts.gstatic.com/s/lato/v22/S6uyw4BMUTPHjxAwXjeu.woff2') format('woff2');
    }

    .section-wrapper.home-16 {
      font-family: 'Lato', sans-serif;
      background-color: #fff;
      padding: 50px 0!important;
    }

    .home-16 .row {
      display: flex;
      align-items: stretch;
    }

    .home-16 .left-tabs {
      border-right: 2px solid #000;
      padding-right: 30px;
    }

    .home-16 .tab-button {
      display: flex;
      align-items: center;
      padding: 20px 0;
      cursor: pointer;
      color: #999;
      transition: 0.3s;
    }

    .home-16 .tab-button.active {
      color: #000;
      font-weight: bold;
    }

    .home-16 .tab-button i {
      font-size: 20px;
      margin-right: 15px;
    }

    .home-16 .tab-content img {
      width: 100%;
      max-height: 400px;
      object-fit: cover;
    }

    .home-16 .content-heading {
      font-family: 'Montserrat', sans-serif;
      font-size: 30px;
      letter-spacing: 5px;
      margin-bottom: 20px;
    }

    .home-16 .content-text {
      color: #555;
      line-height: 1.8;
    }

    .home-16 .btn-more {
      margin-top: 20px;
      background: #000;
      color: #fff;
      border-radius: 20px;
      padding: 10px 20px;
      text-transform: uppercase;
      font-size: 12px;
      border: none;
    }

    @media (max-width: 768px) {
      .home-16 .row {
        flex-direction: column;
      }
      .home-16 .left-tabs {
        border-right: none;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        margin-bottom: 20px;
      }
    }

    /* about-10 */

     @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYh8yD.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Dancing Script';
      src: url('https://fonts.gstatic.com/s/dancingscript/v18/If2RXTr6YS-zF4S-kcSWSVi_szU.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Open Sans';
      src: url('https://fonts.gstatic.com/s/opensans/v34/mem8YaGs126MiZpBA-U1UpcaXcl0Aw.woff2') format('woff2');
    }

    .about-10.section-wrapper {
      padding: 80px 15px!important;
      font-family: 'Open Sans', sans-serif;

    }

    .about-10 .about-heading {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 2px;
      margin-bottom: 5px;
    }

    .about-10 .brand-name {
      font-family: 'Playfair Display', serif;
      font-size: 24px;
      font-weight: bold;
      display: inline-block;
      margin-right: 10px;
    }

    .about-10 .script-title {
      font-family: 'Dancing Script', cursive;
      font-size: 32px;
      display: inline-block;
    }

    .about-10 .about-text {
      margin-top: 20px;
      font-size: 14px;
      color: #555;
    }

    .about-10 .feature-list {
      margin-top: 20px;
      list-style: none;
      padding: 0;
    }

    .about-10 .feature-list li {
      margin-bottom: 10px;
      padding-left: 30px;
      position: relative;
    }

    .about-10 .feature-list li:before {
      content: '\f00c';
      font-family: FontAwesome;
      position: absolute;
      left: 0;
      color: #5b6d5b;
      font-size: 16px;
    }

    .about-10 .signature {
      margin-top: 30px;
    }

    .about-10 .signature img {
      height: 40px;
      margin-bottom: 10px;
    }

    .about-10 .signature-name {
      font-weight: bold;
    }

    .about-10 .signature-title {
      font-size: 13px;
      color: #888;
    }

    .about-10 .profile-image {
      position: relative;
      margin-top: 30px;
    }

    .about-10 .profile-image img {
      width: 100%;
      max-width: 400px;
      border: 30px solid #5b6d5b;
      border-radius: 8px;
    }

    @media (min-width: 768px) {
      .about-10 .profile-image {
        margin-top: 0;
      }
    }

    /* Newsletter-3 */
  @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.googleapis.com/css2?family=Playfair+Display');
    }
    @font-face {
      font-family: 'Dancing Script';
      src: url('https://fonts.googleapis.com/css2?family=Dancing+Script');
    }

    .newsletter-3.section-wrapper {
      display: flex;
      flex-wrap: wrap;
      min-height: 100vh;
      background-color: #fff;
    }

    .newsletter-3 .form-container {
      flex: 1;
      padding: 60px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .newsletter-3 .form-container h5 {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 12px;
      margin-bottom: 10px;
      color: #333;
    }

    .newsletter-3 .form-container h2 {
      font-family: 'Playfair Display', serif;
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .newsletter-3 .form-container h2 span {
      font-family: 'Dancing Script', cursive;
      font-size: 40px;
      font-weight: normal;
    }

    .newsletter-3 .form-container p {
      font-size: 14px;
      margin-bottom: 30px;
      color: #444;
    }

    .newsletter-3 .form-control {
      border-radius: 0;
      margin-bottom: 20px;
      height: 44px;
      box-shadow: none;
    }

    .newsletter-3 .btn-signup {
      border-radius: 30px;
      padding: 10px 30px;
      background: transparent;
      border: 1px solid #000;
      color: #000;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 13px;
      transition: all 0.3s ease;
    }

    .newsletter-3 .btn-signup:hover {
      background: #000;
      color: #fff;
    }

    @media (max-width: 767px) {
      .newsletter-3.section-wrapper {
        flex-direction: column;
      }

      .newsletter-3 .form-container {
        padding: 30px 20px;
      }

      .newsletter-3 .form-container h2 {
        font-size: 24px;
      }

      .newsletter-3 .form-container h2 span {
        font-size: 32px;
      }
    }

    /* Blog-7 */


     @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
    }
    @font-face {
      font-family: 'Dancing Script';
      src: url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
    }

    .blog-7.section-wrapper {
      background-color: #7b8773;
      padding: 60px 20px;
      font-family: 'Playfair Display', serif;
      color: #fff;
    }

    .blog-7 .blog-header {
      text-align: left;
      margin-bottom: 40px;
    }

    .blog-7 .blog-header h5 {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .blog-7 .blog-header h2 {
      font-size: 36px;
      font-weight: bold;
    }

    .blog-7 .blog-header h2 span {
      font-family: 'Dancing Script', cursive;
      font-weight: normal;
    }

    .blog-7 .blog-header p {
      max-width: 600px;
      font-size: 14px;
      margin-top: 15px;
      color: #ddd;
    }

    .blog-7 .carousel-inner > .item > .blog-7.blog-item-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    .blog-7 .blog-item {
      position: relative;
      width: 100%;
      max-width: 460px;
      margin: 15px;
    }

    .blog-7 .blog-item img {
      width: 100%;
      height: auto;
      display: block;
    }

    .blog-7 .blog-content-box {
      background: #fff;
      color: #000;
      padding: 20px;
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

    .blog-7 .blog-content-box small {
      font-size: 12px;
      text-transform: uppercase;
      color: #777;
      display: block;
      margin-bottom: 8px;
    }

    .blog-7 .blog-content-box h4 {
      font-size: 16px;
      margin: 0;
      font-weight: bold;
    }

    .blog-7 .custom-carousel-indicators {
      text-align: center;
      margin-top: 20px;
    }

    .blog-7 .custom-carousel-indicators li {
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #ccc;
      border-radius: 50%;
      margin: 5px;
    }

    .blog-7 .custom-carousel-indicators .active {
      background-color: #fff;
    }

    @media (max-width: 767px) {
      .blog-7 .blog-item {
        max-width: 100%;
        margin: 10px 0;
      }

      .blog-7 .blog-content-box {
        position: static;
        margin-top: 10px;
      }

      .blog-7 .carousel-inner > .item > .blog-7.blog-item-wrapper {
        flex-direction: column;
        align-items: center;
      }

      .blog-7 .blog-header h2 {
        font-size: 28px;
      }
    }

    /* about-11 */

    @font-face {
      font-family: 'Playfair Display';
      font-style: normal;
      font-weight: 400;
      src: local('Playfair Display'), url('https://fonts.gstatic.com/s/playfairdisplay/v30/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhH4.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      src: local('Poppins'), url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    }


    .about-11.section-wrapper {
      padding: 60px 0;
      font-family: 'Poppins', sans-serif;
    }

    .about-11 .pricing-header {
      text-align: center;
      margin-bottom: 30px;
    }

    .about-11 .pricing-header h2 {
      font-family: 'Playfair Display', serif;
      font-size: 36px;
      margin: 0;
      font-weight: 400;
    }

    .about-11 .pricing-header small {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      color: #666;
    }

    .about-11 .pricing-header p {
      font-size: 14px;
      max-width: 600px;
      margin: 20px auto 0;
      color: #444;
    }

    .about-11 .pricing-box {
      background: #7c8673;
      color: #fff;
      padding: 30px;
      position: relative;
    }

    .about-11 .pricing-box h3 {
      font-family: 'Playfair Display', serif;
      font-size: 24px;
      margin-bottom: 10px;
    }

    .about-11 .pricing-box .price {
      font-size: 22px;
      font-weight: bold;
    }

    .about-11 .pricing-box .desc {
      font-size: 13px;
      margin: 15px 0;
    }

    .about-11 .pricing-box ul {
      list-style: none;
      padding-left: 0;
    }

    .about-11 .pricing-box ul li {
      margin-bottom: 8px;
    }

    .about-11 .pricing-box ul li:before {
      content: "\2713";
      color: #fff;
      margin-right: 10px;
    }

    .about-11 .pricing-box .btn {
      background: #fff;
      color: #333;
      border-radius: 50px;
      padding: 6px 20px;
      font-size: 14px;
    }

    .about-11 .pricing-image {
      position: relative;
    }

    .about-11 .pricing-image img {
      width: 100%;
      height: auto;
    }

    .about-11 .pricing-box-wrapper {
      position: absolute;
      right: 15px;
      bottom: 15px;
      max-width: 400px;
    }

    @media (max-width: 767px) {
      .about-11 .pricing-box-wrapper {
        position: static;
        margin-top: 20px;
      }
    }


    /* contact-4 */

     .contact-4.contact-section {
      background-color: #0d0d0d;
      padding: 60px 20px!important;
      color: #fff;
    }

    .contact-4 .form-wrapper {
      background-color: #1e102e;
      border-radius: 10px;
      padding: 30px;
      margin-bottom: 30px;
    }

    .contact-4 .form-title {
      font-size: 28px;
      font-weight: 600;
      color: #c79cff;
      margin-bottom: 10px;
    }

    .contact-4 .form-subtitle {
      font-size: 14px;
      color: #ccc;
      margin-bottom: 25px;
    }

    .contact-4 .form-control,
    .contact-4 .form-select {
      background-color: #141414;
      border: none;
      color: #fff;
      border-radius: 5px;
    }

    .contact-4 .form-control:focus {
      box-shadow: none;
    }

    .contact-4 .btn-send {
      background: linear-gradient(to right, #8f44fd, #5b2fbd);
      color: #fff;
      border: none;
      padding: 10px 25px;
      border-radius: 25px;
      font-weight: bold;
    }

    .contact-4 .contact-info {
     margin-top: 200px;
  padding-left: 81px;
    }

    .contact-4 .info-item {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .contact-4 .info-icon {
background-color: #5c2caf;
  color: white;
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 50%;
  margin-right: 14px;
  width: 40px;
  height: 40px;

    }

    .contact-4 .info-text strong {
display: block;
  color: #5e5e5e;
  font-weight: bold;
  margin-bottom: -8px;
    }

    .contact-4 .info-text span {
      color: #2e2e2e;
    }

    /* home-17 */

    @font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2') format('woff2');
}

.home-17-skills-section {
  background-color: #0e061a;
  padding: 60px 20px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.home-17-section-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.home-17-section-title span {
  color: #c18eff;
}

.home-17-section-subtitle {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.home-17-skills-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.home-17-skill-box {
  background-color: #1b102c;
  border-radius: 12px;
  padding: 20px 10px;
  margin: 10px auto;
  text-align: center;
  min-height: 150px;
  transition: all 0.3s ease;
}

.home-17-skill-box img {
  height: 40px;
  margin-bottom: 15px;
  filter: grayscale(100%) brightness(200%);
}

.home-17-percentage {
  color: #ddd;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.home-17-label {
  color: #b488ff;
  font-size: 14px;
}
/* home-18 */

@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2') format('woff2');
}

.home-18 * {
  font-family: 'Poppins', sans-serif;
}

.home-18-services-section {
  background-color: #0e0e0e;
  padding: 60px 15px;
  color: #ffffff;
}

.home-18-section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.home-18-section-title span {
  color: #c18eff;
}

.home-18-section-subtitle {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.home-18-service-box {
  border-top: 1px solid #333;
  padding: 25px 0;
}

.home-18-service-box:last-child {
  border-bottom: 1px solid #333;
}

.home-18-index {
  color: #c18eff;
  font-weight: 600;
  font-size: 16px;
}

.home-18-title {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.home-18-description {
  font-size: 13px;
  color: #bbb;
  margin-top: 5px;
}

.home-18-icon {
  font-size: 18px;
  color: #b488ff;
  line-height: 1.5;
}

.home-18-active {
  background-color: #7836ff;
  border-radius: 6px;
}

.home-18-active .home-18-index,
.home-18-active .home-18-title,
.home-18-active .home-18-description {
  color: #fff;
}

.home-18-active .home-18-icon {
  color: #fff;
}

/* .testimonial-5 */


        .testimonial-10-heading {
            font-size: 32px;
            font-weight: 800;
            color: #ffffff;
        }

        .testimonial-10-heading span {
            color: #a661ff;
        }

        .testimonial-10-subtext {
            color: #aaa;
            margin-top: 10px;
            font-size: 14px;
        }

        .testimonial-10-carousel {
            margin-top: 20px;
        }

        .testimonial-10-card {
            background: #1a1328;
            padding: 20px;
            border-radius: 16px;
            color: #fff;
            min-height: 280px;
            position: relative;
        }

        .testimonial-10-logo {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .testimonial-10-avatar {
            width: 48px!important;
            height: 48px!important;
            border-radius: 50%;
            object-fit: cover;
        }

        .testimonial-10-quote {
            margin: 20px 0;
            font-size: 14px;
            line-height: 1.6;
        }

        .testimonial-10-name {
            font-weight: 700;
            margin-bottom: 4px;
        }

        .testimonial-10-role {
            font-size: 13px;
            color: #aaa;
        }

        @media (max-width: 767px) {
            .testimonial-10-heading {
                font-size: 24px;
            }

            .testimonial-10-card {
                margin-bottom: 15px;
            }
        }
        /* about-12 */

        @font-face {
    font-family: 'Manrope';
    src: url('https://fonts.gstatic.com/s/manrope/v12/xn7gYHE41ni1AdIRgg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.about-12 * {
    font-family: 'Manrope', sans-serif;
}

.about-12 {
    background-color: #fdfdfd;
    padding: 60px 0;
}

.about-12 .about-12-image-wrapper {
    position: relative;
    padding-right: 30px;
    margin-bottom: 30px;
}

.about-12 .about-12-img-1 {
    width: 75%;
    border-radius: 4px;
}

.about-12 .about-12-img-2 {
    position: absolute;
    bottom: -20px;
    left: 166px;
    width: 70%;
    border: 6px solid #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.about-12 .about-12-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.about-12 .about-12-title {
    font-size: 32px;
    font-weight: 800;
    color: #111;
    margin-bottom: 20px;
}

.about-12 .about-12-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.7;
}

.about-12 .about-12-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.about-12 .about-12-list li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

.about-12 .about-12-list li:before {
    content: "✓";
    color: #f68b1f;
    margin-right: 8px;
}

.about-12 .about-12-btn {
    background-color: #f68b1f;
    color: #fff;
    border: none;
    padding: 10px 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .about-12 .about-12-img-2 {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .about-12 .about-12-image-wrapper {
        padding-right: 0;
    }

    .about-12 .about-12-title {
        font-size: 24px;
    }
}

/* pricing-2 */
@font-face {
    font-family: 'Manrope';
    src: url('https://fonts.gstatic.com/s/manrope/v12/xn7gYHE41ni1AdIRgg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.pricing-2 * {
    font-family: 'Manrope', sans-serif;
}

.pricing-2 {
    background-color: #fdfdfd;
    padding: 60px 0;
}

.pricing-2 .pricing-2-box {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding: 30px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.pricing-2 .pricing-2-box h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111;
}

.pricing-2 .pricing-2-box p {
    font-size: 13px;
    color: #777;
    margin-bottom: 20px;
}

.pricing-2 .pricing-2-price {
    font-size: 32px;
    font-weight: 800;
    color: #111;
    margin-bottom: 5px;
}

.pricing-2 .pricing-2-price small {
    font-size: 16px;
    font-weight: 400;
    color: #777;
}

.pricing-2 .pricing-2-features {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.pricing-2 .pricing-2-features li {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}

.pricing-2 .pricing-2-btn {
    background-color: #111;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    border: none;
    border-radius: 2px;
}

.pricing-2 .pricing-2-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.pricing-2 .pricing-2-title {
    font-size: 32px;
    font-weight: 800;
    color: #111;
    margin-bottom: 20px;
}

.pricing-2 .pricing-2-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.7;
}

.pricing-2 .pricing-2-about-btn {
    background-color: #f68b1f;
    color: #fff;
    border: none;
    padding: 10px 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .pricing-2 .pricing-2-title {
        font-size: 24px;
    }

    .pricing-2 .pricing-2-price {
        font-size: 28px;
    }
}

/* services-6 */

 .services-6.section-wrapper {
      padding: 60px 0px!important;
      text-align: center!important;
    }

    .services-6 .section-title {
      text-transform: uppercase;
      color: #999;
      font-size: 13px;
      letter-spacing: 1px;
      font-family: 'Poppins', sans-serif;
    }

    .services-6 .main-title {
      font-family: 'Poppins', sans-serif;
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 30px;
    }

    .services-6 .service-box {
      margin-bottom: 30px;
    }

    .services-6 .service-image img {
      width: 100%;
      height: auto;
      border-radius: 4px;
    }

    .services-6 .service-title {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-top: 15px;
    }

    .services-6 .service-desc {
      font-family: 'Lora', serif;
      font-size: 14px;
      color: #666;
      margin-top: 10px;
    }

    .services-6 .learn-more {
      font-family: 'Poppins', sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: #c2a878;
      margin-top: 10px;
      display: inline-block;
      text-transform: uppercase;
    }

    .services-6 .learn-more:after {
      content: ' →';
    }

    /* Responsive spacing */
    @media (max-width: 767px) {
      .services-6 .main-title {
        font-size: 22px;
      }

      .services-6 .service-title {
        font-size: 12px;
      }

      .services-6 .service-desc {
        font-size: 13px;
      }
    }


/* testimonial-6 */
    .testimonial-6.section-wrapper {
      background: url('assets/images/testimonial-6-bg.jpg') no-repeat center center;
      background-size: cover;
      padding: 80px 15px!important;
      color: white;
      position: relative;
    }

    .testimonial-6.section-wrapper::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1;
    }

    .testimonial-6 .container {
      position: relative;
      z-index: 2;
      text-align: center;
    }

    .testimonial-6 .section-subtitle {
      font-family: 'Poppins', sans-serif;
      font-size: 13px;
      text-transform: uppercase;
      color: #c2a878;
      margin-bottom: 10px;
      letter-spacing: 1px;
    }

    .testimonial-6 .section-title {
      font-family: 'Poppins', sans-serif;
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 40px;
    }

    .testimonial-6 .owl-carousel .item {
      max-width: 800px;
      margin: 0 auto;
    }

    .testimonial-6 .quote-icon {
      font-size: 48px;
      color: #c2a878;
      margin-bottom: 20px;
    }

    .testimonial-6 .testimonial-text {
      font-family: 'Playfair Display', serif;
      font-size: 16px;
      line-height: 1.8;
      font-style: italic;
      color: #eee;
      margin-bottom: 30px;
    }

    .testimonial-6 .client-img {
      width: 50px!important;
      height: 50px!important;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
    }

    .testimonial-6 .client-name {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      color: #fff;
    }

    .testimonial-6 .client-role {
      display: block;
      font-size: 12px;
      color: #bbb;
      font-family: 'Poppins', sans-serif;
    }

    .testimonial-6 .owl-dots {
      text-align: center;
      margin-top: 20px;
    }

    .testimonial-6 .owl-dot span {
      background: #aaa;
    }

    .testimonial-6 .owl-dot.active span {
      background: #c2a878;
    }

    @media (max-width: 767px) {
      .testimonial-6 .section-title {
        font-size: 22px;
      }

      .testimonial-6 .testimonial-text {
        font-size: 15px;
      }
    }


/* services-7 */
.section-wrapper.services-7{
      background-size: cover;
      padding: 80px 15px!important;
      color: white;
      position: relative;
}
.services-7-form-wrapper,
.services-7-legal-wrapper {
  padding: 20px;
  margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
}

.services-7-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.services-7-subtext {
  color: #666;
  font-size: 14px;
  margin-bottom: 20px;
}

.services-7-input {
  margin-bottom: 15px;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 13px;
}

.services-7-submit-btn {
  background-color: #bfa46f;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 30px;
  border: none;
  border-radius: 0;
}

.services-7-alert-item {
  margin-bottom: 20px;
  overflow: hidden;
}

.services-7-alert-img {
  float: left;
  width: 80px;
  margin-right: 15px;
}

.services-7-alert-img img {
  border-radius: 5px;
}

.services-7-alert-content {
  overflow: hidden;
}

.services-7-alert-title {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  color: #333;
  text-decoration: none;
}

.services-7-alert-title:hover {
  text-decoration: underline;
}

.services-7-alert-meta {
  font-size: 12px;
  color: #999;
}

.services-7-readmore a {
  font-size: 13px;
  text-transform: uppercase;
  color: #bfa46f;
  text-decoration: none;
}

.services-7-readmore a:hover {
  text-decoration: underline;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .services-7-alert-img {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }
}

/* blog-8 */

    .blog-8-section-wrapper {
      padding: 50px 0;
      background-color: #f5f7fa;
      border-radius: 20px;
      text-align: center;
    }
.blog-8 .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* adds consistent spacing between cards */
}
    .blog-8-title {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #222;
    }

    .blog-8-subtitle {
      color: #7a7a7a;
      margin-bottom: 40px;
    }

    .blog-8-card {
      background-color: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      margin-bottom: 30px;
      transition: 0.3s;
    }

    .blog-8-card:hover {
      transform: translateY(-5px);
    }

    .blog-8-top {
      height: 120px;
      background-size: cover;
      background-position: center;
    }

    .blog-8-profile {
      margin-top: -40px;
      text-align: center;
    }

    .blog-8-profile img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      border: 4px solid #fff;
    }

    .blog-8-name {
      font-size: 16px;
      font-weight: 600;
      margin-top: 10px;
      margin-bottom: 5px;
    }

    .blog-8-job {
      color: #7a7a7a;
      font-size: 13px;
      margin-bottom: 40px;
    }

    .blog-8-badge {
      position: absolute;
top: 18px;
  left: 53px;
      background: #fff;
      border-radius: 30px;
      font-size: 12px;
      padding: 3px 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      display: flex;
      align-items: center;
      font-weight: 600;
    }

    .blog-8-badge i {
      margin-left: 5px;
    }

.blog-8-card-wrapper {
  padding: 10px;
}

.blog-8-section-wrapper .row {
  max-width: 1200px;
  margin: 0 auto;
}

.blog-8-card {
  width: 100%;
  max-width: 200px;
  margin: auto;
}

/* home-19 */


.home-19-section-wrapper {
      padding: 50px 15px;
    }

    .home-19-heading {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 28px;
      margin-bottom: 10px;
      color: #1a1a1a;
    }

    .home-19-subheading {
      font-size: 16px;
      color: #7a7a7a;
      margin-bottom: 30px;
    }

    .home-19-overlap-container {
      position: relative;
    }

    .home-19-image-box {
      border-radius: 20px;
      overflow: hidden;
    }

    .home-19-image-box img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 20px;
    }

    .home-19-card {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.6);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      border-radius: 20px;
      padding: 25px;
      width: 90%;
      max-width: 500px;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
      z-index: 2;
    }

    .home-19-tag {
      background: #f9e79f;
      color: #6e5d00;
      display: inline-block;
      padding: 5px 10px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 5px;
      margin-bottom: 15px;
    }

    .home-19-title {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 15px;
      color: #1a1a1a;
    }

    .home-19-author {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }

    .home-19-author img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 10px;
    }

    .home-19-author-info {
      font-size: 13px;
    }

    .home-19-meta {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
      color: #555;
    }

    .home-19-arrow {
      margin-top: 20px;
    }

    .home-19-arrow a {
      display: inline-block;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #ccc;
      text-align: center;
      line-height: 36px;
      color: #333;
      text-decoration: none;
    }

    @media (max-width: 767px) {
      .home-19-card {
        position: relative;
        transform: none;
        width: 100%;
        margin-top: 20px;
      }

      .home-19-meta {
        flex-direction: column;
        gap: 5px;
      }
    }

/* blog-9 */

 .blog-9.section-wrapper {
      padding: 30px 15px;
      background: #f9f9f9;
    }

    .blog-9 .section-title {
      font-weight: 700;
      font-size: 28px;
    }

    .blog-9 .tabs {
      margin: 20px 0;
    }

    .blog-9 .tabs button {
      background: transparent;
      border: none;
      font-weight: 600;
      margin-right: 15px;
      padding: 6px 12px;
      border-radius: 20px;
    }

    .blog-9 .tabs button.active {
      background: #0e1f51;
      color: #fff;
    }

    .blog-9 .main-article img {
      max-width: 100%;
      border-radius: 15px;
    }

    .blog-9 .article-meta {
      font-size: 12px;
      color: #999;
    }

    .blog-9 .article-title {
      font-size: 16px;
      font-weight: 600;
      color: #1d1d1d;
    }

    .blog-9 .article-description {
      color: #666;
      font-size: 14px;
    }

    .blog-9 .badge {
      font-size: 10px;
      border-radius: 6px;
      padding: 2px 6px;
      margin-bottom: 10px;
      display: inline-block;
    }

    .blog-9 .list-article {
      margin-bottom: 15px;
      padding: 10px;
      border-radius: 15px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .blog-9 .view-all {
      float: right;
      font-weight: 600;
      font-size: 14px;
    }

    @media(max-width: 768px) {
      .blog-9 .view-all {
        float: none;
        display: block;
        margin-top: 10px;
      }
    }

/* home-20 */

.home-20 {
  background-size: cover;
  padding: 60px 0;
  position: relative;
  color:#d3d3d3!important;
}

.home-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.home-20-container {
  position: relative;
  z-index: 2;
}

.home-20-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
    color:#d3d3d3!important;
}

.home-20-subtitle {
  font-size: 14px;
  margin-bottom: 30px;
}

.home-20-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.home-20-menu-list li {
  font-size: 18px;
  padding: 10px 15px;
  border-left: 4px solid transparent;
  cursor: pointer;
  margin-bottom: 8px;
  transition: all 0.3s;
}

.home-20-menu-list li i {
  margin-right: 10px;
}

.home-20-menu-list li.active,
.home-20-menu-list li:hover {
  color: #f26522;
  border-left: 4px solid #f26522;
  background-color: rgba(255, 255, 255, 0.05);
}

.home-20-menu-items {
  margin-top: 30px;
}

.home-20-menu-block {
  margin-bottom: 30px;
}

.home-20-menu-block h5 {
  font-weight: 700;
  margin-bottom: 8px;
}

.home-20-menu-block p {
  font-size: 13px;
  margin-bottom: 10px;
}

.home-20-menu-block strong {
  border-top: 1px dashed #ccc;
  padding-top: 5px;
  display: inline-block;
  color: #f5f5f5;
}

/* Responsive */
@media (max-width: 767px) {
  .home-20-title {
    text-align: center;
  }

  .home-20-sidebar,
  .home-20-menu-items {
    text-align: center;
  }

  .home-20-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .home-20-menu-list li {
    width: 45%;
    margin: 5px;
  }
}


/* home-21 */

@font-face {
      font-family: 'Dancing Script';
      src: url('https://fonts.gstatic.com/s/dancingscript/v17/If2RXTr6YS-zF4S-kcSWSVi_szM.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Montserrat';
      src: url('https://fonts.gstatic.com/s/montserrat/v25/JTURjIg1_i6t8kCHKm45_cJD6Q.woff2') format('woff2');
      font-weight: 700;
    }

    .home-21.section-wrapper {

    }

    .home-21.content-box {
      max-width: 500px;
    }

    .home-21.subtitle {
      font-family: 'Dancing Script', cursive;
      font-size: 32px;
      color: #fff;
    }

    .home-21.title {
      font-family: 'Montserrat', sans-serif;
      font-size: 28px;
      font-weight: 700;
      margin: 20px 0;
      color: #fff;
    }

    .home-21.btn-orange {
      background-color: #ff5e13;
      color: #fff;
      padding: 12px 24px;
      border: none;
      font-weight: bold;
      margin-top: 15px;
      transition: background 0.3s;
    }

    .home-21.btn-orange:hover {
      background-color: #e04e0f;
    }

    .home-21.dots {
      margin-top: 30px;
    }

    .home-21.dot {
      display: inline-block;
      width: 20px;
      height: 3px;
      background: #ccc;
      margin-right: 5px;
    }

    .home-21.dot.active {
      background: #ff5e13;
      width: 30px;
    }

    @media (max-width: 767px) {
      .home-21.title {
        font-size: 22px;
      }

      .home-21.subtitle {
        font-size: 24px;
      }

      .home-21.section-wrapper {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        justify-content: center;
      }
    }


/* home-22 */

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.ttf') format('truetype');
}

.home-22 * {
  box-sizing: border-box;
  font-family: 'Nunito', sans-serif;
}
.home-22.section-wrapper{
  background: linear-gradient(to right, #fbb700 60%, #fff 40%);
background:#fbb700;
}
.home-22 .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  min-height: 100%;
}

.home-22-left, .home-22-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-22-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.home-22-container {
  /* background: linear-gradient(to right, #fbb700 60%, #fff 40%); */
  background:#fbb700;
  padding: 60px 20px;
}

.home-22-left {
  color: white;
  padding: 20px;
}

.home-22-subtitle {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  color: #fff;
}

.home-22-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.home-22-date {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

.home-22-timer-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.home-22-timer-box {
  background: #f6921e;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 5px;
  color: white;
  width: 82px;
}

.home-22-timer-number {
  font-size: 30px;
  display: block;
}

.home-22-timer-label {
  font-size: 12px;
  text-transform: uppercase;
}

.home-22-btn {
  background: linear-gradient(to top, #f44336, #ff7043);
  border: none;
  color: white;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  width: 200px;
  margin: 0px auto;
}
.home-22-img-wrapper {
  height: 100%;
}


.home-22-right {
  text-align: center;
  padding: 20px;
}

.home-22-img {
  max-width: 100%;
  height: auto;
}

/* home-23 */

    @font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    }

    .home-23.section-wrapper {
	background-size: cover!important;
	padding: 80px 0;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	position: relative;
	z-index: 1;
    }

    .home-23.section-wrapper h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .home-23.section-wrapper p.subtitle {
      font-size: 14px;
      max-width: 600px;
      margin: 0 auto 40px;
      color: #fff3eb;
    }
.class-card .content{
display: block!important;
}
    .home-23 .class-card {
      background: #fff;
      border-radius: 0px;
      overflow: hidden;
      margin-bottom: 30px;
      color: #333;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

    .home-23 .class-card img {
      width: 100%;
      height: auto;
    }

    .home-23 .class-card .content {
      padding: 20px;
    }

    .home-23 .class-card h4 {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 20px;
    }

    .home-23 .yoga-class h4 {
      color: #7ecb81;
    }

    .home-23 .piano-class h4 {
      color: #ffd806;
    }

    .home-23 .art-class h4 {
      color: #f59bb4;
    }

    .home-23 .class-card p {
      font-size: 13px;
      color: #777;
      margin-bottom: 15px;
    }

    .home-23 .class-info {
      border-top: 1px solid #eee;
      padding-top: 10px;
      font-size: 12px;
      color: #999;
      display: flex;
  justify-content: space-around;
    }

    .home-23 .class-info .price {
      color: #fd6a36;
      font-size: 30px;
      font-weight: bold;
    }

    .home-23 .class-info span {
      display: inline-block;
      margin-right: 15px;
    }

    @media (max-width: 767px) {
      .home-23 .section-wrapper h2 {
        font-size: 28px;
      }
    }


/* about-13 */

@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2') format('woff2');
}

.about-13 * {
  font-family: 'Poppins', sans-serif;
}

.about-13 {
  padding: 60px 0;
  background: #fff;
}
.about-13-title {
  font-family: 'Nunito', sans-serif;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #444;
}

.about-13-feature {
  position: relative;
  padding: 0 20px 40px;
  margin-bottom: 40px;
}

.about-13-icon-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 20px;
  font-size: 36px;
  line-height: 80px;
  color: white;
}

.about-13-icon-box.yellow { background-color: #FFC107; }
.about-13-icon-box.green { background-color: #8BC34A; }
.about-13-icon-box.orange { background-color: #FF5722; }
.about-13-icon-box.teal { background-color: #00BCD4; }

.about-13-heading {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #444;
}

.about-13-text {
  font-size: 14px;
  color: #777;
  min-height: 80px;
}

.about-13-btn {
  margin-top: 15px;
  border: 1px solid #ccc;
  background-color: transparent;
  padding: 8px 18px;
  border-radius: 20px;
  font-size: 13px;
  color: #333;
  transition: all 0.3s ease;
}

.about-13-btn:hover {
  background-color: #f1f1f1;
}

.about-13-vertical-line {
  position: absolute;
  top: 10%;
  right: 0;
  width: 1px;
  height: 80%;
  background: repeating-linear-gradient(
    to bottom,
    #ccc,
    #ccc 4px,
    transparent 4px,
    transparent 8px
  );
}

@media (max-width: 991px) {
  .about-13-vertical-line {
    display: none;
  }
}

/* about-14 */


@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
}
@font-face {
  font-family: 'Open Sans';
  src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
}

.about-14 * {
  font-family: 'Poppins', 'Open Sans', sans-serif;
}

.about-14-bg {
  background-size: cover;
  padding: 60px 0;
  color: #fff;
}

.about-14-heading {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #fff;
}

.about-14-heading strong {
  font-weight: 600;
  display: block;
  font-size: 36px;
  color: #fff;
}

.about-14-text {
  font-size: 14px;
color: #fff;
  margin-bottom: 15px;

}

.about-14-more-link {
color: #fff;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 30px;
  text-transform: uppercase;

}

.about-14-cards {
  margin-top: 30px;
}

.about-14-card {
  background: #ffffff73;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.about-14-icon {
font-size: 40px;
}

.about-14-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #ff5722;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about-14-card-title-alt {
  font-size: 16px;
  font-weight: 700;
  color: #f57c00;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about-14-card-text {
  font-size: 13px;
  color: #666;
  margin-bottom: 15px;
}

.about-14-btn {
  display: inline-block;
  background: #ff5722;
  color: #fff;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 13px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: 0.3s;
}
.about-14-btn:hover {
  background: #e64a19;
}

/* Right Panel */
.about-14-events-heading {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}

.about-14-events-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-14-events-list li {
  border-bottom: 7px dotted #ccc;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.about-14-event-date {
  display: block;
  font-size: 12px;
  color: #f44336;
  text-transform: uppercase;
  font-weight: 600;
}

.about-14-event-title {
  font-size: 16px;
  font-weight: 600;
color: #fff;
  margin: 5px 0;
}

.about-14-event-details {
  font-size: 13px;
 color: #fff;
}

.about-14-more-events {
  display: inline-block;
  margin-top: 10px;
  color: #8bc34a;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}

/* about-15 */
.about-15-section-wrapper {

    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color: white;
    padding: 60px 0;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

.about-15-subtitle {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
}

.about-15-title {
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: bold;
}

.about-15-stats {
    margin-top: 20px;
}

.about-15-number {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
}

.about-15-label {
    font-size: 14px;
    font-weight: 500;
}

/* Responsive tweaks */
@media (max-width: 767px) {
    .about-15-title {
        font-size: 28px;
    }

    .about-15-number {
        font-size: 30px;
    }

    .about-15-label {
        font-size: 13px;
    }
}




/* Responsive */
@media (max-width: 768px) {
  .about-14-heading {
    font-size: 24px;
  }

  .about-14-heading strong {
    font-size: 28px;
  }

  .about-14-card {
    margin-bottom: 20px;
  }
}

.home-24.section-wrapper {
  position: relative;
  overflow: hidden;
padding: 44px 0;
  text-align: center;
  color: #fff;
  font-family: 'Playfair Display', serif;
  background: url('../../assets/images/home-24-bg.jpg') repeat-x center center;
  background-size: cover;
}

/* Cloud pattern aligned to bottom and animated */
.home-24.bg-cloud-pattern {
  position: absolute;
  bottom: 0; /* align to bottom */
  left: 0;
  width: 150vw; /* wider than viewport to hide edges */
  height: 100px; /* adjust based on cloud image height */
  background: url('../../assets/images/cloud-white.png') repeat-x;
  background-size: auto 100%;
  animation: home-24-move-left 10s linear infinite;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
}
.home-24 .breadcrumb > li,.home-24 .breadcrumb > li + li::before,.home-24 .content-wrapper h1{
  color: #fff!important;
}
@keyframes home-24-move-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-25vw); } /* move back and forth subtly */
}

/* home-25 */

    .home-25-section-wrapper {
      background-color: #000a1a;
      color: white;
      text-align: center;
      padding: 40px 15px;
      font-family: 'Oswald', sans-serif;
    }

    .home-25-section-wrapper h2 {
      color: #ff2965;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .home-25-section-wrapper p {
      font-size: 12px;
      color: #ddd;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 40px;
    }

    .home-25-photo-grid {
      margin: 0;
      padding: 0;
    }

    .home-25-photo-item {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .home-25-photo-item img {
      width: 100%;
      height: auto;
      transition: transform 0.5s ease;
    }

    .home-25-photo-item:hover img {
      transform: scale(1.1);
    }

    .home-25-photo-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top right, rgba(255, 0, 102, 0.7), rgba(0, 102, 255, 0.7));
      opacity: 0;
      transition: opacity 0.5s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    .home-25-photo-item:hover .home-25-photo-overlay {
      opacity: 1;
    }

    .home-25-photo-overlay h4 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    }

    .home-25-photo-overlay span {
      font-size: 12px;
      margin-top: 5px;
    }

    /* Responsive grid for photos */
    .home-25-photo-grid .col-xs-6,
    .home-25-photo-grid .col-sm-4 {
      padding: 5px;
    }


  @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.woff2') format('woff2');
    }

    .newsletter-4.section-wrapper {
      background-size: cover;
      padding: 80px 20px;
      color: #fff;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      position: relative;
      z-index: 1;
    }

    .newsletter-4.section-wrapper::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 30, 0.7);
      z-index: -1;
    }

    .newsletter-4 h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 20px;
      text-transform: uppercase;
      color: #fff;
    }

    .newsletter-4 p {
      font-size: 16px;
      margin-bottom: 40px;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }

    .newsletter-4 .newsletter-form {
      max-width: 600px;
      margin: 0 auto;
    }

    .newsletter-4 .form-control {
      border-radius: 30px 0 0 30px;
      padding: 10px 20px;
      height: 46px;
      border: 1px solid #e91e63;
      box-shadow: none;
    }

    .newsletter-4 .btn-subscribe {
      border-radius: 0 30px 30px 0;
      background: linear-gradient(to right, #e91e63, #673ab7);
      color: #fff;
      border: none;
      height: 46px;
      padding: 0 25px;
      font-weight: bold;
    }

    .newsletter-4 .btn-subscribe i {
      margin-left: 10px;
    }

    @media (max-width: 480px) {
      .newsletter-4 .form-inline .form-control,
      .newsletter-4 .form-inline .btn-subscribe {
        width: 100%;
        border-radius: 30px;
        margin-bottom: 10px;
      }

      .newsletter-4 .form-inline .btn-subscribe {
        border-radius: 30px;
      }
    }
/* home-26 */

    .home-26-section-wrapper {
      background-size: contain;
      background-color: #b3e5fc;
      padding: 60px 20px!important;
      border-radius: 20px;
      overflow: hidden;
       margin: 60px 20px;
    }

    .home-26-content {
      max-width: 600px;
      color: #000;
    }

    .home-26-text h2 {
      font-family: 'Poppins', sans-serif;
      font-size: 38px;
      font-weight: 600;
      line-height: 1.2;
    }

    .home-26-highlight {
      color: #3f51b5;
    }

    .home-26-description {
      font-size: 16px;
      margin: 15px 0 25px;
    }

    .home-26-buttons .btn {
      margin-right: 10px;
      margin-bottom: 10px;
      border-radius: 6px;
      padding: 10px 22px;
      font-size: 15px;
    }

    @media (max-width: 767px) {
      .home-26-section-wrapper {
        background-position: bottom center;
        background-size: cover;
        text-align: center;
      }

      .home-26-content {
        max-width: 100%;
      }

      .home-26-text h2 {
        font-size: 28px;
      }
    }

/* services-8 */
  .services-8 * {
      font-family: 'Poppins', sans-serif;
    }

    .services-8 {
      text-align: center;
      padding: 60px 20px;
      background-color: #fff;
    }

    .services-8 h2 {
      font-weight: 700;
      font-size: 30px;
    }

    .services-8 h2 span {
      color: #2f80ed;
    }

    .services-8 p.subtitle {
      color: #666;
      font-size: 14px;
      margin-bottom: 40px;
    }

    .services-8 .feature-box {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
      padding: 30px 20px;
      margin-bottom: 30px;
      height: 330px; /* Fixed height */
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }

    .services-8 .feature-icon {
      font-size: 26px;
      background-color: #f3f3f3;
      display: inline-block;
      padding: 5px 15px;
      border-radius: 50%;
      margin-bottom: 15px;
      color: #000;
    }

    .services-8 .feature-box h4 {
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 10px;
    }

    .services-8 .feature-box p {
      font-size: 13px;
      color: #666;
      margin: 0;
    }

    @media (max-width: 767px) {
      .services-8 h2 {
        font-size: 24px;
      }

      .services-8 .feature-box {
        height: auto;
        padding: 20px 15px;
      }
    }

/* pricing-3 */
.pricing-3.section-wrapper {
      padding: 50px 15px;
      text-align: center;
    }

    .pricing-3-heading {
      font-size: 32px;
      font-weight: 600;
    }

    .pricing-3-heading span {
      color: #2563eb;
    }

    .pricing-3-card {
      background-color: #f9fafb;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0,0,0,0.05);
      padding: 30px;
      margin-bottom: 30px;
      height: 100%;
    }

    .pricing-3-plan h4,
    .pricing-3-free-box h4 {
      font-weight: 700;
      margin-bottom: 15px;
    }

    .pricing-3-plan ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 20px;
    }

    .pricing-3-plan ul li {
      margin: 10px 0;
      font-size: 14px;
      color: #4b5563;
    }

    .pricing-3-plan ul li i {
      color: #2563eb;
      margin-right: 8px;
    }

    .pricing-3-price {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 15px;
    }

    .pricing-3-btn {
      background-color: #2563eb;
      border: none;
      color: #fff;
      padding: 10px 20px;
      border-radius: 6px;
      font-weight: 600;
    }

    .pricing-3-free-box span {
      color: #2563eb;
    }

    .pricing-3-register {
      color: #2563eb;
      font-size: 14px;
      text-decoration: underline;
      display: block;
      margin-top: 10px;
    }

    .pricing-3-img {
      max-width: 100%;
      margin-top: 20px;
    }

    @media (min-width: 768px) {
      .pricing-3-cards {
        display: flex;
        justify-content: center;
        gap: 20px;
      }

      .pricing-3-card {
        flex: 1;
        max-width: 300px;
      }
    }

/* home-27 */
 @font-face {
      font-family: 'Open Sans';
      src: url('https://fonts.gstatic.com/s/opensans/v29/mem8YaGs126MiZpBA-UFVZ0e.ttf') format('truetype');
    }

    .home-27.section-wrapper {
      background-size: cover;
      color: #fff;
      padding: 100px 0;
      position: relative;
      font-family: 'Open Sans', sans-serif;
    }

    .home-27-overlay {
      background: rgba(0, 21, 42, 0.6);
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
    }

    .home-27-content {
      position: relative;
      z-index: 2;
      text-align: left;
      max-width: 600px;
    }

    .home-27 h2 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 20px;
      color: #fff !important;
    }

    .home-27 p {
      color: #4bc0f4;
      font-size: 16px;
      margin-bottom: 30px;
    }

    .home-27 .btn {
      border-radius: 25px;
      padding: 10px 25px;
      font-size: 14px;
      font-weight: 600;
    }

    .home-27 .btn-white {
      background-color: #fff;
      color: #000;
      border: none;
      margin-right: 15px;
    }

    .home-27 .btn-outline {
      background: transparent;
      border: 2px solid #fff;
      color: #fff;
    }

    @media (max-width: 767px) {
      .home-27 h2 {
        font-size: 26px;
      }

      .home-27 p {
        font-size: 14px;
      }

      .home-27 .btn {
        margin-bottom: 10px;
        display: block;
        width: 100%;
      }
    }

/* Home-28 */
.home-28.section-wrapper {
 padding: 60px 0;
}

.home-28-title {
  font-family: 'Montserrat', sans-serif;
  color: #0c1f4e;
  font-weight: 700;
  margin-bottom: 30px;
}
.home-28-subtitle {
  color: #ef660b;
  font-size: 16px;
  margin-bottom: 10px;
}

.home-28-feature-wrap {
  margin-top: 40px;
}
.home-28-icon-box {
  margin-bottom: 30px;
}
.home-28-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #ef660b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #ef660b;
  margin: 0 auto 10px auto;
}
.home-28-feature-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.home-28-feature p {
  font-size: 13px;
  color: #555;
}
.home-28-image-wrap {
  margin-top: 20px;
}
.home-28-image-circle {
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid #f5f7fa;
  padding: 10px;
  background-color: #ffffff;
  max-width: 300px;
  margin: 0 auto 30px;
}
.home-28-button {
  background: linear-gradient(to right, #ef660b, #f39301);
  color: white;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  margin-top: 20px;
  display: inline-block;
}
.home-28-button:hover {
  background: #d85d00;
  color: #fff;
}

@media (max-width: 767px) {
  .home-28-feature-wrap {
    text-align: center;
  }
  .home-28-left, .home-28-right {
    text-align: center;
  }
}

/* help-2 */
.help-2-section {
  font-family: 'Nunito', sans-serif;
  padding: 0;
  background: #f8fbff;
}

.help-2-container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
}

.help-2-bg-side {
  background-size: cover;
  min-height: 550px;
}

.help-2-form-col {
  padding: 50px 40px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.help-2-title {
  font-size: 32px;
  font-weight: 700;
  color: #062c5f;
  margin-bottom: 10px;
}

.help-2-subtitle {
  color: #7f8c9b;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.help-2-input {
  border-radius: 30px;
  padding: 10px 20px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  height: 45px;
  box-shadow: none;
}

.help-2-button {
  background-color: #007bff;
  color: #fff;
  border-radius: 25px;
  padding: 12px 35px;
  border: none;
  font-weight: bold;
  margin-top: 10px;
  transition: background 0.3s ease;
}

.help-2-button:hover {
  background-color: #0056b3;
}

/* .testimonial-7 */

.testimonial-7-heading {
  font-family: 'Ubuntu', sans-serif;
  color: #0c1f48;
  font-weight: bold;
  margin-bottom: 30px;
}

.testimonial-7-quote-box {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  position: relative;
  font-family: 'Open Sans', sans-serif;
}

.testimonial-7-quote-mark {
  color: #1e90ff;
  font-size: 20px;
  margin-right: 10px;
}

.testimonial-7-author {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.testimonial-7-author-img {
  width: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.testimonial-7-special-card {
  background: linear-gradient(to bottom right, #0c94f8, #0073cc);
  padding: 40px 20px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  border: 2px dashed #66c2ff;
}

.testimonial-7-icon {
  margin-bottom: 15px;
}

.testimonial-7-save-text {
  font-size: 22px;
  font-weight: 600;
}

.testimonial-7-save-text span {
  font-size: 32px;
  font-weight: bold;
}

.testimonial-7-note {
  font-size: 13px;
  margin: 15px 0;
}

.testimonial-7-btn {
  background: #fff;
  color: #0073cc;
  font-weight: bold;
  padding: 8px 20px;
  border-radius: 20px;
  margin-top: 10px;
}

.testimonial-7-btn:hover {
  background: #e6f3ff;
  color: #005fa3;
  border-color: #005fa3;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .testimonial-7-author {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* contact-5 */

 @font-face {
    font-family: 'Poppins';
    src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    font-weight: 400;
  }

  .contact-5 * {
    font-family: 'Poppins', sans-serif;
  }

  .contact-5.section-wrapper {
    padding: 60px 15px;
    background: #fff;
  }

  .contact-5 .contact-info {
    margin-bottom: 30px;
  }

  .contact-5 .contact-info h2 {
    font-size: 36px;
    font-weight: 700;
    color: #0a1f44;
  }

  .contact-5 .contact-info p {
    color: #666;
    margin: 20px 0;
  }

  .contact-5 .contact-info li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
  }

  .contact-5 .contact-info i {
    color: #8ce466;
    margin-right: 10px;
  }

  .contact-5 .contact-info .contact-phone {
    font-weight: bold;
    color: #0a1f44;
  }

  .contact-5 .form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
  }

  .contact-5 textarea.form-control {
    resize: none;
  }

  .contact-5 .btn-green {
    background-color: #8ce466;
    color: #fff;
    border-radius: 0;
    padding: 10px 30px;
    margin-top: 15px;
  }

  .contact-5 .form-check {
    margin-top: 15px;
  }

  .contact-5 .form-check-label {
    font-size: 12px;
  }

  .contact-5 .form-check-label a {
    color: #0a1f44;
    text-decoration: underline;
  }

  @media (max-width: 767px) {
    .contact-5 .contact-form {
      margin-top: 30px;
    }
  }


/* pricing-4 */
.pricing-4 {
  font-family: 'Inter', sans-serif;
  background-color: #f8faff;
  padding: 80px 0;
}

.pricing-4 .card {
  background: #fff;
  padding: 40px 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  margin-bottom: 30px;
  transition: 0.3s ease;
}

.pricing-4 .card:hover {
  transform: translateY(-5px);
}

.pricing-4 .icon img {
  width: 45px;
  margin-bottom: 20px;
}

.pricing-4 .pack-title {
  font-size: 18px;
  font-weight: 700;
  color: #0d1b39;
}

.pricing-4 .subtext {
  color: #6b7280;
  font-size: 13px;
  margin: 8px 0 20px;
}

.pricing-4 .price-wrapper {
  margin-bottom: 20px;
}

.pricing-4 .dollar {
  font-size: 18px;
  vertical-align: top;
}

.pricing-4 .price {
  font-size: 40px;
  font-weight: 700;
  color: #0d1b39;
}

.pricing-4 .duration {
  font-size: 14px;
  color: #6b7280;
}

.pricing-4 .list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  color: #4b5563;
  line-height: 1.8;
}

.pricing-4 .btn {
  padding: 10px 30px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.pricing-4 .btn-green {
  background-color: #65b32e;
  color: white;
}

.pricing-4 .btn-dark {
  background-color: #001b48;
  color: white;
}

.pricing-4 .content {
  padding: 20px;
}

.pricing-4 .tag {
  font-size: 12px;
  color: #6b7280;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 10px;
}

.pricing-4 .heading {
  font-size: 28px;
  font-weight: 700;
  color: #0d1b39;
  margin-bottom: 20px;
}

.pricing-4 .description {
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 20px;
}

.pricing-4 .video-link {
  color: #0d1b39;
  font-weight: 600;
  text-decoration: none;
}

.pricing-4 .circle {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  margin-right: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* service-9 */
  .services-9.section-wrapper {
      padding: 60px 0;
    }

    .services-9 .services-box {
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    }

    .services-9 .left-section,
    .services-9 .right-section {
      padding: 40px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .services-9 .sub-title {
      color: #ff3e3e;
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .services-9 .main-title {
      font-size: 26px;
      font-weight: 700;
      color: #1b1f3b;
      margin-bottom: 15px;
      line-height: 1.4;
    }

    .services-9 .desc {
      color: #6c757d;
      font-size: 14px;
      margin-bottom: 25px;
      line-height: 1.6;
    }

    .services-9 .feature-list {
      margin-bottom: 25px;
    }

    .services-9 .feature-item {
      margin-bottom: 10px;
      font-size: 14px;
      display: flex;
      align-items: center;
    }

    .services-9 .feature-item i {
      color: red;
      margin-right: 10px;
    }

    .services-9 .stats {
      border-top: 1px solid #eee;
      padding-top: 20px;
      margin-top: 20px;
    }

    .services-9 .stat-box {
      display: flex;
      align-items: center;
      font-size: 14px;
      margin-bottom: 15px;
    }

    .services-9 .stat-box i {
      color: #ff3e3e;
      font-size: 20px;
      margin-right: 10px;
    }

    .services-9 .stat-box strong {
      font-size: 20px;
      color: #000;
      margin-right: 5px;
    }

    .services-9 .image-wrapper {
      height: 100%;
      position: relative;
    }

    .services-9 .image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .services-9 .consult-box {
      position: absolute;
      bottom: 30px;
      right: 30px;
      background: #fff;
      padding: 15px 20px;
      box-shadow: 0 0 15px rgba(0,0,0,0.1);
      text-align: left;
    }

    .services-9 .consult-box h5 {
      margin: 0 0 5px;
      font-size: 14px;
      font-weight: 600;
      color: #1b1f3b;
    }

    .services-9 .consult-box a {
      font-size: 13px;
      color: #ff3e3e;
      font-weight: 600;
      text-decoration: none;
    }

    @media (max-width: 767px) {
      .services-9 .left-section,
      .services-9 .right-section {
        padding: 20px;
      }

      .services-9 .services-box {
        flex-direction: column;
      }

      .services-9 .image-wrapper {
        height: auto;
      }

      .services-9 .consult-box {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 15px;
      }
    }


    /* testimonial-8 */

@font-face {
  font-family: 'CustomSans';
  src: url('https://fonts.gstatic.com/s/opensans/v34/mem8YaGs126MiZpBA-UFVZ0e.ttf') format('truetype');
}

.testimonial-8 * {
  font-family: 'CustomSans', sans-serif;
}

.testimonial-8 {
  color: #cbd5e0;
  padding: 60px 0;
}

.testimonial-8-left {
  padding: 30px;
}

.testimonial-8-quote-icon {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 20px;
}

.testimonial-8-text {
  font-size: 16px;
  line-height: 1.7;
  color: #bfcbd7;
  max-width: 500px;
  margin: 0 auto 30px;
}

.testimonial-8-profile {
  margin-bottom: 20px;
}

.testimonial-8-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.testimonial-8-name {
  margin: 0;
  font-weight: 700;
  color: #ffffff;
}

.testimonial-8-role {
  font-size: 13px;
  color: #a0aec0;
}

.testimonial-8-dots .dot {
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: #999;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.testimonial-8-dots .active {
  background-color: #3182ce;
}

.testimonial-8-right {
  padding: 0;
}

.testimonial-8-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* servivce-10 */
@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlEA.woff2') format('woff2');
  font-weight: 700;
}

.services-10.section-wrapper {
  background-size: cover;
  padding: 100px 15px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

.services-10-text-col {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 10px;
}

.services-10-heading {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.services-10-description {
  font-size: 16px;
  max-width: 480px;
  margin: 0 auto 30px;
}

.services-10-btn {
  display: inline-block;
  background-color: #ff2c2c;
  color: white;
  padding: 12px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s;
}

.services-10-btn:hover {
  background-color: #e62222;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .services-10.section-wrapper {
    text-align: center;
  }

  .services-10-heading {
    font-size: 22px;
  }

  .services-10-description {
    font-size: 14px;
  }

  .services-10-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
}
/* home-29 */
 body {

      margin: 0;
      padding: 0;

    }

    .home-29.section-wrapper {
      font-family: 'Quicksand', sans-serif;
      background-color: #f7f7f7;
      position: relative;
      padding: 60px 0;
      background-size: cover;
      overflow: hidden;
    }

    .home-29 .community-network {
      position: relative;
    }

    .home-29 .map-marker {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      z-index: 2;
    }


    .home-29 .community-content {
      padding: 15px;
      background: transparent;
      z-index: 3;
    }

    .home-29 .community-content .item-title {
      font-size: 32px;
      font-weight: 700;
      color: #000;
      margin-bottom: 20px;
    }

    .home-29 .community-content .item-title span {
      color: #5e5cf6;
    }

    .home-29 .community-content p {
      font-size: 14px;
      color: #6c757d;
      line-height: 1.8;
    }

    .home-29 .bg-shape {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 200px;
      z-index: 1;
    }

    .home-29 .bg-shape img {
      width: 100%;
      height: auto;
    }

    @media (max-width: 767px) {
      .home-29 .community-content {
        padding-top: 40px;
      }

      .home-29 .map-marker li {
        display: none;
      }

      .home-29 .community-content .item-title {
        font-size: 24px;
        text-align: center;
      }

      .home-29 .community-content p {
        text-align: center;
      }
    }

    /* home-30 */

.home-30 * {
    font-family: 'Quicksand', sans-serif;
    box-sizing: border-box;
}

.home-30 {
    padding: 60px 0;
    background: url('assets/image/home-30-bg.jpg') no-repeat center center;
    background-size: cover;
    color: #333;
}

.item-subtitle {
    font-size: 14px;
    color: #27D6F2;
    margin-bottom: 10px;
    font-weight: 600;
}

.item-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.item-title span {
    color: #27D6F2;
}

.why-choose-box p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}

.button-slide {
    display: inline-block;
    background-color: #27D6F2;
    color: #fff;
    padding: 12px 25px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
}

.button-slide:hover {
    background-color: #28b9d0;
    text-decoration: none;
}

.btn-icon {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

/* Flex Media */
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* Icon Bubble */
.why-choose-us .why-choose-box .features-list .item-icon {
font-size: 29px;
  color: rgb(179, 179, 179);
  height: 68px;
  width: 119px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(153, 153, 153, 0.28) 0px 31px 65px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 29px;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
  margin-top: 24px;
}

.item-icon i {
    display: inline-block;
}

/* Right Column Titles */
.features-list .item-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
}

.features-list p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 767px) {
    .home-30 {
        text-align: center;
    }

    .media {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .why-choose-us .why-choose-box .features-list .item-icon {
        margin: 0 0 15px;
    }

    .button-slide {
        padding: 10px 20px;
    }

    .item-title {
        font-size: 24px;
    }
}

/* faq-3 */

		.faq-3.section-wrapper {
			padding: 60px 0;
		}

		.faq-3 h2 {
			font-size: 28px;
			font-weight: 700;
			margin-bottom: 30px;
		}

		.faq-3 .panel-group .panel {
			border: none;
			box-shadow: none;
			border-radius: 0;
			margin-bottom: 15px;
		}

		.faq-3 .panel-title a {
			display: block;
			padding: 15px;
			background: #f9f9f9;
			font-weight: 500;
			text-decoration: none;
			color: #333;
			position: relative;
			border: 1px solid #ddd;
		}

		.faq-3 .panel-title a:after {
			content: "\ea4e";
			font-family: 'remixicon';
			position: absolute;
			right: 15px;
			top: 15px;
			font-size: 16px;
			transform: rotate(0deg);
			transition: 0.3s ease;
		}

		.faq-3 .panel-title a.collapsed:after {
			transform: rotate(180deg);
		}

		.faq-3 .download-content {
			padding-left: 30px;
		}

		.faq-3 .download-content h3 {
			font-size: 26px;
			font-weight: 700;
			margin-bottom: 15px;
		}

		.faq-3 .download-content p {
			font-size: 14px;
			color: #777;
			margin-bottom: 20px;
		}

		.faq-3 .store-btns .btn {
			margin-right: 10px;
			border-radius: 3px;
			font-weight: 500;
			padding: 10px 20px;
		}

		.faq-3 .btn-play {
			background-color: var(--faq-3-primary);
			color: #fff;
			border: none;
		}

		.faq-3 .btn-app {
			background-color: #222;
			color: #fff;
			border: none;
		}

		.faq-3 .mockup-img img {
			max-width: 100%;
			display: block;
		}

		@media (max-width: 767px) {
			.faq-3 .download-content {
				padding-left: 0;
				margin-top: 30px;
			}
		}

    /* home-31 */

    .home-31-wrapper {
    background-size: cover;
    padding: 80px 20px;
    color: #000;
    background-color: #f1f1f1;
}

.home-31-subtitle {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
}

.home-31-title {
    font-size: 72px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}

.home-31-description {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
    max-width: 400px;
}

.home-31-buttons .btn-black {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    margin-right: 20px;
}

.home-31-link {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

.home-31-link i {
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

.home-31-images {
    position: relative;
    height: 350px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.home-31-img {
    position: absolute;
    width: 100%;
    max-width: 250px;
    border-radius: 4px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.home-31-img.img1 {
    z-index: 3;
    top: 0;
    left: 0;
}

.home-31-img.img2 {
    z-index: 2;
    top: 45px;
    left: 45px;
}

.home-31-img.img3 {
    z-index: 1;
    top: 90px;
    left: 90px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .home-31-row {
        text-align: center;
    }

    .home-31-left, .home-31-right {
        text-align: center;
    }

    .home-31-images {
        margin-top: 40px;
    }

    .home-31-title {
        font-size: 28px;
    }
}


/* pricing-5 */
.section-wrapper.pricing-5{
  background-color: #070d27;
}
.pricing-5-container {
  padding: 60px 15px;
  font-family: 'Quicksand', sans-serif;
    color: #ffffff;
}

.pricing-5-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
    font-family: 'Quicksand', sans-serif;
  color: white;
}

.pricing-5-toggle {
  margin-bottom: 40px;
}

.pricing-5-btn {
  background-color: #0c122e;
  color: #fff;
  border: none;
  padding: 8px 18px;
  margin: 0 5px;
  font-weight: 600;
  border-radius: 8px;
}
.pricing-5-btn.active {
  background-color: #1d58ff;
}

.pricing-5-row {
  margin-top: 30px;
}

.pricing-5-card {
  background: #0b102b;
  border: 1px solid #1b2045;
  border-radius: 20px;
  padding: 35px 25px;
  margin-bottom: 20px;
  color: #cfd3f5;
  transition: 0.3s ease;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.03);
}

.pricing-5-card.featured {
  background: linear-gradient(180deg, #20265b, #0b102b);
  border: 1px solid #3a48c2;
}

.pricing-5-badge {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #53a9ff;
}

.pricing-5-price {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}
.pricing-5-price span {
  font-size: 14px;
  color: #aaa;
}

.pricing-5-desc {
  font-size: 14px;
  margin: 10px 0 20px;
  color: #a0a8d3;
}

.pricing-5-features li {
  font-size: 13px;
  margin: 10px 0;
  text-align: left;
  padding-left: 10px;
  position: relative;
}
.pricing-5-features li:before {
  content: "✔";
  color: #40f7ff;
  position: absolute;
  left: -10px;
}

.pricing-5-btn-card {
  margin-top: 20px;
  background-color: #1d58ff;
  color: white;
  padding: 10px 20px;
  border: none;
  font-weight: 600;
  border-radius: 8px;
  width: 100%;
}
.pricing-5-btn-card.featured {
  background-color: #28ffcf;
  color: #000;
}

.pricing-5-offer {
  font-size: 12px;
  color: #ffe600;
  margin-top: 10px;
}

/* contact-6 */

 body {
      font-family: 'Poppins', sans-serif;
      background-color: #f8f9fb;
    }

    .contact-6.section-wrapper {
      padding: 50px 15px;
    }

    .contact-6-heading {
      text-align: center;
      font-weight: 600;
      font-size: 28px;
      color: #0b1c3f;
      margin-bottom: 40px;
    }

    .contact-6-form-box {
      background: #fff;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
    }

    .contact-6-form-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #0b1c3f;
    }

    .contact-6-form-subtitle {
      font-size: 13px;
      color: #666;
      margin-bottom: 25px;
    }

    .contact-6-input {
      border-radius: 10px;
      height: 45px;
      border: 1px solid #ccc;
      margin-bottom: 15px;
    }

    .contact-6-textarea {
      border-radius: 10px;
      border: 1px solid #ccc;
      height: 120px;
      resize: none;
    }

    .contact-6-send-btn {
      background-color: #0b1c3f;
      color: #fff;
      padding: 10px 25px;
      border: none;
      border-radius: 20px;
      font-weight: 500;
      margin-top: 10px;
    }

    .contact-6-sidebar {
      background-color: #0b1c3f;
      color: #fff;
      border-radius: 15px;
      padding: 30px;
    }

    .contact-6-sidebar h4 {
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
    }

    .contact-6-info-box {
      background-color: #1e2b4a;
      padding: 15px;
      margin-bottom: 15px;
      border-radius: 10px;
      color: #fff;
    }

    .contact-6-info-box i {
      margin-right: 10px;
      vertical-align: middle;
    }

    .contact-6-social-icons i {
      font-size: 20px;
      margin-right: 15px;
      color: #fff;
      cursor: pointer;
    }

    @media (max-width: 767px) {
      .contact-6-form-box, .contact-6-sidebar {
        margin-bottom: 30px;
      }
    }

    /* contact-7 */

        .contact-7-section {
            background: #fff;
            padding: 40px 0;
                   font-family: 'Montserrat', sans-serif;
            background: #f5f5f5;
        }
        .contact-7-container {
            background: #fff;
            max-width: 1100px;
            margin: 0 auto;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
        }
        .contact-7-form, .contact-7-info {
            padding: 40px;
        }
        .contact-7-form, .contact-7-info h3 {
    color:#fff;
        }
        .contact-7-form {
            flex: 1;
            min-width: 300px;
        }
        .contact-7-form h2 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        .contact-7-form p {
            color: #777;
            margin-bottom: 30px;
        }
        .contact-7-form input,
        .contact-7-form textarea {
            width: 100%;
            padding: 12px 10px;
            margin-bottom: 20px;
            border: none;
            border-bottom: 1px solid #ccc;
            background: transparent;
            font-size: 14px;
        }
        .contact-7-form input:focus,
        .contact-7-form textarea:focus {
            outline: none;
            border-color: #000;
        }
        .contact-7-form button {
            background: #1d1d1d;
            color: #fff;
            border: none;
            padding: 10px 30px;
            font-size: 14px;
            letter-spacing: 2px;
        }

        .contact-7-info {
            background: #1d1d1d;
            color: #fff;
            flex: 0 0 360px;
            position: relative;
        }
        .contact-7-info::before,
        .contact-7-info::after {
            content: '';
            position: absolute;
            background: #fdd835;
            width: 30px;
            height: 30px;
        }
        .contact-7-info::before {
            top: 0;
            left: -15px;
        }
        .contact-7-info::after {
            bottom: 0;
            right: -15px;
        }
        .contact-7-info h3 {
            font-size: 22px;
            margin-bottom: 30px;
            font-weight: 700;
        }
        .contact-7-info .info-item {
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            font-size: 14px;
        }
        .contact-7-info .info-item i {
            font-size: 18px;
            margin-right: 12px;
            color: #fdd835;
        }
        .contact-7-social {
            position: absolute;
            bottom: 20px;
            left: 40px;
        }
        .contact-7-social a {
            color: #fff;
            margin-right: 15px;
            font-size: 16px;
        }

        @media (max-width: 767px) {
            .contact-7-container {
                flex-direction: column;
            }
            .contact-7-info {
                flex: 1;
                position: relative;
            }
        }


        /* pricing-6 */

    .pricing-6.section-wrapper {
      background: #fff;
      padding: 60px 20px!important;
      font-family: 'Quicksand', sans-serif;
      background: #fff;
      color: #333;
    }

    .pricing-6 .pricing-6-heading {
      text-align: center;
      margin-bottom: 40px;
    }

    .pricing-6 .pricing-6-heading h4 {
      color: #f7941d;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .pricing-6 .pricing-6-heading h2 {
      font-weight: 700;
      font-size: 26px;
    }

    .pricing-6 .panel {
      border-radius: 10px;
      border: 1px solid #eee;
      transition: all 0.3s ease;
      text-align: center;
      padding: 30px 20px;
      margin-bottom: 20px;
      background: #fff;
    }

    .pricing-6 .panel.featured {
      border: 2px solid #f7941d;
    }

    .pricing-6 .panel h3 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .pricing-6 .panel .price {
      font-size: 36px;
      font-weight: 700;
      margin: 10px 0;
    }

    .pricing-6 .panel .per-month {
      font-size: 14px;
      color: #888;
      margin-bottom: 15px;
    }

    .pricing-6 .panel ul {
      list-style: none;
      padding: 0;
      margin: 0 0 20px 0;
    }

    .pricing-6 .panel ul li {
      margin: 10px 0;
      font-size: 14px;
      color: #333;
    }

    .pricing-6 .panel ul li::before {
      content: "✔";
      color: #00bfa6;
      margin-right: 8px;
    }

    .pricing-6 .btn-subscribe {
      border-radius: 30px;
      padding: 10px 30px;
      font-weight: 600;
      text-transform: uppercase;
    }

    .pricing-6 .btn-default {
      background: #ccc;
      color: #fff;
      border: none;
    }

    .pricing-6 .btn-orange {
      background: #f7941d;
      color: #fff;
      border: none;
    }

    @media (min-width: 768px) {
      .pricing-6 .panel {
        margin-bottom: 0;
      }
    }

    /* contact-8 */
.section-wrapper.contact-8{
  padding: 60px 15px!important;
}
    .contact-8-container {
    font-family: 'Quicksand', sans-serif;
    background: #f9f9f9;
      padding: 60px 30px!important;
    border-radius: 15px;
}

.contact-8-left {
    margin-bottom: 30px;
}

.contact-8-subtitle {
    font-size: 12px;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.contact-8-title {
    font-size: 50px;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}

.contact-8-title strong {
    font-weight: 700;
}

.contact-8-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
}

.contact-8-info p {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
}

.contact-8-info span {
    color: #007bff;
    margin-right: 10px;
}

.contact-8-form-box {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.contact-8-input {
    border-radius: 6px;
    margin-bottom: 15px;
    height: 40px;
    font-size: 14px;
}

.contact-8-input:focus {
    border-color: #007bff;
    box-shadow: none;
}

.contact-8-submit {
    background-color: #007bff;
    color: #fff;
    border-radius: 25px;
    padding: 8px 25px;
    font-weight: 600;
    border: none;
    transition: 0.3s ease;
}

.contact-8-submit:hover {
    background-color: #0056b3;
}


/* home-32 */
.home-32-work-area {
  position: relative;
  z-index: 99;
}

.home-32-work-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #011954;
  opacity: 0.9;
  z-index: -1;
}

.home-32-section-title .home-32-title {
  font-size: 36px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;
}

.home-32-section-title .home-32-subtitle {
  font-size: 16px;
  color: #d0d6e2;
  max-width: 600px;
  margin: 0 auto 50px;
}

.home-32-work-content {
  position: relative;
  margin-bottom: 40px;
}

.home-32-illustration {
  width: 97px;
  height: 97px;
  background: #1f8eff; /* var(--blue-light) fallback */
  border-radius: 50%;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-32-illustration img {
  width: 40px;
  height: 40px;
}

.home-32-work-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
}

.home-32-work-content p {
  font-size: 14px;
  color: #c1cad6;
  max-width: 260px;
  margin: 0 auto;
}

/* Arrows */
.home-32-shaped-work::before {
  content: url('images/icons/arrow1.svg');
  position: absolute;
  top: 70px;
  left: -130px;
}

.home-32-shaped-work::after {
  content: url('simages/icons/arrow2.svg');
  position: absolute;
  top: 100px;
  left: 304px;
}

@media (max-width: 1400px) {
  .home-32-shaped-work::after {
    left: 250px;
  }
}

@media (max-width: 767px) {
  .home-32-shaped-work::before,
  .home-32-shaped-work::after {
    display: none;
  }

  .home-32-section-title .home-32-title {
    font-size: 28px;
  }

  .home-32-section-title .home-32-subtitle {
    font-size: 14px;
  }
}

/* about-16 */
  .about-16 * {
    font-family: 'Inter', sans-serif;
  }

  .about-16.section-wrapper {
    padding: 60px 15px;
    background-color: #fff;
  }

  .about-16 .about-box {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
  }

  .about-16 .about-img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }

  .about-16 .about-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
  }

  .about-16 .about-content {
    padding: 20px 25px;
  }

  .about-16 .about-content h2 {
    font-size: 34px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 15px;
  }

  .about-16 .about-content p {
    font-size: 14px;
    color: #5f5f5f;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  .about-16 .about-rating {
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding-top: 20px;
  }

  .about-16 .about-rating .value {
    font-size: 26px;
    font-weight: 700;
    color: #1d1d1f;
  }

  .about-16 .about-rating .label {
    font-size: 12px;
    color: #8e8e93;
    margin-top: 5px;
  }

  .about-16 .about-stars {
    font-size: 16px;
    color: #f5a623;
  }

  .about-16 .about-reviews {
    font-size: 12px;
    color: #8e8e93;
    margin-left: 5px;
  }

.about-16 .about-img {
  overflow: hidden;
  position: relative;
}

.about-16 .about-img img {
  display: block;
  width: 100%;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); /* Start hidden diagonally */
  transform: scale(1.1); /* Slight zoom */
  transition: transform 0.5s ease;
}
.about-16 .about-content h2 {
  opacity: 0;
  transform: scale(0.8);
  transform-origin: center center;
}
  @media (max-width: 767px) {
    .about-16 .about-content {
      padding: 20px 15px;
    }

    .about-16 .about-content h2 {
      font-size: 18px;
    }

    .about-16 .about-rating .value {
      font-size: 22px;
    }
  }

  /* home-33 */
.home-33.section-wrapper {
  padding: 80px 0;
  font-family: 'Quicksand', sans-serif;
  color: #111;
}

/* Image Styling */
.home-33.image-box img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Tag */
.home-33.tag {
  display: inline-block;
  padding: 6px 14px;
  background: #e5f0ff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  margin-bottom: 15px;
}

/* Headline */
.home-33.content-box h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
.home-33.content-box h2 span {
  color: #0f172a;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #ef4444;
}

/* Paragraph */
.home-33.content-box p {
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
  margin-bottom: 25px;
}

/* Button */
.home-33.btn-red {
  background: #ef4444;
  color: #fff;
  padding: 12px 28px;
  border: none;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.home-33.btn-red:hover {
  background: #dc2626;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
  .home-33.section-wrapper {
    text-align: center;
  }
  .home-33.image-box {
    margin-bottom: 30px;
  }
  .home-33.content-box h2 {
    font-size: 28px;
  }
}



    /* home-34 */
 .home-34.section-wrapper {
    background-color: #f9f9f9;
    padding: 50px 15px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.home-34.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.home-34.section-subtitle {
    font-size: 14px;
    color: #888;
    margin-bottom: 40px;
}

.home-34.card {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px 15px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    height: 450px;               /* Fixed height for all cards */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.home-34.card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.home-34.card img {
    width: 100%;
    max-height: 200px;           /* Optional: Fix image height */
    object-fit: cover;
    border-radius: 3px;
    margin-bottom: 20px;
}

.home-34.card-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin-top: 15px;
    margin-bottom: 10px;
}

.home-34.card-text {
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    text-align: center;
    padding: 0 10px;
    flex-grow: 1;                /* Fill remaining space */
    overflow: hidden;
}

@media (max-width: 767px) {
    .home-34.section-title {
        font-size: 24px;
    }

    .home-34.card {
        height: auto;            /* Allow auto height on mobile */
    }
}

/*
home-35 */

        .home-35.section-wrapper {
            padding: 50px 0;
            background-color: #f9f9f9;
        }

        .home-35-image-side {
            background-size: cover;
            height: 100%;
            min-height: 400px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
        }

        .home-35-text-side {
            padding: 20px 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .home-35-title {
            font-family: 'Poppins', sans-serif;
            font-size: 36px;
            font-weight: 700;
            color: #111;
        }

        .home-35-subtitle {
            font-size: 16px;
            color: #666;
            margin: 15px 0 25px 0;
            line-height: 1.6;
        }

        .home-35-buttons {
            margin-bottom: 20px;
        }

        .home-35-btn {
            padding: 8px 18px;
            border-radius: 25px;
            border: none;
            font-weight: 600;
            cursor: pointer;
            margin-right: 10px;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
        }

        .home-35-btn-rent {
            background-color: #8BC34A;
            color: #fff;
        }

        .home-35-btn-sale {
            background-color: #eee;
            color: #333;
        }

        .home-35-searchbox {
            position: relative;
            width: 100%;
        }

        .home-35-searchbox input {
            width: 100%;
            padding: 12px 20px;
            border-radius: 25px;
            border: 1px solid #ccc;
            font-size: 14px;
            outline: none;
        }

        .home-35-searchbox button {
            position: absolute;
            right: 5px;
            top: 5px;
            bottom: 5px;
            border: none;
            background-color: #8BC34A;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            color: #fff;
            font-size: 18px;
        }

        @media (max-width: 767px) {
            .home-35-image-side {
                min-height: 250px;
            }

            .home-35-title {
                font-size: 28px;
                text-align: center;
            }

            .home-35-subtitle {
                text-align: center;
            }

            .home-35-buttons {
                text-align: center;
            }

            .home-35-searchbox {
                margin-top: 15px;
            }
        }


        /* about-17 */


        .about-17.section-wrapper {
            padding: 50px 0;
            font-family: 'Open Sans', sans-serif;
        }

        .about-17 .section-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 28px;
            font-weight: 700;
            color: #111;
            margin-bottom: 10px;
        }

        .about-17 .section-subtitle {
            color: #666;
            margin-bottom: 30px;
            font-size: 16px;
        }

        .about-17 .about-17-box {
            background: #fff;
            padding: 25px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            margin-bottom: 20px;
            height: 100%;
        }

        .about-17 .about-17-box img {
            max-width: 40px;
            margin-bottom: 15px;
        }

        .about-17 .about-17-box h4 {
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            margin-bottom: 10px;
        }

        .about-17 .about-17-box p {
            color: #666;
            font-size: 14px;
            margin-bottom: 15px;
        }

        .about-17 .about-17-box a {
            color: #000;
            text-decoration: none;
            font-weight: 700;
            font-size: 14px;
        }

        .about-17 .about-17-box a:hover {
            text-decoration: underline;
        }

        .about-17 .about-17-highlight {
            background: #a2de7c;
            padding: 30px 20px;
            text-align: center;
            color: #fff;
            border-radius: 8px;
        }

        .about-17 .about-17-highlight h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .about-17 .about-17-highlight img {
            max-width: 100%;
            border-radius: 8px;
            margin-bottom: 20px;
        }

        .about-17 .about-17-highlight .btn {
            background: #fff;
            color: #000;
            padding: 10px 25px;
            border-radius: 25px;
            font-weight: 700;
            font-size: 14px;
        }
.about-17 .icon-ri {
    font-size: 40px;
    color: #4CAF50; /* Green for consistency */
    margin-bottom: 15px;
    display: inline-block;
}
        @media (max-width: 767px) {
            .about-17 .section-title {
                font-size: 22px;
            }
            .about-17 .about-17-highlight h3 {
                font-size: 18px;
            }
        }

        /* contact-9 */

        .contact-9 {
            background-size: cover;
            padding: 50px 0;
            color: #000;
        }

        /* Left side content */
        .contact-9 .vertical-line {
            border-left: 3px solid #8BC34A;
            padding-left: 20px;
        }

        .contact-9 .section-title {
            font-size: 28px;
            font-weight: 700;

        }

        .contact-9 .highlight-text {
            color: #8BC34A;
            font-weight: 600;
        }

        .contact-9 .description {
            color: #666;
            font-size: 15px;
            line-height: 1.6;
            margin-top: 10px;
        }

        /* Right Side (Phone Section) */
        .contact-9 .phone-section {
            text-align: center;
        }

        .contact-9 .phone-icon span {
            font-size: 40px;
            color: #8BC34A;
            display: inline-block;
            margin-bottom: 10px;
        }

        .contact-9 .help-text {
            text-transform: uppercase;
            font-size: 13px;
            color: #666;
            margin-bottom: 5px;
        }

        .contact-9 .phone-number {
            font-size: 32px;
            font-weight: 700;
            color: #000;
            margin-bottom: 10px;
        }

        .contact-9 .contact-btn {
            background-color: #8BC34A;
            color: #fff;
            padding: 12px 30px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            display: inline-block;
            transition: background 0.3s ease;
        }

        .contact-9 .contact-btn:hover {
            background-color: #7CB342;
            text-decoration: none;
        }

        /* Mobile Responsive Adjustments */
        @media (max-width: 767px) {
            .contact-9 .phone-section {
                margin-top: 30px;
                text-align: center;
            }
            .contact-9 .section-title {
                font-size: 22px;
            }
            .contact-9 .phone-number {
                font-size: 26px;
            }
        }


        /* services-11 */
        @font-face {
            font-family: 'SpaceGrotesk';
            src: url('https://fonts.cdnfonts.com/s/90797/SpaceGrotesk-Regular.woff2') format('woff2');
            font-weight: 400;
        }
        @font-face {
            font-family: 'SpaceGrotesk';
            src: url('https://fonts.cdnfonts.com/s/90797/SpaceGrotesk-Bold.woff2') format('woff2');
            font-weight: 700;
        }

         .services-11  {
            background-color: #0A0E2F;
            font-family: 'Space Grotesk', sans-serif;
            margin: 0;
            padding: 0;
        }

        .services-11 .section-wrapper {
            padding: 50px 0;
        }

        .services-11 .services-subtitle {
            text-transform: uppercase;
            color: #00C2FF;
            font-size: 12px;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }

        .services-11 .services-title {
font-size: 55px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  margin-bottom: -22px;
  padding: 41px;
        }

        .services-11 .services-title span {
            background: linear-gradient(90deg, #D9E021 0%, #00C66B 40%, #00AEEF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .services-11 .services-list {
            list-style: none;
            padding: 0;
            margin-left: 55px;
        }

        .services-11 .services-list li {
            color: #AAB3C7;
            font-size: 16px;
            margin-bottom: 12px;
            position: relative;
            padding-left: 35px;
            padding-left: 54px;
}


        .services-11 .services-list li.active {
            color: #ffffff;
            font-weight: 600;
            left: 55px;
  position: relative;
}


        .services-11 .services-list li.active::before {
            content: '';
            width: 30px;
            height: 30px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .services-11 .services-list li.active::after {
            content: '\2192';
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
            color: #ffffff;
            font-size: 16px;
        }

        .services-11 .services-image-container {
            position: relative;
            margin-top: 20px;
        }

        .services-11 .services-image-container img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

        .services-11 .services-badge {
            position: absolute;
            bottom: 15px;
            right: 15px;
            width: 80px;
            height: 80px;
        }

        @media (max-width: 767px) {
            .services-11 .services-title {
                font-size: 28px;
            }
            .services-11 .services-list li {
                font-size: 14px;
            }
        }

        /* pricing-7 */

        .section-wrapper.pricing-7 {
            background-color: #0a0d2e;
            color: white;
            padding: 60px 0;
            position: relative;
            overflow: hidden;
            background-repeat: repeat;
            background-position: center center;
            background-size: auto;
            background-color: #0a0d2e;
            font-family: 'Quicksand', sans-serif!important;
        }
        .pricing-7 .section-subtitle {
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
            opacity: 0.7;
            text-align: center;
            margin-bottom: 10px;
        }
        .pricing-7 .section-title {
            text-align: center;
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 40px;
            color: #fff;
        }
        .pricing-7 .section-title span {
            background: linear-gradient(90deg, #b5e853, #14e3e5);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .pricing-7 .pricing-box {
            background-color: #1b1e3f;
            border-radius: 30px;
            padding: 30px 20px;
            margin-bottom: 30px;
            position: relative;
              border: 1px solid #2ae4d1;
        }
        .pricing-7 .plan-title {
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 16px;
        }
        .pricing-7 .plan-price {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 20px;
        }
        .pricing-7 .plan-price small {
            font-size: 14px;
            vertical-align: super;
        }
        .pricing-7 .feature-list {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
            font-size: 14px;
        }
        .pricing-7 .feature-list li {
            margin-bottom: 10px;
        }
        .pricing-7 .feature-list li .glyphicon {
            margin-right: 8px;
        }
        .pricing-7 .btn-plan {
            background: transparent;
            border: 1px solid #4d4f87;
            color: white;
            border-radius: 10px;
            padding: 8px 25px;
            text-transform: uppercase;
            font-weight: 600;
            transition: all 0.3s;
        }
        .pricing-7 .btn-plan:hover {
            background: #00ffd0;
            color: #000;
        }

        /* Plan Colors */
        .pricing-7 .plan-basic { color: #00ffd0; }
        .pricing-7 .plan-standard { color: #ff4c4c; }
        .pricing-7 .plan-premium { color: #6c5ce7; }

        @media (max-width: 767px) {
            .pricing-7 .plan-price { font-size: 28px; }
            .pricing-7 .section-title { font-size: 28px; }
        }


        /* testimonial-9 */

.testimonial-9.section-wrapper {
            background-color: #0a0d2e;
            color: white;
            padding: 60px 20px;
            font-family: 'Open Sans', sans-serif;
        }

        /* Section Heading */
        .testimonial-9 .section-title {
            font-size: 36px;
            font-weight: 700;
            color: white;
        }

        .testimonial-9 .section-title span {
            background: linear-gradient(90deg, #f8c01b, #0cd977, #0caeea);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Contact Button */
        .testimonial-9 .contact-btn {
            border: 1px solid white;
            padding: 10px 20px;
            display: inline-block;
            margin: 20px 0;
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .testimonial-9 .contact-btn:hover {
            background-color: white;
            color: #0a0d2e;
        }

        /* Testimonial Boxes */
        .testimonial-9 .testimonial-box {
background-color: #1b1e3a;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
  border: 2px solid #7d85df1c;
        }

        .testimonial-9 .testimonial-box img {
            border-radius: 50%;
            width: 60px;
            height: 60px;
            margin-right: 15px;
        }

        .testimonial-9 .testimonial-author {
            font-weight: 700;
            margin-bottom: 5px;
        }

        .testimonial-9 .testimonial-role {
            font-size: 13px;
            color: #ccc;
        }

        .testimonial-9 .testimonial-text {
            font-size: 15px;
            margin-top: 10px;
            color: #ccc;
        }

        .testimonial-9 .testimonial-text strong {
            color: white;
        }

        /* Responsive */
        @media (max-width: 767px) {
            .testimonial-9 .testimonial-box {
                text-align: center;
            }
            .testimonial-9 .testimonial-box img {
                margin-bottom: 10px;
            }
        }


        /* news-4 */

               .news-4.section-wrapper {
            background-color: #f9f9f9;
            padding: 50px 0;
            font-family: 'Roboto', sans-serif;
        }

        .news-4.section-title {
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 32px;
            letter-spacing: 2px;
            margin-bottom: 10px;
            display: inline-block;
        }

        .news-4.sub-title {
            color: #e06c9f;
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 14px;
        }

        .news-4.title-underline {
            border-bottom: 2px solid #e06c9f;
            display: inline-block;
            width: 40px;
            margin-top: 5px;
        }

        .news-4.card {
            background: #fff;
            margin-bottom: 30px;
            border: none;
            border-radius: 3px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .news-4.card:hover {
            transform: scale(1.03);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .news-4.card img {
            width: 100%;
            height: auto;
            display: block;
        }

        .news-4.card-body {
            padding: 20px;
        }

        .news-4.category {
            color: #e06c9f;
            font-size: 13px;
            text-transform: capitalize;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .news-4.card-title {
            font-family: 'Oswald', sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: #000;
            margin-bottom: 10px;
        }

        .news-4.card-text {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        .news-4.date {
            font-size: 12px;
            color: #999;
            text-align: right;
            margin-top: 10px;
        }

        /* Mobile Responsive Spacing */
        @media (max-width: 767px) {
            .news-4.section-title {
                font-size: 26px;
            }
        }

        /* Animation on load */
        .news-4.card {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 0.6s ease forwards;
        }

        .news-4.card:nth-child(1) { animation-delay: 0.2s; }
        .news-4.card:nth-child(2) { animation-delay: 0.4s; }
        .news-4.card:nth-child(3) { animation-delay: 0.6s; }

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

        /* services-12 */
.services-12 * {
      font-family: 'Poppins', 'DM Sans', sans-serif;
    }

    .services-12.section-wrapper {
      background: #1a1a1a;
      color: #ffffff;
      padding: 60px 15px;
      overflow: hidden;
    }

    /* Heading */
    .services-12 .main-heading {
      font-size: 32px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 40px;
      color: #fff;
    }
    .services-12 .main-heading span {
      color: #F9D65E;
    }

    /* Service Box */
    .services-12 .service-box {
      background: transparent;
      border: 1px solid #2a2a2a;
      padding: 25px 20px;
      margin-bottom: 20px;
      text-align: left;
      min-height: 280px;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      position: relative;
    }
    .services-12 .service-box:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    }

    .services-12 .service-box h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #ffffff;
    }

    .services-12 .service-box p {
      font-size: 14px;
      color: #cccccc;
    }

    /* Number and Arrow Button */
    .services-12 .service-number {
      font-size: 22px;
      color: #444;
      font-weight: 700;
      position: absolute;
      bottom: 15px;
      right: 15px;
    }

    .services-12 .arrow-btn {
      position: absolute;
      bottom: 15px;
      left: 15px;
      background: #2a2a2a;
      color: #fff;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      transition: background 0.3s, color 0.3s;
      font-size: 16px;
    }
    .services-12 .arrow-btn:hover {
      background: #F9D65E;
      color: #000;
    }

    /* Zoom In Load Animation */
    .services-12 .animated-zoom {
      animation: zoomIn 1s ease-in-out;
    }
    @keyframes zoomIn {
      from { transform: scale(0.8); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }

    /* Responsive */
    @media (max-width: 767px) {
      .services-12 .main-heading {
        font-size: 24px;
      }
      .services-12 .service-box {
        min-height: auto;
      }
    }

    /* testimonial-10 */
    .testimonial-10.section-wrapper {
            padding: 60px 0;
            background-color: #ffffff;
            font-family: 'Barlow Semi Condensed', sans-serif;
            overflow: hidden;
        }

        .testimonial-10.section-title {
font-size: 40px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #ffc3b8;
  text-align: initial;

        }
.testimonial-10.section-wrapper{
  background-color: #d9734b !important;
  padding: 60px 15px!important;
  color: #ffffff;
  font-family: 'Manrope', sans-serif;
}
        .testimonial-10.section-subtitle {
            font-size: 20px;
            color: #ddd;
            letter-spacing: 6px;
            font-weight: 400;
        }

        .testimonial-10.title-underline {
            width: 70px;
            height: 2px;
            background-color: #ffb6a7;
            margin: 20px 0;
        }

        .testimonial-10.testimonial-block {
 margin-bottom: 30px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  padding: 15px;
  border: 1px solid white;
  height: 361px;
        }

        .testimonial-10.testimonial-block:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .testimonial-10.quote-icon {
            font-size: 30px;
            color: #ff8a73;
            display: inline-block;
            margin-right: 10px;
            vertical-align: top;
        }

        .testimonial-10.testimonial-text {
            font-size: 16px;
            color: #fff;
            line-height: 1.8;
        }

        .testimonial-10.author-img img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .testimonial-10.author-info {
            margin-top: 10px;
        }

        .testimonial-10.author-name {
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
        }

        .testimonial-10.author-location {
            font-style: italic;
            font-size: 12px;
            color: #555;
        }

        /* Zoom-in animation on load */
        .testimonial-10.animate-section {
            animation: zoomIn 1s ease;
        }

        @keyframes zoomIn {
            0% { transform: scale(0.9); opacity: 0; }
            100% { transform: scale(1); opacity: 1; }
        }

        /* Responsive Text */
        @media (max-width: 767px) {
            .testimonial-10.section-title {
                font-size: 30px;
                text-align: center;
            }
            .testimonial-10.section-subtitle {
                text-align: center;
            }
        }

        /* about-18 */

    .about-18-section-wrapper {
      background-color: #fff;
      padding: 60px 15px;
    }

    .about-18-flex-wrapper {
      display: flex;
      flex-wrap: wrap;
      min-height: 100%;
    }

    .about-18-img-col {
      flex: 1;
      min-height: 100%;
      background-size: cover;
      transition: transform 0.6s ease;
    }

    .about-18-img-col:hover {
      transform: scale(1.02);
    }

    .about-18-text-col {
      flex: 1;
      padding: 40px 30px;
      animation: fadeInUp 1s ease;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .about-18-title {
      text-transform: uppercase;
      letter-spacing: 5px;
      font-size: 26px;
      color: #c4c4c4;
    }

    .about-18-subtitle {
  font-size: 48px;
  font-weight: 400;
  color: #3a3a3a;
  margin-bottom: 10px;
  letter-spacing: 3px;
  line-height: 55px;
}
    .about-18-divider {
      width: 60px;
      height: 3px;
      background-color: #f3b4ac;
      margin: 20px 0;
    }

    .about-18-description {
      font-size: 16px;
      color: #9c9c9c;
      line-height: 1.8;
      margin-bottom: 25px;
    }

    .about-18-btn {
      border: 2px solid #f3b4ac;
      color: #f3b4ac;
      background-color: transparent;
      text-transform: uppercase;
      font-style: italic;
      padding: 10px 20px;
      font-weight: 500;
      transition: all 0.3s ease;
      width: fit-content;
    }

    .about-18-btn:hover {
      background-color: #f3b4ac;
      color: white;
    }

    .about-18-img-col {
  position: relative;
  overflow: hidden;
}

.about-18-img-col::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%; /* start outside left */
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* dark curtain */
  z-index: 2;
  pointer-events: none;
}

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

    /* Responsive styles */
    @media (max-width: 768px) {
      .about-18-flex-wrapper {
        flex-direction: column;
      }

      .about-18-img-col {
        height: 250px;
        transform: none !important;
      }

      .about-18-subtitle {
        font-size: 36px;
      }

      .about-18-text-col {
        padding: 30px 20px;
      }
    }


    /* our-team-2 */

        body {
            font-family: 'Quicksand', sans-serif;
            background: #f9f9f9;
        }

        .our-team-2.section-wrapper {
            padding: 60px 0;
            text-align: center;
        }

        .our-team-2.section-title {
            font-size: 32px;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .our-team-2.title-underline {
            width: 60px;
            height: 3px;
            background: #45b57f;
            margin: 0 auto 40px;
        }

        .our-team-2.team-card {
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
            position: relative;
            margin-bottom: 30px;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .our-team-2.team-card:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

        .our-team-2.team-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .our-team-2.team-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            padding: 15px 10px;
            transition: bottom 0.1s ease;
        }

        .our-team-2.team-card:hover .our-team-2.team-content {
            bottom: 0%;
        }

        .our-team-2.team-name {
            font-weight: 700;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .our-team-2.team-role {
            font-size: 13px;
            color: #6c757d;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .our-team-2.team-desc {
            font-size: 13px;
            color: #555;
            display: none;
        }

        .our-team-2.team-card:hover .our-team-2.team-desc {
            display: block;
        }

        .our-team-2.social-icons {
            margin-top: 10px;
        }

        .our-team-2.social-icons a {
            display: inline-block;
            margin: 0 5px;
            width: 28px;
            height: 28px;
            line-height: 28px;
            border-radius: 50%;
            background: #45b57f;
            color: #fff;
            font-size: 14px;
            transition: all 0.3s ease;
        }

        .our-team-2.social-icons a:hover {
            background: #333;
            color: #fff;
        }

        @media (max-width: 767px) {
            .our-team-2.team-card:hover .our-team-2.team-content {
                bottom: 0;
            }
        }


        /* home-36 */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700');

        .home-36.section-wrapper {
            padding: 60px 0;
            font-family: 'Poppins', sans-serif;
        }

        .home-36.left-section {
            background-size: cover;
            background-position: center;
min-height: 571px;}

        .home-36.right-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            padding: 30px;
        }

        .home-36.right-section h2 {
     font-weight: 900;
  color: #2c2c2c;
  font-size: 48px;
  line-height: 1.2;
  position: relative;
        }

        .home-36.right-section h2::after {
            content: "";
            display: inline-block;
            width: 5px;
            height: 100%;
            background-color: #34c6b2;
            position: absolute;
            right: -15px;
            top: 0;
        }

        .home-36.right-section p {
            color: #666;
            font-size: 14px;
            margin-top: 15px;
            line-height: 1.7;
        }

        .home-36.btn-custom {
            background: linear-gradient(90deg, #34c6b2, #28d6a1);
color: #fff;
  border: none;
  border-radius: 30px;
  padding: 10px 25px;
  margin-top: 20px;
  display: inline-block;
  transition: background 0.3s ease;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  width: 188px;
  font-weight: bold;
        }

        .home-36.btn-custom:hover {
            background: linear-gradient(90deg, #28d6a1, #34c6b2);
        }

        /* Mobile Responsive */
        @media (max-width: 767px) {
            .home-36.left-section {
                min-height: 250px;
                background-position: center top;
            }

            .home-36.right-section h2 {
                font-size: 22px;
            }
        }
/* about-19 */

.section-wrapper.about-19{
  	padding: 60px 0!important;
}

.about-19-box {
background: #e6e6e6;
  border: 1px solid #eee;
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.about-19-img-wrapper {
  position: relative;
  overflow: hidden;
}

.about-19-img-wrapper img {
  width: 100%;
  display: block;
}

.about-19-img-wrapper::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0;
  border-left: 50% solid transparent;
  border-right: 50% solid transparent;
  border-top: 15px solid #2a63f2; /* blue triangle */
  z-index: 1;
}

.about-19-box h4 {
  font-weight: 700;
  margin-top: 20px;
  color: #111;
  font-size: 18px;
}

.about-19-box p {
  color: #555;
  font-size: 14px;
  margin: 0 15px;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .about-19-box {
    margin-bottom: 20px;
  }
}
/*
home-37 */

.section-wrapper.home-37{
  padding: 60px 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover; /* or 'cover' if you want full width */
  background-color: #fff;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.home-37 {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
}

.home-37-subtitle {
  color: #88c046;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
  border-left: 3px solid #88c046;
  padding-left: 10px;
}

.home-37-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #111;
  margin-bottom: 20px;
  line-height: 1.3;
}

.home-37-text {
  color: #666;
  font-size: 15px;
  margin-bottom: 30px;
}

.home-37-buttons .home-37-btn {
  padding: 12px 25px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.home-37-btn-green {
  background-color: #88c046;
  color: white;
  border: none;
}

.home-37-btn-green:hover {
  background-color: #76a938;
  color: #fff;
}

.home-37-btn-black {
  background-color: #111;
  color: white;
  border: none;
}

.home-37-btn-black:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 768px) {
  .home-37 {
    background-image: none;
  }

  .home-37-title {
    font-size: 30px;
    text-align: center;
  }

  .home-37-text,
  .home-37-subtitle {
    text-align: center;
  }

  .home-37-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home-37-buttons .home-37-btn {
    margin-bottom: 10px;
    width: 80%;
  }
}

/* service-13 */

.services-13-container {
  font-family: 'Poppins', sans-serif;
  padding: 60px 15px;
}

.services-13-section-label {
  color: #7cc242;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.services-13-section-title {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #222;
}

.services-13-content-row {
  margin-top: 20px;
}

.services-13-feature-box {
  position: relative;
  margin-bottom: 40px;
  padding-right: 50px;
  padding-left: 50px;
}

.services-13-feature-title {
  font-weight: 600;
  font-size: 16px;
  color: #222;
  margin-bottom: 10px;
}

.services-13-feature-text {
  font-size: 13px;
  color: #555;
  margin-bottom: 10px;
}

.services-13-readmore {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  text-transform: uppercase;
  margin-bottom: 0;
}

.services-13-icon-box {
  position: absolute;
  top: 0;
  right: 0;
  background: #7cc242;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.services-13-center-image img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
  border: 4px solid #f7f7f7;
}

@media (max-width: 767px) {
  .services-13-feature-box {
    text-align: center !important;
    padding: 0;
  }

  .services-13-icon-box {
    position: static;
    margin: 10px auto 0;
  }
}

/* home-38 */
body {
}

.section-wrapper.home-38{
  padding: 60px 15px;
    font-family: 'Poppins', sans-serif;

}

.home-38-left-inner {
  padding-right: 30px;
  padding-left: 15px;
}

.home-38-title {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1d;
  margin-bottom: 20px;
  line-height: 1.4;
}

.home-38-desc {
  font-size: 15px;
  color: #555;
  margin-bottom: 35px;
  line-height: 1.7;
}

.home-38-buttons .btn {
  border-radius: 30px;
  padding: 10px 25px;
  font-weight: 600;
  margin-right: 15px;
  font-size: 14px;
}

.home-38-btn-primary {
  background: #00b387;
  color: #fff;
  border: none;
}

.home-38-btn-outline {
  border: 2px solid #f9b73d;
  color: #f9b73d;
  background: transparent;
}

.home-38-buttons i {
  margin-left: 6px;
}

.home-38-stats {
  margin-top: 50px;
}

.home-38-stat-num {
  font-size: 24px;
  font-weight: 700;
  color: #f9b73d;
  margin-bottom: 8px;
}

.home-38-stat-text {
  font-size: 13px;
  color: #555;
  border-top: 2px solid #00b387;
  padding-top: 8px;
}

.home-38-image-wrapper {
  position: relative;
  text-align: center;
}

.home-38-image-frame {
  background-color: #e2f4f1;
  padding: 15px;
  border-radius: 20px;
  position: relative;
  display: inline-block;
}

.home-38-image-frame::before {
  content: '';
  position: absolute;
  top: -30px;
  left: -30px;
  width: 100%;
  height: 100%;
  background-color: #fff3d9;
  border-radius: 20px;
  z-index: -1;
}

.home-38-image-frame img {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .home-38-container {
    padding: 40px 15px;
  }

  .home-38-left-inner {
    padding: 0;
    text-align: center;
  }

  .home-38-buttons .btn {
    display: block;
    margin: 10px auto;
  }

  .home-38-stats .col-xs-4 {
    margin-bottom: 20px;
  }

  .home-38-image-frame::before {
    top: -15px;
    left: -15px;
  }
}

/*
homw-39 */

 .home-39-section-wrapper {
            padding: 60px 0;
            background-color: #f9f9f9;
            font-family: 'Open Sans', sans-serif;
        }

        .home-39-image-wrapper {
            position: relative;
            border-radius: 5px;
            overflow: hidden;
        }

        .home-39-image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
        }

        .home-39-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #F4A300;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-align: center;
            line-height: 60px;
            color: #fff;
            font-size: 24px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
        }

        .home-39-about-text {
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
            color: #F4A300;
            margin-bottom: 10px;
        }

        .home-39-title {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 32px;
            margin-bottom: 20px;
            color: #1C2B2D;
        }

        .home-39-description {
            color: #7A7A7A;
            font-size: 14px;
            margin-bottom: 25px;
        }

        .home-39-read-more {
            background-color: #F4A300;
            color: #fff;
            padding: 10px 25px;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
            border: none;
            border-radius: 2px;
        }

        .home-39-social-icons a {
            color: #1C2B2D;
            margin-right: 10px;
            font-size: 14px;
        }

        @media (max-width: 767px) {
            .home-39-title {
                font-size: 24px;
            }
        }


        /* service-14 */



    .services-14-section-wrapper {
      padding: 50px 0;
      text-align: center;
      background-size: cover;
      color: #fff;
      font-family: 'Lato', sans-serif;
    }

    .services-14-section-wrapper h2 {
      font-family: 'Pacifico', cursive;
      font-size: 32px;
      margin-bottom: 10px;
    }

    .services-14-section-wrapper p {
font-style: italic;
  color: #ccc;
  margin-bottom: 15px;
  font-size: 20px;
    }
.services-14-section-wrapper h2{
  color:#fff!important;
}
    .services-14-nav-tabs {
      display: inline-block;
      border-bottom: none;
      margin-bottom: 30px;
    }

    .services-14-nav-tabs > li > a {
      color: #ff6f61;
      font-weight: bold;
      font-size: 18px;
      text-transform: uppercase;
      border: none;
      background: transparent;
    }

    .services-14-nav-tabs > li.active > a,
    .services-14-nav-tabs > li.active > a:focus,
    .services-14-nav-tabs > li.active > a:hover {
      color: #fff;
      border: none;
      border-bottom: 3px solid #ff6f61;
      background: transparent;
    }

    .services-14-tab-content {
      margin-top: 10px;
      text-align: left;
    }

    .services-14-menu-item {
      margin-bottom: 20px;
      border-bottom: 1px dashed rgba(255,255,255,0.2);
      padding-bottom: 10px;
    }

    .services-14-menu-item h4 {
      display: inline-block;
      font-weight: bold;
      margin: 0;
    }

    .services-14-menu-price {
      float: right;
      color: #c3f73a;
      font-weight: bold;
      font-size: 18px;
    }

    .services-14-label {
      display: inline-block;
      font-size: 12px;
      color: #000;
      background: #c3f73a;
      padding: 2px 5px;
      margin-left: 5px;
    }

    .services-14-spicy-label {
      display: inline-block;
      font-size: 12px;
      color: #fff;
      background: #ff6f61;
      padding: 2px 5px;
      margin-left: 5px;
    }

    .services-14-explore-btn {
      background: transparent;
      border: 2px solid #c3f73a;
      color: #c3f73a;
      padding: 10px 20px;
      text-transform: uppercase;
      margin-top: 30px;
      display: inline-block;
      text-decoration: none;
    }

    @media (max-width: 767px) {
      .services-14-menu-price {
        float: none;
        display: block;
        margin-top: 5px;
      }
    }

    /* services-15 */
.services-15-section-wrapper {
 padding: 60px 0;
    text-align: center;
    color: #1a1a1a;
    background-size: cover;
    background-position: center;
        }
        /* Top and Bottom Border Lines */
        .services-15-top-border,
        .services-15-bottom-border {
            border-top: 7px dotted #ccc;
            width: 90%;
            margin: 0 auto 20px;
        }
        /* Section Titles */
        .services-15-title-sub {
            text-transform: uppercase;
            font-size: 13px;
            letter-spacing: 2px;
            color: #333;
            position: relative;
            font-family: 'OpenSans', sans-serif;
            margin-bottom: 5px;
        }
        .services-15-title-sub::after {
            content: "";
            display: block;
            width: 30px;
            height: 2px;
            background-color: #fbb034;
            margin: 10px auto 0;
        }
        .services-15-main-title {
            font-family: 'PlayfairDisplay', serif;
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #1a1a1a;
        }
        .services-15-desc {
            color: #777;
            font-family: 'OpenSans', sans-serif;
            font-size: 14px;
            margin-bottom: 40px;
        }
        /* Feature Boxes */
        .services-15-feature-box {
            text-align: center;
            margin-bottom: 30px;
        }
        .services-15-feature-icon i {
            font-size: 42px;
            color: #1a1a1a;
            margin-bottom: 15px;
            display: inline-block;
        }
        .services-15-feature-title {
            font-family: 'PlayfairDisplay', serif;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .services-15-feature-text {
            font-family: 'OpenSans', sans-serif;
            color: #777;
            font-size: 14px;
            line-height: 1.6;
        }
        /* Responsive spacing */
        @media (max-width: 767px) {
            .services-15-feature-box {
                margin-bottom: 40px;
            }
        }

        /* Blog-10 */

        .blog-10 * {
            font-family: 'Poppins', sans-serif;
        }

        .blog-10.section-wrapper {
            padding: 50px 0;
            background: #fff;
        }

        .blog-10 .blog-main-image img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

        .blog-10 .blog-meta {
            margin-top: 15px;
            color: #888;
            font-size: 13px;
        }

        .blog-10 .blog-meta i {
            color: #e74c3c;
            margin-right: 5px;
        }

        .blog-10 .blog-meta span {
            margin-right: 15px;
        }

        .blog-10 .blog-title {
            margin-top: 15px;
            font-size: 20px;
            font-weight: 700;
            color: #333;
        }

        .blog-10 .blog-description {
            color: #666;
            font-size: 14px;
            margin-top: 10px;
        }

        .blog-10 .sidebar-title {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 20px;
            border-bottom: 2px solid #e74c3c;
            display: inline-block;
        }

        .blog-10 .sidebar-post {
            margin-bottom: 20px;
            display: flex;
        }

        .blog-10 .sidebar-post img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 4px;
            margin-right: 10px;
        }

        .blog-10 .sidebar-post-title {
            font-size: 14px;
            font-weight: 600;
            color: #333;
        }

        .blog-10 .sidebar-meta {
            font-size: 12px;
            color: #888;
        }

        .blog-10 .sidebar-meta i {
            color: #e74c3c;
            margin-right: 3px;
        }

        @media (max-width: 767px) {
            .blog-10 .sidebar-post {
                display: flex;
                flex-direction: row;
            }
        }

        /* about-20 */
 .about-20-section-wrapper {
            padding: 60px 0;
            font-family: 'Poppins', sans-serif;
        }
        .about-20-img {
            width: 100%;
            border-radius: 15px;
        }
        .about-20-heading {
            font-size: 16px;
            color: #FF9800;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .about-20-title {
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }
        .about-20-title span {
            color: #FF9800;
        }
        .about-20-description {
            color: #666;
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 1.8;
        }
        .about-20-event-info {
            font-size: 14px;
            margin-bottom: 10px;
        }
        .about-20-event-info strong {
            color: #1a1a1a;
        }
        .about-20-dot {
            width: 8px;
            height: 8px;
            background-color: #FF9800;
            display: inline-block;
            border-radius: 50%;
            margin: 0 10px;
        }
        .about-20-stats {
            margin-top: 30px;
            display: flex;
  justify-content: space-around;
        }
        .about-20-stat-item {
            display: inline-block;
            margin-right: 30px;
            text-align: center;
        }
        .about-20-stat-item strong {
            font-size: 40px;
            color: #FF9800;
            font-weight: 700;
        }
        .about-20-stat-item span {
            display: block;
            color: #1a1a1a;
            font-weight: 600;
            margin-top: -8px;
        }
        @media (max-width: 767px) {
            .about-20-title {
                font-size: 28px;
            }
            .about-20-stat-item {
                margin-bottom: 15px;
                display: block;
            }
        }

        /* event-3 */
         @font-face {
            font-family: 'Montserrat';
            src: url('https://fonts.gstatic.com/s/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2') format('woff2');
        }

        @font-face {
            font-family: 'Open Sans';
            src: url('https://fonts.gstatic.com/s/opensans/v29/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2') format('woff2');
        }

        .events-3 {
            background-color: #f9f8fb;
            padding: 60px 0;
            font-family: 'Open Sans', sans-serif;
        }

        .events-3 .section-title small {
            text-transform: uppercase;
            color: #ff9c07;
            border-left: 3px solid #ff9c07;
            padding-left: 10px;
            display: inline-block;
            margin-bottom: 10px;
        }
.section-title,.section-title h2 {
text-align: left!important;
}
        .events-3 h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            font-size: 36px;
            line-height: 1.2;
        }

        .events-3 h2 span {
            color: #ff9c07;
        }

        .events-3 p {
            color: #555;
            font-size: 15px;
            margin-top: 20px;
        }

        .events-3 .see-more {
            margin-top: 20px;
            font-weight: bold;
            text-decoration: none;
            color: #000;
            display: inline-block;
            border-bottom: 1px solid #000;
        }

        .events-3 .see-more i {
            background: #ccc;
            border-radius: 50%;
            padding: 6px;
            margin-left: 8px;
        }

        .events-3 .event-card {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            height: 300px;
            margin-bottom: 20px;
        }

        .events-3 .event-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .events-3 .event-info {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 15px;
            color: #fff!important;
            background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
            transition: 0.4s;
        }

        .events-3 .event-card:hover .event-info {
            bottom: 0;
            background: rgba(0,0,0,0.7);
        }

        .events-3 .event-info h4 {
            margin: 0;
            font-weight: 700;
        }

        .events-3 .event-info p {
            margin: 5px 0;
            font-size: 13px;
        }

        .events-3 .social-icons a {
            color: #fff;
            margin-right: 8px;
            font-size: 16px;
        }

        /* Hide details until hover for 2nd & 3rd cards */
        .events-3 .event-card .event-info p,
        .events-3 .event-card .event-info .social-icons {
            display: none;
        }

        .events-3 .event-card:hover .event-info p,
        .events-3 .event-card:hover .event-info .social-icons {
            display: block;
        }

        /* Pagination dots and arrows styling */
        .events-3 .carousel-nav {
            text-align: center;
            margin-top: 20px;
        }

        .events-3 .carousel-nav i {
            border: 1px solid #ccc;
            border-radius: 50%;
            padding: 6px;
            margin: 0 5px;
            cursor: pointer;
        }

        .events-3 .progress-bar {
            height: 3px;
            background-color: #ff9c07;
            margin: 10px auto;
            max-width: 200px;
        }

        @media (max-width: 767px) {
            .events-3 .event-card {
                height: 200px;
            }
        }

        /* testimonial-11 */

        /* Font-face (You can download or replace with actual CDN fonts if needed) */
@font-face {
    font-family: 'Poppins';
    src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecnFHGPc.woff2') format('woff2');
}

.testimonial-11 {
    /* Replace with your background image path */
    background-size: auto;
    background-position: center;
    padding: 80px 0;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

.testimonial-11-header .testimonial-11-subtitle {
    color: #f9004d;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.testimonial-11-header .testimonial-11-title {
    font-size: 28px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 10px;
}

.testimonial-11-header .testimonial-11-title span {
    color: #f9004d;
}

.testimonial-11-header .testimonial-11-description {
    color: #666;
    max-width: 600px;
    margin: 0 auto 30px;
    font-size: 15px;
}

.testimonial-11-box {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    text-align: left;
}

.testimonial-11-quote-icon {
    font-size: 40px;
    color: #f5f5f5;
    position: absolute;
top: 16px;
  left: 44px;
    z-index: 1;
}

.testimonial-11-text {
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: #666;
    margin-bottom: 20px;
    margin-top: 24px;
    min-height: 111px;
}

.testimonial-11-client {
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonial-11-client img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-11-client h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1e1e1e;
}

.testimonial-11-client p {
    margin: 0;
    font-size: 14px;
    color: #666;
}
.testimonial-11-card{
border: 2px solid #e8e8e8;
  padding: 21px;
  margin: 20px;
  border-radius: 20px;
  background: #fff;
}
/* Responsive */
@media (max-width: 767px) {
    .testimonial-11 {
        padding: 50px 15px;
    }
    .testimonial-11-header .testimonial-11-title {
        font-size: 22px;
    }
    .testimonial-11-box {
        padding: 20px;
    }
}

/* pricing-8 */
       .pricing-8-section-wrapper {
            font-family: 'Montserrat', sans-serif;
            background-color: #f8f8f8;
            padding: 60px 0;
            text-align: center;
        }
        .pricing-8-section-wrapper .pricing-title {
            text-transform: uppercase;
            font-size: 14px;
            color: #ae9a64;
            letter-spacing: 1px;
            margin-bottom: 10px;
        }
        .pricing-8-section-wrapper .pricing-heading {
            font-weight: 700;
            font-size: 32px;
            margin-bottom: 10px;
        }
        .pricing-8-section-wrapper .pricing-heading span {
            color: #ae9a64;
        }
        .pricing-8-section-wrapper .pricing-subtext {
            color: #666;
            margin-bottom: 50px;
        }
        .pricing-8-section-wrapper .pricing-box {
            background-color: #fff;
            border-radius: 10px;
            padding: 30px 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            transition: all 0.3s;
        }
        .pricing-8-section-wrapper .pricing-box.featured {
            border-top: 8px solid #ae9a64;
        }
        .pricing-8-section-wrapper .pricing-box h3 {
            font-weight: 700;
            margin-bottom: 5px;
        }
        .pricing-8-section-wrapper .pricing-box .package-type {
            color: #888;
            margin-bottom: 20px;
        }
        .pricing-8-section-wrapper .price {
            font-size: 40px;
            font-weight: 900;
            color: #222;
        }
        .pricing-8-section-wrapper .price sup {
            font-size: 20px;
            top: -1em;
        }
        .pricing-8-section-wrapper .price small {
            font-size: 14px;
            font-weight: 400;
        }
        .pricing-8-section-wrapper ul.features {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }
        .pricing-8-section-wrapper ul.features li {
            padding: 8px 0;
            color: #555;
            border-bottom: 1px dashed #ccc;
        }
        .pricing-8-section-wrapper ul.features li:last-child {
            border-bottom: none;
        }
        .pricing-8-section-wrapper .purchase-btn {
            background-color: #ae9a64;
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
            padding: 10px 20px;
            border-radius: 50px;
            text-decoration: none;
            display: inline-block;
            margin-top: 15px;
        }
        .pricing-8-section-wrapper .note {
            font-size: 12px;
            color: #888;
            margin-top: 15px;
        }
        .pricing-8-section-wrapper .footer-note {
            margin-top: 30px;
            font-size: 12px;
            color: #555;
        }
        .pricing-8-section-wrapper .footer-note a {
            color: #ae9a64;
            text-decoration: underline;
        }

        @media(max-width: 767px){
            .pricing-8-section-wrapper .pricing-heading {
                font-size: 24px;
            }
        }

        /* our-team-3 */
        .ourteam-3 {
    padding: 60px 0;
    font-family: 'Open Sans', sans-serif;
}

.ourteam-3-subtitle {
    text-transform: uppercase;
    color: #f53677;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ourteam-3-title {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.ourteam-3-title span {
    color: #f53677;
}

.ourteam-3-description {
    color: #5f5f5f;
    font-size: 16px;
    max-width: 500px;
}

.ourteam-3-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}

.ourteam-3-btn {
    background-color: #f53677;
    color: #fff;
    padding: 10px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.ourteam-3-btn:hover {
    background-color: #e42f68;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.ourteam-3-images {
    margin-top: 40px;
}

.ourteam-3-card {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.ourteam-3-card img {
    width: 100%;
    display: block;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.ourteam-3-card:hover img {
    transform: scale(1.05);
}

.ourteam-3-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(245, 54, 119, 0.7);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
}

.ourteam-3-card:hover .ourteam-3-overlay {
    opacity: 1;
}

.ourteam-3-name {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.ourteam-3-role {
    font-size: 14px;
    margin-bottom: 10px;
}

.ourteam-3-social a {
    color: #fff;
    font-size: 18px;
    margin: 0 6px;
    display: inline-block;
    transition: color 0.3s ease;
}

.ourteam-3-social a:hover {
    color: #fff;
    opacity: 0.8;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .ourteam-3-title {
        font-size: 26px;
    }
    .ourteam-3-description {
        font-size: 14px;
    }
    .ourteam-3-btn-wrapper {
        justify-content: center;
        margin-top: 20px;
    }
    .ourteam-3-btn {
        font-size: 14px;
        padding: 8px 20px;
    }
    .ourteam-3-name {
        font-size: 16px;
    }
    .ourteam-3-role {
        font-size: 12px;
    }
}


/* news-5 */
.news-5 .news-5-header p.subtitle {
            color: #ff0066;
            text-transform: uppercase;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .news-5 .news-5-header h2 {
            font-weight: 700;
            font-size: 32px;
            color: #1c1c1c;
            margin-bottom: 15px;
        }

        .news-5 .news-5-header h2 span {
            color: #ff0066;
        }

        .news-5 .news-5-header p.description {
            color: #777;
            font-size: 14px;
            max-width: 600px;
        }

        .news-5 .view-more-btn {
            background-color: #ff0066;
            color: #fff;
            padding: 10px 25px;
            border-radius: 30px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
            margin-top: 20px;
            transition: background 0.3s ease;
        }

        .news-5 .view-more-btn:hover {
            background-color: #e6005c;
            text-decoration: none;
        }

        .news-5 .news-5-card {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }

        .news-5 .news-5-card img {
            width: 100%;
            height: auto;
            display: block;
        }

        .news-5 .news-5-card-body {
            padding: 20px 15px;
            text-align: center;
        }

        .news-5 .news-5-card-body h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #1c1c1c;
            text-transform: uppercase;
        }

        .news-5 .news-5-card-body p {
            font-size: 13px;
            color: #777;
            margin-bottom: 0;
        }

        .news-5 .news-5-card-footer {
            border-top: 1px solid #eee;
            padding: 10px 15px;
            font-size: 12px;
            color: #777;
            display: flex;
            justify-content: space-between;
        }

        .news-5 .news-5-card-footer i {
            margin-right: 5px;
        }

        @media (max-width: 767px) {
            .news-5 .news-5-header h2 {
                font-size: 24px;
            }

            .news-5 .news-5-card-body h4 {
                font-size: 14px;
            }
        }

        /* home-40 */
        .home-40 {
    background-color: #f7f7f7;
    padding: 30px 0;
    font-family: 'Poppins', sans-serif;
}

.home-40-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-40-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-40-offer-line {
    display: flex;
    align-items: baseline;
    margin-bottom: 8px;
}

.home-40-50 {
    font-size: 72px;
    font-weight: 700;
    color: #f15b2a;
    line-height: 1;
}

.home-40-percent {
    font-size: 32px;
    font-weight: 700;
    color: #f15b2a;
    margin-left: 5px;
    line-height: 1;
}

.home-40-off {
    font-size: 16px;
    font-weight: 400;
    color: #f15b2a;
    margin-left: 5px;
    line-height: 1;
}

.home-40-title {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px 0;
}

.home-40-code {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #f15b2a;
    margin: 0;
}

.home-40-right {
    text-align: center;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-40-btn {
    display: inline-block;
    padding: 12px 25px;
    background: linear-gradient(90deg, #f15b2a, #f47e2a);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.home-40-btn:hover {
    background: linear-gradient(90deg, #f47e2a, #f15b2a);
    color: #fff;
}

@media (max-width: 767px) {
    .home-40-row {
        flex-direction: column;
        text-align: center;
    }
    .home-40-left {
        margin-bottom: 20px;
    }
}

/* home-41 */
        @font-face {
            font-family: 'Poppins';
            src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
        }

        .home-41-section-wrapper {
            background-size: cover;
            background-position: center;
            padding: 100px 0;
            color: #fff;
            position: relative;
            text-align: center;
        }

        .home-41-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4);
        }

        .home-41-content {
            position: relative;
            z-index: 1;
        }

        .home-41-title {
            font-family: 'Poppins', sans-serif;
            font-size: 36px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 15px;
        }

        .home-41-highlight {
            color: #2D5BFF;
            background-color: #ffffff;
            display: inline-block;
            padding: 0 8px;
            border-radius: 4px;
        }

        .home-41-description {
            color: #e0d2d2;
            font-family: 'Poppins', sans-serif;
            margin-bottom: 30px;
        }

        .home-41-btn {
            background: #fff;
            color: #333;
            padding: 10px 20px;
            border: none;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            text-transform: capitalize;
            border-radius: 3px;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .home-41-btn:hover {
            background: #2D5BFF;
            color: #fff;
        }

        @media (max-width: 767px) {
            .home-41-title {
                font-size: 26px;
            }

            .home-41-description {
                font-size: 14px;
            }
        }


/* home-42 */
.home-42.section-wrapper {
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    font-family: 'Quicksand', sans-serif;
    position: relative;
    color: #1a1a1a;
}

.home-42-title {
font-size: 48px;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.3;
  color: #fff;
      font-family: 'Quicksand', sans-serif;

}


.home-42-description {
    color: #555;
    font-size: 16px;
    margin-bottom: 30px;
}

.home-42-search-box {
    position: relative;
    max-width: 100%;
}

.home-42-search-input {
    width: 100%;
    padding: 15px 50px 15px 20px;
    border: none;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    font-size: 16px;
}

.home-42-search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 20px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .home-42.section-wrapper {
        padding: 50px 0;
    }
    .home-42-title {
        font-size: 28px;
    }
    .home-42-description {
        font-size: 14px;
    }
    .home-42-search-input {
        padding: 12px 45px 12px 15px;
        font-size: 14px;
    }
    .home-42-overlay {
        padding: 25px 20px;
    }
}


/* blog-11 */
/* blog-11 Font Setup */
.blog-11 * {
    font-family: 'Roboto', sans-serif;
}
.blog-11.section-wrapper {
    padding: 80px 0;}
.blog-11-subtitle {
    font-size: 13px;
    color: #8d8d8d;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.blog-11-title {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.blog-11-btn {
    background-color: #D6A427;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-top: 30px;
}

.blog-11-btn:hover {
    background-color: #b88b1e;
}

.blog-11-post {
    display: table;
    width: 100%;
    margin-bottom: 25px;
}

.blog-11-img {
    display: table-cell;
    vertical-align: top;
    width: 225px;
}

.blog-11-img img {
    object-fit: cover;
    border-radius: 25px;
    height: 190px;
}

.blog-11-content {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
}

.blog-11-post-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.4;
    color: #222;
}

.blog-11-meta {
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
}

.blog-11-text {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
}

.blog-11-readmore {
    font-size: 13px;
    font-weight: 700;
    color: #7D9A2F;
    text-decoration: none;
}

.blog-11-readmore:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .blog-11-post {
        display: block;
    }
    .blog-11-img,
    .blog-11-content {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .blog-11-img img {
        width: 100%;
        height: auto;
    }
    .blog-11-btn {
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
}


/* faq-4 */

        .section-wrapper.faq-4{
            padding: 50px 15px;
        }

        .faq-4-title {
            font-family: 'Raleway', sans-serif;
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 30px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
        }

        .faq-4-panel-group .panel {
            border: none;
            box-shadow: none;
            border-bottom: 1px solid #ddd;
        }

        .faq-4-panel-title {
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            font-weight: 600;
        }

        .faq-4-panel-title a {
            display: block;
            text-decoration: none;
            color: #333;
            padding: 15px 0;
            position: relative;
        }

        .faq-4-panel-title a.collapsed {
            color: #333;
        }

        .faq-4-panel-title a:after {
            font-family: 'remixicon';
            content: "\ea4e"; /* down arrow */
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: 0.3s;
        }

        .faq-4-panel-title a[aria-expanded="true"]:after {
            content: "\ea78"; /* up arrow */
        }

        .faq-4-panel-body {
            padding: 15px 0;
            font-family: 'Raleway', sans-serif;
            color: #666;
        }

        .faq-4-image img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        @media (min-width: 768px) {
            .faq-4-row {
                display: flex;
                align-items: flex-start;
            }

            .faq-4-col-left {
                flex: 2;
                padding-right: 30px;
            }

            .faq-4-col-right {
                flex: 1;
            }
        }

        /* about-21 */

         @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;600&display=swap');

        .about-21-section {
            padding: 60px 0;
            font-family: 'Open Sans', sans-serif;
        }

        .about-21-image-box {
            position: relative;
            padding-left: 30px;
        }

        .about-21-image-box::before {
content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 96%;
  height: 100%;
  border: 2px solid #e1a318;
  z-index: 0;
  border-radius: 20px;
        }

        .about-21-img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: auto;
            margin-top: 52px;
              border-radius: 20px;

        }

        .about-21-caption-box {
            background: #fff;
            padding: 20px;
            position: absolute;
            bottom: 20px;
            left: 20px;
            max-width: 80%;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .about-21-caption-box h4 {
            font-weight: 700;
            margin-bottom: 10px;
        }

        .about-21-caption-box p {
            font-size: 14px;
            margin-bottom: 0;
        }

        .about-21-content h6 {
            letter-spacing: 2px;
            font-size: 12px;
            color: #666;
            text-transform: uppercase;
            font-weight: 600;
        }

        .about-21-content h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            margin: 15px 0;
            color: #222;
        }

        .about-21-content p {
            font-size: 14px;
            color: #555;
            margin-bottom: 20px;
        }

        .about-21-feature {
            margin-bottom: 20px;
        }

        .about-21-feature i {
            font-size: 24px;
            color: #e1a318;
            margin-right: 10px;
            vertical-align: middle;
        }

        .about-21-feature h5 {
            display: inline-block;
            font-weight: 600;
            margin: 0;
            color: #222;
        }

        .about-21-feature p {
            margin-left: 34px;
            font-size: 13px;
            color: #666;
            margin-top: 5px;
        }

        @media (max-width: 767px) {
            .about-21-caption-box {
                position: static;
                max-width: 100%;
                margin-top: 15px;
            }
        }


        /* about-22 */

        .about-22-about-section {
    background-color: #2a3736;
    color: #fff;
    padding: 60px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;

}

.about-22-title {
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 50px;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    color: #a8a8a8;
}

.about-22-subtitle {
    font-size: 14px;
    color: #ccc;
    font-family: 'Playfair Display', serif;
}

.about-22-box {
    margin-bottom: 30px;
    height: 500px;
}

.about-22-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 5px;
}


.about-22-content-box {
    background-color: #131c1c;
    padding: 30px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-22-tagline {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.about-22-heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    color: #d7d7d7;
}

.about-22-text {
    font-size: 13px;
    color: #888;
    margin-bottom: 20px;
}

.about-22-btn {
    background-color: #e87e1c;
    color: #fff;
    border: none;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    text-decoration: none;
}

/* contact-10 */

@font-face {
      font-family: 'Barlow';
      src: url('https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_CfnyTw.woff2') format('woff2');
    }

    .contact-10.section-wrapper {
      padding: 60px 20px;
            background-color: #12100f;
      font-family: 'Barlow', sans-serif;
      color: #fff;
    }

    .contact-10 .contact-left {
      color: #ccc;
    }

    .contact-10 .contact-title {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .contact-10 .contact-subtitle {
      color: #f1b15d;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
    }

    .contact-10 .contact-info {
      margin: 20px 0;
    }

    .contact-10 .contact-info i {
      font-size: 18px;
      color: #f1b15d;
      margin-right: 10px;
    }

    .contact-10 .contact-info p {
      margin-bottom: 5px;
    }

    .contact-10 .form-control {
      background-color: #1b1a19;
      border: none;
      color: #fff;
      padding: 12px;
    }

    .contact-10 .form-control::placeholder {
      color: #666;
    }

    .contact-10 .btn-contact {
      background-color: #c79655;
      color: #000;
      padding: 12px 30px;
      border: none;
      text-transform: uppercase;
      margin-top: 20px;
      transition: background 0.3s ease;
    }

    .contact-10 .btn-contact:hover {
      background-color: #d0a866;
    }

    .contact-10 .social-icons a {
      color: #fff;
      margin-right: 15px;
      font-size: 18px;
      transition: color 0.3s ease;
    }

    .contact-10 .social-icons a:hover {
      color: #f1b15d;
    }

    @media (max-width: 767px) {
      .contact-10 .contact-right {
        margin-top: 40px;
      }
    }

    /* testimonial-12 */

    .testimonial-12-section {
      font-family: 'Poppins', sans-serif;
      padding: 60px 0;
      background-color: #fff;
    }

    .testimonial-12-heading {
      font-weight: 600;
      font-size: 30px;
      margin-bottom: 20px;
    }

    .testimonial-12-para {
      font-size: 14px;
      color: #555;
      max-width: 400px;
      margin-bottom: 30px;
    }

    .testimonial-12-btn {
      background: linear-gradient(90deg, #a020f0, #ff5e57);
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
    }

    .testimonial-12-card {
      background: #f9f9f9;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 20px;
      position: relative;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .testimonial-12-card .testimonial-12-avatar {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 15px;
      object-fit: cover;
    }

    .testimonial-12-card .testimonial-12-name {
      font-weight: 600;
      margin-bottom: 5px;
    }

    .testimonial-12-card .testimonial-12-text {
      font-size: 13px;
      color: #777;
    }

    .testimonial-12-card .testimonial-12-quote {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 20px;
      color: #ccc;
    }

.testimonial-12-highlight {
  position: relative;
  padding-left: 20px;
}

.testimonial-12-highlight::before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 0;
  width: 4px;
  background: linear-gradient(180deg, #a020f0, #ff5e57);
  border-radius: 2px;
}


    @media (max-width: 767px) {
      .testimonial-12-content {
        text-align: center;
      }
      .testimonial-12-para {
        margin: 0 auto 20px;
      }
    }

    /* service-16 */
.services-16 * {
  font-family: 'Open Sans', sans-serif;
}
.services-16{
    padding: 60px 0;
}
/* Card Wrapper */
.services-16-card {
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  min-height: 450px;
  transition: all 0.3s ease-in-out;
}

/* Individual Background Colors */
.services-16-card-1 {
  background-color: #c4d38f;
}

.services-16-card-2 {
  background-color: #f4b254;
}

.services-16-card-3 {
  background-color: #a3c26b;
}

/* Image Styling */
.services-16-img-wrap img {
  max-height: 160px;
  object-fit: contain;
  border-radius: 10px;
  margin-bottom: 20px;
}

/* Price Circle */
.services-16-price-circle {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  border-radius: 50%;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  text-align: center;
}

.services-16-old-price {
  display: block;
  font-size: 13px;
  color: #888;
  text-decoration: line-through;
}

/* Heading Styling */
.services-16-card h4 {
  font-size: 22px;
  margin: 10px 0;
  font-weight: bold;
  color: #333;
}

.services-16-title-sub {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 700;
}

/* Rating */
.services-16-rating {
  font-size: 18px;
  color: #f5a623;
  margin-bottom: 10px;
}

.services-16-rating span {
  margin-left: 8px;
  font-size: 15px;
  color: #333;
}

/* Description */
.services-16-desc {
  font-size: 14px;
  color: #333;
  min-height: 70px;
  margin-bottom: 20px;
}

/* Button */
.services-16-btn {
  background-color: #3d3d1f;
  color: white;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px 20px;
  font-size: 13px;
  text-transform: uppercase;
  border: none;
  transition: background 0.3s ease;
}

.services-16-btn:hover {
  background-color: #222;
  color: #fff;
}

/* home-43 */

.home-43-section-wrapper {
            background-color: #d9d9d9;
            padding: 60px 0;
            font-family: 'Roboto', sans-serif;
        }

        .home-43-title {
            text-align: center;
            margin-bottom: 40px;
        }

        .home-43-title span {
            color: #ff3c3c;
            font-weight: bold;
            font-size: 14px;
            text-transform: uppercase;
            display: block;
        }

        .home-43-title h2 {
            font-family: 'Anton', sans-serif;
            font-size: 32px;
            color: #1c1c1c;
            font-weight: 700;
            margin-top: 10px;
        }

        .home-43-card {
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            overflow: hidden;
            position: relative;
        }

        .home-43-card img {
            width: 100%;
            height: auto;
        }

        .home-43-label {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #ff3c3c;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            padding: 3px 10px;
            text-transform: uppercase;
        }

        .home-43-card-body {
            padding: 20px;
        }

        .home-43-card-title {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 10px;
        }

        .home-43-card-text {
            font-size: 13px;
            color: #555;
            height: 40px;
            overflow: hidden;
        }

        .home-43-readmore {
            font-weight: bold;
            margin-top: 10px;
            display: inline-block;
            font-size: 13px;
        }

        .home-43-footer {
            text-align: center;
            margin-top: 30px;
            font-size: 13px;
            color: #888;
        }

        .home-43-footer a {
            color: #ff3c3c;
            font-weight: bold;
            text-decoration: none;
        }

        @media (max-width: 767px) {
            .home-43-title h2 {
                font-size: 24px;
            }
        }


        /* about-23 */

         @font-face {
            font-family: 'BebasNeue';
            src: url('https://fonts.cdnfonts.com/s/14556/BebasNeue-Regular.woff') format('woff');
        }

        .about-23-section-wrapper {
            padding: 60px 15px;
            background: #fff;
                        font-family: 'BebasNeue', sans-serif;

        }

        .about-23-content h4 {
          color: #616DCC;
            /* color: #ff4d4d; */
            font-size: 14px;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .about-23-heading {
            font-size: 36px;
            font-weight: bold;
            color: #222;
            line-height: 1.2;
        }

        .about-23-description {
            color: #666;
            font-size: 15px;
            line-height: 1.8;
            margin: 20px 0;
        }

        .about-23-features {
            list-style: none;
            padding: 0;
        }

        .about-23-features li {
            font-size: 14px;
            color: #333;
            margin-bottom: 10px;
        }

        .about-23-features li i {
            color: red;
            margin-right: 10px;
        }

        .about-23-buttons .btn {
            padding: 10px 25px;
            margin-right: 10px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .about-23-buttons .btn-read {
            background: #ff4d4d;
            color: #fff;
            border: none;
        }

        .about-23-buttons .btn-contact {
            border: 1px solid #222;
            background: #fff;
            color: #222;
        }

        .about-23-video-wrap {
            position: relative;
            display: inline-block;
        }

        .about-23-video-wrap img {
            width: 100%;
            border-radius: 4px;
        }

        .about-23-video-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #ff4d4d;
            color: white;
            font-size: 28px;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

        @media (max-width: 767px) {
            .about-23-heading {
                font-size: 28px;
            }

            .about-23-buttons {
                text-align: center;
                margin-top: 20px;
            }
        }

        /* contact-11 */
.contact-11-section {
  display: flex;
  flex-wrap: wrap;
  background-color: #f2f4fb;
  padding: 40px 15px;
  max-width: 1200px;
  margin: 0 auto; /* centers the section */
}

    .contact-11-left {
      background-color: #232323;
      color: #fff;
      padding: 40px 30px;
      flex: 1;
      min-width: 320px;
      border-radius: 30px;
    }

    .contact-11-left h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 20px;
      text-transform: uppercase;
      color: #fff;
    }

    .contact-11-left p {
      color: #ccc;
      font-size: 14px;
      margin-bottom: 30px;
    }

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

    .contact-11-form input,
    .contact-11-form textarea {
      background-color: #3a3a3a;
      border: none;
      color: #fff;
      width: 100%;
      padding: 10px 15px;
      border-radius: 10px;
    }

    .contact-11-form textarea {
      height: 100px;
      resize: none;
    }

    .contact-11-form label {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 5px;
      display: block;
    }

    .contact-11-btn {
      background-color: #4e74f9;
      border: none;
      padding: 10px 25px;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 10px;
      border-radius: 10px;
    }

    .contact-11-right {
      flex: 1;
      min-width: 320px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0px 30px 30px 30px;
    }

    .contact-11-img {
      width: 100%;
      margin-bottom: 30px;
    }

    .contact-11-img img {
      width: 100%;
      height: auto;
      border-radius: 20px;
    }

    .contact-11-other h4 {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 20px;
      text-transform: uppercase;
    }

.contact-11-other{
  background: #dfdfdf;
  padding: 18px;
  border-radius: 20px;
}

    .contact-11-icon-box {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .contact-11-icon-box i {
      font-size: 24px;
      background-color: #4e74f9;
      color: #fff;
      padding: 10px;
      border-radius: 5px;
      margin-right: 15px;
    }

    .contact-11-icon-box p {
      margin: 0;
    }

    @media (max-width: 768px) {
      .contact-11-section {
        flex-direction: column;
      }

      .contact-11-right {
        padding: 20px 15px;
      }
    }

    /* courses-5 */

     @font-face {
      font-family: 'BarlowCondensed';
      src: url('https://fonts.cdnfonts.com/s/14503/BarlowCondensed-Bold.woff') format('woff');
      font-weight: bold;
    }

    .courses-5-bg-overlay {
      padding: 60px 15px;
      color: white;
      position: relative;
    }

    .courses-5-subtitle {
      font-family: 'BarlowCondensed', sans-serif;
      color: #ff3c3c;
      font-size: 14px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .courses-5-title {
      font-family: 'BarlowCondensed', sans-serif;
      font-size: 36px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 40px;
    }

    .courses-5-cards {
      margin-top: 20px;
    }

    .courses-5-card {
      margin-bottom: 30px;
    }

    .courses-5-img-wrap {
position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 3px solid #ddd;
    }

    .courses-5-img-wrap img {
      width: 100%;
      display: block;
    }

    .courses-5-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(30, 30, 30, 0.85);
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: all 0.4s ease-in-out;
      text-align: center;
      padding: 20px;
    }

    .courses-5-img-wrap:hover .courses-5-overlay {
      opacity: 1;
      cursor: pointer;
    }

    .courses-5-icon {
      font-size: 36px;
      color: #ff3c3c;
      margin-bottom: 10px;
      animation: floatIn 0.4s ease;
    }

    .courses-5-info {
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 10px;
      font-family: 'BarlowCondensed', sans-serif;
    }

    .courses-5-link {
      color: #ff3c3c;
      font-weight: bold;
      font-family: 'BarlowCondensed', sans-serif;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 1px;
    }

    .courses-5-card-title {
      font-family: 'BarlowCondensed', sans-serif;
      font-size: 16px;
      color: #222;
      font-weight: bold;
      margin-top: 15px;
      text-align: center;
    }

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

    @media (max-width: 767px) {
      .courses-5-title {
        font-size: 24px;
      }

      .courses-5-card-title {
        font-size: 14px;
      }
    }

    /* blog-12 */
   .about-24 * {
      font-family: 'Poppins', sans-serif;
    }

    .about-24 {
      padding: 60px 0;
      background-color: #fff;
    }

    .about-24 .about-24-subtitle {
      color: #77b81e;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .about-24 .about-24-title {
      font-size: 32px;
      font-weight: 600;
      color: #111;
      margin-bottom: 15px;
    }

    .about-24 .about-24-text {
      color: #555;
      font-size: 14px;
      line-height: 1.8;
      margin-bottom: 25px;
    }

    .about-24 .about-24-list-title {
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 15px;
    }

    .about-24 .about-24-list p {
      font-size: 14px;
      margin-bottom: 10px;
      color: #111;
    }

    .about-24 .ri-checkbox-circle-line {
      color: #77b81e;
      margin-right: 8px;
    }

    .about-24 .about-24-btn {
      background-color: #77b81e;
      color: #fff;
      padding: 10px 20px;
      display: inline-block;
      font-size: 13px;
      text-transform: uppercase;
      border-radius: 3px;
      font-weight: 600;
      text-decoration: none;
      transition: background 0.3s;
    }

    .about-24 .about-24-btn:hover {
      background-color: #5ea615;
      color: #fff;
      text-decoration: none;
    }

    .about-24 .about-24-image {
      width: 100%;
      max-width: 100%;
      border-radius: 8px;
    }

    .about-24 .about-24-stats {
      margin-top: 40px;
    }

    .about-24 .about-24-stat {
      margin-bottom: 30px;
    }

    .about-24 .about-24-stat h3 {
      font-size: 26px;
      font-weight: bold;
      color: #111;
      margin-bottom: 5px;
    }

    .about-24 .about-24-stat p {
      font-size: 13px;
      color: #777;
      margin: 0;
      text-transform: uppercase;
    }

    @media (max-width: 767px) {
      .about-24 .about-24-title {
        font-size: 24px;
      }

      .about-24 .about-24-stat h3 {
        font-size: 22px;
      }
    }

    /* home-44 */

    @font-face {
  font-family: 'Poppins';
  src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
}

.home-44 * {
  font-family: 'Poppins', sans-serif;
}

.home-44-section {
  padding: 60px 0;
  text-align: center;
  background-color: #fff;
}

.home-44-subtitle {
  /* color: #8BC34A; */
  color: #616ED0;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.home-44-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #000;
}

.home-44-box {
  background-color: #f9f9f9;
  padding: 30px 20px;
  margin-bottom: 30px;
  border-radius: 6px;
  position: relative;
  transition: all 0.3s ease;
  min-height: 300px;
}

.home-44-box:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.home-44-icon {
  font-size: 48px;
  /* color: #8BC34A; */
  color: #616ED0;
  margin-bottom: 20px;
}

.home-44-number {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 36px;
  font-weight: bold;
  color: #e0e0e0;
}

.home-44-box h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  color: #000;
}

.home-44-box p {
  font-size: 13px;
  color: #777;
  margin-bottom: 20px;
}

.home-44-readmore {
  color: #8BC34A;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  width: 100%;
}

@media (max-width: 767px) {
  .home-44-title {
    font-size: 26px;
  }
}

/* services-17 */
@font-face {
    font-family: 'Poppins';
    src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
}
.services-17-body {
    font-family: 'Poppins', sans-serif;
        padding: 60px 0;
}

.services-17-title-area {
    text-align: center;
    margin-bottom: 40px;
}
.services-17-subtitle {
  color: #606dcd;
    /* color: #6ac045; */
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.services-17-title {
    font-size: 36px;
    font-weight: bold;
    color: #111;
    margin-top: 10px;
}
.services-17-carousel .services-17-slide {
    position: relative;
    margin-bottom: 30px;
}
.services-17-carousel img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.services-17-overlay {
 position: absolute;
  left: 0;
  right: 0;
  bottom: 20px; /* Padding from bottom */
  margin: 0 auto;
  /* background: rgba(108, 192, 69, 0.9); */
  background: rgb(105, 115, 218);
  color: white;
  padding: 14px 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  width: 80%; /* Keeps overlay centered with margin */
  display: none;
  border-radius: 4px;
}
.services-17-slide:hover .services-17-overlay {
    display: block;
    cursor: pointer;
}

.services-17-indicators {
    text-align: center;
    margin-top: 10px;
}
.services-17-indicators span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: #ccc;
    border-radius: 50%;
}
.services-17-indicators span.active {
    background: #6ac045;
}

/* news-6 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

.news-6 * {
  font-family: 'Montserrat', sans-serif;
}

.news-6.section-wrapper {
  background: #fff;
  padding: 60px 15px;
  text-align: center;
}

.news-6 .section-title h6 {
  color: #84c225;
  color: #606ed3;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.news-6 .section-title h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 40px;
}

.news-6 .news-card {
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: all 0.3s ease;
  text-align: left;
}

.news-6 .news-card:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.news-6 .news-card img {
  width: 100%;
  height: auto;
}

.news-6 .news-meta {
  padding: 20px;
}

.news-6 .news-date {
  background-color: #606ed3;
  /* background-color: #84c225; */
  display: inline-block;
  padding: 10px 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

.news-6 .news-date span {
  display: block;
  font-size: 20px;
  line-height: 1;
}

.news-6 .news-date small {
  font-size: 12px;
  text-transform: uppercase;
}

.news-6 .news-icons {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px;
}

.news-6 .news-icons i {
  color: #84c225;
  margin-right: 5px;
}

.news-6 .news-title {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin-bottom: 10px;
}

.news-6 .news-description {
  font-size: 13px;
  color: #666;
  margin-bottom: 15px;
  line-height: 1.7;
}

.news-6 .read-more {
  color: #84c225;
  color: #606ed3;

  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

/* about-25 */
@font-face {
  font-family: 'Inter';
  src: url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
}

.about-25 * {
  font-family: 'Inter', sans-serif;
}

.about-25 {
  padding: 60px 0;
}

.about-25-image-wrap {
  position: relative;
}

.about-25-img.img1 {
  margin-bottom: 20px;

}

.about-25-img.img2 {
  position: absolute;
  top: 5%;
  left: 40%;
  width: 60%;
  border: 5px solid #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);


}

.about-25-content {
  padding-left: 30px;
}

.about-25-subtitle {
  color: #0ab7b0;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
}

.about-25-title {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1b1b1b;
}

.about-25-features li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}

.about-25-features i {
  color: #0ab7b0;
  margin-right: 8px;
  font-size: 18px;
}

.about-25-desc {
  margin: 20px 0;
  font-size: 14px;
  color: #555;
  line-height: 1.7;
}

.about-25-btn {
  background-color: #0ab7b0;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
}

.about-25-btn i {
  margin-left: 5px;
}

.about-25-signature {
  margin-top: 20px;
}

.about-25-signature img {
  height: 40px;
}

.about-25-name {
  margin-top: 5px;
  font-weight: bold;
  font-size: 14px;
}

/*
home-45 */

    @font-face {
      font-family: 'Satoshi';
      src: url('https://cdn.jsdelivr.net/gh/ajinkyasatam/fonts@main/Satoshi-Regular.woff2') format('woff2');
    }



.home-45.section-wrapper {
  height: 750px;
  padding: 80px 15px 0;
  text-align: center;
  background: #fff;
  position: relative;
  overflow: hidden;
  font-family: 'Satoshi', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.home-45-logo {
  font-size: 26px;
  font-weight: bold;
}

.home-45-heading {
  font-size: 42px;
  font-weight: bold;
  margin-top: 20px;
}

.home-45-btn {
  margin-top: 25px;
  background: black;
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: bold;
  border: none;
  font-size: 16px;
}

/* Arc Wrapper - aligned to bottom half */
/* .home-45-arc-wrapper {
  margin-top: auto;
  height: 250px;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* Animation */
/* @keyframes rotateArc {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    } */


        /* .home-45-image {
        width: 100px;
        height: 150px;
      } */







.home-45 .scope {
position: relative;
  width: 200px;
  height: 200px;
  transform-style: preserve-3d;
  animation: slid 30s linear infinite;
  margin: 100px auto!important;
  padding-bottom: 0px!important;

}

.home-45 .scope span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform-style: preserve-3d;
  transform: rotateY(calc(var(--i) * 45deg)) translateZ(350px);
}
.home-45 .scope span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  transition: 2s;
}
.home-45 .scope span:hover img {
  transform: translateY(-50px) scale(1.7);
}
@keyframes slid {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  100% {
    transform: perspective(1000px) rotateY(360deg);
  }
}

/* about-26 */

 @font-face {
      font-family: 'Playfair Display';
      src: url('https://fonts.gstatic.com/s/playfairdisplay/v22/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYh2M.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    }

    body {
      font-family: 'Poppins', sans-serif;
    }

    .about-26.section-wrapper {

      padding: 60px 20px;
  background-color: #848a65;
    }

    .about-26-image-wrapper {
      position: relative;
      max-width: 100%;
      margin-bottom: 30px;
      margin-left: 97px;
      margin-top: 59px;
    }

    .about-26-main-img {
      width: 100%;
      max-width: 400px;
      border-radius: 50%;
      overflow: hidden;
      border: 6px solid #f6b140;
    }

    .about-26-inner-img {
      position: absolute;
      top: 10px;
      left: -88px;
      width: 225px;
      height: 225px;
      border-radius: 50%;
      overflow: hidden;
      border: 5px solid #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    }

    .about-26-inner-img img,
    .about-26-main-img img {
      width: 100%;
      height: auto;
      display: block;
    }

    .about-26-content h2 {
font-family: 'Playfair Display', serif;
  font-size: 39px;
  margin-bottom: 15px;
  color: #fff;
  line-height: 1.2;
    }

    .about-26-highlight {
      font-weight: bold;
      color: #212121;
    }

    .about-26-highlight.yellow {
      color: #fdbb2d;
    }

    .about-26-subheading {
font-size: 19px;
  color: #f5a623;
  margin-bottom: 20px;
  line-height: 1.4;
}


    .about-26-description {
      font-size: 14px;
      color: #fff;
      line-height: 1.6;
      margin-bottom: 25px;
    }

    .about-26-icon-section {
      margin-top: 20px;
    }

    .about-26-icon-box {
      display: inline-block;
      margin-right: 30px;
      font-size: 14px;
    }

    .about-26-icon-box i {
      font-size: 24px;
      margin-right: 10px;
      vertical-align: middle;
      color: #00b894;
    }

    .about-26-readmore {
      background-color: #fdbb2d;
      color: #fff;
      padding: 10px 25px;
      border: none;
      border-radius: 4px;
      text-transform: uppercase;
      font-size: 13px;
    }

    @media (max-width: 768px) {
      .about-26-inner-img {
        width: 100px;
        height: 100px;
        top: 0;
        left: -20px;
      }

      .about-26-icon-box {
        display: block;
        margin-bottom: 10px;
      }
    }

    /* home-47 */

     @font-face {
      font-family: 'Merriweather';
      src: url('https://fonts.cdnfonts.com/s/17409/Merriweather-Regular.woff') format('woff');
    }

    @font-face {
      font-family: 'Lato';
      src: url('https://fonts.cdnfonts.com/s/15359/Lato-Regular.woff') format('woff');
    }

    body {
      font-family: 'Lato', sans-serif;
    }

    .home-47.section-wrapper {
      padding: 60px 15px;
      text-align: center;
      background-color: #fff;
    }

    .home-47-title h4 {
      color: #f6a623;
      font-size: 14px;
      letter-spacing: 1px;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .home-47-title h2 {
      font-family: 'Merriweather', serif;
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .home-47-title h2 span {
      color: #000;
    }

    .home-47-title p {
      max-width: 700px;
      margin: 10px auto 40px;
      color: #777;
    }

    .home-47-step {
      margin-bottom: 30px;
    }

    .home-47-step .home-47-img-circle {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 20px;
      border: 4px solid #ffd57e;
      position: relative;
    }

    .home-47-step .home-47-img-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .home-47-step .home-47-number {
      position: absolute;
      bottom: 7px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #58b957;
      color: #fff;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 14px;
      font-weight: bold;
      z-index: 1;
    }

    .home-47-step h4 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .home-47-step p {
      font-size: 13px;
      color: #777;
    }

    .home-47-arrow {
      font-size: 24px;
      color: #ccc;
      margin: 10px auto;
    }

    @media (max-width: 767px) {
      .home-47-arrow {
        display: none;
      }
    }
    @keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-47-steps-wrapper {
  position: relative;
}

.home-47-step {
  position: relative;
  animation: fadeInUp 0.7s ease both;
}

.home-47-step.animated.delay-1 { animation-delay: 0.2s; }
.home-47-step.animated.delay-2 { animation-delay: 0.4s; }
.home-47-step.animated.delay-3 { animation-delay: 0.6s; }

.home-47-img-circle {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-47-img-circle:hover {
  transform: scale(1.25);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Optional Arrows (between steps) */
.home-47-steps-wrapper::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 16.6%;
  right: 16.6%;
  height: 1px;
  border-top: 2px dashed #ccc;
  z-index: 0;
}

@media (max-width: 767px) {
  .home-47-steps-wrapper::before {
    display: none;
  }
}



/* about-27 */

 @font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.jsdelivr.net/gh/ajinkyasatam/fonts@main/Recoleta-Regular.woff2') format('woff2');
    }

    @font-face {
      font-family: 'Inter';
      src: url('https://cdn.jsdelivr.net/gh/ajinkyasatam/fonts@main/Inter-Regular.woff2') format('woff2');
    }
 .about-27.section-wrapper {
      padding: 60px 0;
      font-family: 'Inter', sans-serif;
      background-color: #fff;
    }

    .about-27 .title h4 {
      font-size: 18px;
      color: #ffc107;
      font-weight: 500;
      margin-bottom: 5px;
    }

    .about-27 .title h2 {
      font-family: 'Recoleta', serif;
      font-size: 38px;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px;
      line-height: 1.4;
    }

    .about-27 .title h2 span {
      color: #ffc107;
    }

    .about-27 .nav-tabs {
      border: none;
      margin-bottom: 20px;
    }

    .about-27 .nav-tabs li a {
      color: #444;
      font-weight: bold;
      border: none;
      padding: 8px 16px;
    }

    .about-27 .nav-tabs li.active a {
      color: #4CAF50;
      background: none;
    }

    .about-27 .text p {
      font-size: 15px;
      color: #555;
      margin-bottom: 10px;
      line-height: 1.8;
    }

    .about-27 .btn-vertical {
      background-color: #ffc107;
      color: #fff;
      border: none;
      font-weight: bold;
      padding: 12px 10px;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 20px;
      display: inline-block;
    }

    .about-27 img {
      max-width: 100%;
      border-radius: 10px;
    }

    .about-27 .content-col {
      animation: fadeInLeft 1s ease;
    }

    .about-27 .image-col {
      animation: fadeInRight 1s ease;
    }
    .about-27 .title-sec{
display: flex;
justify-content: space-between;
    }

    @keyframes fadeInLeft {
      from {opacity: 0; transform: translateX(-30px);}
      to {opacity: 1; transform: translateX(0);}
    }

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

    @media (max-width: 768px) {
      .about-27 .btn-vertical {
        writing-mode: horizontal-tb;
        transform: none;
        display: block;
        margin: 0 auto 20px;
      }

      .about-27 .row {
        display: flex;
        flex-direction: column-reverse;
      }

      .about-27 .content-col, .about-27 .image-col {
        text-align: center;
      }
    }

    /* blog-13 */


     @font-face {
      font-family: 'Satoshi';
      src: url('https://cdn.jsdelivr.net/gh/ajinkyasatam/fonts@main/Satoshi-Regular.woff2') format('woff2');
    }
    .about-27.section-wrapper {
      text-align: center;
      padding: 60px 15px;
      font-family: 'Satoshi', sans-serif;
      background: #fff;
      padding: 30px 0;
    }
    .about-27 .text-center{
  text-align: center!important;
}
    .about-27.section-title h4 {
      color: #f5a623;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .about-27.section-title h2 {
      font-size: 36px;
      font-weight: bold;
      color: #111;
    }

    .about-27.section-title p {
      max-width: 600px;
      margin: 10px auto 40px;
      color: #555;
      font-size: 15px;
    }

    .about-27.card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      margin-bottom: 30px;
      animation: fadeInUp 1s ease forwards;

    }

    .about-27.card .about-27.image-wrapper {
      position: relative;
    }

    .about-27.card img {
      width: 100%;
      display: block;
    }

    .about-27.date-badge {
      position: absolute;
      top: 10px;
      right: 10px;
      background: #f5a623;
      color: #fff;
      padding: 6px 12px;
      border-radius: 5px;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
    }

    .about-27.card-body {
      padding: 20px;
      text-align: left;
    }

    .about-27.meta {
      color: #555;
      font-size: 13px;
      margin-bottom: 10px;
    }

    .about-27.meta i {
      margin-right: 5px;
      color: green;
    }

    .about-27.card-body h4 {
      font-weight: bold;
      font-size: 16px;
      color: #111;
      margin-bottom: 10px;
      height: 40px;
    }

    .about-27.read-more {
      color: #7b57ff;
      font-weight: bold;
      text-decoration: none;
    }

    .about-27.read-more:hover {
      text-decoration: underline;
    }

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

    @media (max-width: 767px) {
      .about-27.section-title h2 {
        font-size: 28px;
      }
    }

    /* testimonial-13 */


    @font-face {
  font-family: 'Inter';
  src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3H6mXvQm3Q7mF5Hj.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  src: url('https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXDTzYhCw.woff2') format('woff2');
}

.testimonial-13 * {
  font-family: 'Inter', sans-serif;
}
.testimonial-13 .testimonial-13-box {
  background: #f9fdfa;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
   padding: 60px 15px;

}
.testimonial-13-image img {
  width: 100%;
  height: auto;
  animation: fadeInLeft 1s ease;
}
.testimonial-13-content {
  padding: 30px;
  animation: fadeInUp 1s ease;
}
.testimonial-13-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  color: #f3a847;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.testimonial-13-title {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  color: #000;
  margin-bottom: 20px;
}
.testimonial-13-title span {
  font-weight: bold;
}
.testimonial-13-text {
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}
.testimonial-13-user {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonial-13-avatar {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.testimonial-13-stars {
  color: #f3a847;
  font-size: 18px;
  margin-top: 10px;
}

/* Animations */
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .testimonial-13-content {
    padding: 20px;
  }
  .testimonial-13-title {
    font-size: 22px;
  }
}
/* about-28 */
@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
}

.about-28 * {
  font-family: 'Poppins', sans-serif;
}

.about-28 {
  padding: 60px 0;
  background-color: #fff;
}

.about-28-img1 img,
.about-28-img2 img {
  width: 100%;
  border-radius: 6px;
}

.about-28-content {
  padding: 30px 20px;
}

.about-28-subtitle {
  color: #d82e94;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-28-title {
  font-size: 36px;
  font-weight: 700;
  color: #1d1448;
  line-height: 1.3;
  margin-bottom: 20px;
}

.about-28-desc {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

.about-28-btn {
  display: inline-block;
  padding: 12px 25px;
  background-color: #fd3c85;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.about-28-btn:hover {
  background-color: #e52a73;
}

.about-28-video-box {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.about-28-video-title {
  font-size: 18px;
  font-weight: 600;
  color: #1d1448;
  margin-bottom: 5px;
}

.about-28-video-sub {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.about-28-video-img {
  position: relative;
  margin-top: 15px;
}

.about-28-video-img img {
  width: 100%;
  border-radius: 6px;
}

.about-28-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
  background: #fd3c85;
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.about-28-play-icon:hover {
  background: #e52a73;
}

@media (max-width: 767px) {
  .about-28-title {
    font-size: 28px;
  }

  .about-28-content {
    padding: 20px 10px;
    text-align: center;
  }

  .about-28-btn {
    width: 100%;
    text-align: center;
  }

  .about-28-video-box {
    text-align: center;
  }

  .about-28-bottom {
    margin-top: 30px;
  }
}

/* blog-14 */

    .blog-14.section-wrapper {
      padding: 60px 0;
           background: #f4f4f4;
      font-family: 'Roboto', sans-serif;
    }

    .blog-14 .blog-14-heading {
      color: #a83287;
      font-size: 16px;
      font-weight: bold;
    }

    .blog-14 .blog-14-title {
      font-size: 36px;
      font-weight: 700;
      color: #3b2350;
      margin-bottom: 30px;
    }

    .blog-14 .featured-post {
      background: #fff;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
      margin-bottom: 30px;
    }

    .blog-14 .featured-post .top-tag {
      position: absolute;
      top: 10px;
      left: 10px;
      background: #e91e63;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      padding: 2px 6px;
      text-transform: uppercase;
    }

    .blog-14 .featured-post img {
      width: 100%;
      height: auto;
    }

    .blog-14 .post-content {
      padding: 20px;
    }

    .blog-14 .post-meta {
      font-size: 13px;
      color: #888;
      margin-bottom: 10px;
    }

    .blog-14 .post-meta .label {
      background: #3b2350;
      color: #fff;
      font-size: 11px;
      padding: 2px 6px;
      border-radius: 2px;
      margin-right: 10px;
      text-transform: uppercase;
    }

    .blog-14 .post-title {
      font-size: 20px;
      color: #3b2350;
      font-weight: bold;
      margin: 10px 0;
    }

    .blog-14 .post-excerpt {
      font-size: 14px;
      color: #666;
    }

    .blog-14 .news-tabs {
      background: #fff;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }

    .blog-14 .nav-tabs {
      border-bottom: none;
    }

    .blog-14 .nav-tabs > li > a {
      border: none !important;
      color: #3b2350;
      font-weight: bold;
      padding: 12px 20px;
    }

    .blog-14 .nav-tabs > li.active > a {
      background-color: #f50057 !important;
      color: #fff !important;
    }

    .blog-14 .tab-content {
      padding: 20px;
    }

    .blog-14 .news-item {
      display: flex;
      margin-bottom: 15px;
    }

    .blog-14 .news-item img {
      width: 70px;
      height: 70px;
      margin-right: 15px;
      object-fit: cover;
      border-radius: 3px;
    }

    .blog-14 .news-info .label {
      background: #3b2350;
      color: #fff;
      font-size: 11px;
      padding: 2px 6px;
      text-transform: uppercase;
      margin-bottom: 5px;
      display: inline-block;
    }

    .blog-14 .news-info h5 {
      margin: 0;
      font-size: 14px;
      color: #3b2350;
      font-weight: bold;
    }

    .blog-14 .news-info small {
      color: #888;
      font-size: 12px;
    }
.blog-14 .news-tabs {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blog-14 .row {
  display: flex;
  flex-wrap: wrap;
}

.blog-14 .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.blog-14 .news-tabs {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
    @media (max-width: 767px) {
      .blog-14 .post-title {
        font-size: 18px;
      }

      .blog-14 .news-item {
        flex-direction: column;
      }

      .blog-14 .news-item img {
        margin-bottom: 10px;
        width: 100%;
        height: auto;
      }
    }

    /* newsletter-5 */

    .newsletter-5 {
  background: linear-gradient(135deg, #4c248a 0%, #512c85 100%);
  color: #fff;
  font-family: 'Poppins', sans-serif;
  padding: 60px 0;
}

.newsletter-5-subtext {
  font-size: 16px;
  color: #ffb72c;
  font-weight: 600;
  margin-bottom: 10px;
}

.newsletter-5-title {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}

.newsletter-5-desc {
  font-size: 16px;
  color: #dcdcdc;
}

.newsletter-5-form {
  background: none;
  padding: 0;
  margin-top: 20px;
}

.newsletter-5-input {
  width: 100%;
  padding: 15px;
  margin-bottom: 10px;
  border: none;
  border-radius: 0;
  font-size: 14px;
  color: #333;
}

.newsletter-5-btn {
  background-color: #f94c84;
  border: none;
  padding: 12px 25px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}

.newsletter-5-checkbox label {
  color: #ccc;
  font-size: 13px;
}

.newsletter-5-checkbox a {
  color: #f94c84;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 767px) {
  .newsletter-5-title {
    font-size: 24px;
  }
  .newsletter-5-btn {
    width: 100%;
  }
}
/* service-18 */

services-18 * {
  font-family: 'Fredoka', sans-serif;
}

.services-18 {
  padding: 60px 0;
}

.services-18-subtitle {
  color: #e94f9e;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

.services-18-title {
  font-size: 36px;
  font-weight: 700;
  color: #2e2151;
  margin-bottom: 30px;
  line-height: 1.3;

}

.services-18-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.services-18-step-num {
  width: 35px;
  height: 35px;
  background-color: #ffc107;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  color: #fff;
  margin-right: 15px;
  flex-shrink: 0;
}

.services-18-step-content h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #2e2151;
}

.services-18-step-content p {
  font-size: 14px;
  color: #666;
  margin: 5px 0 0;
}

.services-18-divider {
  border-top: 1px solid #ddd;
  margin: 20px 0;
}

.services-18-store-buttons {
  margin-top: 30px;
}

.services-18 .btn-store {
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
  margin-right: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.services-18 .btn-store i {
  margin-right: 8px;
  font-size: 18px;
}

.services-18 .btn-store.apple {
  background-color: #f84f9f;
}

.services-18 .btn-store.google {
  background-color: #2d2b56;
}

.services-18-devices {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* courses-6 */

@font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
    }
    @font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
    }



    .courses-6.section-wrapper {
      padding: 60px 0;
      text-align: center;
          font-family: 'Poppins', sans-serif;
      background: #f9f9f9;
    }

    .courses-6-title h2 {
      font-size: 36px;
      font-weight: 700;
      color: #444;
      margin-bottom: 10px;
    }

    .courses-6-title p {
      color: #10c9c3;
      font-weight: 500;
      margin-bottom: 40px;
    }

    .courses-6-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      padding: 20px;
      margin-bottom: 30px;
      transition: all 0.3s ease-in-out;
      height: 100%;
    }

    .courses-6-card:hover {
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    }

    .courses-6-card img {
      width: 100%;
      border-radius: 5px;
      margin-bottom: 15px;
    }

    .courses-6-card h4 {
      font-weight: 700;
      color: #222;
      margin-bottom: 10px;
    }

    .courses-6-card p {
      color: #666;
      font-size: 14px;
      line-height: 1.6;
      height: 91px;
    }

    .courses-6-btn {
      margin-top: 30px;
    }

    .courses-6-btn .btn {
      background-color: #10c9c3;
      color: white;
      border-radius: 4px;
      padding: 10px 30px;
      font-weight: 600;
      border: none;
      transition: background-color 0.3s ease-in-out;
    }

    .courses-6-btn .btn:hover {
      background-color: #0ab1ad;
    }

    /* contact-12 */

    .contact-12 * {
    font-family: 'Poppins', sans-serif;
}
.contact-12{
     padding: 60px 0;
}
.contact-12-heading {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact-12-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.contact-12-title {
    font-size: 18px;
    font-weight: 600;
}
.contact-12-subtext {
    font-size: 13px;
    color: #555;
    margin-bottom: 20px;
}
.contact-12-input {
    margin-bottom: 15px;
    border-radius: 8px;
    height: 40px;
}
.contact-12-select {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 40px;
}
.contact-12-textarea {
    resize: none;
    height: 100px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.contact-12-btn {
    /* background-color: #819379; */
    background-color: #616ed0;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
}
.contact-12-info {
    /* background: #afc4a6; */
    background: #616ed0;
    color: #fff;
    padding: 30px;
    border-radius: 15px;
    margin-top: 30px;
}
.contact-12-help-text {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}
.contact-12-box {
/* background: #819379; */
background: #93a3fe;
  padding: 12px 15px;
  border-radius: 24px;
  margin-bottom: 15px;
}
.contact-12-box i {
    margin-right: 10px;
    font-size: 18px;
}
.contact-12-box span {
    font-size: 13px;
    display: block;
    margin-top: 4px;
}
.contact-12-connect {
    margin-top: 25px;
    font-size: 15px;
}
.contact-12-icons i {
    font-size: 20px;
    margin-right: 12px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .contact-12-info {
        margin-top: 40px;
    }
}


/* about-29 */
@font-face {
      font-family: 'Poppins';
      src: url('https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfedw.woff2') format('woff2');
    }

    .about-29 * {
      font-family: 'Poppins', sans-serif;
    }

    .about-29 {
      padding: 60px 15px;
      background-color: #f9f9f9;
    }

    .about-29-title {
      font-size: 36px;
      font-weight: 700;
      color: #444;
      margin-bottom: 10px;
    }

    .about-29-subtitle {
      color: #3cd2a5;
      font-weight: 600;
      margin-bottom: 50px;
    }

    .about-29-box {
      border-radius: 50px;
      padding: 20px 20px 20px 65px;
      margin-bottom: 30px;
      position: relative;
      min-height: 90px;
    }

    .about-29-icon {
position: absolute;
  left: -5px;
  top: 22px;
  font-size: 24px;
  color: #3cd2a5;
  background-color: #f2f2f2;
  border-radius: 50%;
  padding: 9px 17px;
  height: 60px;
  width: 60px;
    }

    .about-29-heading {
      font-size: 16px;
      font-weight: 600;
      color: #333;
      margin-bottom: 5px;
    }

    .about-29-desc {
      font-size: 13px;
      color: #888;
      margin: 0;
    }

    .about-29-image {
      max-height: 380px;
      transform: translateY(80px);
      opacity: 0;
      animation: about29-slide-up 1s ease-out forwards;
    }

    @keyframes about29-slide-up {
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    @media (max-width: 767px) {
      .about-29-box {
        padding-left: 55px;
      }

      .about-29-icon {
        top: 18px;
        left: 15px;
      }

      .about-29-title {
        font-size: 28px;
      }
    }


    /* home-48 */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap');

.home-48 {
  padding: 60px 0;
  background-color: #fff;
  font-family: 'Rajdhani', sans-serif !important;
}

.home-48-subtitle {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.home-48-title {
  font-size: 49px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
    font-family: 'Rajdhani', sans-serif !important;}


.home-48-description {
  font-size: 17px;
  line-height: 1.8;
  color: #464646;
  margin-bottom: 25px;
  font-weight: 600;
}

.home-48-btn {
  display: inline-block;
  font-size: 14px;
  color: #0066ff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.home-48-btn i {
  font-size: 20px;
  margin-right: 8px;
  vertical-align: middle;
}

/* Box styles */
.home-48-box-wrapper {
  margin-bottom: 20px;
}

.home-48-box {
  padding: 25px;
  border-radius: 6px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.home-48-box i {
  font-size: 30px;
  color: #ae9a64;
  margin-bottom: 15px;
  display: block;
}

.home-48-box h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.home-48-box p {
  font-size: 13px;
  color: #666;
}

/* Box color variations */
.home-48-blue {
  background: linear-gradient(135deg, #ae9a64, #595244);
  color: #fff;
}

.home-48-blue i,
.home-48-blue h4,
.home-48-blue p {
  color: #fff;
}

.home-48-white {
  background: #fff;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .home-48-title {
    font-size: 32px;
  }

  .home-48-description {
    font-size: 15px;
  }

  .home-48-box-wrapper {
    width: 100%;
  }

  .home-48-box {
    padding: 20px;
  }
}



.about-30 * {
    font-family: 'Rajdhani', sans-serif !important;}


.about-30 {
  padding: 60px 0;
  background-color: #fff;
}

.about-30-img1 img,
.about-30-img2 img {
  width: 100%;
  border-radius: 6px;
}

.about-30-content {
  padding: 30px 20px;
}

.about-30-subtitle {
  color: #d82e94;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-30-title {
  font-size: 60px;
  font-weight: 700;
  color: #1d1448;
  line-height: 1.3;
  margin-bottom: 20px;
}

.about-30-desc {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

.about-30-btn {
  display: inline-block;
  padding: 12px 25px;
  background-color: #ae9a64;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.about-30-btn:hover {
  background-color: #e52a73;
}

.about-30-video-box {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.about-30-video-title {
  font-size: 18px;
  font-weight: 600;
  color: #1d1448;
  margin-bottom: 5px;
}

.about-30-video-sub {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.about-30-video-img {
  position: relative;
  margin-top: 15px;
}

.about-30-video-img img {
  width: 100%;
  border-radius: 6px;
}

.about-30-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
  background: #ae9a64;
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.about-30-play-icon:hover {
  background: #e52a73;
}

@media (max-width: 767px) {
  .about-30-title {
    font-size: 28px;
  }

  .about-30-content {
    padding: 20px 10px;
    text-align: center;
  }

  .about-30-btn {
    width: 100%;
    text-align: center;
  }

  .about-30-video-box {
    text-align: center;
  }

  .about-30-bottom {
    margin-top: 30px;
  }
}


/* contcat-13 */


/* contact-13 */


    .contact-13.section-wrapper {
      padding: 60px 20px;
            background-color: #866c2f;
    font-family: 'Rajdhani', sans-serif !important;
      color: #fff;
    }

    .contact-13 .contact-left {
      color: #fff;
    }

    .contact-13 .contact-title {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 20px;
      color: #fff;
    }

    .contact-13 .contact-subtitle {
      color: #f1b15d;
      letter-spacing: 2px;
      font-size: 12px;
      text-transform: uppercase;
    }

    .contact-13 .contact-info {
      margin: 20px 0;
    }

    .contact-13 .contact-info i {
      font-size: 18px;
      color: #f1b15d;
      margin-right: 10px;
    }

    .contact-13 .contact-info p {
      margin-bottom: 5px;
    }

    .contact-13 .form-control {
      background-color: #53431c;
      border: none;
      color: #fff!important;
      padding: 12px;
    }

    .contact-13 .form-control::placeholder {
      color: #666;
    }

    .contact-13 .btn-contact {
      background-color: #c79655;
      color: #000;
      padding: 12px 30px;
      border: none;
      text-transform: uppercase;
      margin-top: 20px;
      transition: background 0.3s ease;
    }

    .contact-13 .btn-contact:hover {
      background-color: #d0a866;
    }

    .contact-13 .social-icons a {
      color: #fff;
      margin-right: 15px;
      font-size: 18px;
      transition: color 0.3s ease;
    }

    .contact-13 .social-icons a:hover {
      color: #f1b15d;
    }

    @media (max-width: 767px) {
      .contact-13 .contact-right {
        margin-top: 40px;
      }
    }


    /* events-4 */

.section-wrapper.events-4 {
background-color: #393532;
padding: 60px 0;
      font-family: 'Rajdhani', sans-serif !important;

}

/* Header */
.events-4-header-row {
  margin-bottom: 40px;
  color: #fff;
}
.events-4-subtitle {
  font-size: 14px;
  color: #b0f250;
  font-weight: 600;
  margin-bottom: 10px;
      font-family: 'Rajdhani', sans-serif !important;

}
.events-4-title {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
      font-family: 'Rajdhani', sans-serif !important;

}
.events-4-view-all {
  background-color: #fff;
  color: #000;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 25px;
  display: inline-block;
      font-family: 'Rajdhani', sans-serif !important;

}

/* Cards */
.events-4-card {
background: linear-gradient(135deg, #ae9a64, #595244);  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.events-4-img {
width: 100%;
  border-bottom: 1px solid transparent;
  padding: 18px;
  border-radius: 10px!important;
}

/* Normal Card Content */
.events-4-card-content {
padding: 20px;
  border: 1px solid #ffffff54;
  margin: 0px 15px 15px 15px;
  border-radius: 10px;
      font-family: 'Rajdhani', sans-serif !important;

}
.events-4-card-title {
font-size: 18px;
  font-weight: 600;
  margin: 0 0 9px;
  color: white;
  border-bottom: 1px solid #ffffff54;
  padding-bottom: 12px;
      font-family: 'Rajdhani', sans-serif !important;

}
.events-4-card-desc {
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
}
.events-4-learn-more {
  color: #b0f250;
  text-decoration: none;
  font-weight: 600;
}

/* Highlighted Card */
.events-4-highlighted {
  background-color: #9b6e32;
  color: #000;
  padding: 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.events-4-card-inner {
padding: 20px;
  background-color: #9b6e32;
  border-radius: 12px;
  border: 1px solid #ffffff30;
  margin: 0px 15px 15px 15px;

}
.events-4-highlighted .events-4-learn-more {
  color: #000;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 767px) {
  .events-4-view-all {
    text-align: left;
    margin-top: 10px;
    display: block;
  }
}


    /* events-5 */

  .events-5 * {
  font-family: 'Rajdhani', sans-serif !important;
  }

  .events-5 {
    padding: 60px 15px;
    background-color: #fff;
  }

  .events-5-header {
    text-align: center;
    margin-bottom: 40px;
  }

  .events-5-header span {
    font-size: 12px;
    background: #f2f2f2;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
    color: #777;
    margin-bottom: 10px;
  }

  .events-5-header h2 {
    font-size: 32px;
    font-weight: 600;
    margin: 10px 0;
  }

  .events-5-header h2 .highlight {
    color: #ae9a64;;
  }

  .events-5-header p {
    font-size: 14px;
    color: #888;
    max-width: 600px;
    margin: 0 auto;
  }

  .events-5-box {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px 20px;
    background-color: #fff;
    margin-bottom: 30px;
    height: 100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    transition: all 0.3s;
  }

  .events-5-box small {
    font-size: 11px;
    color: #777;
    font-weight: 600;
    text-transform: uppercase;
  }

  .events-5-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 12px;
  }

  .events-5-box p {
    font-size: 13px;
    color: #888;
    margin-bottom: 15px;
  }

  .events-5-box .btn {
    background-color: #ae9a64;;
    color: #fff;
    font-size: 13px;
    border-radius: 20px;
    padding: 6px 18px;
    border: none;
  }

  .events-5-form-wrapper {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
  }

  .events-5-form-wrapper h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    background-color: #1a1a1a;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
  }

  .events-5-form-wrapper input,
  .events-5-form-wrapper textarea {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 6px;
  }

  .events-5-form-wrapper textarea {
    resize: none;
    height: 100px;
  }

  .events-5-form-wrapper .submit-btn {
    width: 100%;
    background-color: #ae9a64;;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 30px;
    font-size: 14px;
  }

  @media (max-width: 767px) {
    .events-5-form-wrapper {
      margin-top: 30px;
    }
  }

.events-5 .row.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.events-5 .row.equal-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.events-5-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* pricing-9 */


    .pricing-9.section-wrapper {
      padding: 80px 0;
      text-align: center;
      color: #111;
            font-family: 'Rajdhani', sans-serif !important;

    }

    .pricing-9-heading h2 {
      font-weight: 700;
      font-size: 32px;
      margin-bottom: 10px;
            font-family: 'Rajdhani', sans-serif !important;

    }

    .pricing-9-heading p {
      color: #555;
      font-size: 16px;
      margin-bottom: 40px;
            font-family: 'Rajdhani', sans-serif !important;

    }

    .pricing-9-card {
background: rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(6px);
  border-radius: 12px;
  padding: 30px 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid #fff;
    }

    .pricing-9-card h4 {
      font-weight: 600;
      font-size: 20px;
            font-family: 'Rajdhani', sans-serif !important;

    }

    .pricing-9-price {
      font-size: 34px;
      font-weight: 700;
      margin: 10px 0;
    }

    .pricing-9-card p {
      color: #555;
      font-size: 14px;
      margin-bottom: 20px;
            font-family: 'Rajdhani', sans-serif !important;

    }

    .pricing-9-btn {
border-radius: 30px;
  padding: 8px 23px;
  font-weight: 600;
  border: none;
  margin-bottom: 20px;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 17px;

    }

    .pricing-9-btn.primary {
      background-color: #111;
      color: #fff;
    }

    .pricing-9-btn.outline {
background-color: transparent;
  border: 1px solid #000;
  color: #000;
  width: -moz-available;
    }

    .pricing-9-features {
      text-align: left;
      margin-top: 20px;
    }

    .pricing-9-features li {
      list-style: none;
      margin: 10px 0;
      font-size: 14px;
      color: #333;
      font-weight: 700;
    }

    .pricing-9-features li i {
      color: #2dbe60;
      margin-right: 8px;
            font-family: 'Rajdhani', sans-serif !important;

    }

    @media (max-width: 767px) {
      .pricing-9-price {
        font-size: 28px;
      }

      .pricing-9-heading h2 {
        font-size: 26px;
      }
    }


/* faq */
    .faq-5 * {
  font-family: 'Quicksand', sans-serif !important;
    }

    .faq-5 {
    padding: 44px 0;
    }

    .faq-5 .faq-heading {
font-size: 62px;
  font-weight: 700;
  line-height: 1.05;
    }

    .faq-5 .contact-box {
      background-color: #1c1f26;
      color: #fff;
      padding: 25px;
      margin-bottom: 30px;
      border-radius: 20px;
    }

    .faq-5 .contact-box h4 {
      font-size: 18px;
      font-weight: 600;
      color: #ae9a64;
      margin-bottom: 15px;
    }

    .faq-5 .contact-box p {
      margin-bottom: 10px;
    }

    .faq-5 .form-box {
      background: #f8f8f8;
      padding: 25px;
      border-radius: 5px;
      border-radius: 20px;
    }

    .faq-5 .form-group input,
    .faq-5 .form-group textarea {
      border-radius: 0;
      border: 1px solid #ccc;
      box-shadow: none;
    }

    .faq-5 .btn-submit {
      background: #ae9a64;
      color: #fff;
      border: none;
      padding: 10px 25px;
      margin-top: 10px;
    }

    .faq-5 .panel {
      border: none;
      box-shadow: none;
    }

    .faq-5 .panel-heading {
      background: none;
      border-bottom: 1px solid #eee;
      padding: 26px 0;
    }

    .faq-5 .panel-title a {
      display: block;
      font-weight: 500;
      text-decoration: none;
      color: #1c1f26;
      position: relative;
    }

    .faq-5 .panel-title a.collapsed:after {
      content: "\ea13"; /* + icon */
      font-family: "remixicon";
      position: absolute;
      right: 0;
      color: #000;
    }

    .faq-5 .panel-title a:after {
      content: "\ea4e"; /* - icon */
      font-family: "remixicon";
      position: absolute;
      right: 0;
      color: #ae9a64;
    }

    .faq-5 .panel-body {
      padding: 15px 0 25px;
      color: #555;
    }

    @media (max-width: 767px) {
      .faq-5 .faq-heading {
        font-size: 24px;
      }
    }

/* our team */

.ourteam-4 * {
  font-family: 'Poppins', sans-serif;
}

.ourteam-4 {
  padding: 60px 0;
  background-color: #fff;
}

.ourteam-4-subtitle {
  color: #ae9a64;;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.ourteam-4-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 45px;
  color: #111;
}

.ourteam-4-profile {
  margin-bottom: 30px;
}

.ourteam-4-box {
  padding: 25px 15px 50px;
  border-radius: 30px;
  position: relative;
  min-height: 350px;
}

.ourteam-4-box-grey {
  background: #f2f2f2;
}

.ourteam-4-box-green {
background: linear-gradient(135deg, #ae9a64, #595244);
  color: #fff;
}

.ourteam-4-img {
margin-bottom: 15px;
  border-radius: 102px;
  width: 200px;
  border: 3px solid white;
}

.ourteam-4-name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.ourteam-4-role {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.ourteam-4-icon {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  background: #111;
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
}

.ourteam-4-icon.dark {
  background: #333;
  color: #fff;
}

.ourteam-4-btn {
  margin-top: 40px;
  background: #ae9a64;;
  color: #fff;
  font-weight: 600;
  padding: 12px 25px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  transition: background 0.3s;
}

.ourteam-4-btn:hover {
  background: #9bb539;
}

/* home-49 */


/* Section Container */
.section-wrapper.home-49 {
  padding: 60px 15px;
    font-family: 'Poppins', sans-serif;
  background-color: #073725;
  color: #fff;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

/* Title */
.home-49-title {
font-size: 48px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
  font-family: 'Playfair Display', serif;
  line-height: 1.22;
  letter-spacing: 2px;

}

/* Subtitle */
.home-49-subtext {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* CTA Button */
.home-49-btn {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  transition: background 0.3s, color 0.3s;
}

.home-49-btn i {
  margin-left: 5px;
}

.home-49-btn:hover {
  background-color: #fff;
  color: #000;
}

/* Cards Row */
.home-49-cards {
  margin-top: 50px;
}

/* Individual Card */
.home-49-card {
  background-color: #225743;
  padding: 25px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: left;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* Card Number */
.home-49-card-number {
  font-size: 45px;
  font-weight: 600;
  color: #47a883;
  margin-bottom: 10px;

}

/* Card Title */
.home-49-card-title {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #fff;
}

/* Card Description */
.home-49-card-desc {
  font-size: 13px;
  color: #aaa;
  line-height: 1.5;
}

/* about-31 */

.about-31 {
  padding: 60px 15px;
  background: #fff;
}

.about-31-image {
  max-width: 100%;
  height: auto;
}

.about-31-subtitle {
  color: #c7a55b;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-31-title {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  margin-bottom: 20px;
  color: #1e1e1e;
}

.about-31-description {
  font-size: 14px;
  color: #555;
  margin-bottom: 25px;
  line-height: 1.8;
}

.about-31-list {
  list-style: none;
  padding: 0;
}

.about-31-list li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #333;
}

.about-31-list i {
  color: #c7a55b;
  margin-right: 8px;
}

.about-31-info {
  margin-top: 30px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.about-31-experience,
.about-31-contact {
  display: flex;
  align-items: center;
}

.about-31-icon {
  font-size: 30px;
  color: #c7a55b;
  margin-right: 10px;
}

.about-31-experience h4,
.about-31-contact h4 {
  font-size: 18px;
  margin: 0 0 5px;
  font-weight: 600;
}

.about-31-experience p,
.about-31-contact p {
  font-size: 13px;
  color: #777;
  margin: 0;
}

/* Responsive */
@media (max-width: 767px) {
  .about-31-content {
    margin-top: 30px;
    text-align: center;
  }
}
.about-31-image-col {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
}
.about-31-content{
  padding-left: 50px;
}

/* home-50 */
.home-50 {
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

.home-50-overlay {
  background: rgba(1, 46, 42, 0.89);
  padding: 80px 15px;
}

.home-50-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  color: #e4b04f;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: 600;
}

.home-50-title {
  font-size: 36px;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
  color: #fff;
}

.home-50-links p {
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 22px 0;
  margin: 0;
}

@media (max-width: 767px) {
  .home-50-title {
    font-size: 26px;
  }

  .home-50-links {
    margin-top: 30px;
  }
}

/* contact-14 */
.contact-14 * {
      font-family: 'Playfair Display', serif;
    }

    .contact-14 {
      padding: 60px 0;
      background-color: #f9f9f9;
    }

    .contact-14 .container {
      background: #fff;
      max-width: 1100px;
      margin: auto;
      box-shadow: 0 0 30px rgba(0,0,0,0.05);
    }

    .contact-14 .row {
      margin: 0;
    }

    .contact-14 .left-col,
    .contact-14 .right-col {
      padding: 50px 40px;
      min-height: 100%;
    }

    .contact-14 .left-col {
      background: #fdfdfd;
    }

    .contact-14 .right-col {
      background: #f9f9f9;
    }

    .contact-14 .heading-small {
      text-transform: uppercase;
      font-size: 11px;
      color: #c7a57f;
      font-weight: 700;
      letter-spacing: 1px;
      margin-bottom: 10px;
    }

    .contact-14 h2 {
      font-size: 30px;
      color: #1d3a5e;
      font-weight: 700;
      margin-bottom: 25px;
    }

    .contact-14 p {
      font-size: 14px;
      color: #555;
    }

    .contact-14 .highlight {
      font-weight: bold;
      color: #1f3d59;
    }

    .contact-14 .form-control {
      border-radius: 0;
      border: 1px solid #ccc;
      box-shadow: none;
      margin-bottom: 20px;
      padding: 10px 12px;
    }

    .contact-14 textarea.form-control {
      resize: vertical;
      min-height: 130px;
    }

    .contact-14 .btn-send {
      background-color: #d6b176;
      color: white;
      text-transform: uppercase;
      padding: 12px 30px;
      border: none;
      border-radius: 0;
      font-weight: 600;
    }

    @media (max-width: 767px) {
      .contact-14 .left-col,
      .contact-14 .right-col {
        padding: 30px 20px;
      }

      .contact-14 h2 {
        font-size: 24px;
      }
    }

    /* services-19 */
    .services-19 * {
  font-family: 'Playfair Display', serif;
}

.services-19 {
  background-color: #f9f9f9;
  padding: 60px 0;
}

.services-19-subtitle {
  color: #c19f6e;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.services-19-heading {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #225743;
}

.services-19-card {
  background: #fff;
  padding: 30px 20px;
  border-radius: 4px;
  border-bottom: 3px solid #f0c975;
  margin-bottom: 30px;
}

.services-19-card-dark {
  background: #225743;
  color: #fff;
  border-bottom: none;
}

.services-19-icon-wrap {
  background-color: #225743;
  color: #fff;
  display: inline-block;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.services-19-icon-dark {
  background-color: #f0c975;
  color: #225743;
}

.services-19-icon {
  font-size: 30px;
}

.services-19-type {
  font-size: 12px;
  color: #c19f6e;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.services-19-type-light {
  color: #f0c975;
}

.services-19-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #225743;
}

.services-19-title-light {
  color: #fff;
}

.services-19-text {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.services-19-text-light {
  color: #d8d8d8;
}

.services-19-link {
  color: #225743;
  text-decoration: none;
  font-weight: bold;
}

.services-19-link-light {
  color: #f0c975;
}

.services-19-dots {
  margin-top: 20px;
}

.services-19-dot {
  height: 8px;
  width: 8px;
  margin: 0 5px;
  background-color: #c4c4c4;
  border-radius: 50%;
  display: inline-block;
}

.services-19-dot.active {
  background-color: #225743;
}

/* Responsive */
@media (max-width: 767px) {
  .services-19-heading {
    font-size: 22px;
  }

  .services-19-card {
    margin-bottom: 20px;
  }
}


/* home-51 */

 .home-51-section-wrapper {
      font-family: 'Barlow', sans-serif;
      padding: 60px 0;
      background-color:#e1e1e1;

    }

    .home-51-image {
      position: relative;
      text-align: center;
    }

    .home-51-image img {
      max-width: 100%;
      height: auto;
      z-index: 2;
      position: relative;
    }

    .home-51-tagline {
      color: #888;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 10px;
    }

    .home-51-title {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .home-51-paragraph {
      font-size: 14px;
      color: #666;
      margin-bottom: 25px;
    }

    .home-51-list {
      list-style: none;
      padding-left: 0;
      margin-bottom: 30px;
    }

    .home-51-list li {
      font-weight: 600;
      font-size: 15px;
      margin-bottom: 10px;
    }

    .home-51-buttons .btn {
      margin-right: 10px;
      border-radius: 2px;
      font-size: 13px;
      padding: 10px 20px;
    }

    .home-51-readmore {
      background-color: #8fbf38;
      color: #fff;
      border: none;
    }

    .home-51-play {
      background: #fff;
      border: 1px solid #ccc;
    }

    @media (max-width: 768px) {
      .home-51-title {
        font-size: 24px;
      }

      .home-51-section-wrapper {
        text-align: center;
      }
    }

    /* services-20 */

    .services-20-blog {
    background: gray;
    padding: 80px 0;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.services-20-blog:hover {
    transform: translateY(-5px);
}

/* Blog Image */
.services-20-image {
    width: 100%;
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
}

/* Blog Date */
.services-20-date {
    font-size: 14px;
    color: #888;
    margin-top: 15px;
}

/* Blog Title */
.services-20-blog-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    color: #222;
    height: 40px;
}

/* Blog Text */
.services-20-text {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
    height: 90px;
    overflow-y: auto;
}

/* Read More Link */
.services-20-link {
    font-size: 14px;
    font-weight: 600;
    color: #6a5acd;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.services-20-link:hover {
    text-decoration: underline;
}

/*
about-32 */


.about-32 * {
  font-family: 'Poppins', sans-serif;
}

.about-32 {
  padding: 60px 0;
  background: #fff;
}

.about-32-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.about-32-image {
width: 100%;
  height: auto;
  border-radius: 44px;
  margin-bottom: 20px;
  border: 7px solid #b0cd973b;

}

.about-32-content {
  padding: 20px;
  text-align: left;
}

.about-32-subtitle {
  font-size: 12px;
  text-transform: uppercase;
  color: #689f38; /* Ayurvedic herbal green */
  font-weight: 600;
  margin-bottom: 10px;
}

.about-32-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.about-32-highlight {
  font-style: italic;
  color: #558b2f; /* Deeper green */
  font-weight: 500;
  margin-bottom: 15px;
}

.about-32-description {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
  margin-bottom: 20px;
}

.about-32-btn {
  background-color: #8bc34a;
  color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  display: inline-block;
}

.about-32-btn:hover {
  background-color: #558b2f;
}


/*
home-52 */
.home-32-section-wrapper {
      width: 100%;
      overflow: hidden;
    }

    .home-32-page-title-section {
      position: relative;
      width: 100%;
    }

    .home-32-page-title-section img {
      width: 100%;
      height: auto; /* Maintain aspect ratio */
      display: block;
    }

    .home-32-page-title-heading {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2.5em;
      font-weight: bold;
      color: #77b81e;;
      text-align: center;
      margin: 0;
      border-radius: 6px;
      margin-top: 30px;
      font-family:'Quicksand';
    }

    @media (max-width: 768px) {
      .home-32-page-title-heading {
        font-size: 2em;
        padding: 8px 16px;
      }
    }

    @media (max-width: 480px) {
      .home-32-page-title-heading {
        font-size: 1.5em;
        padding: 6px 12px;
      }
    }

    /* service-21 */
.section-wrapper.service-21 {
  padding: 40px 0;
  font-family: 'Quicksand'!important;
}

/* Thumbnail images */
.service-21-thumbnails {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-21-thumbnails img {
 border: 2px solid #d5d5d5;
  margin-bottom: 10px;
  cursor: pointer;
max-width: 114px;
  height: auto;
  transition: all 0.3s ease;
  border-radius: 20px;
}

.service-21-thumb.active {
  border: 2px solid #79cc00;
  border-radius: 20px;
}

/* Main image */
.service-21-main-img {
max-height: 550px;
  display: block;
  margin: 0 auto;
  border: 2px solid #d5d5d5;
  border-radius: 22px;
}

/* Product title and info */
.service-21-product-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
    font-family: 'Quicksand'!important;
    margin-top: 0;

}

.service-21-rating .label {
  font-size: 14px;
  vertical-align: middle;
  margin-right: 5px;
}

.service-21-price {
  font-size: 32px;
  font-weight: bold;
  margin: 15px 0;
    font-family: 'Quicksand'!important;

}

.service-21-packaging-label {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Packaging size options */
.service-21-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.service-21-size {
  border: 3px solid #ccc;
padding: 5px 15px;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  width: calc(33.333% - 10px);
  font-size: 14px;
  transition: all 0.3s ease;
}

.service-21-size.active {
  border-color: #79cc00;
  color: #000;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .service-21-thumbnails {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }

  .service-21-thumbnails img {
    margin: 5px;
    max-width: 60px;
  }

  .service-21-main-img {
    max-height: 250px;
  }

  .service-21-sizes {
    flex-direction: column;
  }

  .service-21-size {
    width: 100%;
  }

  .service-21-product-title {
    font-size: 22px;
  }

  .service-21-price {
    font-size: 26px;
  }

  .service-21-packaging-label {
    font-size: 16px;
  }
}




/* home-53 */


  .home-53-wrapper,
  .home-53-content {
    position: relative;
    width: 100%;
    z-index: 1;
  }

  .home-53-content {
    overflow-x: hidden;
  }

  .home-53-section {
    width: 100%;
    height: 100vh;
  }

  .home-53-hero {
    background-image: url(https://images.unsplash.com/photo-1589848315097-ba7b903cc1cc?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .home-53-image-container {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    perspective: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .home-53-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
  }

  .home-53-text-overlay {
    position: relative;
    z-index: 3;
    color: white;
    text-align: center;
    padding: 1rem;
    pointer-events: none;
  }

  .home-53-text-overlay h1 {
    font-size: clamp(1.8rem, 5vw, 4rem);
    font-weight: bold;
  }

  .home-53-text-overlay p {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    margin-top: 0.5rem;
  }



  /* home-54 */

.home-54 {
  position: relative;
  height: 100vh;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.home-54 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80') no-repeat center center;
  background-size: cover;
  will-change: transform;
}

.home-54 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.15);
}

.home-54 .hero-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.home-54 h1 {
  font-size: 6vw;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  will-change: transform, opacity;
}

.home-54 .btn-start {
  margin-top: 30px;
  padding: 10px 25px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
}

.home-54 .btn-start:hover {
  background: #fff;
  color: #000;
}

.home-54 .social-icons {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 2;
}

.home-54 .social-icons a {
  color: #fff;
  margin-left: 10px;
  font-size: 16px;
}

.home-54 .caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: rgba(255,255,255,0.9);
  font-size: 12px;
  z-index: 2;
}

.home-54 .next-section {
  height: 100vh;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* home-55 */

.home-55 {
  position: relative;
  color: #fff;
  overflow: hidden;
  padding: 80px 0;
}
.home-55-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  transition: background-image 0.8s ease-in-out;
  z-index: 0;
}
.home-55-content {
  position: relative;
  z-index: 2;
}
.home-55-text h1 {
  font-weight: bold;
  font-size: 74px;
  color: #fff;
  margin: 0px;
}

.home-55-cards {
display: flex;
  gap: 15px;
  margin-top: 156px;
}
.home-55-card {
  background: rgba(255,255,255,0.1);
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  width: 120px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.home-55-card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.home-55-card span {
display: block;
  padding: 10px;
  font-weight: bold;
  color: #000;
  background: #ffffffc4;
}
.home-55-card.active {
  transform: scale(1.05);
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.home-55-controls {
  margin-top: 15px;
  float: right;
}
.home-55-controls button {
  background: rgba(255,255,255,0.3);
  border: none;
  padding: 2px 15px;
  margin-right: 5px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  transition: background 0.3s ease;
}
.home-55-controls button:hover {
  background: rgba(255,255,255,0.6);
}

/*
home-56 */
.home-56-section {
  position: relative;
  min-height: 100vh;
  display: grid;
  place-items: center;
  view-timeline: --section;
}

.home-56-content {
  width: 800px;
  max-width: 100vw;
  padding: 0 1rem;
}

.home-56-section p {
  font-size: clamp(1.625rem, 3vw + 1rem, 8rem);
  letter-spacing: 0;
  line-height: 1;
}

.home-56-section p span {
  opacity: 0.15;
  animation: home-56-highlight both ease-in-out;
  animation-timeline: view();
}

@keyframes home-56-highlight {
  50% {
    opacity: 1;
  }
}

.home-56-section p span:nth-of-type(1) {
  animation-range: cover 10% cover 45%;
}

.home-56-section p span:nth-of-type(2) {
  animation-range: cover 30% cover 60%;
}

.home-56-section p span:nth-of-type(3) {
  animation-range: cover 45% cover 85%;
}

.home-56-section p span:nth-of-type(4) {
  animation-range: cover 75% cover 120%;
}

.home-56-video {
  position: fixed;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100vh;
  z-index: -1;
  filter: saturate(0.1) brightness(0.5);
  opacity: 0.2; /* 👈 always visible baseline */
}

@supports (animation-timeline: view()) {
  .home-56-video {
    opacity: 0; /* 👈 only use scroll animation if supported */
    animation: home-56-fade-in both linear, home-56-fade-out both linear;
    animation-timeline: --section;
    animation-range: entry 10% entry 15%, exit 10% exit 15%;
  }
}

/* home-57 */
 @import url('https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@700&display=swap');

    body {
      font-family: 'SF Pro Display', sans-serif;
      background: #ffffff;
    }

    .home-57 {
      padding: 100px 0;
      background: #f9fafe;
    }

    .home-57 h5 {
      color: #007bff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .home-57 h2 {
      font-size: 38px;
      font-weight: 700;
      color: #222;
      margin: 20px 0;
      line-height: 1.3;
    }

    .home-57 h2 span {
      color: #007bff;
    }

    .home-57 p {
      color: #666;
      margin-bottom: 25px;
      line-height: 1.6;
      font-size: 16px;
    }

    .home-57-form {
      display: flex;
      max-width: 400px;
      border: 1px solid #ddd;
      border-radius: 50px;
      overflow: hidden;
    }

    .home-57-form input {
      flex: 1;
      border: none;
      padding: 12px 15px;
      outline: none;
      font-size: 14px;
    }

    .home-57-form button {
      background: #007bff;
      border: none;
      color: #fff;
      padding: 0 25px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
    }

    .home-57-image {
      position: relative;
      text-align: center;
      margin-top: 20px;
    }

    /* Background circle */
    .home-57-image::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 380px;
      height: 380px;
      background: radial-gradient(circle, #e9f2ff 0%, #f9fafe 100%);
      border-radius: 50%;
      z-index: 0;
    }

    .home-57-image img {
      position: relative;
      z-index: 1; /* ensure above circle */
      max-width: 100%;
      height: auto;
      border-radius: 12px;
      display: inline-block;
    }

    /* Wave text effect chars */
    .wave-text .char {
      display: inline-block;
    }

    /* Responsive */
    @media(max-width: 768px) {
      .home-57 {
        padding: 60px 20px;
        text-align: center;
      }
      .home-57 h2 {
        font-size: 28px;
      }
      .home-57-image::before {
        width: 250px;
        height: 250px;
      }
    }


/* home-58 */
   .home-58-section-wrapper {
      width: 100%;
      min-height: 100vh;
      position: relative;
      overflow: hidden;
    }

    /* Slider container */
    .home-58-slider {
      width: 100%;
      height: 100vh;
      position: relative;
    }

    .home-58-slide {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      pointer-events: none;
    }

    .home-58-slide.active {
      opacity: 1;
      pointer-events: auto;
      z-index: 2;
    }

    /* Left content box */
    .home-58-content {
      flex: 1;
      background: rgba(0,0,0,0.6);
      color: #fff;
      padding: 80px 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 2;
    }

    .home-58-content h1 {
      font-size: 60px;
      font-weight: 900;
      text-transform: uppercase;
      line-height: 1.1;
    }

    .home-58-content h1 span {
      color: #9be93f;
    }

    .home-58-content p {
      margin-top: 20px;
      font-size: 16px;
      opacity: 0.9;
      max-width: 400px;
    }

    .home-58-content a {
      margin-top: 25px;
      display: inline-block;
      font-weight: bold;
      color: #fff;
      border-bottom: 2px solid #9be93f;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* Right image */
    .home-58-image {
      flex: 1;
      position: relative;
      overflow: hidden;
    }

    .home-58-image img {
      width: 100%;
      height: 100vh;
      object-fit: cover;
      transform: scale(1.1);
    }

    /* Slider nav */
    .home-58-slider-nav {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 5;
    }

    .home-58-slider-nav button {
      background: rgba(255,255,255,0.3);
      border: none;
      color: #fff;
      font-size: 18px;
      padding: 10px 15px;
      margin: 0 5px;
      border-radius: 50%;
      transition: background 0.3s;
    }

    .home-58-slider-nav button:hover {
      background: #9be93f;
      color: #000;
    }

    @media(max-width:768px) {
      .home-58-slide {
        flex-direction: column;
      }
      .home-58-content {
        padding: 40px 20px;
        text-align: center;
      }
      .home-58-content h1 {
        font-size: 38px;
      }
      .home-58-image img {
        height: 50vh;
      }
    }

/* about-33 */

.about-33 {
  background-color: #000; /* black background */
  padding: 100px 15px;
  text-align: center;
}

.about-33-text {
color: #fff;
  font-size: 80px;
  font-weight: 900;
  line-height: 1;
  margin: 45px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 7px;
}

/* Responsive */
@media (max-width: 991px) {
  .about-33-text {
    font-size: 45px;
    margin: 60px 0;
  }
}

@media (max-width: 767px) {
  .about-33-text {
    font-size: 30px;
    margin: 40px 0;
  }
}

/* about-34 */
.about-34.section-wrapper {
      background: #f9f6ef;
      padding: 60px 0;
      font-family: 'Poppins', sans-serif;
    }

    /* Text Column */
    .about-34-text {
      padding-right: 20px;
    }

    .about-34-title {
   font-size: 84px;
  font-weight: 900;
      color: #1f2b44;
      line-height: 1.2;
    }

    .about-34-subtitle {
      margin: 20px 0;
      font-size: 16px;
      color: #555;
      line-height: 1.7;
    }

    /* Buttons */
    .about-34-btn-primary {
      background: linear-gradient(45deg, #ff6f61, #ff9472);
      border: none;
      padding: 12px 25px;
      border-radius: 6px;
      color: #fff;
      font-weight: 600;
      margin-right: 15px;
      transition: 0.3s;
    }
    .about-34-btn-primary:hover {
      background: linear-gradient(45deg, #ff9472, #ff6f61);
    }

    .about-34-btn-video {
      background: transparent;
      border: none;
      font-size: 16px;
      font-weight: 600;
      color: #1f2b44;
      vertical-align: middle;
    }
    .about-34-btn-video i {
      font-size: 20px;
      color: #ff6f61;
      margin-right: 8px;
      vertical-align: middle;
    }

    /* Image Column */
    .about-34-img-wrapper {
      position: relative;
      text-align: center;
    }

    .about-34-main-img {
      max-width: 100%;
      position: relative;
      z-index: 2;
      animation: about-34-bounce1 3s infinite ease-in-out;
    }

    .about-34-abstract-img {
      position: absolute;
top: -36%;
  left: 1%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 275px;
      transform: translate(-50%, -50%);
      z-index: 1;
      width: 120%;
      animation: about-34-bounce2 4s infinite ease-in-out;
    }

    /* Bounce Animations */
    @keyframes about-34-bounce1 {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
    }

    @keyframes about-34-bounce2 {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(20px); }
    }

    /* Responsive */
    @media (max-width: 768px) {
      .about-34-title {
        font-size: 32px;
        text-align: center;
      }
      .about-34-subtitle {
        text-align: center;
      }
      .about-34-btn-primary, .about-34-btn-video {
        display: block;
        margin: 10px auto;
      }
      .about-34-text {
        padding: 0;
      }
    }


    /* home-59 */
.home-59.section-wrapper {
  padding: 124px 15px;
  position: relative;
  background-size: cover!important;
}

    /* Main heading Yoga */
    .home-59-yoga-text {
      font-size: 150px;
      font-weight: 900;
      color: #aaa;
      letter-spacing: 5px;
      position: relative;
      display: inline-block;
      line-height: 1;
      background: linear-gradient(90deg, #999, #333, #999);
      background-size: 300% 100%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: home-59-gradientMove 5s linear infinite;
      transition: transform 0.3s ease;
    }

    /* Continuous animated gradient */
    @keyframes home-59-gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Hover 3D effect */
    .home-59-yoga-text:hover {
      transform: perspective(600px) rotateY(15deg) rotateX(10deg);
    }

    .home-59-yoga-img {
      position: absolute;
      top: -20px;
      left: 40%;
      max-width: 700px;
      transition: transform 0.4s ease;
    }

    .home-59-small-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: -20px;
    }

    .home-59-day {
      font-size: 22px;
      font-weight: bold;
      transform: rotate(90deg);
      display: inline-block;
      margin-left: 10px;
    }

    .home-59-date {
      font-size: 16px;
      font-weight: bold;
      margin-top: 20px;
    }

    .home-59-subtext {
      font-size: 14px;
      color: #888;
      margin-top: 10px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    /* Responsive */
    @media(max-width: 768px) {
      .home-59-yoga-text {
        font-size: 80px;
      }
      .home-59-yoga-img {
        max-width: 250px;
      }
    }

    /* home-60 */
 .home-60.section-wrapper {
      padding: 80px 15px;
      text-align: center;
      color: #333;
      font-family: "Poppins", sans-serif;
    }

    .home-60-title {
      font-size: 55px;
      font-weight: 600;
      margin-bottom: 40px;
      color: #333;
    }

    .home-60-card {
      background: #fff;
      border-radius: 12px;
      padding: 30px 20px;
      margin-bottom: 20px;
      box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
      transition: transform 0.6s ease, box-shadow 0.6s ease;
      perspective: 1000px;
      position: relative;
      overflow: hidden;
    }

    /* Flip strip hover effect */
    .home-60-card:before {
content: "";
  position: absolute;
  top: -77%;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(242, 74, 125, 0.39));
  transform: skewY(-10deg);
  transition: top 0.5s ease;
    }

    .home-60-card:hover:before {
      top: 100%;
    }

    .home-60-card:hover {
      transform: translateY(-10px) rotateX(5deg);
      box-shadow: 0px 10px 20px rgba(0,0,0,0.15);
    }

    .home-60-card i {
      font-size: 50px;
      color: #e67e22;
      margin-bottom: 15px;
      display: block;
    }

    .home-60-card p {
      font-size: 15px;
      color: #444;
      margin: 0;
    }

    .home-60-btn {
      background: #e67e22;
      color: #fff;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 25px;
      border: none;
      margin-top: 30px;
      transition: all 0.3s ease;
    }

    .home-60-btn:hover {
      background: #d35400;
    }


    /* about-35 */


    .about-35.section-wrapper {
      padding: 60px 0;
      background: #f5f5f5;
            font-family: 'Georgia', serif;

    }

    /* Shape container */
    .about-35-shape {
      max-width: 700px;
      margin: auto;
    }

    /* Text side */
    .about-35-content h2 {
font-size: 70px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #222;
  line-height: 90px;
    }

    .about-35-content p {
      font-size: 22px;
      color: #555;
      margin-bottom: 25px;
      line-height: 1.6;
    }

    /* Stats */
    .about-35-stats {
      display: flex;
      justify-content: flex-start;
      gap: 50px;
    }

    .about-35-stat h3 {
      font-size: 38px;
      font-weight: bold;
      margin: 0;
      color: #111;
    }

    .about-35-stat p {
      font-size: 14px;
      margin: 0;
      color: #666;
    }

    @media (max-width: 767px) {
      .about-35-content {
        text-align: center;
        margin-top: 30px;
      }
      .about-35-stats {
        justify-content: center;
      }
    }

    /* home-60 */

    .home-61 {
  position: relative;
  background: #000;
  overflow: hidden;
  width: 100%;
  height: 400px; /* Increased height so section fits well in between */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Strips Base */
.home-61-strip {
  position: absolute;
  width: 220%;
  height: 70px;
  overflow: hidden;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.home-61-strip-white {
  background: #fff;
  top: 38%;
  left: -60%;
  transform: rotate(-6deg);
}

.home-61-strip-green {
  background: #c6ff3f;
  top: 55%;
  left: -60%;
  transform: rotate(-6deg);
}

/* Marquee Base */
.home-61-marquee {
  display: flex;
}

.home-61-marquee span {
  font-size: 22px;
  font-weight: bold;
  padding: 0 50px;
  text-transform: uppercase;
}

.home-61-strip-white .home-61-marquee span {
  color: #000;
}

.home-61-strip-green .home-61-marquee span {
  color: #000;
}

/* Animation Left to Right */
.home-61-marquee-left {
  animation: home-61-marquee-left 15s linear infinite;
}

@keyframes home-61-marquee-left {
  from { transform: translateX(0%); }
  to   { transform: translateX(-50%); }
}

/* Animation Right to Left */
.home-61-marquee-right {
  animation: home-61-marquee-right 15s linear infinite;
}

@keyframes home-61-marquee-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0%); }
}

/* Responsive */
@media (max-width: 767px) {
  .home-61 {
    height: 250px;
  }
  .home-61-strip {
    height: 50px;
  }
  .home-61-marquee span {
    font-size: 14px;
    padding: 0 25px;
  }
}


/* home-62 */
.home-62.section-wrapper {
  padding: 100px 0;
  font-family: 'Poppins', sans-serif;
  color: #fff!important;
  position: relative;
  overflow: hidden;
}

/* Text Column */
.home-62-title {
  font-size: 72px;
  font-weight: 900;
  line-height: 1.2;
}

.home-62-subtitle {
  margin: 20px 0;
  font-size: 18px;
  color: #000;
  line-height: 1.7;
}

/* Buttons */
.home-62-btn-primary {
  background: linear-gradient(45deg, #ff6f61, #ff9472);
  border: none;
  padding: 12px 25px;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  margin-right: 15px;
  transition: 0.3s;
}
.home-62-btn-primary:hover {
  background: linear-gradient(45deg, #ff6f61, #ff9472);
}

.home-62-btn-video {
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  vertical-align: middle;
}
.home-62-btn-video i {
  font-size: 20px;
  color: #ff6f61;
  margin-right: 8px;
  vertical-align: middle;
}

/* Image Column */
.home-62-img-wrapper {
  position: relative;
  text-align: center;
  perspective: 1200px;
}

.home-62-main-img {
  max-width: 90%;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
  cursor: pointer;
}

/* Hover 3D tilt effect */
.home-62-main-img:hover {
  transform: rotateY(10deg) rotateX(5deg) scale(1.05);
}

/* Responsive */
@media (max-width: 768px) {
  .home-62-title {
    font-size: 36px;
    text-align: center;
  }
  .home-62-subtitle {
    text-align: center;
  }
  .home-62-btn-primary, .home-62-btn-video {
    display: block;
    margin: 10px auto;
  }
  .home-62-img-wrapper {
    margin-top: 30px;
  }
}


/* home-63 */


    .home-63.section-wrapper {
      text-align: center;
      padding: 80px 0;
      background: #f5f5f5;
    }

    .home-63-title {
      font-size: 24px;
      font-weight: bold;
      color: #222;
      margin-bottom: 5px;
    }

    .home-63-subtitle {
      font-size: 14px;
      color: #777;
      margin-bottom: 50px;
    }

    /* Image Cards */
    .home-63-gallery {
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .home-63-card {
      width: 180px;
      height: 280px;
      border-radius: 20px;
      overflow: hidden;
      cursor: pointer;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
      transition: transform 0.4s ease;
      background: #eee;
    }

    .home-63-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 20px;
      transition: transform 0.4s ease;
    }

    /* Hover Effect */
    .home-63-card:hover {
      transform: scale(1.08) rotateX(5deg) rotateY(-5deg);
      box-shadow: 0 12px 30px rgba(0,0,0,0.2);
    }

    @media (max-width: 767px) {
      .home-63-card {
        width: 45%;
        height: 200px;
      }
    }

    @media (max-width: 480px) {
      .home-63-card {
        width: 90%;
        height: 220px;
      }
    }

    /* home-64 */
    .home-64.section-wrapper {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      background: linear-gradient(135deg, #000000 60%, #f1c40f 100%);
      overflow: hidden;
      color: #fff;
      padding: 100px 0;
    }
    .home-64 .container {
      position: relative;
      z-index: 2;
    }
    .home-64-title {
      font-size: 100px;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 20px;
      color: #fff;
    }
    .home-64-subtitle {
      font-size: 18px;
      margin-bottom: 40px;
      max-width: 600px;
    }
    .home-64-proof {
      font-weight: bold;
      font-size: 20px;
      margin-top: 20px;
    }
    .home-64-proof span {
      margin-left: 10px;
    }
    .home-64-video {
      position: absolute;
      bottom: 40px;
      right: 40px;
      width: 300px;
      border-radius: 12px;
      overflow: hidden;
      z-index: 1;
      transform-origin: center center;
    }
    .home-64-video img {
      width: 100%;
      display: block;
    }

    /* home-65 */

    .home-65 {
  background: #000;
  color: #fff;
  padding: 80px 20px;
  overflow: hidden;
}

.home-65-subtitle {
color: #aaa;
  font-size: 23px;
  letter-spacing: 2px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffc107;
}

.home-65-title {
font-size: 90px;
  font-weight: 900;
  line-height: 1.2;
  color: #eaeaea;
}



.home-65-title span {
  color: #ffc107; /* Yellow highlight */
}

/* Logos Wrapper */
.home-65-logos-wrapper {
  display: flex;
  justify-content: space-around;
  position: relative;
  height: 350px;
  overflow: hidden;
}

.home-65-logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.home-65-logos img {
  width: 120px;
  height: auto;
  opacity: 0.8;
  filter: grayscale(100%);
  transition: 0.3s;
  padding: 10px;              /* space around logo */
  border-radius: 12px;
  cursor: pointer;       /* rounded corners */
}

.home-65-logos img:hover {
  background: #ffc107;        /* yellow background */
  opacity: 1;
  filter: grayscale(100%);    /* keep grayscale */
}
.home-65-logos img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

/* Gradient fade at top and bottom */
.home-65-logos-wrapper:before,
.home-65-logos-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 2;
}

.home-65-logos-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.home-65-logos-wrapper:after {
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}

/* home-66 */
.home-66 * {
  font-family: 'Poppins', sans-serif;
  color: #000;
  line-height: 1.5;
}
.home-64.section-wrapper{
padding: 60px 0;
}
.home-66-header {
  margin-bottom: 60px;
}

.home-66-services {
font-size: 19px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #666;
  text-transform: uppercase;
  margin: 16px 0 5px;
}

.home-66-main-title {
  font-size: 44px;
  font-weight: 700;
  margin: 0;
}

/* Section styling */
.home-66-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}

.home-66-yellow {
  background: #FFD500;
}

.home-66-white {
  background: #fff;
}

.home-66-title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 25px;
}

.home-66-desc {
  font-size: 18px;
  margin-bottom: 25px;
  color: #333;
  max-width: 90%;
}

.home-66-section ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.home-66-section ul li {
  font-size: 16px;
  margin-bottom: 12px;
}

.home-66-section ul li::before {
  content: "↳ ";
  font-weight: bold;
  margin-right: 4px;
}

/* Right-side image */
.home-66-section img {
  max-width: 90%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  margin: auto;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .home-66-main-title { font-size: 32px; }
  .home-66-title { font-size: 28px; }
  .home-66-desc { font-size: 16px; }
  .home-66-section {
    padding: 40px 20px;
    text-align: center;
  }
  .home-66-section img {
    margin-top: 20px;
    max-width: 100%;
  }
}


/* home-67 */
.home-67 {
  font-family: 'Poppins', sans-serif;
  position: relative;
  color: #fff;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-attachment: fixed;
   perspective: 1000px;
   padding: 60px 0!important;
}

.home-67-hero {
  position: relative;
  z-index: 2;
  padding: 80px 60px;
}

/* Content */
.home-67-content {
  max-width: 800px;
margin-bottom: 91px;}

.home-67-badge {
  background: #ff6a00;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 15px;
}

.home-67-subtitle {
font-size: 81px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}

.home-67-desc {
  font-size: 14px;
  color: #fff;
  margin-bottom: 30px;
}

.home-67-btn {
  display: inline-block;
  padding: 12px 25px;
  background: #ff6a00;
  color: #fff;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}
.home-67-btn:hover {
  background: #ff8533;
}

/* Title */
.home-67-title {
  font-size: 120px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 50px;
  white-space: nowrap;
  letter-spacing: 44px;
}

.home-67-letter:hover {
  transform: rotateX(20deg) rotateY(10deg) scale(1.1);
  color: #ff6a00;
}
.home-67-letter {
  display: inline-block;
  perspective: 1000px;
  transform-style: preserve-3d;
}

/* Responsive */
@media (max-width: 992px) {
  .home-67-title {
    font-size: 80px;  /* Scale down for tablets */
  }
}
@media (max-width: 768px) {
  .home-67-title {
    font-size: 48px;  /* Scale down for mobile */
    left: 20px;
    bottom: 20px;
  }
  .home-67-subtitle {
    font-size: 18px;
  }
}

/* about-36 */
 .about-36 {
      position: relative;
      text-align: center;
      padding: 100px 20px;
      background: #f7f7f7;
    }

    .about-36-title {
  font-family: 'Poppins', sans-serif;
  font-size: 80px;
  font-weight: 700;
background: linear-gradient(45deg, #ff0b9d, #7510d9, #ff3000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
  text-fill-color: transparent;
padding: 20px 0;
    }
    .section-wrapper.about-36 p{
 margin-bottom: 150px !important;
  font-size: 26px;
  line-height: 28px;
  color: #373737;
    }
    .about-36-images {
      position: relative;
      display: inline-block;
      width: 300px;
      height: 200px;
    }

    .about-36-images img {
      position: absolute;
      top: 50%;
      left: 50%;
     width: 220px;
  height: 260px;
      object-fit: cover;
      border-radius: 10px;
      transform: translate(-50%, -50%);
      transition: transform 0.6s ease;
      box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }

  .about-36-images img:nth-child(1) {
  transform: translate(-55%, -50%) rotate(-5deg);
  z-index: 1;
}

.about-36-images img:nth-child(2) {
  transform: translate(-52%, -52%) rotate(-2deg);
  z-index: 2;
}

.about-36-images img:nth-child(3) {
  transform: translate(-50%, -50%) rotate(0deg);
  z-index: 3;
}

.about-36-images img:nth-child(4) {
  transform: translate(-48%, -52%) rotate(2deg);
  z-index: 2;
}

.about-36-images img:nth-child(5) {
  transform: translate(-45%, -50%) rotate(5deg);
  z-index: 1;
}

/* On hover: spread in arc */
.about-36-images:hover img:nth-child(1) {
  transform: translate(-180%, -50%) rotate(-25deg);
}

.about-36-images:hover img:nth-child(2) {
  transform: translate(-90%, -60%) rotate(-12deg);
}

.about-36-images:hover img:nth-child(3) {
  transform: translate(-50%, -70%) rotate(0deg);
}

.about-36-images:hover img:nth-child(4) {
  transform: translate(0%, -60%) rotate(12deg);
}

.about-36-images:hover img:nth-child(5) {
  transform: translate(80%, -50%) rotate(25deg);
}


/* about-37 */

.about-37{
  padding: 60px 0px!important;
}


.about-37-container {
  font-family: 'Poppins', sans-serif;
  background: #000;
  padding: 40px 20px;
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

.about-37-left {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.about-37-image-wrapper {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.about-37-image-track {
  display: flex;
  flex-direction: column;
  animation: about-37-scroll 12s linear infinite;
}

.about-37-image-track img {
  margin: 10px auto;
  width: 100%;
  height: 200px;
  border-radius: 12px;
  object-fit: cover;
}

@keyframes about-37-scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* fade effect top & bottom */
.about-37-left::before,
.about-37-left::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 2;
}

.about-37-left::before {
  top: 0;
  background: linear-gradient(to bottom, #000, transparent);
}
.about-37-left::after {
  bottom: 0;
  background: linear-gradient(to top, #000, transparent);
}

/* Right side */
.about-37-testimonial {
  padding: 20px;
}

.about-37-quote {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}

.about-37-subtext {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

.about-37-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.about-37-role {
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}

.about-37-stars {
  color: #e63946;
  font-size: 18px;
}



/* about-38 */
.about-38 {
  background: url('https://picsum.photos/1600/900?blur=3') center center/cover no-repeat;
  position: relative;
  color: #fff;
  padding: 120px 20px;
  overflow: hidden;
  perspective: 1200px; /* Adds depth for 3D transforms */
}

.about-38::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.about-38 .container {
  position: relative;
  z-index: 2;
}

.about-38-title {
  font-size: 150px;
  font-weight: 900;
  line-height: 1.2;
  margin: 20px 0;
  background: url('https://picsum.photos/1600/900') center/cover no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  transform-style: preserve-3d;
  transition: transform 0.8s ease, text-shadow 0.6s ease;
  text-shadow: 0 0 0 rgba(0,0,0,0.5);
}

/* 🔥 3D Flip / Tilt Effect */
.about-38:hover .about-38-title {
  transform: rotateY(25deg) rotateX(15deg) scale(1.1);
  text-shadow: 10px 20px 40px rgba(0,0,0,0.7);
}

/* Subtext */
.about-38-sub {
  font-size: 18px;
  font-style: italic;
  color: #ccc;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .about-38-title {
    font-size: 48px;
  }
  .about-38-sub {
    font-size: 16px;
  }
}

/* about-39 */

/* Section wrapper */
.about-39 {
  margin: 0;
  padding: 60px 0;
  background: linear-gradient(135deg, #f9f9f9, #e6e6e6);
  align-items: center;
  font-family: "Poppins", sans-serif;
}

/* Container */
.about-39 .container {
  width: 1200px;
  max-width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

/* Card */
.about-39 .card {
position: relative;
  width: 269px;
  height: 320px;
  border-radius: 43px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Face base */
.about-39 .card .face {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.6s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

/* Face1 (logo) - visible first */
.about-39 .card .face.face1 {
  z-index: 2;
}

.about-39 .card:hover .face.face1 {
  transform: translateY(-100%); /* slide out */
}

/* Face2 (content) - hidden below */
.about-39 .card .face.face2 {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  transform: translateY(100%); /* start hidden */
  z-index: 1;
}

.about-39 .card:hover .face.face2 {
  transform: translateY(0); /* slide up into place */
}

/* Icon */
.about-39 .card .face.face1 .icon {
  font-size: 70px;
  color: #fff;
}

/* Backgrounds */
.about-39 .card:nth-child(1) .face.face1 {
  background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); /* Instagram */
}
.about-39 .card:nth-child(2) .face.face1 {
  background: #010101; /* TikTok */
}
.about-39 .card:nth-child(3) .face.face1 {
  background: #1da1f2; /* Twitter */
}
.about-39 .card:nth-child(4) .face.face1 {
  background: #ff0000; /* YouTube */
}

/* Content text */
.about-39 .card .face.face2 .card-content h3 {
  margin: 0 0 10px;
  font-size: 32px;
  font-weight: 600;
  color: #222;
  text-align: center;
}

.about-39 .card .face.face2 .card-content p {
  margin: 0;
  font-size: 16px;
  color: #555;
  text-align: center;
}

/* Links */
.about-39 a {
  text-decoration: none;
  color: inherit;
}
.about-39-title{
font-family: 'Poppins', sans-serif;
  font-size: 80px;
  font-weight: 700;
  background: linear-gradient(45deg, #ff0b9d, #7510d9, #ff3000);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
padding: 10px 0 60px 0;
}
/* Responsive */
@media (max-width: 768px) {
  .about-39 .container {
    flex-direction: column;
    align-items: center;
  }
}


/* home-68 */

.home-68 {
  font-family: "Poppins", sans-serif;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 80px 0 90px;
background: radial-gradient(1200px 800px at -10% 10%, rgba(255, 59, 59, 0.25), #fffb0000 60%), radial-gradient(1200px 800px at 110% 20%, rgba(247, 7, 7, 0.25), transparent 60%), radial-gradient(1000px 700px at 20% 110%, rgba(244, 24, 24, 0.25), #f9000000 60%), #000;
}

@media (max-width: 767px){
  .home-68{ padding: 60px 0 70px; }
}

/* ---------- Left Copy ---------- */
.home-68 .home-68-eyebrow {
  color: #ff6a3d;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
}
.home-68 .home-68-title {
  font-size: 124px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 12px;
  color: #fff;
}
.home-68 .home-68-role {
  font-size: 18px;
  margin-bottom: 12px;
}
.home-68 .home-68-role .home-68-accent { color:#10b981; font-weight:600; }
.home-68 .home-68-desc {
  color:#d4d4d5;
  font-size: 15px;
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 20px;

}
.home-68 .home-68-cta {
  display:inline-block;
  padding: 12px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff7a59, #ff4d4f);
  color:#fff; font-weight:600; text-decoration:none;
  box-shadow: 0 10px 18px rgba(255,93,93,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}
.home-68 .home-68-cta:hover{ transform: translateY(-2px); box-shadow:0 14px 22px rgba(255,93,93,.35); }

.home-68 .home-68-social {
  margin-top:16px;
  font-size: 18px;
}
.home-68 .home-68-social a{
  color:#111; margin-right:10px; text-decoration:none; display:inline-block;
  transition: transform .2s ease, color .2s ease;
}
.home-68 .home-68-social a:hover{ transform: translateY(-2px); color:#10b981; }

/* ---------- Right Visual Card ---------- */
.home-68 .home-68-visual-wrap{
  position: relative;
  perspective: 1000px;
}
.home-68 .home-68-card{
  position: relative;
  width: 100%;
  max-width: 440px;
  margin: 10px auto;
  transform-style: preserve-3d;
  will-change: transform;
}
.home-68 .home-68-portrait{
  position: relative;
  width: 100%;
  padding-top: 115%;
  background: #e8eefc;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(30,41,59,.2);
}
.home-68 .home-68-portrait img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  /* organic crop */
  -webkit-clip-path: path("M 0.10 0.15 C 0.05 0.35, 0.08 0.70, 0.18 0.88 C 0.30 1.05, 0.70 1.03, 0.84 0.86 C 0.96 0.71, 1.02 0.35, 0.92 0.18 C 0.80 -0.02, 0.18 -0.01, 0.10 0.15 Z");
          clip-path: path("M 0.10 0.15 C 0.05 0.35, 0.08 0.70, 0.18 0.88 C 0.30 1.05, 0.70 1.03, 0.84 0.86 C 0.96 0.71, 1.02 0.35, 0.92 0.18 C 0.80 -0.02, 0.18 -0.01, 0.10 0.15 Z");
}

/* ---------- Floating skill chips ---------- */
.home-68 .home-68-skill{
  --size:58px;
  position:absolute;
  width:var(--size); height:var(--size);
  border-radius:14px;
  background:#111;
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:26px;
  box-shadow: 0 15px 30px rgba(0,0,0,.2);
  transform: translateZ(40px);
  cursor: pointer;
}
.home-68 .home-68-skill.home-68-s1{ top:-16px; left:-16px; background:#111; }
.home-68 .home-68-skill.home-68-s2{ top:30%; right:-22px; background:#0ea5e9; }
.home-68 .home-68-skill.home-68-s3{ bottom:-18px; left:35%; background:#fff; color:#111; border:1px solid rgba(17,17,17,.08); }

/* little info tooltip on hover (for fun) */
.home-68 .home-68-skill[data-tip]:hover::after{
  content: attr(data-tip);
  position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%);
  background:#111; color:#fff; font-size:12px; padding:5px 8px; border-radius:6px; white-space:nowrap;
  box-shadow: 0 10px 18px rgba(0,0,0,.15);
}

/* ---------- Scroll hint ---------- */
.home-68 .home-68-scroll-dot{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  width:22px; height:36px; border:2px solid #111; border-radius:16px;
}
.home-68 .home-68-scroll-dot:after{
  content:""; position:absolute; left:50%; top:6px; transform:translateX(-50%);
  width:4px; height:6px; background:#111; border-radius:2px; animation: home68scroll 1.4s infinite;
}
@keyframes home68scroll{
  0% { opacity:1; transform: translate(-50%,0); }
  100%{ opacity:0; transform: translate(-50%,12px); }
}

/* about-40 */

    .about-40 {
      padding: 60px 0;
            margin: 0;
      font-family: 'Poppins', sans-serif;
      background: #fff;
    }

    .about-40 .about-40-left {
      margin-top: 50px;
    }

    .about-40 .about-40-title {
      font-size: 42px;
      font-weight: 700;
      line-height: 1.2;
      transition: transform 0.4s ease, color 0.4s ease;
      cursor: pointer;
    }

    .about-40 .about-40-title span.gradient {
      background: linear-gradient(90deg, #a259ff, #f24e1e, #ff7262, #ffc107);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      font-size: 70px;
    }

    /* text hover effect */
    .about-40 .about-40-title:hover {
      transform: rotateX(5deg) rotateY(-5deg) scale(1.02);
    }

    .about-40 .about-40-subtitle {
      font-size: 18px;
      color: #555;
      margin: 20px 0;
    }

    .about-40 .about-40-btn {
      margin-top: 20px;
    }

    .about-40 .about-40-btn .btn-call {
      background: #000;
      color: #fff;
      padding: 12px 28px;
      font-weight: 600;
      border: none;
      border-radius: 0;
      transition: all 0.3s ease;
    }

    .about-40 .about-40-btn .btn-call:hover {
      background: #333;
    }

    .about-40 .about-40-btn .btn-cv {
      background: transparent;
      border: none;
      font-weight: 600;
      margin-left: 15px;
      position: relative;
      cursor: pointer;
    }

    .about-40 .about-40-btn .btn-cv:after {
      content: "→";
      margin-left: 5px;
    }

    /*  Image wrapper for grayscale + 3D strips effect */
    .about-40 .about-40-img {
      perspective: 1000px;
      display: inline-block;
    }

    .about-40 .about-40-img img {
      width: 100%;
      max-width: 600px;
      border-radius: 10px;
      filter: grayscale(100%);
      transition: transform 0.8s ease, filter 0.8s ease, clip-path 1s ease;
      transform-style: preserve-3d;
    }

    /* Strips effect using clip-path */
    .about-40:hover .about-40-img img {
      filter: grayscale(0%);
      transform: rotateY(10deg) scale(1.05);

    }

    /* Responsive */
    @media (max-width: 768px) {
      .about-40 {
        text-align: center;
      }
      .about-40 .about-40-img {
        margin-top: 30px;
      }
    }

/* contact-15  */


.contact-15 {
  padding: 80px 0;
    background: #000;
  font-family: "Poppins", sans-serif;
  color: #fff;
}

.contact-15 .title {
  text-align: center;
  margin-bottom: 50px;
}

.contact-15 .title h5 {
  color: #fff;
  letter-spacing: 2px;
  font-size: 14px;
  opacity: 0;
  animation: fadeInDown 1s ease forwards;
}

.contact-15 .title h2 {
  font-size: 42px;
  font-weight: 700;
  opacity: 0;
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.3s;
      color: linear-gradient(90deg, #a259ff, #f24e1e, #ff7262, #ffc107);
}

/* Contact box wrapper */
.contact-15 .contact-box {
  background: #111;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0,0,0,0.6);
  display: flex;
  flex-wrap: wrap;
}

/* Left Image */
.contact-15 .left-img {
  background-size: cover;
  min-height: 450px;
  position: relative;
  flex: 1;
  display: flex;
  align-items: flex-end;
  padding: 30px;
  opacity: 0;
  animation: slideInLeft 1s ease forwards;
  animation-delay: 0.6s;
}

.contact-15 .left-img::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.1));
}

.contact-15 .left-img .caption {
  position: relative;
  z-index: 2;
}

.contact-15 .left-img .caption h3 {
  font-size: 28px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.contact-15 .left-img .caption p {
  letter-spacing: 2px;
  font-size: 12px;
  color: #ccc;
}

/* Hover effect */
.contact-15 .left-img:hover .caption h3 {
  color: #4de1e8;
  transform: scale(1.1);
}

/* Form */
.contact-15 .form-box {
  padding: 40px;
  flex: 1;
  opacity: 0;
  animation: slideInRight 1s ease forwards;
  animation-delay: 0.8s;
}

.contact-15 .form-control {
  background: #1a1a1a;
  border: none;
  border-radius: 30px;
  margin-bottom: 20px;
  height: 48px;
  padding: 10px 20px;
  color: #fff;
}

.contact-15 textarea.form-control {
  height: 120px;
  border-radius: 20px;
  resize: none;
}

.contact-15 .btn-submit {
  background: #4de1e8;
  border: none;
  border-radius: 25px;
  padding: 12px 30px;
  color: #000;
  font-weight: 600;
  transition: all 0.3s ease;
}

.contact-15 .btn-submit:hover {
  background: #2ac9cf;
  transform: scale(1.05);
}

/* Animations */
@keyframes fadeInDown {
  from {opacity: 0; transform: translateY(-20px);}
  to {opacity: 1; transform: translateY(0);}
}

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

@keyframes slideInLeft {
  from {opacity: 0; transform: translateX(-50px);}
  to {opacity: 1; transform: translateX(0);}
}

@keyframes slideInRight {
  from {opacity: 0; transform: translateX(50px);}
  to {opacity: 1; transform: translateX(0);}
}

/* Responsive */
@media (max-width: 767px) {
  .contact-15 .contact-box {
    flex-direction: column;
  }
  .contact-15 .left-img {
    min-height: 250px;
  }
  .contact-15 .form-box {
    padding: 20px;
  }
}

/* servivces-21 */

.services-21 {
  font-family: 'Poppins', sans-serif;
  background: #111;
  color: #fff;
  padding: 80px 40px;
}

.services-21-small {
  font-size: 14px;
  color: #aaa;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.services-21-title {

font-size: 50px;
  font-weight: 700;
  margin: 0;
  background: linear-gradient(90deg, #a259ff, #f24e1e, #ff7262, #ffc107);
  color: #fff;
  padding: 12px;
}

.services-21-desc {
  font-size: 16px;
  color: #bbb;
  margin-top: 10px;
  max-width: 500px;
}

.services-21-divider {
  width: 100%;
  height: 2px;
  background: #333;
  margin: 40px 0;
}

.services-21-box {
  padding: 60px 40px;
  height: 100%;
  background: #111;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.services-21-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffb300;
}

.services-21-heading {
  font-size: 32px;
  font-weight: 600;
  margin: 15px 0;
  color: #fff;
}

.services-21-text {
  font-size: 15px;
  line-height: 1.6;
  color: #aaa;
  margin-bottom: 25px;
}

.services-21-link {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffb300;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

.services-21-link:hover {
  border-bottom: 2px solid #ffb300;
}

.services-21-img-box {
  perspective: 1000px; /* Needed for 3D effect */
  overflow: hidden;
}

.services-21-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease, box-shadow 0.6s ease;
  transform-style: preserve-3d;
}

.services-21-img-box:hover img {
  transform: rotateY(15deg) scale(1.05); /* 3D tilt + zoom */
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

/* Remove gutter for full-width grid */
.no-gutter > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}


/* about-41 */

.about-41 {
      padding: 80px 0;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    /* Left image grid */
    .about-41 .about-41-left {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

    .about-41 .about-41-box {
      flex: 1 1 calc(50% - 15px);
      height: 220px;
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      background: #f5f5f5;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .about-41 .about-41-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .about-41 .about-41-box:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }

    .about-41 .about-41-box:hover img {
      transform: scale(1.1);
    }

    /* About blue box */
    .about-41 .about-41-about {
      background-color: #3498db;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      line-height: 1.3;
      letter-spacing: 1px;
    }

    /* Make bottom image full width */
    .about-41 .about-41-box.full {
      flex-basis: 100%;
      height: 220px;
    }

    /* Right content */
    .about-41 .about-41-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 40px;
    }

    .about-41 .about-41-right h2 {
font-size: 42px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.4;
  color: #111;
  letter-spacing: 1px;
    }

    .about-41 .about-41-right p {
      color: #555;
      font-size: 15px;
      margin-bottom: 30px;
      line-height: 1.7;
    }

    /* Button */
    .about-41 .about-41-btn {
      display: inline-block;
      padding: 12px 28px;
      background: #fff;
      border-radius: 50px;
      box-shadow: 0px 5px 18px rgba(0,0,0,0.1);
      font-weight: bold;
      text-decoration: none;
      color: #333;
      transition: all 0.3s ease;
      width: fit-content;
    }

    .about-41 .about-41-btn:hover {
      background: #3498db;
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 8px 22px rgba(0,0,0,0.2);
    }

    .about-41 .about-41-btn i {
      margin-left: 10px;
      background: #3498db;
      color: #fff;
      padding: 6px 8px;
      border-radius: 50%;
      font-size: 12px;
      transition: background 0.3s ease;
    }

    .about-41 .about-41-btn:hover i {
      background: #fff;
      color: #3498db;
    }

    /* Responsive */
    @media (max-width: 767px) {
      .about-41 {
        padding: 50px 20px;
      }
      .about-41 .about-41-right {
        padding-left: 0;
        margin-top: 30px;
      }
      .about-41 .about-41-box {
        height: 180px;
      }
      .about-41 .about-41-right h2 {
        font-size: 22px;
      }
    }


    /* courses-7 */
.courses-7 {
      padding: 60px 0;
      background: #f8f9fb;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .courses-7 .section-title {
      text-align: center;
      margin-bottom: 40px;
    }
    .courses-7 .section-title h2 {
      font-size: 32px;
      font-weight: bold;
      color: #333;
    }
    .courses-7 .course-card {
      perspective: 1000px;
      margin-bottom: 30px;
    }
    .courses-7 .course-inner {
      position: relative;
      width: 100%;
      height: 350px;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      box-shadow: 0 6px 20px rgba(0,0,0,0.1);
      border-radius: 10px;
    }
    .courses-7 .course-card:hover .course-inner {
      transform: rotateY(180deg);
    }
    .courses-7 .course-front,
    .courses-7 .course-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 10px;
      overflow: hidden;
    }
    .courses-7 .course-front {
      background: #fff;
    }
    .courses-7 .course-front img {
      width: 100%;
height: 295px;
object-fit: cover;
    }
    .courses-7 .course-front h4 {
      margin: 15px 0 0;
      font-size: 20px;
      font-weight: 600;
      color: #222;
    }
    .courses-7 .course-back {
      background: #007bff;
      color: #fff;
      transform: rotateY(180deg);
      padding: 20px;
    }
    .courses-7 .course-back h4 {
      font-size: 22px;
      margin-bottom: 15px;
    }
    .courses-7 .course-back p {
      font-size: 14px;
      line-height: 1.6;
    }


    /* home-69 */


    .home-69 {
      padding: 80px 0;
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #0c0c0c 70%, #0f1f2e 100%);
            background: #0c0c0c;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      color: #fff;
    }

    /* Left Side - Image Stack */
    .home-69 .image-stack {
      position: relative;
      text-align: center;
    }

    .home-69 .image-stack img {
      border-radius: 12px;
      width: 414px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      transition: transform 0.5s ease;

    }

    .home-69 .image-stack img:hover {
      transform: scale(1.05);
    }

    .home-69 .image-stack .img-back {
      position: absolute;
      top: 20px;
      left: 40px;
      opacity: 0.7;
      z-index: 1;
    }

    .home-69 .image-stack .img-front {
      position: relative;
      z-index: 2;
      top: 93px;
      left: 50px;
    }

    /* Right Side Content */
    .home-69 .content-box {
      color: #fff;
      padding: 20px;
    }

    .home-69 .content-box h5 {
      color: #00c3ff;
      font-weight: bold;
      margin-bottom: 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .home-69 .content-box h2 {
      font-size: 40px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 1.4;
        color: #fff;
    }

    .home-69 .content-box p {
      font-size: 15px;
      color: #ddd;
      line-height: 1.8;
      margin-bottom: 30px;
    }

    /* Button */
    .home-69 .btn-custom {
      background: #00c3ff;
      color: #fff;
      padding: 12px 30px;
      border-radius: 6px;
      text-transform: uppercase;
      font-weight: 600;
      border: none;
      transition: all 0.3s ease;
    }

    .home-69 .btn-custom:hover {
      background: #0099cc;
      transform: translateY(-3px);
    }

    /* Decorative wave */


    /* Animations */
    .fade-in {
      animation: fadeInUp 1.2s ease forwards;
      opacity: 0;
    }

    .fade-in:nth-child(1) { animation-delay: 0.3s; }
    .fade-in:nth-child(2) { animation-delay: 0.6s; }
    .fade-in:nth-child(3) { animation-delay: 0.9s; }

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

    /* home-70 */

     .home-70-section {
      background: #fafafa;
      padding: 60px 20px;
      font-family: 'Helvetica Neue', sans-serif;
    }
    .home-70-left {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .home-70-left h2 {
font-size: 82px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px;
    }
    .home-70-search {
      display: flex;
      max-width: 350px;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .home-70-search input {
      border: none;
      padding: 12px;
      flex: 1;
      outline: none;
    }
    .home-70-search button {
      background: #74b963;
      color: #fff;
      border: none;
      padding: 0 20px;
      font-weight: bold;
      cursor: pointer;
    }
    .home-70-cards {
      display: flex;
      gap: 15px;
      height: 400px;
    }
    .home-70-card {
      flex: 1;
      border-radius: 12px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      transition: all 0.4s ease;
      cursor: pointer;
      display: flex;
      align-items: flex-end;
    }
    .home-70-card.active {
      flex: 3;
    }
    .home-70-overlay {
      background: rgba(0,0,0,0.5);
      color: #fff;
      padding: 20px;
      width: 100%;
      transition: all 0.3s;
    }
    .home-70-card:not(.active) .home-70-overlay {
      writing-mode: vertical-rl;
      text-orientation: mixed;
      transform: rotate(180deg);
      text-align: center;
      font-size: 18px;
      padding: 10px;
    }
    .home-70-card.active .home-70-overlay {
      writing-mode: initial;
      transform: none;
    }
    .home-70-extra {
      font-size: 14px;
      margin-top: 5px;
      opacity: 0.8;
    }

    .home-70-overlay h3{
      color: #fff;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
    }

    /* Responsive */
    @media(max-width:768px){
      .home-70-cards {
        flex-direction: column;
        height: auto;
      }
      .home-70-card {
        flex: unset !important;
        height: 200px;
      }
      .home-70-card.active {
        height: 300px;
      }
      .home-70-card:not(.active) .home-70-overlay {
        writing-mode: initial;
        transform: none;
      }
    }



    /* services-22 */


.services-22 {
  padding: 50px 0;
}
.services-22 .box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  color: #fff;
  text-align: left;
  padding: 30px 20px;
  height: 250px;
  margin-bottom: 30px;
  transition: all 0.4s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.services-22 .box img {
  max-width: 160px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  transition: all 0.4s ease;
}
.services-22 .box h3 {
  font-weight: 700;
  margin: 0;
  font-size: 42px;
  color: #fff;
}
.services-22 .box p {
  font-size: 14px;
  margin-top: 5px;
}
.services-22 .box .btn {
  margin-top: 15px;
  background: #fff;
  color: #333;
  border-radius: 30px;
  padding: 6px 18px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background 0.3s;
}
.services-22 .box .btn:hover {
  background: #333;
  color: #fff;
}

/* Hover Effects */
.services-22 .box:hover {
  transform: rotateX(8deg) rotateY(8deg) scale(1.05);
  box-shadow: 0 15px 30px rgba(0,0,0,0.3);
}
.services-22 .box:hover img {
  transform: scale(1.15) rotate(5deg);
}

/* Background colors */
.services-22 .bg-black { background: #111; }
.services-22 .bg-yellow { background: #f8b500; }
.services-22 .bg-red { background: #e63946; }
.services-22 .bg-light { background: #c6c6c6; color:#000; }
.services-22 .bg-green { background: #06d6a0; }
.services-22 .bg-blue { background: #118ab2; }


/* about-42 */
.about-42 {
  background-color: #0c1c1e;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.about-42 h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px;
  transition: color 0.3s ease-in-out;
}

.about-42 p {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 40px;
  transition: color 0.3s ease-in-out;
}

/* Card Styles */
.about-42 .about-42-card {
  background: #0c1c1e;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease-in-out;
  margin-bottom: 20px;
}

.about-42 .about-42-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Hover Zoom */
.about-42 .about-42-card:hover {
  transform: scale(1.05);
}

/* Animated borders */
.about-42 .about-42-card:before {
  content: "";
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: 14px;
  border: 5px solid transparent;
  z-index: 1;
  pointer-events: none;
}

.about-42 .about-42-card.red:hover:before {
  border-color: yellow;
  animation: border-anim 2s linear infinite;
}

.about-42 .about-42-card.green:hover:before {
  border-color: yellow;
  animation: border-anim 2s linear infinite;
}

.about-42 .about-42-card.yellow:hover:before {
  border-color: yellow;
  animation: border-anim 2s linear infinite;
}

/* Running border animation */
@keyframes border-anim {
  0% { clip-path: inset(0 100% 0 0); }
  25% { clip-path: inset(0 0 100% 0); }
  50% { clip-path: inset(0 0 0 100%); }
  75% { clip-path: inset(100% 0 0 0); }
  100% { clip-path: inset(0 100% 0 0); }
}

/* Hover text color change */
.about-42:hover h2,
.about-42:hover p {
  color: #fff !important;
}

/* contact-16 */


    .contact-16 {
      padding: 60px 0;
      background: #0b0c2a;
      font-family: 'Poppins', sans-serif;
      color: #fff;
    }
    .contact-16 h2 {
      font-size: 48px;
      font-weight: 600;
      color: #fff;
      line-height: 1.2;
    }
    .contact-16 .contact-info {
      margin-top: 30px;
    }
    .contact-16 .contact-info p {
      font-size: 14px;
      line-height: 24px;
      color: #bbb;
      margin-bottom: 8px;
    }
    .contact-16 .social-icons {
      margin-top: 20px;
    }
    .contact-16 .social-icons a {
      display: inline-block;
      margin-right: 10px;
      color: #fff;
      font-size: 16px;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      background: #222;
      transition: all 0.3s ease;
    }
    .contact-16 .social-icons a:hover {
      background: #007bff;
      color: #fff;
    }
    .contact-16 .form-box {
      background: rgba(255, 255, 255, 0.05);
      padding: 30px;
      border-radius: 10px;
    }
    .contact-16 .form-control {
      background: rgba(255, 255, 255, 0.08);
      border: none;
      border-radius: 25px;
      height: 45px;
      padding: 10px 20px;
      color: #fff;
      margin-bottom: 20px;
    }
    .contact-16 textarea.form-control {
      height: 120px;
      border-radius: 15px;
      resize: none;
    }
    .contact-16 .btn-primary {
      width: 100%;
      height: 45px;
      border-radius: 25px;
      border: none;
      background: linear-gradient(to right, #007bff, #3b82f6);
      font-weight: 600;
      transition: all 0.3s ease;
    }
    .contact-16 .btn-primary:hover {
      opacity: 0.9;
    }


/* services-23 */
       .services-23{
      font-family: 'Inter', sans-serif;
      background: #000;
      color: #111;
      padding: 60px 0;
      text-align: center;
    }

    .services-23 h2 {
      font-size: 94px;
      font-weight: 700;
      margin-bottom: 40px;
      line-height: 1.3;
      color: #c4c4c4;
    }

    .services-23 .card-wrapper {
      display: flex;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }

    .services-23 .service-card {
      display: inline-block;
      width: 320px;
      margin: 0 15px;
      border-radius: 16px;
      overflow: hidden;
      background: #f5f5f5;
      text-align: left;
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
      transform-style: preserve-3d;
      transition: transform 0.6s;
    }

    .services-23 .service-card:hover {
      transform: rotateY(15deg) rotateX(5deg);
    }

    .services-23 .service-card .card-header {
      padding: 20px;
    }

    .services-23 .tag {
      display: inline-block;
      font-size: 12px;
      padding: 4px 10px;
      border-radius: 20px;
      margin-right: 8px;
      background: #eee;
    }

    .services-23 .card-title {
      font-size: 24px;
      font-weight: 700;
      margin: 15px 0 10px;
    }

    .services-23 .card-desc {
      font-size: 14px;
      color: #555;
      line-height: 1.5;
    }

    .services-23 .card-img {
      width: 100%;
      height: 220px;
      object-fit: cover;
    }

    .services-23 .read-more {
      display: inline-block;
      margin: 15px 20px;
      padding: 10px 18px;
      font-size: 14px;
      border-radius: 30px;
      text-decoration: none;
      background: #000;
      color: #fff;
      transition: all 0.3s ease;
    }

    .services-23 .read-more:hover {
      background: #333;
    }

    /* Background colors for each card */
    .services-23 .junior {
      background: #c6ff3d;
    }
    .services-23 .youth {
      background: #f6e8ff;
    }
    .services-23 .adult {
      background: #f5f5f5;
    }

    /* Responsive */
    @media(max-width: 767px) {
      .services-23 .card-wrapper {
        display: block;
        overflow: visible;
        white-space: normal;
      }
      .services-23 .service-card {
        width: 100%;
        margin: 20px 0;
      }
    }

/* about-43 */


    .about-43.section-wrapper {
      padding: 40px 0;
            font-family: 'Poppins', sans-serif;
      background: #f4f4f4;
    }

    .about-43-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 15px;
    }

    /* Flip card wrapper */
    .about-43-box {
      perspective: 1000px;
      border-radius: 15px;
      height: 200px;
    }

    .about-43-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.8s;
      transform-style: preserve-3d;
      border-radius: 15px;
      cursor: pointer;
    }

    .about-43-box:hover .about-43-inner {
      transform: rotateY(180deg);
      box-shadow: 0 20px 35px rgba(0,0,0,0.3);
    }

    .about-43-front, .about-43-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 15px;
    }

    .about-43-front img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 15px;
    }

    .about-43-front {
      color: #fff;
    }

    .about-43-back {
      transform: rotateY(180deg);
      background: #333;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* Colors */
    .about-43-purple { background: #9b6cff; }
    .about-43-pink { background: #ff69b4; }
    .about-43-yellow { background: #ffcc00; }
    .about-43-blue { background: #7ee0f5; }
    .about-43-red { background: #ff4040; }
    .about-43-green { background: #20c997; }

    /* Text styles */
    .about-43-title {
      font-size: 24px;
      font-weight: 700;
      color: #fff;
      line-height: 1.3;
    }

    .about-43-subtext {
      font-size: 14px;
      font-weight: 400;
      color: #fff;
      margin-top: 8px;
    }

    .about-43-icon {
      font-size: 50px;
      color: #fff;
    }

    /* Responsive height */
    @media(max-width: 768px) {
      .about-43-box {
        height: 180px;
      }
    }

    @media(max-width: 480px) {
      .about-43-box {
        height: 160px;
      }
    }


    /* home-71 */

    .home-71.section-wrapper {
      padding: 60px 0;
      text-align: center;
            font-family: 'Poppins', sans-serif;
      background: #faf5ef; /* cream like attached */
    }
    .home-71-title {
      font-weight: 600;
      font-size: 28px;
      margin-bottom: 10px;
    }
    .home-71-subtitle {
      color: #555;
      margin-bottom: 40px;
      font-size: 14px;
    }

    /* Grid container */
    .home-71-card-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 20px;
    }

    /* Cards */
    .home-71-card {
      border-radius: 15px;
      overflow: hidden;
      min-height: 220px;
      position: relative;
      transition: transform 0.5s ease, box-shadow 0.5s ease;
      will-change: transform;
      cursor: pointer;
    }

    /* Hover 3D Tilt Effect */
    .home-71-card:hover {
      transform: rotateX(10deg) rotateY(-10deg) translateY(-8px) scale(1.03);
      box-shadow: 0 25px 40px rgba(0,0,0,0.25);
    }

    /* Background Colors */
    .home-71-bg-light {
      background: #e8e3db; /* light beige */
    }
    .home-71-bg-gray {
      background: #e6e1d8; /* light gray */
    }
    .home-71-bg-tan {
      background: #cbbba0; /* tan */
    }
    .home-71-bg-green {
      background: #4a5a3f; /* muted green */
      color: #fff;
    }

    /* Card Content */
    .home-71-card-content {
      padding: 25px;
      text-align: left;
    }
    .home-71-card-content h4 {
      font-weight: 600;
      margin-bottom: 8px;
    }
    .home-71-card-content p {
      font-size: 13px;
      margin: 0;
      line-height: 1.4;
    }

    /* Image inside card */
    .home-71-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Overlay text for image cards */
    .home-71-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      background: linear-gradient(to top, rgba(0,0,0,0.55), transparent);
      color: #fff;
    }
    .home-71-overlay h4 {
      margin: 0 0 6px;
      font-weight: 600;
    }
    .home-71-overlay p {
      margin: 0;
      font-size: 13px;
    }

    /* Responsive */
    @media(max-width: 767px) {
      .home-71-card-grid {
        grid-template-columns: 1fr;
      }
    }

    /* home-72 */

    .home-72-section {
  background-color: #ffffff;
  padding: 60px 0;
}

.home-72-tab-section {
  max-width: 1200px;
  margin: auto;
}

.home-72-tab-section .nav-tabs {
  background: transparent;
  border-radius: 20px 20px 0 0;
  border-bottom: none;
}

.home-72-tab-section .nav-tabs > li > a {
  color: #000;
  font-weight: bold;
  padding: 10px 20px;
  background: #eeeeee78;
  border-radius: 20px 20px 0 0;
}

.home-72-tab-section .nav-tabs > li.active > a,
.home-72-tab-section .nav-tabs > li.active > a:focus,
.home-72-tab-section .nav-tabs > li.active > a:hover {
  background-color: #f2f2f2;
  color: #000;
  border-bottom: 2px solid #951e60 !important;
  border-radius: 20px 20px 0 0;
}

.home-72-tab-section .tab-pane {
  border: 1px solid #eee;
  border-radius: 0 10px 10px 10px;
  background: #f2f2f247;
  padding: 30px 40px;
    height: 300px; /* Fixed height */
  overflow-y: auto; /* Scroll when content exceeds */
  padding-right: 10px;
    scroll-behavior: smooth;

}
.home-72-tab-section .tab-pane::-webkit-scrollbar {
  width: 6px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.home-72-tab-section .tab-pane::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Firefox scrollbar */
.home-72-tab-section .tab-pane {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.home-72-project-card {
  background: #fff;
  padding: 20px 25px;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px;
}

.home-72-project-card h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}

.home-72-project-card ul {
  padding-left: 20px;
}

.home-72-project-card ul li {
  margin-bottom: 15px;
  text-align: justify;
}

@media (max-width: 768px) {
  .home-72-project-card {
    padding: 15px;
  }
}


/* services-24 */

 .services-24 {
      padding: 80px 0;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      background: #fff;
    }

    .services-24 h5 {
      font-style: italic;
      color: #b19987;
      margin-bottom: 10px;
      font-family: 'Playfair Display', serif;
    }

    .services-24 h2 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 20px;
      font-family: 'Playfair Display', serif;
    }

    .services-24 p.lead {
      max-width: 700px;
      margin: 0 auto 50px;
      color: #777;
      font-size: 15px;
      line-height: 1.8;
    }

    /* Menu Items */
    .services-24 .menu-item {
      margin-bottom: 40px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 0.8s ease forwards;
    }

    /* Animate each item with staggered delay */
    .services-24 .menu-item:nth-child(1) { animation-delay: 0.2s; }
    .services-24 .menu-item:nth-child(2) { animation-delay: 0.4s; }
    .services-24 .menu-item:nth-child(3) { animation-delay: 0.6s; }
    .services-24 .menu-item:nth-child(4) { animation-delay: 0.8s; }
    .services-24 .menu-item:nth-child(5) { animation-delay: 1.0s; }
    .services-24 .menu-item:nth-child(6) { animation-delay: 1.2s; }
    .services-24 .menu-item:nth-child(7) { animation-delay: 1.4s; }
    .services-24 .menu-item:nth-child(8) { animation-delay: 1.6s; }

    @keyframes fadeInUp {
      0% { opacity: 0; transform: translateY(30px); }
      100% { opacity: 1; transform: translateY(0); }
    }

    .services-24 .menu-title {
font-weight: 600;
  letter-spacing: 1px;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
  position: relative;
  text-align: left;
    }

    .services-24 .menu-title:after {
      content: "";
      display: block;
      border-bottom: 1px solid #ccc;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      z-index: -1;
    }

    .services-24 .menu-title span {
      background: #fff;
      padding: 0 10px;
    }

    .services-24 .menu-price {
      float: right;
      font-weight: bold;
      color: #b19987;
      font-size: 14px;
    }

    .services-24 .menu-desc {
      font-size: 13px;
      color: #777;
      margin-top: 5px;
    }

    /* Hover Animation */
    .services-24 .menu-item:hover {
      transform: scale(1.03);
      transition: all 0.3s ease-in-out;
    }

    /* Responsive */
    @media (max-width: 767px) {
      .services-24 .menu-price {
        float: none;
        display: block;
        margin-top: 5px;
      }
    }


    /* About-44 */
.about-44 {
  font-family: 'Inter', sans-serif;
  color: #333;
  padding: 60px 0;
}

.about-44 .section-title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #555;
  margin-bottom: 10px;
}

.about-44 h2 {
  font-weight: 900;
  font-size: 38px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.about-44 .lead {
  font-size: 15px;
  color: #666;
  margin-bottom: 40px;
}

.about-44 .author {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.about-44 .author img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
}

.about-44 .author h4 {
  margin: 0;
  font-weight: 700;
}

.about-44 .author span {
  font-size: 13px;
  color: #999;
}

.about-44 .quote-col {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}

.about-44 p {
  font-size: 16px;
  color: #666;
  line-height: 1.7;
}

.about-44 .quote-col:first-letter {
  font-size: 40px;
  font-weight: 900;
  float: left;
  margin-right: 6px;
  line-height: 1;
  color: #000;
}

/* Animations */
.anim-slide-right {
  animation: slideRight 1s ease forwards;
}

.anim-slide-left {
  animation: slideLeft 1s ease forwards;
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .about-44 h2 {
    font-size: 28px;
  }

  .about-44 .author {
    margin-top: 20px;
  }

  .about-44 .quote-col {
    margin-top: 20px;
  }

  .about-44 .col-sm-6 {
    margin-bottom: 20px;
  }
}


    /* home-73 */
     .home-73 {
      padding: 40px 0;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    /* Card Styles */
    .home-73 .card {
      position: relative;
      overflow: hidden;
      margin-bottom: 30px;
      height: 350px;
      background-size: cover;
      background-position: center;
      border-radius: 6px;
      color: #fff;
    }

    /* Overlay */
    .home-73 .overlay {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: rgba(0, 83, 255, 0.8);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 20px;
      transition: all 0.5s ease;
    }

    .home-73 .card:hover .overlay {
      left: 0;
    }

    /* Overlay Text */
    .home-73 .overlay h3 {
      font-size: 22px;
      font-weight: 600;
      margin: 0;
    }

    .home-73 .overlay p {
      margin-top: 10px;
      font-size: 14px;
    }

    /* Default Text */
    .home-73 .card .default-text {
      position: absolute;
      bottom: 20px;
      left: 20px;
      font-size: 20px;
      font-weight: bold;
      z-index: 2;
    }

    /* Responsive Fix */
    @media (max-width: 767px) {
      .home-73 .card {
        height: 250px;
      }
      .home-73 .overlay h3 {
        font-size: 18px;
      }
      .home-73 .overlay p {
        font-size: 12px;
      }
    }

    /* contact-17 */


    .contact-17 {
    padding: 80px 0;
    font-family: 'Arial', sans-serif;
    background-color: #f9f9f9;
    color: #333;
}

.contact-17-title {
    text-transform: uppercase;
    font-size: 14px;
    color: #007bff;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.contact-17-heading {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact-17-lead {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #555;
}

.contact-17-details {
    list-style: none;
    padding: 0;
    font-size: 14px;
    color: #555;
}

.contact-17-details li {
    margin-bottom: 10px;
}

/* Form */
.contact-17-form .form-control.contact-17-input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 12px 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

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

.contact-17-btn:hover {
    background-color: #0056b3;
}

/* Animations */
.anim-slide-right {
    animation: slideRight 1s ease;
}

.anim-slide-left {
    animation: slideLeft 1s ease;
}

@keyframes slideRight {
    from {opacity:0; transform: translateX(-50px);}
    to {opacity:1; transform: translateX(0);}
}

@keyframes slideLeft {
    from {opacity:0; transform: translateX(50px);}
    to {opacity:1; transform: translateX(0);}
}

/* Responsive */
@media (max-width: 768px) {
    .contact-17-row {
        display: block;
    }
    .contact-17-info,
    .contact-17-form {
        margin-bottom: 30px;
    }
    .contact-17-heading {
        font-size: 28px;
    }
}


/* blog-15 */
.blog-15 {
    padding: 60px 0;
    background-color: #f9f9f9;
    font-family: 'Arial', sans-serif;
}

.blog-15-item {
    margin-bottom: 30px;
}

.blog-15-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

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

.blog-15-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.blog-15-content {
    padding: 20px;
}

.blog-15-title {
    font-size: 20px;
    color: #003366;
    margin-bottom: 10px;
}

.blog-15-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.6;
}

.blog-15-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-15-author {
    font-size: 13px;
    color: #888;
}

.blog-15-readmore {
    font-size: 13px;
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-15-readmore:hover {
    color: #0056b3;
}

@media (max-width: 767px) {
    .blog-15-image img {
        height: 180px;
    }
}


/* About-45 */

.about-45 {
  padding: 80px 0;
  background-color: #f7f7f7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.about-45-subtitle {
  color: #b6a47a;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.about-45-heading {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  margin-bottom: 40px;
}

.about-45-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}

.about-45-img {
  width: 100%;
  height: auto;
}

.about-45-card-content {
  background: #fff;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  border-top: 1px solid #eee;
}

.about-45-icon {
  font-size: 24px;
  color: #b6a47a;
  margin-top: 4px;
}

.about-45-card-text h4 {
  font-weight: 600;
  color: #111;
  margin-bottom: 5px;
}

.about-45-card-text p {
  font-size: 14px;
  color: #555;
  margin: 0;
  line-height: 1.6;
}

.about-45-right {
  margin-top: 40px;
}

@media (min-width: 992px) {
  .about-45-right {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.about-45-right-img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}

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

.about-45-btn {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
  align-self: flex-start;
}

.about-45-btn:hover {
  background-color: #b6a47a;
  color: #fff;
}

@media (max-width: 767px) {
  .about-45 {
    padding: 50px 15px;
  }

  .about-45-heading {
    font-size: 26px;
  }

  .about-45-card-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .about-45-right-img {
    margin-top: 30px;
  }
}

/* home-75 */



    .home-74 {
    position: relative;
    padding: 100px 0;
    background: #f5f5f5;
    overflow: hidden;
    font-family: 'Arial', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: 400px; /* Adjust height as needed */
    }

    /* ---- Marquee Tabs ---- */
    .marquee-tabs {
        width: 100%;
        overflow: hidden;
        border-bottom: 2px solid #ccc;
        margin-bottom: 60px;
    }

    .marquee-inner {
        display: flex;
        width: max-content;
        animation: marquee 15s linear infinite;
    }

    .marquee-inner span {
padding: 6px 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
  border: 1px solid #555;
  margin: 25px;
  border-radius: 20px;
  font-size: 20px;
    }

    /* Marquee Animation */
    @keyframes marquee {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

/* ---- Big Text ---- */
.home-74 .big-text {
    font-size: 90px;
    font-weight: 900;
    text-transform: uppercase;
    color: #222;
    position: relative;
    z-index: 2;
    cursor: pointer;
    left: -19%;
    transition: all 0.4s ease;}


/* New Hover Effect */
.home-74 .big-text:hover {
    transform: scale(1.3);
background: linear-gradient(45deg, #5108bb, #9f0606);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
}

    /* ---- Blended Letter Background ---- */
.home-74 .blended-bg {
position: absolute;
  font-size: 250px;
  font-weight: 900;
  color: rgba(200, 200, 200, 0.2);
  z-index: 1;
  top: 61%;
  left: 15%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}



    /* ---- Responsive ---- */
    @media (max-width: 768px) {
        .home-74 .big-text {
            font-size: 40px;
        }
    .home-74 .blended-bg {
        font-size: 150px;
    }
        .home-74 .blended-bg {
            font-size: 150px;
            top: 20%;
            left: 5%;
        }

        .marquee-inner span {
            padding: 0 20px;
            font-size: 14px;
        }
    }
/* service-24 */
.section-wrapper.services-24 {
  background: #f5f5f5;
  font-family: "Poppins", sans-serif;
  color: #222;
  padding: 100px 0;
  overflow-x: hidden;
}

.services-24-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 12px;
  margin: 30px auto;
  max-width: 1100px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.services-24-card-content {
  width: 50%;
  padding: 40px;
}
.services-24-card h3 {font-size: 26px;font-weight: 600;margin-bottom: 10px;}
.services-24-card p {color:#666;font-size:15px;line-height:1.6;margin-bottom:20px;}
.services-24-info {display:flex;gap:15px;color:#777;font-size:14px;}
.services-24-info i {margin-right:4px;}
.services-24-card img {width:50%;height:100%;object-fit:cover;}

/* Sticky wrapper setup */
.services-24-sticky-wrapper {position: relative;height: 400vh;}
.services-24-sticky-inner.is-sticky {position: sticky;top: 20vh;height: 60vh;display: block;}

/* Cards when sticky */
.services-24-sticky-inner.is-sticky .services-24-card {
  position: absolute;
  top: 0;
  left: 50%;
  width: 90%;
  margin: 0;
  transform: translateX(-50%) translateY(20px) scale(0.98);
  opacity: 0.45;
  transition: all 0.5s ease;
}
.services-24-sticky-inner.is-sticky .services-24-card.active {
  transform: translateX(-50%) translateY(0) scale(1);
  opacity: 1;
  z-index: 10;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* Responsive */
@media (max-width:767px){
  .services-24-card {flex-direction:column;width:95%;margin:16px auto;}
  .services-24-card-content,.services-24-card img {width:100%;}
  .services-24-card-content {padding:20px;}
  .services-24-sticky-wrapper {height:auto;}
  .services-24-sticky-inner.is-sticky .services-24-card {
    position: relative;opacity:1;transform:none;width:100%;
  }
}

/* About-46 */

/* Fonts */
@font-face {
	font-family: 'Inter';
	src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTcviYwY.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Inter-Bold';
	src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTcviYwY.ttf') format('truetype');
	font-weight: 700;
}

/* Section */
.about-46 {
	background-color: #224f43;
	color: #ffffff;
	padding: 80px 0;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	font-family: 'Inter', sans-serif;
}

/* Header */
.about-46-pill {
	background: transparent;
	border: 1px solid #b9d18a;
	color: #b9d18a;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 50px;
	padding: 6px 18px;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

.about-46-title {
	font-size: 32px;
	line-height: 1.3;
	color: #ffffff;
	margin-bottom: 15px;
	font-weight: 600;
}

.about-46-line {
	width: 80px;
	height: 2px;
	background-color: #b9d18a;
	margin-top: 10px;
	margin-bottom: 40px;
}

/* Cards */
.about-46-cards {
	margin-top: 20px;
}

.about-46-card {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 30px 25px;
	min-height: 230px;
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.about-46-card:hover {
	background: rgba(255, 255, 255, 0.08);
	transform: translateY(-5px);
}

.about-46-icon {
	font-size: 26px;
	color: #b9d18a;
	margin-bottom: 15px;
	display: inline-block;
}

.about-46-card-title {
	font-family: 'Inter-Bold', sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
	color: #ffffff;
}

.about-46-card-text {
	font-size: 13px;
	color: #cdd5d2;
	line-height: 1.6;
}

/* Responsive */
@media (max-width: 767px) {
	.about-46-title {
		font-size: 24px;
	}

	.about-46-card {
		margin-bottom: 20px;
	}
}

/* services-25 */

.services-25 * {
	font-family: 'Open Sans', sans-serif;
}

.services-25 h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

.services-25-stats {
	margin: 40px 0 60px;
}

.services-25-stats h3 {
	font-size: 2rem;
	margin-bottom: 5px;
	color: #000;
}

.services-25-highlight {
	color: #6abf4b;
	font-weight: 700;
  font-size: 52px;
}


.services-25-stats p {
	font-size: 0.95rem;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Hero Section */
.services-25-hero {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 40px;
}

.services-25-hero-overlay {
	background: rgba(0, 0, 0, 0.4);
	padding: 80px 0;
}

.services-25-hero-content {
	color: #fff;
	max-width: 600px;
}

.services-25-icon {
	background: rgba(255, 255, 255, 0.15);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.services-25-icon i {
	font-size: 20px;
	color: #fff;
}

.services-25-hero-content h2 {
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 30px;
}

.services-25-btn {
	display: inline-block;
	background: #a6d64a;
	color: #000;
	font-weight: 600;
	border-radius: 50px;
	padding: 10px 25px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.services-25-btn i {
	margin-left: 5px;
	vertical-align: middle;
}

.services-25-btn:hover {
	background: #8bc739;
	color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
	.services-25-hero-overlay {
		padding: 50px 20px;
	}

	.services-25-stats h3 {
		font-size: 1.5rem;
	}

	.services-25-hero-content h2 {
		font-size: 1.4rem;
	}
}

/* news-7 */
.news-7 {
	background-color: #f9f9f5;
	padding: 80px 0;
}

.news-7-header {
	text-align: center;
	margin-bottom: 60px;
}

.news-7-pill {
	display: inline-block;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #3f5747;
	background: #e7ebe5;
	border: none;
	padding: 6px 16px;
	border-radius: 40px;
	font-weight: 500;
	margin-bottom: 15px;
}

.news-7-title {
	font-size: 36px;
	color: #254336;
	font-weight: 600;
	margin-bottom: 15px;
}

.news-7-desc {
	font-size: 15px;
	color: #555;
	max-width: 550px;
	margin: 0 auto;
}

.news-7-card {
	background: #f6f6f2;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	height: 100%;
}

.news-7-card:hover {
	transform: translateY(-5px);
}

.news-7-card-img {
	background-size: cover;
	background-position: center;
	height: 240px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}

.news-7-card-content {
	padding: 25px;
	position: relative;
}

.news-7-category {
	font-size: 10px;
	text-transform: uppercase;
	color: #4a6756;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.news-7-card-title {
	font-size: 18px;
	font-weight: 600;
	color: #254336;
	margin-bottom: 25px;
	line-height: 1.4;
}

.news-7-card-btn {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: none;
	background: #f2f2ef;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 25px;
	bottom: 20px;
	transition: 0.3s;
}

.news-7-card-btn i {
	color: #254336;
	font-size: 16px;
}

.news-7-card-btn:hover {
	background: #d6e4da;
}

.news-7-more-btn {
	display: inline-block;
	margin-top: 50px;
	background: #b9e63d;
	color: #1b1b1b;
	font-weight: 600;
	border-radius: 40px;
	padding: 10px 26px;
	border: none;
	transition: all 0.3s;
}

.news-7-more-btn:hover {
	background: #a3ce34;
}

@media (max-width: 767px) {
	.news-7-title {
		font-size: 28px;
	}

	.news-7-card {
		margin-bottom: 25px;
	}
}

/* contact-18 */

.contact-18 * {
	font-family: 'Inter', sans-serif;
}

.contact-18-wrapper {
	background: #f8f8f5;
	border-radius: 12px;
	overflow: hidden;
}

.contact-18-form-box {
	padding: 60px 50px;
	background: #f8f8f5;
}

.contact-18-top-btn {
	border: none;
	background: #e7e9e1;
	color: #1b3326;
	font-size: 11px;
	letter-spacing: 1px;
	border-radius: 20px;
	padding: 6px 15px;
	font-weight: 600;
}

.contact-18-title {
	font-size: 34px;
	font-weight: 600;
	color: #1b3326;
	margin: 25px 0 10px;
}

.contact-18-desc {
	font-size: 15px;
	color: #5d655f;
	margin-bottom: 30px;
}

.contact-18-input,
.contact-18-textarea {
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ddd;
	box-shadow: none;
  border-radius: 20px;
}

.contact-18-input:focus,
.contact-18-textarea:focus {
	border-color: #a4b795;
	box-shadow: none;
}

.contact-18-btn {
	background: #b7e000;
	color: #1b3326;
	font-weight: 600;
	border-radius: 25px;
	padding: 10px 25px;
	border: none;
}

.contact-18-image-side {
	position: relative;
	min-height: 500px;
}

.contact-18-call-box {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #f8f8f5;
	border-radius: 25px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	max-width: 420px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.contact-18-call-box p {
	margin: 0;
	font-size: 14px;
	color: #1b3326;
}

.contact-18-call-box a {
	color: #1b3326;
	font-weight: 600;
	text-decoration: underline;
}

.contact-18-icon {
	color: #80c300;
	font-size: 22px;
	margin-right: 10px;
}

.contact-18-subscribe {
	background: #1b3326;
	padding: 40px 0;
	position: relative;
	margin-top: -50px;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
}

.contact-18-subtext {
	color: #fff;
	margin-bottom: 15px;
	font-size: 15px;
}

.contact-18-subform {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
}

.contact-18-email {
	border: none;
	padding: 10px 20px;
	width: 250px;
	outline: none;
}

.contact-18-arrow {
	background: #b7e000;
	border: none;
	color: #1b3326;
	padding: 10px 18px;
	border-radius: 50%;
	font-size: 18px;
}

@media (max-width: 767px) {
	.contact-18-form-box {
		padding: 30px 20px;
	}

	.contact-18-image-side {
		min-height: 300px;
	}

	.contact-18-call-box {
		position: relative;
		margin: 15px;
	}
}