body {
  font-family: 'Poppins', sans-serif;
  background-color: #f8f9fa;
}


a{
  text-decoration: none;
}





/* Hero Video Section */
#hero-video-section {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  overflow: hidden;
  padding: 0;
  background-color: #000;
}

/* Video Container */
.video-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Video Styling */
#heroVideo {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the video fills the frame */
  display: block;
  max-height: none;
  border-radius: 0;
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.62) 50%, rgba(0, 0, 0, 0.35) 100%);
  z-index: 1;
}

.hero-video-content {
  position: relative;
  z-index: 2;
  min-height: 100%;
  display: flex;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 40px;
}

.hero-video-copy {
  max-width: 820px;
}

.hero-video-copy h1 {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(2rem, 5vw, 4.25rem);
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.hero-video-copy h1 .hero-gradient-text {
  background: linear-gradient(90deg, #ff6a2a 0%, #ef4663 100%);
  background-size: 100% 100%;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.hero-video-copy p {
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(1rem, 2vw, 1.3rem);
  line-height: 1.7;
  max-width: 760px;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
  #heroVideo {
    height: 100%;
  }
}

@media (max-width: 768px) {
  #heroVideo {
    height: 100%;
  }

  .hero-video-content {
    padding-top: 120px;
    padding-bottom: 28px;
  }
}

@media (max-width: 576px) {
  #heroVideo {
    height: 100%;
  }
}








/* Grid Layout */
.grid-layout {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 2rem;
}

/* Card Styling */
.card {
  background-color: #1a1c40;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  color: #1e90ff;
}

.card p {
  flex-grow: 1;
  margin-bottom: 1rem;
  color: #cfd8ff;
}

.card .cta {
  font-weight: bold;
  color: #1e90ff;
  text-decoration: none;
  transition: color 0.3s;
}

.card .cta:hover {
  color: #63b8ff;
}




/* General styles */
body {
  background-color: #000;
  color: #fff;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

/* Landing Header Section */
.landing-header {
  background: white
}

.subtitle {
  font-size: 1.5rem;
  letter-spacing: 1.5px;
  margin-top:30px;
  color: #1c1a1a;
}

.subtitle-1{
  margin-top: 10px;
  color: #000;
}

.landing-header h1 {
  margin-top: 10px;
  font-size: 2.5rem;
}

.landing-header .lead {
  margin-top: 20px;
  color: #d1d1d1;
}

/* Services Section */
.services-section {
  background-color: #ffffff;
}

body.dark-mode .landing-header,
body.dark-mode .services-section,
body.dark-mode .bg-white,
body.dark-mode .py-5.bg-white,
body.dark-mode section.bg-white {
  background: #000 !important;
}

body.dark-mode .text-black {
  color: #fff !important;
}

body.dark-mode .sub-text {
  color: #c8c8c8 !important;
}



/* Card Container */
.accenture-card {
  position: relative;
  width: 100%;
  height: 400px; /* Card height */
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #010101; /* Ensure white background for hover text */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);/* Subtle shadow for depth */
}

.expand-button {
  background: linear-gradient(45deg, #ff6a5b, #f26a4b); /* Bootstrap Primary Button Color */
  color: #0f0b0b; /* White text */
  border: none; /* Removed button border */
  font-size: 0.875rem; /* Small, readable font size */
  font-weight: bold; /* Bold text for emphasis */
  padding: 0.5rem 1rem; /* Padding for a balanced look */
  border-radius: 5px; /* Rounded corners */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth hover and click effects */
}
.expand-button:hover {
  background-color: #f18c18; /* Slightly darker blue for hover */
  transform: translateY(-3px); /* Button moves up slightly for feedback */
}

.expand-button:active {
  background-color: #004085; /* Even darker blue for the active state */
  transform: translateY(1px); /* Moves down slightly to mimic a press */
}


.accenture-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Card Image */
.accenture-card .card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: none; /* Clear image initially */
  transition: filter 0.5s ease; /* Smooth blur effect */
  z-index: 1;
}

.accenture-card:hover .card-image {
  filter: blur(80px); /* Apply blur effect only on hover */
}

/* Card Content */
.accenture-card .card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  height: 100%;
  box-sizing: border-box;
 /* Transparent to white gradient */
}

/* Initial Text (Always Visible) */
.accenture-card .initial-text {
  margin-bottom: auto;
}

.accenture-card .card-subtitle {
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 10px;
}

.accenture-card .card-title {
  font-size: 1.75rem;
  font-weight: bold;
  color: #ffffff;
}

/* Hover Content (Visible on Hover) */
.accenture-card .hover-content {
  display: none; /* Hidden initially */
}

.accenture-card:hover .hover-content {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  box-sizing: border-box;
}

.accenture-card .hover-content .card-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

.accenture-card .hover-content .card-description {
  font-size:20px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 100px;
}

/* Expand Link */
.accenture-card .hover-content .expand-link {
  font-size: 1.0rem;
  font-weight: bold;
  color: #e88929;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.accenture-card .hover-content .expand-link span {
  font-size: 1.2rem;
  margin-left: 5px;
  transition: margin-left 0.3s ease;
}

.accenture-card .hover-content .expand-link:hover span {
  margin-left: 10px;
}








/* General Section Styling */
#landing-info-section {
  background-color: #1f1e1e; /* Black background for section */
  color: #ae35be; /* Default text color */
  padding: 60px 15px; /* Adjust padding for consistent layout */
}

/* Image Styling */
.landing-info-image-wrapper {
  text-align: center;
}

.landing-info-main-image {
  max-width: 100%;
  border-radius: 50%;
  border: 5px solid transparent;
  background: linear-gradient(45deg, #ff6a5b, #f26a4b);
  padding: 5px;
}

/* Content Styling */
.landing-info-content-wrapper {
  max-width: 600px;
  margin: 0 auto;
}

.landing-info-subtitle {
  font-size: 1rem;
  letter-spacing: 1px;

}

.landing-info-title {
  font-size: 2rem;
  line-height: 1.5;
}

.landing-info-description {
  font-size: 18px;
  line-height: 1.8;
  color: #d1d1d1; /* Muted text for description */
}






/* Partner Logo Scroller */
.logos-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 10px 0;
  mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.logos-scroller {
  position: relative;
  display: block;
  width: 100%;
  min-height: 56px;
}

.logos-track {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
  display: flex;
  align-items: center;
  gap: 56px;
  padding-right: 56px;
  width: max-content;
  will-change: transform;
}

.logos-track--a {
  animation: logos-enter-right-a 24s linear infinite;
}

.logos-track--b {
  animation: logos-enter-right-b 24s linear infinite;
}

.partner-logo {
  max-width: 150px;
  height: auto;
  opacity: 0.9;
  filter: brightness(0) invert(1) grayscale(1) contrast(1.08);
  transition: opacity 0.3s ease, filter 0.3s ease;
}

.partner-logo:hover {
  opacity: 1;
  filter: brightness(0) invert(1) grayscale(1) contrast(1.12) drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
}

@keyframes logos-enter-right-a {
  from {
    transform: translate3d(0, -50%, 0);
  }
  to {
    transform: translate3d(-100%, -50%, 0);
  }
}

@keyframes logos-enter-right-b {
  from {
    transform: translate3d(100%, -50%, 0);
  }
  to {
    transform: translate3d(0, -50%, 0);
  }
}

@media (max-width: 991px) {
  .logos-container {
    mask-image: none;
    -webkit-mask-image: none;
  }

  .logos-scroller {
    min-height: 50px;
  }

  .logos-track {
    gap: 34px;
    padding-right: 34px;
  }

  .logos-track--a,
  .logos-track--b {
    animation-duration: 18s;
  }

  .partner-logo {
    max-width: 120px;
  }
}
.section-description {
  color: #ffffff; /* Default white text */
  font-size: 30px;
}

/* Include-based logo rail */
.logo-rail {
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 140px;
  margin-bottom: 30px;
  padding: 16px 0;
}

/* Prevent logo section collapse when dynamic content is delayed/missing */
#logo-animation {
  min-height: 200px;
  position: relative;
}

.logo-burst {
  position: absolute;
  inset: 0;
  min-height: 140px;
}

.logo-burst__slot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 700ms ease, opacity 700ms ease;
  transition-delay: 0ms;
  opacity: 1;
}

.logo-burst__slot--1 { right: calc(50% + 24px); }
.logo-burst__slot--2 { right: calc(50% + 220px); }
.logo-burst__slot--3 { right: calc(50% + 416px); }
.logo-burst__slot--4 { left: calc(50% + 24px); }
.logo-burst__slot--5 { left: calc(50% + 220px); }
.logo-burst__slot--6 { left: calc(50% + 416px); }

.logo-burst__slot img {
  width: 170px;
  height: auto;
  display: block;
}

.logo-burst__img {
  width: 170px;
  height: auto;
}

.logo-burst__img--overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.logo-rail--dark .logo-burst__slot img {
  filter: brightness(0) invert(1) grayscale(1) contrast(1.08);
  opacity: 0.9;
}

.logo-rail--dark .logo-burst__slot--cloudmon .logo-burst__img--primary {
  filter: none;
  opacity: 1;
}

.logo-rail--dark .logo-burst__slot--cloudmon .logo-burst__img--overlay {
  display: none;
}

.logo-rail__link:hover img,
.logo-burst__slot img:hover {
  opacity: 1;
}

.logo-burst.is-exit .logo-burst__slot--1,
.logo-burst.is-exit .logo-burst__slot--3 {
  transform: translate(-150px, -50%);
  opacity: 0;
}

/* Keep the final (near-line) left logo exiting to the left explicitly */
.logo-burst.is-exit .logo-burst__slot--1 {
  transform: translate(-150px, -50%);
}

.logo-burst.is-exit .logo-burst__slot--2 {
  transform: translate(0, -130%);
  opacity: 0;
}

.logo-burst.is-exit .logo-burst__slot--2 {
  transition-delay: 760ms;
}

.logo-burst.is-exit .logo-burst__slot--3 {
  transition-delay: 0ms;
}

.logo-burst.is-exit .logo-burst__slot--1 {
  transition-delay: 1520ms;
}

.logo-burst.is-exit .logo-burst__slot--4 {
  transform: translate(0, 30%);
  opacity: 0;
}

.logo-burst.is-exit .logo-burst__slot--5 {
  transform: translate(150px, -50%);
  opacity: 0;
}

.logo-burst.is-exit .logo-burst__slot--6 {
  transform: translate(0, 30%);
  opacity: 0;
}

.logo-burst.is-exit .logo-burst__slot--4 {
  transition-delay: 860ms;
}

.logo-burst.is-exit .logo-burst__slot--5 {
  transition-delay: 980ms;
}

.logo-burst.is-exit .logo-burst__slot--6 {
  transition-delay: 1100ms;
}

/* Deterministic enter animations */
.logo-burst.is-enter .logo-burst__slot--1 {
  animation: logo-enter-top 700ms ease 0ms both;
}

.logo-burst.is-enter .logo-burst__slot--2 {
  animation: logo-enter-left 700ms ease 240ms both;
}

.logo-burst.is-enter .logo-burst__slot--3 {
  animation: logo-enter-top 700ms ease 480ms both;
}

.logo-burst.is-enter .logo-burst__slot--4 {
  animation: logo-enter-right 700ms ease 860ms both;
}

.logo-burst.is-enter .logo-burst__slot--5 {
  animation: logo-enter-bottom 700ms ease 980ms both;
}

.logo-burst.is-enter .logo-burst__slot--6 {
  animation: logo-enter-right 700ms ease 1100ms both;
}

@keyframes logo-enter-top {
  from {
    opacity: 0;
    transform: translate(0, -130%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes logo-enter-left {
  from {
    opacity: 0;
    transform: translate(-150px, -50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes logo-enter-right {
  from {
    opacity: 0;
    transform: translate(150px, -50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes logo-enter-bottom {
  from {
    opacity: 0;
    transform: translate(0, 30%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {
  .logo-burst {
    min-height: 110px;
  }

  .logo-burst__slot--1 { right: calc(50% + 12px); }
  .logo-burst__slot--2 { right: calc(50% + 150px); }
  .logo-burst__slot--3 { right: calc(50% + 288px); }
  .logo-burst__slot--4 { left: calc(50% + 12px); }
  .logo-burst__slot--5 { left: calc(50% + 150px); }
  .logo-burst__slot--6 { left: calc(50% + 288px); }

  .logo-burst__slot img { width: 120px; }

  .logo-burst.is-exit .logo-burst__slot--1,
  .logo-burst.is-exit .logo-burst__slot--3 {
    transform: translate(-90px, -50%);
  }

  .logo-burst.is-exit .logo-burst__slot--2 {
    transform: translate(0, -120%);
  }

  .logo-burst.is-exit .logo-burst__slot--4 {
    transform: translate(0, 30%);
  }

  .logo-burst.is-exit .logo-burst__slot--5 {
    transform: translate(90px, -50%);
  }

  .logo-burst.is-exit .logo-burst__slot--6 {
    transform: translate(0, 30%);
  }

  @keyframes logo-enter-left {
    from {
      opacity: 0;
      transform: translate(-90px, -50%);
    }
    to {
      opacity: 1;
      transform: translateY(-50%);
    }
  }

  @keyframes logo-enter-right {
    from {
      opacity: 0;
      transform: translate(90px, -50%);
    }
    to {
      opacity: 1;
      transform: translateY(-50%);
    }
  }
}

@media (max-width: 820px) {
  .logo-rail {
    min-height: 120px;
  }

  .logo-burst {
    min-height: 100px;
  }

  .logo-burst__slot--1 { right: calc(50% + 8px); }
  .logo-burst__slot--2 { right: calc(50% + 114px); }
  .logo-burst__slot--3 { right: calc(50% + 220px); }
  .logo-burst__slot--4 { left: calc(50% + 8px); }
  .logo-burst__slot--5 { left: calc(50% + 114px); }
  .logo-burst__slot--6 { left: calc(50% + 220px); }

  .logo-burst__slot img,
  .logo-burst__img {
    width: 96px;
  }
}

@media (max-width: 576px) {
  .logo-rail {
    min-height: 104px;
  }

  .logo-burst {
    min-height: 88px;
  }

  /* Keep logos within viewport on narrow phones */
  .logo-burst__slot--3,
  .logo-burst__slot--6 {
    display: none;
  }

  .logo-burst__slot--1 { right: calc(50% + 6px); }
  .logo-burst__slot--2 { right: calc(50% + 92px); }
  .logo-burst__slot--4 { left: calc(50% + 6px); }
  .logo-burst__slot--5 { left: calc(50% + 92px); }

  .logo-burst__slot img,
  .logo-burst__img {
    width: 78px;
  }
}

.section-description .text-greyscale {
  color: #6a6868d9; /* Greyscale color for "invisible" */
}



/* For Services Card Animation*/






/* Unique Security Services Section */
#unique-security-services {
  background-color: #000000; /* Dark background */
  padding: 60px 0;
}

.unique-section-subtitle {
  font-size: 1rem;
  letter-spacing: 1.5px;
  color: #e9e3d1; /* Highlight subtitle in yellow */
}

.unique-section-title {
  font-size: 2.5rem;
  margin-top: 10px;
  font-weight: bold;
}

.unique-section-description {
  font-size: 1.1rem;
  color: #d1d1d1; /* Muted text color */
  margin-top: 15px;
}

.unique-service-card {
  background-color: #1a1c40; /* Dark card background */
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); /* Subtle shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.unique-service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.8);
}

.unique-service-card .card-img-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 200px;
  object-fit: cover;
}

.unique-service-card .card-body {
  padding: 20px;
}

.unique-service-card .card-title {
  font-size: 1.25rem;
  color: #fff;
}

.btn-link {
  background: linear-gradient(45deg, #ff6a5b, #f26a4b) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: none !important; /* Optional: Remove underline */
  font-weight: bold !important; /* Optional: Enhance text appearance */
  transition: all 0.3s ease-in-out !important; /* Optional: Add smooth hover effect */
}

/* Hover Effect (Optional) */
.btn-link:hover {
  opacity: 0.8 !important;
  text-decoration: underline !important; /* Optional: Add underline on hover */
}


.unique-service-card .card-text {
  font-size: 0.95rem;
  color: #cfcfcf;
  margin-bottom: 15px;
}

.unique-service-card a {
  color:hsla(23, 94%, 58%, 0.733); /* Yellow links */
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
}

.unique-service-card a:hover {
  color: #f27d1e; /* Lighter yellow on hover */
}

/* CSS for Solutions */
#why-choose-us-video {
    padding: 60px 15px;
    background-color: #000; /* Black background */
    color: #fff;
}

.why-choose-subtitle {
    font-size: 1rem;
    letter-spacing: 1.5px;
}

.why-choose-title {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: bold;
}

.why-choose-description {
    font-size: 1rem;
    color: #d1d1d1;
    line-height: 1.8;
}

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

.why-choose-list li {
    font-size: 1rem;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.why-choose-list li a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.why-choose-list li a:hover {
    color: #ffc107; /* Highlight on hover */
    text-decoration: underline;
}

.why-choose-list li::before {
    content: "\f058"; /* Font Awesome check-circle icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc107; /* Yellow color */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
}

.video-wrapper {
    position: relative;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
}

.why-choose-video {
    width: 100%;
    border-radius: 10px;
    outline: none;
}


/* Section Styling */
#why-choose-us {
  padding: 60px 15px;
  background-color: #000; /* Black background */
  color: #fff; /* White text */
}

#why-choose-us h2 {
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: bold;
}

#why-choose-us p {
  font-size: 1rem;
  color: #d1d1d1; /* Light gray for the description text */
  line-height: 1.8;
}

#why-choose-us ul {
  padding-left: 0;
}

#why-choose-us ul li {
  font-size: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

#why-choose-us ul li .icon {
  font-size: 1.5rem;
  color: #ffc107; /* Yellow bullet points */
}









/* Image Styling */
#why-choose-us img {
  max-width: 100%;
  border-radius: 15px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6); /* Subtle shadow around the image */
}
.solution{
  background-color: #1a1818;
  border-radius: 30px;
  padding: 10px;
}

/* Count Section.*/
#stats-section {
  background-color: #000000; /* Black background */
  color: #ffffff; /* White text */
}

.stat-item h3 {
  font-size: 2.5rem; /* Count-up font size */
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #ffc107; /* Yellow count-up text */
}

.stat-item p {
  font-size: 1rem;
  color: #d1d1d1; /* Muted text for descriptions */
}













/* FOR CAROSAL CARD */
.sub-text {
  color: #7d7b81;
}

.carousel .carousel-item {
  min-height: 350px;
}

.carousel .card {
  height: 100%;
}

.fixed-card {
  display: flex;
  align-items: center;
  height: 450px; /* Fixed height for all cards */
}

.fixed-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image maintains aspect ratio and fills the space */
}

.carousel .btn-primary {
  background-color: #5E17EB;
  border: none;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 1rem;
  text-transform: uppercase;
}

.carousel .btn-primary:hover {
  background-color: #741CFF;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1); /* Make icons white */
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}




























/*Blog/Article Section */
.latest-articles {
  background-color: #0e0c0c; /* Dark background */
}

/* Card container */
.blog-card {
  background-color: #121212; /* Slightly lighter black */
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-10px); /* Lift on hover */
}

/* Image container with fixed size */
.card-img-container {
  overflow: hidden;
  position: relative;
  height: 200px; /* Fixed height for images */
  border-bottom: 2px solid #ffc107; /* Optional highlight color */
}

.card-img-container img {
  width: 100%; /* Ensure images cover the container */
  height: 100%; /* Ensure images cover the container */
  object-fit: cover; /* Maintain aspect ratio while covering the container */
  transition: transform 0.4s ease;
}

.card-img-container:hover img {
  transform: scale(1.1); /* Scale the image */
}

/* Card body */
.card-body h5 {
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
}

.card-body .btn-link {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}

.card-body .btn-link:hover {
  color: #ffc107;
}

.sub-text {
  font-size: 20px;
}


/* Button gradient styling with glow effect */
.btn-gradient {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 10px; /* Rounded corners for consistency with glow */
  background: linear-gradient(228deg, rgb(239, 73, 93) 0%, rgb(242, 101, 48) 100%); /* Default gradient */
  text-decoration: none;
  position: relative;
  z-index: 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
}

.btn-gradient:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 10px;
  background: linear-gradient(90deg, #B601C4 0%, #9100DC 30.73%, #6500FD 64.06%, #0038FD 100%);
  background-size: 400%;
  filter: blur(5px);
  z-index: -1;
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.btn-gradient:hover:before {
  opacity: 1; /* Glow effect on hover */
}

.btn-gradient:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: -2;
}


.btn-gradient:active {
  color: #000; /* Change text color on click */
}

.btn-gradient:active:after {
  background: transparent; /* Remove overlay on click */
}

























/* For Testimonial section*/

#testimonials {
  background-color: #000;
  color: #fff;
  padding: 60px 15px;
  position: relative;
}

#testimonials .lead {
  color: #afafaf;
  font-size: 1.1rem;
}

#testimonials .blockquote {
  font-style: italic;
  font-size: 1.25rem;
  color: #d1d1d1;
  max-width: 800px;
  margin: auto;
}

#testimonials .blockquote-footer {
  font-size: 1rem;
  font-weight: 500;
  color: #ffc107;
  background: transparent !important;
  border: 0;
  padding: 0;
  display: inline-block;
  line-height: 1.45;
}

#testimonials .blockquote-footer::before {
  color: #ffffff;
}

#testimonials .blockquote-footer cite {
  display: inline;
  background: transparent !important;
  padding: 0;
  font-style: normal;
}

#testimonials .carousel-indicators [data-bs-target] {
  width: 15px;
  height: 3px;
  border-radius: 0;
  background-color: #ffc107;
  margin: 0 5px;
}

#testimonials .carousel-indicators .active {
  background-color: #f26a4b;
}

#testimonials .carousel-indicators {
  position: static;
  margin-top: 20px;
  margin-bottom: 0;
}

#testimonials img {
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}