/* common css start */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
  font-family: "Outfit", sans-serif;
  background-color: #030816;
}
a {
  text-decoration: none;
  font-family: "Outfit", sans-serif;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  vertical-align: middle;
}

/* common css end */

/* navbar */

   .menu {
  list-style: none;
  display: flex;
  gap: 20px;
}

.menu li {
  position: relative;
}

.menu a {
  text-decoration: none;
  padding: 10px;
  display: block;
}

/* Ensure the parent is positioned so the absolute child stays attached to it */
.dropdown {
  position: relative;
  list-style: none;
}

/* Updated Submenu with Animation Properties */
.submenu {
  /* display: none !important;  <-- Removed this to allow animation */
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px); /* Starts 15px lower */
  
  position: absolute;
  top: 100%;
  left: 0;
  background: #0c1222;
  backdrop-filter: blur(53px);
  min-width: 180px;
  z-index: 1000;
  box-shadow: 0 0 25px rgba(37, 99, 235, 0.19);
  border: 1px solid #dddddd24;
  border-radius: 5px;

  /* Smooth Transition Configuration */
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.3s;
}

/* Show submenu on hover with animation reset */
.dropdown:hover .submenu {
  /* display: block !important; <-- Removed */
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Slides up to its original position */

}
.submenu{
    flex-direction: column !important;
    justify-content: left !important;
    align-items: flex-start !important;
    gap:0 !important;
}
.submenu li a {
  color: white !important;
  transition: all 0.2s ease;
}

.submenu li{
    width: 100%;
}

/* Bonus: Subtle hover effect for the links inside the dropdown */
/* .submenu li a:hover {
  background: rgba(37, 99, 235, 0.2);
  padding-left: 15px; 
} */

.submenu li a:hover {
	background: #f7e351f5;
	padding-left: 15px;
	color: black !important;
}

#quicktech-desktopnavbar {
	background-color: #0b1220;
	padding: 10px 0;
	backdrop-filter: blur(24px);
	border-bottom: 1px solid #ffffff63;
	position: sticky;
	top: 0;
	z-index: 9999;
}

.quicktech-desktop-menu ul {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;

}
.quicktech-desktop-menu ul li a {
  color: white;
  font-size: 15px;
  font-weight: 400;
}

.quicktech-desktop-menu ul li a:hover{
    color: #f7e351;
}
.submenu li a:hover{
    color: #f7e351;
}
.quicktech-desktopnavbar-logo a {
  font-size: 26px;
  font-weight: 600;
  color: white;
}

.quikctech-desktop-right-m a {
  padding: 5px 17px;
  background-color: #f7e351;
  border-radius: 20px;
  color: black;
  border: 1px solid #ffffff59;
  font-size: 14px;
}
/* .quikctech-desktop-right-m a:hover {
  background-color: rgb(5 43 206 / 0.2);
} */
/* .glass-bg {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    rgba(255, 255, 255, 0.04),
    rgba(255, 255, 255, 0.02)
  );
  border: 1px solid rgba(255, 255, 255, 0.18);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    inset 0 -10px 30px rgba(0, 0, 0, 0.35),
    0 20px 50px rgba(0, 0, 0, 0.45),
    0 0 25px rgba(255, 255, 255, 0.05);
} */
/* navbar */

/* banner */

/* Base Section Styles */
.quicktech-banner-section {
  min-height: 100vh;
}

/* Background Video */
.quicktech-banner-video {
  z-index: 1;
  object-fit: cover;
  pointer-events: none; /* Prevents any interaction */
}

/* Subtle Overlay to ensure text readability over bright video parts */
.quicktech-banner-overlay {
  z-index: 2;
  background: #000000b2;
  pointer-events: none;
}

/* Foreground Content */
.quicktech-banner-content {
  z-index: 10;
}

/* Badge Styles */
.quicktech-banner-badge {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  font-weight: 500;
}

.quicktech-banner-dot {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px rgba(25, 135, 84, 0.8); /* Glow effect */
}

/* Typography */
.quicktech-banner-title {
  font-size: 50px;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

/* The blue highlight block behind specific text */
.quicktech-banner-highlight {
  background-color: rgba(45, 90, 190, 0.4);
  padding: 0 4px;
}

.quicktech-banner-desc {
  font-size: 1.1rem;
  color: #aeb6c4 !important;
  max-width: 650px;
  line-height: 1.6;
}

/* Buttons */
.quicktech-banner-btn-primary {
  background-color: #f7e351;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: black;
  font-weight: 600;
  transition: all 0.3s ease;
  backdrop-filter: blur(5px);
}

.quicktech-banner-btn-primary:hover {
  background-color: #052bce;
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.quicktech-banner-btn-secondary {
  color: white;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 13px;
  /* font-weight: 600; */
}

.quicktech-banner-btn-secondary:hover {
  color: #ffffff;
}

.quicktech-banner-icon {
  font-size: 0.85rem;
}

/* Stats Section */
.quicktech-banner-stats-val {
  font-size: 2rem;
  letter-spacing: -0.02em;
}

.quicktech-banner-stats-label {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: #7b8699;
}

/* Floating Astronaut Images */
.quicktech-banner-astronauts {
  z-index: 5;
  pointer-events: none; /* Let clicks pass through to video if needed, though video has no controls */
}

.quicktech-banner-astro {
  animation: quicktech-float 6s ease-in-out infinite;
}

.quicktech-banner-astro-tl {
  top: 20%;
  left: 8%;
  width: 117px;
  animation-delay: 0s;
}

.quicktech-banner-astro-bl {
  bottom: 10%;
  left: 10%;
  width: 100px;
  animation-delay: 1.5s;
}

.quicktech-banner-astro-tr {
  top: 15%;
  right: 12%;
  width: 90px;
  animation-delay: 3s;
}

.quicktech-banner-astro-br {
  bottom: 15%;
  right: 8%;
  width: 90px;
  animation-delay: 4.5s;
}

/* Smooth floating animation */
@keyframes quicktech-float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(2deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .quicktech-banner-title {
    font-size: 2.5rem;
  }
  .quicktech-banner-astro {
    display: none; /* Hide floating elements on mobile for cleaner look */
  }
}

.quicktech-banner-icons {
  border: 1px solid white;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 17px;
  font-size: 11px;
  text-align: center;
}

/* banner */

.quikctech-trusted-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quikctech-trusted-inner ul {
  display: flex;
  gap: 24px;
}

.quikctech-trusted-inner h5 {
	margin-bottom: 0;
	font-size: 16px;
	color: #ffffffa1;
}
#quicktech-trusted-by {
	padding: 10px 0;
	border-top: 1px solid #ffffff6b;
	border-bottom: 1px solid #ffffff6b;
}
.quikctech-trusted-inner {
  color: white;
}

.quikctech-trusted-inner ul li a {
	color: #ffffffa1;
	font-size: 14px;
}
/* Section Base */
.quicktech-what-section {
  background-color: #030816; /* Deep navy background matching your first banner */
  color: #ffffff;
 
  padding: 0;
}

/* Header Typography */
.quicktech-what-subtitle {
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}

.quicktech-what-title {
  font-size: 29px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin-bottom: 0;
}

.quicktech-what-header-desc {
  color: #e2e8f0;
  font-size: 13px;
  line-height: 1.6;
  padding-top: 2rem;
  font-weight: 400;
}

/* Card Container Styles */
.quicktech-what-card {
  background-color: #0c1222;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 19px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* The Hover Effect you requested */
.quicktech-what-card:hover {
  border-color: transparent;
  box-shadow: 0 0 25px rgba(37, 99, 235, 0.39);
  background-color: #0e1529;
}
/* Card Header (Icon & Number) */
.quicktech-what-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 11px;
}

.quicktech-what-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

/* Specific Icon Colors */
.quicktech-what-icon-1 {
  background-color: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
} /* Blue */
.quicktech-what-icon-2 {
  background-color: rgba(16, 185, 129, 0.1);
  color: #34d399;
} /* Green */
.quicktech-what-icon-3 {
  background-color: rgba(168, 85, 247, 0.1);
  color: #c084fc;
} /* Purple */
.quicktech-what-icon-4 {
  background-color: rgba(245, 158, 11, 0.1);
  color: #fbbf24;
} /* Yellow */
.quicktech-what-icon-5 {
  background-color: rgba(139, 92, 246, 0.1);
  color: #a78bfa;
} /* Indigo */
.quicktech-what-icon-6 {
  background-color: rgba(6, 182, 212, 0.1);
  color: #22d3ee;
} /* Cyan */

.quicktech-what-number {
  font-size: 0.85rem;
  color: #475569;
  font-weight: 500;
  letter-spacing: 0.05em;
}

/* Card Content */
.quicktech-what-card-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: -0.01em;
}

.quicktech-what-card-desc {
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* Feature List */
.quicktech-what-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: auto; /* Pushes the 'Learn more' link to the bottom */
}

.quicktech-what-list-item {
  color: #94a3b8;
  font-size: 0.85rem;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.quicktech-what-list-item::before {
  content: "—";
  margin-right: 10px;
  color: #64748b;
}

/* Link */
.quicktech-what-link {
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 30px;
  transition: color 0.2s ease;
}

.quicktech-what-link i {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}

.quicktech-what-card:hover .quicktech-what-link {
  color: #f7e351; /* Link turns blue on card hover */
}

.quicktech-what-card:hover .quicktech-what-link i {
  transform: translate(2px, -2px); /* Arrow moves slightly up and right */
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .quicktech-what-title {
    font-size: 2.25rem;
  }
  .quicktech-what-header-desc {
    padding-top: 1rem;
    margin-bottom: 2rem;
  }
}


.quikctech-featured-link:hover{
    color: #f7e351;
}
/* a:hover {
	color:  !important;
} */
/* featured */

.quikctech-featured-section {
  background-color: #030816;
  color: #ffffff;
 
  padding: 0;
}

.quikctech-featured-card {
  background-color: #0c1222;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.quicktech-featured-text{
    padding: 0 20px;
    padding-bottom: 20px !important;
}

/* ==========================================================================
           BLUR SLIDE ANIMATION LOGIC
           ========================================================================== */
.quikctech-featured-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  
  margin-bottom: 24px;
  overflow: hidden; /* Clips the images as they slide left */
  cursor: none;
}

.quikctech-featured-img-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.quikctech-featured-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Using a swift, slightly elastic transition for the slide */
  transition:
    transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),
    filter 0.5s ease,
    opacity 0.5s ease;
  will-change: transform, filter;
}

/* Default Image: Slides left and blurs out */
.quikctech-featured-img-default {
  z-index: 2;
  transform: translateX(0);
  filter: blur(0px);
  opacity: 1;
}

.quikctech-featured-img-wrap:hover .quikctech-featured-img-default {
  transform: translateX(-100%); /* Moves to the left */
  filter: blur(10px); /* Motion blur effect */
  opacity: 0;
  
}

/* Hover Image: Starts from the right, slides to center */
.quikctech-featured-img-hover {
  z-index: 1;
  transform: translateX(100%)  scale(2); /* Hidden to the right */
  filter: blur(10px);
  opacity: 0;
}

.quikctech-featured-img-wrap:hover .quikctech-featured-img-hover {
  transform: translateX(0) scale(1.03); /* Slides into view */
  filter: blur(0px);
  opacity: 1;
}

/* Custom Follower Cursor */
.quikctech-featured-cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  /* background-color: #ffffff; */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  pointer-events: none;
  z-index: 15;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  transition:
    opacity 0.3s ease,
    transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.quikctech-featured-img-wrap:hover .quikctech-featured-cursor {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Tags & Typography */
.quikctech-featured-name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 9px;
}
.quikctech-featured-desc {
	color: #94a3b8;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.quikctech-featured-tags {
  font-size: 0.75rem;
  color: #64748b;
  margin-bottom: auto;
  padding-bottom: 24px;
}
.quikctech-featured-tag-dot {
  margin: 0 6px;
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.1);
}

.quikctech-featured-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 20px;
}
.quikctech-featured-stat {
  font-size: 0.8rem;
  color: #94a3b8;
}
.quikctech-featured-link {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85rem;
}
.quikctech-featured-subtitle {
            font-size: 0.75rem;
            letter-spacing: 0.25em;
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
            margin-bottom: 1rem;
            display: block;
        }

        .quikctech-featured-title {
            font-size: 29px;
            font-weight: 700;
            letter-spacing: -0.03em;
            margin-bottom: 0;
        }

        .quikctech-featured-header-text {
            color: #aeb6c4;
            font-size: 13px;
            line-height: 1.6;
            max-width: 400px;
        }

        /* Standard Rounded Button */
      .quikctech-featured-btn {
	background-color: #f7e351;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: black;
	font-weight: 500;
	font-size: 0.9rem;
	border-radius: 50px;
	padding: 10px 24px;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
}

        .quikctech-featured-btn:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: #ffffff;
        }
/* featured */


/* marquee */
.quikctech-marquee-text p{
    font-size: 47px;
  color: white;
}
.quikctech-marquee-text{
    border-top: 1px solid #ffffffa1;
}

/* marquee */

/* মেইন কার্সার হাইড করার জন্য */
body {
    cursor: default;
   
}


.cursor-main, .cursor-shadow {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 50%;
    /* This ensures the dot starts at the top-left to be moved by JS */
    will-change: transform; 
    z-index: 999999;
}

.cursor-main {
    width: 6px;
    height: 6px;
    background-color: #fff;
}

.cursor-shadow {
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    /* Transition only the transform and background, not 'all' */
    transition: transform 0.15s ease-out, background-color 0.2s ease;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

/* Add this to your CSS */
.cursor-shadow.is-hovering {
    background-color: rgba(255, 94, 94, 0.4) !important;
    width: 60px; /* Instead of scale, changing width/height is sometimes smoother */
    height: 60px;
    margin-left: -15px; /* Offset to keep it centered if changing size */
    margin-top: -15px;
}


.quicktech-process-card {
	background-color: #0b1221;
	border: 1px solid #1a233a;
	border-radius: 16px;
	padding: 15px 12px;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, border-color 0.3s ease;
}

        .quicktech-process-card:hover {
            border-color: #2a3a5c;
        }

        /* Phase Text */
        .quicktech-process-phase {
            color: #5e7397;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 16px;
            display: block;
        }

        /* Title Text */
        .quicktech-process-title {
          color: #ffffff;
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 16px;
        }

        /* Description Text */
        .quicktech-process-desc {
            color: #9ba9c4;
            font-size: 13px;
            line-height: 1.6;
            margin-bottom: 32px;
            flex-grow: 1;
        }

        /* Image Wrapper */
        .quicktech-process-img-wrapper {
            text-align: center;
            margin-top: auto;
            min-height: 180px; /* Ensures consistent alignment even if images load slowly */
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        .quicktech-process-img {
            max-width: 100%;
            height: auto;
            max-height: 200px;
            object-fit: contain;
        }

        /* Row gap for mobile */
        .quicktech-process-row {
            row-gap: 24px;
        }

        /* about */

.quicktech-about-section {
	color: #ffffff;
	margin: 53px 0;
	border-top: 1px solid #dddddd4f;
	padding-top: 53px;
	border-bottom: 1px solid #dddddd4f;
	padding-bottom: 53px;
}

        /* --- Left Column Styles --- */
        .quicktech-about-subtitle {
            color: #9ba9c4;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 24px;
        }

        .quicktech-about-title {
            color: #ffffff;
            font-size: 25px;
            font-weight: 700;
            line-height: 1.15;
            margin-bottom: 24px;
            letter-spacing: -0.5px;
        }

        .quicktech-about-desc {
            color: #9ba9c4;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 24px;
            max-width: 95%;
        }

        /* Stats Styles */
        .quicktech-about-stat-num {
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 4px;
            color: #ffffff;
        }

        .quicktech-about-stat-label {
            color: #5e7397;
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin: 0;
        }

        /* --- Right Column Styles (Cards) --- */
        .quicktech-about-card {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 12px;
            padding: 28px;
        }

        /* Testimonial Card */
        .quicktech-about-quote-title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 4px;
            color: #ffffff;
        }

        .quicktech-about-quote-author {
            color: #5e7397;
            font-size: 0.8rem;
            margin-bottom: 0;
        }

        .quicktech-about-quote-text {
            color: #9ba9c4;
            font-size: 0.85rem;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Overlapping Avatars */
        .quicktech-about-avatars img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 2px solid #0b1221; /* Matches card background to create cutoff effect */
            margin-left: -12px; 
            object-fit: cover;
        }
        .quicktech-about-avatars img:first-child {
            margin-left: 0;
        }

        /* Capabilities Card */
        .quicktech-about-card-header {
            color: #5e7397;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .quicktech-about-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }

        .quicktech-about-tag {
            background-color: transparent;
            border: 1px solid #2a3a5c;
            color: #d1d5db;
            padding: 6px 16px;
            border-radius: 30px;
            font-size: 0.8rem;
            font-weight: 500;
            white-space: nowrap;
        }

        /* about */


        /* testimonial */
         /* Section Container with Background Image Placeholder */
       .quicktech-testimonial-wrapper {
          position: relative;
          border: 1px solid rgba(255, 255, 255, 0.26);
          border-radius: 20px;
          overflow: hidden;
          background-color: #050a15;
          
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }

        /* Optional overlay to ensure text readability over bright background images */
        .quicktech-testimonial-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, rgba(5,10,21,0.9) 0%, rgba(5,10,21,0.4) 100%);
            z-index: 1;
        }

        .quicktech-testimonial-content-area {
            position: relative;
            z-index: 2;
            padding: 68px 32px;
        }

        /* Left Column Styles */
        .quicktech-testimonial-subtitle {
            color: #9ba9c4;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 16px;
            display: block;
        }

        .quicktech-testimonial-title {
            color: #ffffff;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            letter-spacing: -0.5px;
        }

        .quicktech-testimonial-desc {
            color: #9ba9c4;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 32px;
            max-width: 90%;
        }

        .quicktech-testimonial-btn {
            display: inline-block;
            background: transparent;
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 12px 24px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .quicktech-testimonial-btn:hover {
            background: #ffffff;
            color: #050a15;
        }

        /* Right Column Slider Box (Glassmorphism) */
       .quicktech-testimonial-box {
          background: rgba(255, 255, 255, 0.03);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 16px;
          padding: 26px 29px;
          height: 100%;
          position: relative;
        }

        /* Slider Typography */
        .quicktech-testimonial-quote {
            color: #ffffff;
            font-size: 1.15rem;
            line-height: 1.6;
            margin-bottom: 40px;
        }

        /* Author Section */
        .quicktech-testimonial-author-wrapper {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .quicktech-testimonial-avatar {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid rgba(255, 255, 255, 0.1);
        }

        .quicktech-testimonial-author-name {
            color: #ffffff;
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 2px;
        }

        .quicktech-testimonial-author-role {
            color: #5e7397;
            font-size: 0.85rem;
            margin: 0;
        }

        /* Swiper Pagination Customization */
        .quicktech-testimonial-swiper {
            padding-bottom: 40px; /* Space for pagination dots */
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background-color: #5e7397;
            opacity: 1;
            margin: 0 8px !important;
            transition: all 0.3s ease;
        }

        /* The custom active ring effect */
        .swiper-pagination-bullet-active {
            background-color: #f7e351; /* Blue color */
            outline: 2px solid #f7e351;
            outline-offset: 3px;
        }

        @media (max-width: 991px) {
            .quicktech-testimonial-content-area {
                padding: 40px 20px;
            }
            .quicktech-testimonial-box {
                margin-top: 40px;
                padding: 30px 20px;
            }
        }


        /* testimonial */


        /* contact */
         .quicktech-contact-section {
            padding: 80px 0;
        }

        /* --- Left Column Styles --- */
        .quicktech-contact-subtitle {
            color: #ffffff;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 24px;
        }

        .quicktech-contact-title {
            color: #ffffff;
            font-size: 2.75rem;
            font-weight: 700;
            line-height: 1.15;
            margin-bottom: 24px;
            letter-spacing: -0.5px;
            max-width: 95%;
        }

        .quicktech-contact-desc {
            color: #9ba9c4;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 40px;
            max-width: 90%;
        }

        /* Contact List Items */
        .quicktech-contact-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

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

        .quicktech-contact-icon-wrapper {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            color: #ffffff;
            font-size: 1.1rem;
        }

        .quicktech-contact-text {
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 500;
        }

        /* --- Right Column Styles (Form) --- */
        .quicktech-contact-card {
            background-color: #050a15; /* Blends with background but has a border */
            border: 1px solid #1a233a;
            border-radius: 12px;
            padding: 40px 32px;
        }

        /* Form Controls */
        .quicktech-contact-form-label {
            color: #ffffff;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .quicktech-contact-form-control {
            background-color: #0b1221;
            border: 1px solid #1e293b;
            color: #ffffff;
            border-radius: 8px;
            padding: 12px 16px;
            font-size: 0.9rem;
            width: 100%;
            transition: all 0.3s ease;
        }

        .quicktech-contact-form-control::placeholder {
            color: #475569;
        }

        .quicktech-contact-form-control:focus {
            background-color: #0b1221;
            border-color: #3b82f6;
            color: #ffffff;
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
            outline: none;
        }

        /* Custom Select styling to ensure dark theme arrow */
        select.quicktech-contact-form-control {
            appearance: none;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            background-size: 12px 12px;
        }

        /* Checkbox styling */
        .quicktech-contact-checkbox-wrap {
            display: flex;
            align-items: center;
            margin-top: 24px;
            margin-bottom: 24px;
        }

        .quicktech-contact-checkbox {
            background-color: #0b1221;
            border: 1px solid #1e293b;
            width: 18px;
            height: 18px;
            border-radius: 4px;
            margin-right: 12px;
            appearance: none;
            cursor: pointer;
            position: relative;
            display: inline-block;
        }

        .quicktech-contact-checkbox:checked {
            background-color: #0051ff;
            border-color: #0051ff;
        }

        .quicktech-contact-checkbox:checked::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

        .quicktech-contact-checkbox-label {
            color: #9ba9c4;
            font-size: 0.85rem;
            cursor: pointer;
        }

        /* Submit Button */
        .quicktech-contact-btn {
            background-color: #f7e351; /* Bright blue from image */
            color: black;
            border: none;
            border-radius: 30px;
            padding: 14px 24px;
            font-size: 1rem;
            font-weight: 600;
            width: 100%;
            transition: background-color 0.3s ease;
        }

        .quicktech-contact-btn:hover {
            background-color: #f7e351;
            color: black;
        }

        /* Footer Text */
        .quicktech-contact-disclaimer {
            color: #5e7397;
            font-size: 0.75rem;
            margin-top: 16px;
            text-align: left;
        }

        .quicktech-contact-disclaimer a {
            color: #5e7397;
            text-decoration: underline;
        }

        .quicktech-contact-disclaimer a:hover {
            color: #9ba9c4;
        }

        @media (max-width: 991px) {
            .quicktech-contact-card {
                margin-top: 50px;
            }
            .quicktech-contact-title {
                font-size: 2.25rem;
            }
        }


        /* contact */


        /* result */
/* Card Styles */
        .result-card {
            background-color: #0a0f1c; /* Slightly lighter navy for card */
            border: 1px solid #1e293b; /* Subtle border */
            border-radius: 12px;
            padding: 23px 26px;
            height: 100%;
            display: flex;
            flex-direction: column;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: border-color 0.3s ease;
            min-height: 320px;
        }

        .result-card:hover {
            border-color: #334155;
        }

        /* Typography */
        .result-title {
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 12px;
            letter-spacing: -0.3px;
        }

        .result-subtitle {
            color: #8b9bb4;
            font-size: 0.9rem;
            margin-bottom: 40px;
            line-height: 1.4;
        }

        .result-stat {
            color: #ffffff;
            font-size: 2rem;
            font-weight: 700;
            margin: 0;
            margin-top: auto; /* Pushes stat to bottom */
            letter-spacing: -0.5px;
    
        }

        /* Visual Container */
        .result-visual-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
            flex-grow: 1;
        }

        /* Adjust SVG alignments */
        .result-svg-bar {
            margin-top: auto;
        }
.quikctech-llsa{
  padding: 10px 0;
}
        /* result */

        /* faq */
          .quicktech-faq-section {
            max-width: 800px;
            margin: 0 auto;
        }

        /* Override Bootstrap Accordion Defaults */
        .quicktech-faq-accordion {
            --bs-accordion-bg: transparent;
            --bs-accordion-border-width: 0;
            --bs-accordion-btn-focus-box-shadow: none;
            --bs-accordion-active-bg: transparent;
            --bs-accordion-active-color: #ffffff;
        }

        /* Individual FAQ Item Cards */
        .quicktech-faq-item {
            background-color: #0a0f1c; /* Slightly lighter than the page background */
            border: 1px solid #1e293b; /* Subtle border */
            border-radius: 12px !important; /* Force rounding on all items */
            margin-bottom: 16px;
            overflow: hidden;
            transition: border-color 0.3s ease;
        }

        .quicktech-faq-item:hover {
            border-color: #334155;
        }

        /* FAQ Question Button */
     .quicktech-faq-button {
        color: #ffffff;
        font-size: 1.05rem;
        font-weight: 600;
        padding: 18px 20px;
        background-color: transparent;
        box-shadow: none !important;
        letter-spacing: -0.3px;
      }
        /* Expanded Button State */
        .quicktech-faq-button:not(.collapsed) {
            color: #ffffff;
            background-color: transparent;
            box-shadow: none;
        }

        /* Custom Thin Chevron Icon */
        .quicktech-faq-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235e7397' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M3 5l5 5 5-5'/%3e%3c/svg%3e");
            transition: transform 0.3s ease;
        }

        /* FAQ Answer Body */
        .quicktech-faq-body {
            color: #9ba9c4;
            font-size: 0.95rem;
            line-height: 1.6;
            padding: 0 24px 24px 24px; /* Remove top padding, text flows naturally from header */
        }

.quikctech-right-video video{
  height: 650px !important;
  object-fit: cover;
}

        /* faq */

        /* ready */
           /* Main Section Container */
        .quicktech-ready-section {
            position: relative;
            padding: 120px 20px;
            overflow: hidden;
            background: linear-gradient(135deg, rgba(20, 10, 5, 0.9) 0%, rgba(5, 10, 25, 0.95) 50%, rgba(5, 20, 45, 0.9) 100%);
            /* Placeholder for the network background image */
            
            background-size: cover;
            background-position: center;
            background-blend-mode: overlay;
        }

        /* 3D Floating Elements Placeholders */
        .quicktech-ready-shape-left {
            position: absolute;
            top: 20%;
            left: 5%;
            width: 179px;
            height: auto;
            opacity: 0.8;
            /* Optional CSS animation for floating effect */
            animation: float-left 6s ease-in-out infinite;
        }

        .quicktech-ready-shape-right {
            position: absolute;
            bottom: 10%;
            right: 5%;
            width: 180px;
            height: auto;
            opacity: 0.8;
            animation: float-right 7s ease-in-out infinite reverse;
        }

        @keyframes float-left {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(100deg); }
        }

        @keyframes float-right {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-25px) rotate(-100deg); }
        }

        /* Content Container */
        .quicktech-ready-content {
            position: relative;
            z-index: 2;
            max-width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        /* Top Badge */
        .quicktech-ready-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-color: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #d1d5db;
            font-size: 0.85rem;
            font-weight: 500;
            padding: 8px 16px;
            border-radius: 50px;
            margin-bottom: 24px;
            backdrop-filter: blur(4px);
        }

        /* Heading */
        .quicktech-ready-title {
            color: #ffffff;
            font-size: 3rem;
            font-weight: 700;
            letter-spacing: -1px;
            line-height: 1.2;
            margin-bottom: 24px;
        }

        /* Paragraph */
        .quicktech-ready-desc {
            color: #9ba9c4;
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 40px;
            padding: 0 20px;
        }

        /* Buttons Container */
        .quicktech-ready-buttons {
            display: flex;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
        }

        /* Primary Button (Get Started) */
        .quicktech-ready-btn-primary {
            background-color: #f7e351; /* Darker fill */
            color: black;
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 14px 32px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05);
        }

        .quicktech-ready-btn-primary:hover {
            background-color: #ffffff;
            color: #050a15;
        }

        /* Secondary Button (Talk to Us) */
        .quicktech-ready-btn-secondary {
            background-color: transparent;
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 14px 32px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .quicktech-ready-btn-secondary:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.3);
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .quicktech-ready-title {
                font-size: 31px;
            }
            .quicktech-ready-shape-left, 
            .quicktech-ready-shape-right {
                display: none; /* Hide 3D shapes on mobile to keep it clean */
            }
            
        }


        /* ready */


        /* footer */
        /* Footer Container */
      .quicktech-footer {
	/* background-color: #030712; */
	color: #ffffff;
	padding-top: 56px;
	padding-bottom: 19px;
	border-top: 1px solid rgba(255, 255, 255, 0.27);
	margin-top: 26px;
}

        .quicktech-footer-main {
            padding-bottom: 24px;
        }

        /* Brand Column */
        .quicktech-footer-brand {
            font-size: 2.25rem;
            font-weight: 700;
            margin-bottom: 16px;
            letter-spacing: -0.5px;
            color: #ffffff;
        }

        .quicktech-footer-desc {
            color: #9ba9c4; /* Light grayish blue */
            font-size: 1rem;
            line-height: 1.6;
            max-width: 90%;
        }

        /* Column Titles */
        .quicktech-footer-title {
            font-size: 0.8rem;
            font-weight: 700;
            color: #ffffff;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 24px;
        }

        /* Links List */
        .quicktech-footer-links {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .quicktech-footer-links li {
            margin-bottom: 16px;
        }

        .quicktech-footer-links a {
            color: #9ba9c4;
            text-decoration: none;
            font-size: 0.95rem;
            transition: color 0.3s ease;
        }

        .quicktech-footer-links a:hover {
            color: #f7e351;
        }

        /* Newsletter Form */
        .quicktech-footer-form {
            display: flex;
            gap: 12px;
            margin-top: 20px;
        }

        .quicktech-footer-input {
            flex-grow: 1;
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 30px;
            padding: 12px 20px;
            color: #ffffff;
            font-size: 0.95rem;
            outline: none;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        .quicktech-footer-input::placeholder {
            color: #5e7397;
        }

        .quicktech-footer-input:focus {
            border-color: #3b82f6;
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
        }

        .quicktech-footer-submit {
            background-color: #f7e351; /* Bright blue button */
            color: black;
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            cursor: pointer;
            transition: background-color 0.3s ease;
            flex-shrink: 0;
        }

        .quicktech-footer-submit:hover {
            background-color: #082ec4;
        }

        /* Bottom Footer (Copyright & Legal) */
        .quicktech-footer-divider {
            height: 1px;
            background-color: rgba(255, 255, 255, 0.08); /* Faint divider line */
            margin-bottom: 30px;
        }

        .quicktech-footer-copyright {
            color: #5e7397;
            font-size: 0.85rem;
            margin: 0;
        }

        .quicktech-footer-legal {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: flex-end;
            gap: 24px;
        }

        .quicktech-footer-legal a {
            color: #5e7397;
            text-decoration: none;
            font-size: 0.85rem;
            transition: color 0.3s ease;
        }

        .quicktech-footer-legal a:hover {
            color: #9ba9c4;
        }

        /* Responsive Adjustments */
        @media (max-width: 991px) {
            .quicktech-footer-main > div {
                margin-bottom: 40px;
            }
        }

        @media (max-width: 767px) {
            .quicktech-footer-legal {
                justify-content: center;
                margin-top: 16px;
            }
            .quicktech-footer-bottom {
                text-align: center;
            }
        }


        /* footer */

        /* team */
            .quicktech-ready-badge ul{
              display: flex;
              gap: 10px;
            
            }

          .quikctech-team-card{
            height: 465px;
          }
        /* team */

        /* team details */
          /* Card Container */
        .quicktech-team-card {
            background-color: #030712; /* Matches page bg or set to #0a0f1c for slight contrast */
            display: flex;
            gap: 20px;
        }

        /* Image Styling */
        .quicktech-team-img-wrapper {
            width: 50%;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 24px;
        }

        .quicktech-team-img {
            width: 100%;
            height: 500px;
            display: block;
            object-fit: cover;
        }

        /* Text Styling */
        .quicktech-team-name {
            color: #ffffff;
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 4px;
            letter-spacing: -0.5px;
        }

        .quicktech-team-role {
            color: #5e7397;
            font-size: 0.85rem;
            font-weight: 500;
            margin-bottom: 24px;
            display: block;
        }

        .quicktech-team-bio {
            color: #9ba9c4;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 16px;
        }

        .quicktech-team-expertise {
            color: #9ba9c4;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* Strong/Expertise Label */
        .quicktech-team-expertise strong {
            color: #9ba9c4;
            font-weight: 600;
        }

        /* team details */

        /* about */
       /* --- Header Text --- */
        .quicktech-ab-label {
            color: white;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 24px;
            display: block;
        }

        .quicktech-ab-main-title {
            font-size: 2.75rem;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            color: white;
            letter-spacing: -1px;
        }

        .quicktech-ab-main-desc {
            color: #9ba9c4;
            font-size: 1.05rem;
            line-height: 1.6;
            max-width: 750px;
            margin-bottom: 48px;
        }

        /* --- Card System --- */
        .quicktech-ab-card {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 16px;
            padding: 32px;
            height: 100%;
        }

        .quicktech-ab-card-title {
            color: #ffffff;
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .quicktech-ab-card-label {
            color: #5e7397;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 20px;
            display: block;
        }

        .quicktech-ab-card-text {
            color: #9ba9c4;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* --- Specific Card Styles --- */
        .quicktech-ab-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .quicktech-ab-list li {
            color: #9ba9c4;
            font-size: 0.95rem;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
        }

        .quicktech-ab-list li::before {
            content: "—";
            margin-right: 10px;
            color: #5e7397;
        }

        .quicktech-ab-link {
            color: #ffffff;
            text-decoration: underline;
            text-underline-offset: 4px;
            font-size: 0.9rem;
            font-weight: 500;
            transition: opacity 0.3s;
        }

        .quicktech-ab-link:hover {
            color: #ffffff;
            opacity: 0.8;
        }

        /* Spacing for the right column stack */
        .quicktech-ab-right-stack {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        @media (max-width: 991px) {
            .quicktech-ab-main-title { font-size: 2rem; }
        }

        /* about */

        /* portfolio */
         
        /* --- Header --- */
        .quicktech-portfolio-label {
            color: #ffffff;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 20px;
            display: block;
        }

        .quicktech-portfolio-title {
            font-size: 30px;
            font-weight: 700;
            margin-bottom: 20px;
            letter-spacing: -1px;
            color: white;
        }

        .quicktech-portfolio-desc {
            color: #9ba9c4;
            font-size: 1rem;
            max-width: 700px;
            margin-bottom: 40px;
            line-height: 1.6;
        }

        /* --- Bootstrap Tabs Customization --- */
        .quicktech-portfolio-nav {
            border-bottom: none;
            gap: 10px;
            margin-bottom: 50px;
        }

        .quicktech-portfolio-link {
            background-color: rgba(255, 255, 255, 0.05) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            color: #ffffff !important;
            border-radius: 30px !important;
            padding: 6px 20px !important;
            font-size: 0.85rem;
            transition: all 0.3s ease;
        }

        .quicktech-portfolio-link.active {
            background-color: #f7e351 !important;
            color: #030712 !important;
            border-color: #f7e351 !important;
        }

        /* --- Project Card --- */
        .quicktech-portfolio-card {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 16px;
            overflow: hidden;
            height: 100%;
            transition: transform 0.3s ease;
        }

        .quicktech-portfolio-img-container {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }

        .quicktech-portfolio-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Floating Badges inside Image */
        .quicktech-portfolio-tag-inner {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(11, 18, 33, 0.6);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
            padding: 4px 14px;
            border-radius: 20px;
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            z-index: 999;
        }

        .quicktech-portfolio-year {
            position: absolute;
            bottom: 20px;
            right: 20px;
            background: rgba(11, 18, 33, 0.6);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #ffffff;
            padding: 4px 14px;
            border-radius: 20px;
            font-size: 0.7rem;
            font-weight: 600;
              z-index: 999;
        }

        /* Card Content */
        .quicktech-portfolio-body {
            padding: 15px;
        }

        .quicktech-portfolio-project-name {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
            color: white;
        }

        .quicktech-portfolio-project-desc {
            color: #9ba9c4;
            font-size: 0.95rem;
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .quicktech-portfolio-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .quicktech-portfolio-categories {
            color: #5e7397;
            font-size: 0.8rem;
        }

        .quicktech-portfolio-case-link {
            color: #9ba9c4;
            text-decoration: none;
            font-size: 0.85rem;
            transition: color 0.3s;
        }

        .quicktech-portfolio-case-link:hover {
            color: #ffffff;
        }
       
.quikctech-portfolio-img-wrap {
	aspect-ratio: 1 !important;
}
        /* portfolio */


        /* portfolio details */

      /* --- Header Section --- */
        .quikctech-portdetails-label {
            color: #ffffff;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 16px;
            display: block;
            opacity: 0.8;
        }

        .quikctech-portdetails-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 16px;
            letter-spacing: -1px;
            color: white;
        }

        .quikctech-portdetails-subtitle {
            color: #9ba9c4;
            font-size: 1.1rem;
            margin-bottom: 40px;
            max-width: 800px;
        }

        /* --- Main Content Cards --- */
       .quikctech-portdetails-card {
          background-color: #0b1221;
          border: 1px solid #1a233a;
          border-radius: 16px;
          padding: 20px;
          margin-bottom: 24px;
          padding-bottom: 10px;
        }

        .quikctech-portdetails-hero-img {
            width: 100%;
            border-radius: 12px;
            height: auto;
            object-fit: cover;
        }

        /* --- Sidebar Facts Box --- */
        .quikctech-portdetails-facts-box {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 16px;
            padding: 30px;
        }

        .quikctech-portdetails-fact-title {
            color: #5e7397;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 20px;
            display: block;
        }

        .quikctech-portdetails-fact-item {
            font-size: 0.95rem;
            margin-bottom: 12px;
            color: #ffffff;
        }

        .quikctech-portdetails-fact-label {
            color: #5e7397;
            font-weight: 500;
        }

        .quikctech-portdetails-btn-pdf {
            background-color: #f7e351;
            color: black;
            border: none;
            border-radius: 30px;
            padding: 12px;
            width: 100%;
            font-weight: 600;
            font-size: 0.9rem;
            margin-top: 20px;
            transition: background-color 0.3s;
        }

        .quikctech-portdetails-btn-pdf:hover {
            background-color: #082ec4;
            color: #ffffff;
        }

        /* --- Typography for Sections --- */
        .quikctech-portdetails-section-title {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 12px;
            color: #ffffff;
        }

        .quikctech-portdetails-section-text {
            color: #9ba9c4;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 24px;
        }

        .quikctech-portdetails-list {
            list-style: none;
            padding: 0;
            color: #9ba9c4;
            font-size: 0.95rem;
        }

        .quikctech-portdetails-list li {
            margin-bottom: 8px;
        }


        /* portfolio details */


        /* blog details */
.quicktech-blog-wrap{
  height: 500px !important;
}

.quicktech-blog-details-share-bar {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 12px;
            padding: 20px 32px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 40px;
        }

        .quicktech-blog-details-share-text {
            font-size: 0.95rem;
            font-weight: 500;
            color: #ffffff;
        }

        .quicktech-blog-details-social-group {
            display: flex;
            gap: 12px;
        }

        .quicktech-blog-details-social-btn {
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #ffffff;
            border-radius: 50px;
            padding: 8px 24px;
            font-size: 0.85rem;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .quicktech-blog-details-social-btn:hover {
            background-color: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.3);
            color: #ffffff;
        }

        /* Specific style for the circle X button */
        .quicktech-blog-details-btn-x {
            width: 40px;
            height: 40px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        /* --- Pagination Navigation --- */
        .quicktech-blog-details-nav-card {
            background-color: #0b1221;
            border: 1px solid #1a233a;
            border-radius: 12px;
            padding: 40px 32px;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: border-color 0.3s ease;
        }

        .quicktech-blog-details-nav-card:hover {
            border-color: #3b82f6;
        }

        .quicktech-blog-details-nav-label {
            color: #5e7397;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }

        .quicktech-blog-details-nav-title {
            color: #ffffff;
            font-size: 1.25rem;
            font-weight: 600;
            margin: 0;
        }

        /* Alignments for Next Article */
        .quicktech-blog-details-next {
            text-align: right;
            align-items: flex-end;
        }

        @media (max-width: 768px) {
            .quicktech-blog-details-share-bar {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
        }
        /* blog details */


        /* service details */
     /* Typography & Header */
        .quicktech-servicedetails-label {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 0.75rem;
            display: block;
        }

        .quicktech-servicedetails-title {
            font-size: 2.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
            letter-spacing: -0.02em;
            color: white;
        }

        .quicktech-servicedetails-subtitle {
            color: #a1a1aa; /* Light grayish-blue */
            font-size: 1rem;
            margin-bottom: 2rem;
            max-width: 90%;
        }

        /* Cards */
        .quicktech-servicedetails-card {
            background-color: #0f1422; /* Lighter navy for cards */
            border: 1px solid #1e2638; /* Subtle border */
            border-radius: 12px;
            padding: 1.5rem 1.75rem;
            margin-bottom: 1.25rem;
        }

        .quicktech-servicedetails-card-title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: #ffffff;
        }

        .quicktech-servicedetails-text {
            color: #d4d4d8;
            line-height: 1.6;
            margin: 0;
            font-size: 0.95rem;
        }

        /* Lists */
        .quicktech-servicedetails-list {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 0;
        }

        .quicktech-servicedetails-list li {
            color: #d4d4d8;
            margin-bottom: 0.6rem;
            font-size: 0.95rem;
        }

        .quicktech-servicedetails-list li:last-child {
            margin-bottom: 0;
        }

        /* Quick Facts */
        .quicktech-servicedetails-fact-line {
            color: #d4d4d8;
            margin-bottom: 0.75rem;
            font-size: 0.95rem;
        }

        .quicktech-servicedetails-fact-line strong {
            color: #ffffff;
            font-weight: 600;
        }

        /* Button */
        .quicktech-servicedetails-btn {
            background-color: #f7e351; /* Vibrant blue */
            color: black;
            border: none;
            border-radius: 8px;
            padding: 0.7rem 1.5rem;
            width: 100%;
            font-weight: 600;
            font-size: 0.95rem;
            margin-top: 1rem;
            transition: background-color 0.2s ease;
        }

        .quicktech-servicedetails-btn:hover {
            background-color: #0e31ab;
            color: #ffffff;
        }

        /* Image Container */
        .quicktech-servicedetails-img-card {
            background-color: #0f1422;
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 0; /* Image goes to the edge of the border radius */
            overflow: hidden;
            display: flex;
        }

        .quicktech-servicedetails-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 11px; /* Slightly less than container to fit inside border */
            padding: 0.5rem; /* Optional: adjust if you want image to detach from border */
        }
        
        /* Adjust column padding for larger screens */
        @media (min-width: 992px) {
            .quicktech-servicedetails-col-left {
                padding-right: 2rem;
            }
        }

/* Header Styles */
        .quicktech-pricing-header {
            text-align: center;
            margin-bottom: 4rem;
        }

        .quicktech-pricing-eyebrow {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 1rem;
            display: block;
        }

        .quicktech-pricing-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            letter-spacing: -0.02em;
            color: white;
        }

        .quicktech-pricing-subtitle {
            color: #a1a1aa;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        /* Card Styles */
        .quicktech-pricing-card {
            background-color: #0f1422;
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 2.5rem 2rem;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        /* Highlighted Pro Card */
        .quicktech-pricing-card-highlighted {
            border: 1px solid #e5e7eb; /* Light border for emphasis */
            position: relative;
        }

        /* Card Header Elements */
        .quicktech-pricing-card-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 0.5rem;
        }

        .quicktech-pricing-plan-name {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 0;
            color: #ffffff;
        }

        .quicktech-pricing-badge {
            font-size: 0.75rem;
            padding: 0.35rem 0.75rem;
            border: 1px solid #4b5563;
            border-radius: 30px;
            color: #e5e7eb;
            background-color: transparent;
        }

        .quicktech-pricing-plan-desc {
            color: #8b92a5;
            font-size: 0.95rem;
            margin-bottom: 2rem;
            min-height: 2.85rem; /* Aligns heights across cards */
        }

        /* Price Area */
        .quicktech-pricing-price-wrapper {
            display: flex;
            align-items: baseline;
            margin-bottom: 2rem;
        }

        .quicktech-pricing-amount {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1;
            margin: 0;
            color: #ffffff;
        }

        .quicktech-pricing-period {
            font-size: 1rem;
            color: #8b92a5;
            margin-left: 0.25rem;
        }

        /* Features List */
        .quicktech-pricing-list {
            list-style: none;
            padding: 0;
            margin: 0 0 2.5rem 0;
            flex-grow: 1;
        }

        .quicktech-pricing-list li {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
            font-size: 0.95rem;
            color: #d4d4d8;
        }

        .quicktech-pricing-list li.quicktech-pricing-excluded {
            color: #4b5563; /* Darker gray for excluded items */
        }

        .quicktech-pricing-icon {
            margin-right: 0.75rem;
            font-size: 0.9rem;
            font-weight: bold;
        }

        .quicktech-pricing-icon-check {
            color: #ffffff;
        }

        .quicktech-pricing-icon-cross {
            color: #4b5563;
        }

        /* Buttons */
        .quicktech-pricing-btn {
            display: inline-block;
            text-align: center;
            width: 100%;
            padding: 0.875rem 1.5rem;
            border-radius: 30px; /* Pill shape */
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.2s ease;
            text-decoration: none;
            margin-top: auto; /* Pushes button to bottom */
        }

        .quicktech-pricing-btn-outline {
            background-color: transparent;
            color: #ffffff;
            border: 1px solid #374151;
        }

        .quicktech-pricing-btn-outline:hover {
            background-color: rgba(255, 255, 255, 0.05);
            color: #ffffff;
        }

        .quicktech-pricing-btn-solid {
            background-color: #f7e351; /* Vibrant blue */
            color: black;
            border: 1px solid #f7e351;
        }

        .quicktech-pricing-btn-solid:hover {
            background-color: #0e31ab;
            border-color: #0e31ab;
            color: #ffffff;
        }

        /* service details */



        /* market place */

.quicktech-marketplace-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        /* Top Controls Area (Tabs & Sort) */
        .quicktech-marketplace-controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }

        /* Nav Tabs Styling */
        .quicktech-marketplace-nav.nav-pills {
            gap: 0.5rem;
        }

        .quicktech-marketplace-nav .nav-link {
            background-color: transparent;
            border: 1px solid #1e2638;
            color: #a1a1aa;
            border-radius: 30px; /* Pill shape */
            padding: 0.4rem 1.25rem;
            font-size: 0.85rem;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .quicktech-marketplace-nav .nav-link:hover {
            color: #ffffff;
            border-color: #374151;
        }

        .quicktech-marketplace-nav .nav-link.active {
            background-color: #1e2638; /* Subtle highlight for active tab */
            color: #ffffff;
            border-color: #374151;
        }

        /* Sort Select Styling */
        .quicktech-marketplace-sort {
            background-color: transparent;
            border: 1px solid #1e2638;
            color: #a1a1aa;
            border-radius: 30px;
            padding: 0.4rem 2rem 0.4rem 1.25rem;
            font-size: 0.85rem;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            cursor: pointer;
        }
        
        .quicktech-marketplace-sort:focus {
            outline: none;
            border-color: #374151;
        }

        /* Card Styles */
        .quicktech-marketplace-card {
            background-color: #0f1422;
            border: 1px solid #1e2638;
            border-radius: 16px;
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .quicktech-marketplace-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        .quicktech-marketplace-img-wrapper {
            width: 100%;
            aspect-ratio: 4/3;
            overflow: hidden;
        }

        .quicktech-marketplace-card-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Card Body */
        .quicktech-marketplace-card-body {
            padding: 1.25rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .quicktech-marketplace-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 0.25rem;
        }

        .quicktech-marketplace-subtitle {
            font-size: 0.8rem;
            color: #8b92a5;
            margin-bottom: 1rem;
        }

        /* Price and Tech Tag Row */
        .quicktech-marketplace-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.25rem;
            margin-top: auto; /* Pushes to bottom before buttons */
        }

        .quicktech-marketplace-price {
            font-size: 1.1rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }

        .quicktech-marketplace-tag {
            font-size: 0.75rem;
            color: #8b92a5;
        }

        /* Action Buttons */
        .quicktech-marketplace-actions {
            display: flex;
            gap: 0.75rem;
        }

        .quicktech-marketplace-btn-add {
            background-color: #f7e351; /* Vibrant blue */
            color: black;
            border: none;
            border-radius: 30px;
            padding: 0.6rem 1rem;
            font-size: 0.85rem;
            font-weight: 600;
            flex-grow: 1; /* Takes up most of the space */
            transition: background-color 0.2s;
        }

        .quicktech-marketplace-btn-add:hover {
            background-color: #0e31ab;
        }

        .quicktech-marketplace-btn-view {
            background-color: transparent;
            color: #ffffff;
            border: 1px solid #374151;
            border-radius: 30px;
            padding: 0.6rem 1.25rem;
            font-size: 0.85rem;
            font-weight: 500;
            transition: all 0.2s;
        }

        .quicktech-marketplace-btn-view:hover {
            background-color: #1e2638;
            border-color: #4b5563;
        }

        /* market place */

        /* product details */
/* --- Left Column: Image Gallery (Swiper) --- */
        .quicktech-productdetails-main-swiper {
            width: 100%;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 1rem;
            aspect-ratio: 1 / 1;
            background-color: #0f1422;
        }

        .quicktech-productdetails-main-swiper .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .quicktech-productdetails-thumb-swiper {
            width: 100%;
            box-sizing: border-box;
            padding: 0;
        }

        .quicktech-productdetails-thumb-swiper .swiper-slide {
            width: 22%; /* Adjust for thumbnail sizing */
            aspect-ratio: 4 / 3;
            border-radius: 8px;
            overflow: hidden;
            opacity: 0.5;
            cursor: pointer;
            transition: all 0.2s ease;
            background-color: #0f1422;
            border: 2px solid transparent;
        }

        .quicktech-productdetails-thumb-swiper .swiper-slide-thumb-active {
            opacity: 1;
            border-color: #f7e351; /* Blue border for active thumb */
        }

        .quicktech-productdetails-thumb-swiper .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* --- Right Column: Product Info --- */
        
        /* Typography */
        .quicktech-productdetails-breadcrumb {
            font-size: 0.85rem;
            color: #d1d5db;
            margin-bottom: 0.5rem;
        }

        .quicktech-productdetails-title {
            font-size: 1.1rem;
            font-weight: 400;
            color: #ffffff;
            line-height: 1.4;
            margin-bottom: 1.5rem;
        }

        /* Pricing */
        .quicktech-productdetails-price-area {
            display: flex;
            align-items: baseline;
            gap: 0.75rem;
            margin-bottom: 2rem;
        }

        .quicktech-productdetails-price-current {
            font-size: 2rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }

        .quicktech-productdetails-price-old {
            font-size: 0.9rem;
            color: #6b7280;
            text-decoration: line-through;
        }

        .quicktech-productdetails-price-discount {
            font-size: 0.85rem;
            color: #22c55e; /* Success green */
            font-weight: 500;
        }

        /* Options/Variants (Pills) */
        .quicktech-productdetails-option-group {
            margin-bottom: 1.5rem;
        }

        .quicktech-productdetails-label {
            font-size: 0.85rem;
            color: #9ca3af;
            margin-bottom: 0.75rem;
            display: block;
        }

        .quicktech-productdetails-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
        }

        .quicktech-productdetails-pill {
            background: transparent;
            border: 1px solid #374151;
            color: #d1d5db;
            padding: 0.4rem 1.25rem;
            border-radius: 30px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .quicktech-productdetails-pill:hover {
            border-color: #4b5563;
            color: #ffffff;
        }

        .quicktech-productdetails-pill.active {
            border-color: #f7e351; /* Blue border */
            color: #f7e351; /* Blue text */
            background-color: rgba(17, 62, 215, 0.05); /* Very subtle blue bg */
        }

        /* Actions: Cart & Quantity */
        .quicktech-productdetails-actions-row {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.5rem;
            margin-top: 2.5rem;
        }

        .quicktech-productdetails-qty-box {
            display: flex;
            align-items: center;
            border: 1px solid #374151;
            border-radius: 30px;
            padding: 0.35rem 0.5rem;
            background: transparent;
        }

        .quicktech-productdetails-qty-btn {
            background: transparent;
            border: none;
            color: #d1d5db;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            cursor: pointer;
        }
        
        .quicktech-productdetails-qty-btn:hover {
            color: #ffffff;
        }

        .quicktech-productdetails-qty-input {
            width: 40px;
            text-align: center;
            background: transparent;
            border: none;
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 500;
        }

        .quicktech-productdetails-qty-input:focus {
            outline: none;
        }

        .quicktech-productdetails-btn-cart {
            background: #f7e351;
            border: 1px solid #374151;
            color: black;
            padding: 0.5rem 1.5rem;
            border-radius: 30px;
            font-size: 0.95rem;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .quicktech-productdetails-btn-cart:hover {
            background-color: #f7e351;
            border-color:#f7e351;
        }

        /* Secondary Actions (Wishlist & Share) */
        .quicktech-productdetails-secondary-actions {
            display: flex;
            gap: 0.75rem;
            margin-bottom: 2.5rem;
        }

        .quicktech-productdetails-btn-secondary {
            background: transparent;
            border: 1px solid #374151;
            color: #d1d5db;
            padding: 0.4rem 1rem;
            border-radius: 30px;
            font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .quicktech-productdetails-btn-secondary:hover {
            color: #ffffff;
            border-color: #4b5563;
            background-color: #1e2638;
        }

        .quicktech-productdetails-btn-secondary svg {
            width: 14px;
            height: 14px;
            fill: currentColor;
        }

        /* Meta Information */
        .quicktech-productdetails-meta-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .quicktech-productdetails-meta-list li {
            font-size: 0.85rem;
            margin-bottom: 0.5rem;
        }

        .quicktech-productdetails-meta-label {
            color: #9ca3af;
        }

        .quicktech-productdetails-meta-value {
            color: #d1d5db;
        }

        /* Responsive Layout Adjustments */
        @media (min-width: 992px) {
            .quicktech-productdetails-right-col {
                padding-left: 3rem;
            }
        }


        /* product details */


        /* gallery */
           /* Header Area */
        .quicktech-gallery-header-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            margin-bottom: 2rem;
            gap: 1.5rem;
        }

        .quicktech-gallery-eyebrow {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 700;
            color: #a1a1aa;
            margin-bottom: 0.5rem;
            display: block;
        }

        .quicktech-gallery-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .quicktech-gallery-desc {
            color: #a1a1aa;
            font-size: 0.95rem;
            margin: 0;
        }

        /* Tabs (Nav Pills) */
        .quicktech-gallery-tabs {
            border: 1px solid #1e2638;
            border-radius: 40px;
            padding: 0.25rem;
            display: inline-flex;
            gap: 0.25rem;
        }

        .quicktech-gallery-tabs .nav-link {
            color: #a1a1aa;
            border-radius: 30px;
            padding: 0.5rem 1.25rem;
            font-size: 0.85rem;
            font-weight: 500;
            background: transparent;
            border: none;
            transition: all 0.2s ease;
        }

        .quicktech-gallery-tabs .nav-link:hover {
            color: #ffffff;
        }

        .quicktech-gallery-tabs .nav-link.active {
            background-color: #f7e351; /* Vibrant Blue */
            color: black;
        }

        /* Gallery Grid */
        .quicktech-gallery-img-wrapper {
            border-radius: 16px;
            overflow: hidden;
            aspect-ratio: 4/5; /* Adjust based on your preferred crop */
            cursor: pointer;
            position: relative;
        }

        .quicktech-gallery-img-wrapper::after {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(255, 255, 255, 0);
            transition: background 0.3s ease;
            pointer-events: none;
        }

        .quicktech-gallery-img-wrapper:hover::after {
            background: rgba(255, 255, 255, 0.05); /* Subtle highlight on hover */
        }

        .quicktech-gallery-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .quicktech-gallery-img-wrapper:hover .quicktech-gallery-img {
            transform: scale(1.03);
        }

        /* Modal & Swiper Lightbox */
        .quicktech-gallery-modal {
            --bs-modal-bg: rgba(5, 7, 16, 0.95);
            backdrop-filter: blur(10px);
        }

        .quicktech-gallery-modal .modal-dialog {
            max-width: 100%;
            margin: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quicktech-gallery-modal .modal-content {
            background: transparent;
            border: none;
            height: 100%;
            width: 100%;
            border-radius: 0;
        }

        .quicktech-gallery-modal .modal-body {
            padding: 0;
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
        }

        /* Close Button */
        .quicktech-gallery-close-btn {
            position: absolute;
            top: 2rem;
            right: 2rem;
            z-index: 1055;
            background: none;
            border: none;
            color: #ffffff;
            font-size: 2rem;
            cursor: pointer;
            opacity: 0.7;
            transition: opacity 0.2s;
        }

        .quicktech-gallery-close-btn:hover {
            opacity: 1;
        }

        /* Swiper Styles */
        .quicktech-gallery-swiper {
            width: 100%;
            height: 80vh; /* Adjust height of slider */
            max-width: 1200px;
            margin: 0 auto;
        }

        .quicktech-gallery-swiper .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quicktech-gallery-swiper .swiper-slide img {
            max-width: 90%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 8px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
        }

        /* Swiper Navigation Arrows */
        .quicktech-gallery-swiper .swiper-button-next,
        .quicktech-gallery-swiper .swiper-button-prev {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.1);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            transition: background 0.2s;
        }

        .quicktech-gallery-swiper .swiper-button-next:hover,
        .quicktech-gallery-swiper .swiper-button-prev:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .quicktech-gallery-swiper .swiper-button-next::after,
        .quicktech-gallery-swiper .swiper-button-prev::after {
            font-size: 1.2rem;
            font-weight: bold;
        }

        /* Adjust tabs for mobile */
        @media (max-width: 768px) {
            .quicktech-gallery-header-row {
                flex-direction: column;
            }
        }


        /* gallery */

        .quicktech-menu-right-flex{
            display: flex;
            gap: 15px;
            align-items: center;
            justify-content: end;
        }

        .quikctech-desktop-right-cart{
            position: relative;
        }

        .quikctech-desktop-right-cart span {
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
	border-radius: 50px;
	text-align: center;
	line-height: 20px;
	left: 19px;
	top: -5px;
	font-size: 11px;
}


/* cart */

/* Cart Item Card */
        .quicktech-cart-item-card {
            background-color: #0f1422; /* Slightly lighter than background */
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 1.25rem;
            margin-bottom: 1.25rem;
            display: flex;
            align-items: stretch;
        }

        .quicktech-cart-item-img {
            width: 85px;
            height: 85px;
            border-radius: 8px;
            object-fit: cover;
            margin-right: 1.25rem;
            flex-shrink: 0;
        }

        .quicktech-cart-item-details {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex-grow: 1;
        }

        .quicktech-cart-item-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 0.2rem;
        }

        .quicktech-cart-item-subtitle {
            font-size: 0.85rem;
            color: #a1a1aa;
            margin-bottom: 0;
        }

        .quicktech-cart-btn-remove {
            font-size: 0.85rem;
            color: #8b92a5;
            background: none;
            border: none;
            padding: 0;
            transition: color 0.2s;
        }

        .quicktech-cart-btn-remove:hover {
            color: #ff4d4f; /* Red on hover */
        }

        /* Quantity Selector */
        .quicktech-cart-qty-box {
            display: inline-flex;
            align-items: center;
            border: 1px solid #374151;
            border-radius: 30px;
            padding: 0.25rem 0.5rem;
            background-color: transparent;
        }

        .quicktech-cart-qty-btn {
            background: transparent;
            border: none;
            color: #d1d5db;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            cursor: pointer;
        }

        .quicktech-cart-qty-btn:hover {
            color: #ffffff;
        }

        .quicktech-cart-qty-input {
            width: 30px;
            text-align: center;
            background: transparent;
            border: none;
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 500;
        }
        
        .quicktech-cart-qty-input:focus {
            outline: none;
        }

        .quicktech-cart-item-price {
            font-size: 1.15rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }

        /* Order Summary Card */
        .quicktech-cart-summary-card {
            background-color: #0f1422;
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 1.75rem;
        }

        .quicktech-cart-summary-title {
            font-size: 1.15rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 1.5rem;
        }

        .quicktech-cart-summary-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.85rem;
            font-size: 0.95rem;
        }

        .quicktech-cart-summary-label {
            color: #a1a1aa;
        }

        .quicktech-cart-summary-value {
            color: #ffffff;
            font-weight: 500;
        }

        .quicktech-cart-summary-value.quicktech-cart-text-green {
            color: #22c55e; /* Success Green */
        }

        .quicktech-cart-divider {
            border-color: #1e2638;
            margin: 1.25rem 0;
            opacity: 1;
        }

        .quicktech-cart-total-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }

        .quicktech-cart-total-label {
            font-size: 1.1rem;
            color: #ffffff;
            font-weight: 500;
        }

        .quicktech-cart-total-value {
            font-size: 1.25rem;
            color: #ffffff;
            font-weight: 700;
        }

        .quicktech-cart-btn-checkout {
            background-color: #f7e351;
            border: 1px solid #374151;
            color: black;
            border-radius: 30px; /* Pill shape */
            padding: 0.6rem 1.5rem;
            font-size: 0.95rem;
            font-weight: 500;
            transition: all 0.2s ease;
        }

        .quicktech-cart-btn-checkout:hover {
            background-color: #f7e351;
            border-color: #f7e351;
        }
        
        /* Layout Tweaks */
        @media (min-width: 992px) {
            .quicktech-cart-left-col {
                padding-right: 2rem;
            }
        }

/* cart */


/* checkout */
/* Typography */
        .quicktech-checkout-title {
            font-size: 1.15rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 1.5rem;
        }

        .quicktech-checkout-label {
            display: block;
            font-size: 0.8rem;
            color: #a1a1aa;
            margin-bottom: 0.5rem;
        }

        /* Form Inputs */
        .quicktech-checkout-input {
            width: 100%;
            background-color: #0b0f19;
            border: 1px solid #1e2638;
            border-radius: 8px;
            padding: 0.65rem 1rem;
            color: #ffffff;
            font-size: 0.95rem;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .quicktech-checkout-input:focus {
            outline: none;
            border-color: #f7e351; /* Blue focus */
            box-shadow: 0 0 0 2px rgba(17, 62, 215, 0.2);
            background-color: #0b0f19;
            color: #ffffff;
        }

        /* Payment Box */
        .quicktech-checkout-payment-box {
            background-color: #0b0f19;
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 1.25rem 1.5rem;
            margin-bottom: 1.5rem;
        }

        .quicktech-checkout-radio-wrap {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
        }

        .quicktech-checkout-radio-wrap:last-child {
            margin-bottom: 0;
        }

        /* Custom Radio Buttons */
        .quicktech-checkout-radio {
            appearance: none;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid #ffffff;
            background-color: transparent;
            cursor: pointer;
            position: relative;
            margin: 0;
            display: grid;
            place-content: center;
        }

        .quicktech-checkout-radio::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            background-color: #f7e351; /* Blue inner circle */
        }

        .quicktech-checkout-radio:checked::before {
            transform: scale(1);
        }

        .quicktech-checkout-radio-label {
            color: #ffffff;
            font-size: 0.95rem;
            cursor: pointer;
            margin: 0;
        }

        /* Submit Button */
        .quicktech-checkout-btn-submit {
            background-color: #f7e351;
            border: 1px solid #f7e351;
            color: black;
            border-radius: 30px; /* Pill shape */
            padding: 0.6rem 1.75rem;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .quicktech-checkout-btn-submit:hover {
            background-color: #f7e351;
            border-color: #f7e351;
        }

        /* Order Summary Card */
        .quicktech-checkout-summary-card {
            background-color: #0b0f19;
            border: 1px solid #1e2638;
            border-radius: 12px;
            padding: 1.75rem;
        }

        .quicktech-checkout-summary-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
            font-size: 0.95rem;
            color: #d1d5db; /* Light gray text for items */
        }

        .quicktech-checkout-summary-val {
            color: #ffffff;
            font-weight: 600;
        }

        .quicktech-checkout-text-green {
            color: #22c55e !important; /* Success Green */
        }

        .quicktech-checkout-divider {
            border-color: #1e2638;
            margin: 1.25rem 0;
            opacity: 1;
        }

        .quicktech-checkout-total-row {
            margin-bottom: 0;
        }

        .quicktech-checkout-total-row span:first-child {
            color: #ffffff;
            font-weight: 600;
            font-size: 1.05rem;
        }

        .quicktech-checkout-total-row .quicktech-checkout-summary-val {
            font-size: 1.15rem;
            font-weight: 700;
        }

        /* Layout Tweaks */
        @media (min-width: 992px) {
            .quicktech-checkout-left-col {
                padding-right: 3rem;
            }
        }


/* checkout */


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, #050505 0%, #000 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999999999;
    transition: opacity 0.8s ease-out;
}

#starfield {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loader-content {
    position: relative;
    text-align: center;
    z-index: 10;
}

.glitch {
    color: white;
    font-size: 1.5rem;
    letter-spacing: 5px;
    text-shadow: 0 0 10px var(--glow-color);
    animation: pulse 2s infinite;
}

.progress-bar-container {
    width: 300px;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 20px;
    overflow: hidden;
    border-radius: 10px;
}

.progress-bar {
    width: 0%;
    height: 100%;
    background: var(--glow-color);
    box-shadow: 0 0 15px var(--glow-color);
    transition: width 0.4s ease;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

#quicktech-mobile-nav {
    display: none;
	padding: 10px 0;
	background-color: #0b1220;
	position: sticky;
	top: 0;
	z-index: 9999;
    width: 100%;
    border-bottom: 1px solid #dddddd63;
}

.quikctech-mobile-logo a{
    color: white;
    font-weight: 700;
    font-size: 20px;
}

.quikctech-mobile-right {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 23px;
	padding-top: 13px;
}

/* -- 1. Global / Wrapper Level Styles -- */
:root {
  --qt-bg-dark: #02030d; /* Very deep dark blue/black from image */
  --qt-text-light: #fefefe; /* Pure white */
  --qt-border-color: rgba(255, 255, 255, 0.2); /* Faint white line from image */
  --qt-accent-color: #00041a; /* Dark button background */
  --qt-accent-border: #1a1e4d; /* Button border blue */
}

/* Redefine Bootstrap Offcanvas background color */
.quicktech-mobile-side-wrapper {
	background-color: var(--qt-bg-dark) !important;
	color: var(--qt-text-light);
	width: 70% !important;
	font-family: 'Poppins', sans-serif;
}

/* -- 2. Header and Close Button -- */
.quicktech-mobile-header {
  border-bottom: 1px solid var(--qt-border-color);
  padding: 1rem 1.5rem;
}

.quicktech-mobile-title {
  color: var(--qt-text-light);
  font-weight: 600;
  font-size: 1.25rem;
}

.quicktech-mobile-close {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888; /* Dim default X */
  transition: color 0.3s;
}

.quicktech-mobile-close span {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
}

.quicktech-mobile-close:hover {
  color: var(--qt-text-light);
}

/* Optional hover highlight for the X */
.quicktech-mobile-close span:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}

/* -- 3. Accordion Menu Styling -- */
.quicktech-mobile-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.quicktech-mobile-item {
  background-color: transparent !important;
  border-bottom: 1px solid var(--qt-border-color);
}

.quicktech-mobile-item:first-child {
  border-top: none; /* Hide border on the first item */
}

.quicktech-mobile-link {
  background-color: transparent !important;
  color: var(--qt-text-light) !important;
  font-weight: 500;
  padding: 1.2rem 1.5rem;
  border: none;
  transition: color 0.3s;
}

.quicktech-mobile-link:not(.collapsed) {
  /* Remove default blue background on active item */
  background-color: transparent !important;
  box-shadow: none !important;
}

.quicktech-mobile-link:focus {
  box-shadow: none !important;
}

/* Handle arrow rotations and color for active dropdowns */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button.collapsed::after {
  /* Rotate arrow down when collapsed */
  transform: rotate(0deg);
}

.accordion-button:not(.collapsed)::after {
  /* Arrow points up when expanded */
  transform: rotate(180deg);
}

/* Style for no-arrow simple links */
.accordion-button.no-arrow::after {
  display: none;
}

/* -- 4. Submenu Styling (Nested List) -- */
.quicktech-mobile-submenu-body {
  border-left: none; /* Removed the sidebar look */
  padding-bottom: 1rem;
}

.quicktech-mobile-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quicktech-mobile-submenu li a {
  display: block;
  padding: 0.8rem 1.5rem 0.8rem 2.5rem; /* Indent sub-links */
  color: rgba(255, 255, 255, 0.7); /* Slightly dimmer sub-items */
  text-decoration: none;
  font-weight: 400;
  font-size: 0.95rem;
  transition: color 0.3s;
}

.quicktech-mobile-submenu li a:hover {
  color: var(--qt-text-light);
}

/* -- 5. Bottom "Start Project" Action -- */
.quicktech-mobile-footer-action {
  padding: 2rem 1.5rem 2.5rem;
}

.quicktech-mobile-action-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 10px;
	font-weight: 600;
	color: black;
	background-color: #f7e351;
	border: 1px solid var(--qt-accent-border);
	border-radius: 50px;
	text-decoration: none;
	font-size: 1rem;
	letter-spacing: 0.5px;
	transition: background-color 0.3s, border-color 0.3s;
}

.quicktech-mobile-action-btn:hover {
  background-color: rgba(255, 255, 255, 0.05); /* subtle white hover highlight */
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--qt-text-light);
}

.quicktech-mobile-close-wrapper{
    background: none;
  color: white;
  border: none;
}


.quicktech-career-card:hover {
           
            transition: all 0.3s ease-in-out;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        }
        .quicktech-career-form-wrapper {
            background-color: #0c1222;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.05);
            margin-top: 50px;
        }
        .quicktech-career-req-list {
            padding-left: 20px;
            font-size: 0.9rem;
        }

        .quicktech-career-req-list ul li{
             color: white;
        }

      .quicktech-career-x{
        background-color: #0c1222;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 19px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  cursor: pointer;
      }

      .quicktech-career{
        color: white;
      }

      .quicktech-inn-career{
        background-color: #050a15;
      }

      .quicktech-ap-btn{
        border: 1px solid #f7e351 !important;
        transition: 0.3s ease;
        background-color: #f7e351;
        color: black;
      }
       .quicktech-ap-btn:hover{
        border: 1px solid white !important;
        background-color: white;
        color: black;
      }

     .quicktech-trusted-img {
	background-color: white;
	border: 1px solid rgba(255, 255, 255, 0.15);
	
}

.quicktech-trusted-img{
    /* display: flex;
    gap: 10px;
    flex-wrap: wrap;

    */
    border-radius: 5px;
	transition: 0.3s ease;
    text-align: center;
}

.quicktech-trusted-img img {
	/* width: 90%; */
	height: 84px;
	padding: 2px;
	max-width: 90%;
}

.quicktech-trusted-img:hover{
   transform: scale(1.03);


}



.quikctech-f .fw-black {
    font-weight: 900;
}

/* Matching the specific font styling for logos */
.quikctech-f h2, .quikctech-f h3, .quikctech-f h4 {
    font-family: 'Arial Black', sans-serif;
    margin: 0;
}

/* Adjusting the star color to match the image's red/orange hue */
.quikctech-f .text-danger {
    color: #ff3b30 !important;
    font-size: 18px;
}

/* Inc. 5000 slant */
.quikctech-f .italic {
    font-style: italic;
}

/* Spacing and divider for Clutch */
.quikctech-f .border-secondary {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Responsive adjustment for small screens */
@media (max-width: 768px) {
    .quikctech-f .col-auto {
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }
}


        .ceo-section {
            padding: 13px 0;
            /* background-color: #f8f9fa; */
        }
        .ceo-image {
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            object-fit: cover;
            height: 450px;
            width: 100%;
        }
        .quote-icon {
            font-size: 3rem;
            color: #0d6efd;
            line-height: 1;
            margin-bottom: 20px;
            opacity: 0.3;
        }
        .ceo-signature {
            font-family: 'Cursive', sans-serif; /* Replace with a Google Font like 'Dancing Script' for a real look */
            font-size: 1.5rem;
            color: #333;
        }

        .lead{
            color: #ffffffc2 !important;
        }

        .quicktech-asas{
            aspect-ratio: 4/3 !important;
        }

        .social-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  align-items: center;
}

.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 45px; */
	/* height: 45px; */
	/* border-radius: 12px; */
	/* background-color: #f8f9fa; */
	/* border: 1px solid #ddd; */
	transition: all 0.3s ease;
}

.social-link:hover {
  
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.social-icon {

  height: 30px;
  object-fit: contain;
}


.ecab{
    height: 57px;
  /* background: white; */
  padding: 5px;
  border-radius: 5px;
}


.trust-swiper{
    padding-bottom: 52px;
}



:root {
  --qtec-lime: #ccff00;
  --qtec-text: #4b5563;
  --qtec-heading: #111827;
}

/* .quikctech-success-section {
  background-color: #f9fafb;
  padding: 80px 0;
  font-family: 'Inter', sans-serif;
} */

.quikctech-success-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.quikctech-success-card {
	/* background: white; */
	border-radius: 40px;
	padding: 29px;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
	box-sizing: border-box;
	background-color: #0c1222;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.quikctech-success-text {
  color: white;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 50px;
  flex-grow: 1;
}

.quikctech-success-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f9fafb;
  padding-top: 0;
}

.quikctech-success-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.quikctech-success-avatar-wrapper {
  position: relative;
  cursor: pointer;
}

.quikctech-success-avatar {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  object-fit: cover;
}

.quikctech-success-play-btn {
	position: absolute;
	bottom: -9px;
	right: -17px;
	background: #f7e351;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid white;
}

.quikctech-success-play-btn svg {
  width: 26px;
  fill: black;
}

.quikctech-success-name {
  font-size: 18px;
  font-weight: 700;
  color: white;
  margin: 0;
}

/* Swiper navigation buttons */
.quikctech-success-nav {
  color: #9ca3af !important;
  background: white;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.quikctech-success-nav::after { font-size: 1rem !important; }

/* Bootstrap custom overrides for a clean, borderless video modal */
.quikctech-success-modal .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.95);
}

.quikctech-success-video-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  background: #000;
}

.quikctech-success-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Custom layout close button positioned above the player framework */
.quikctech-success-close {
  position: absolute;
  top: -45px;
  right: 50px;
  background: none !important;
  filter: invert(1) grayscale(1) brightness(2); /* Makes the button look white */
  font-size: 1.5rem;
  opacity: 0.8;
  z-index: 1051;
}

.quikctech-success-close:hover {
  opacity: 1;
}


.quikctech-success-slider{
    padding-bottom: 45px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}


/*  */


/* maps */


        :root {
            --served-dark: #4a4a4e;
            --highlight-cyan: #f7e351;
            --bg-gray: #f8f9fa;
        }

        .quicktech-serv-container {
            /* background: #ffffff; */
            padding: 40px;
            /* border-radius: 15px; */
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
           width: 100%;
            /* margin: 50px auto; */
            position: relative;
        }

        #vmap {
            width: 100%;
            height: 500px;
        }

        .jqvmap-label {
            background: rgba(0, 0, 0, 0.8);
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

.quicktech-country{
    display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
}

.quicktech-country img{
    width: 100px;
  height: 55px;
  object-fit: cover;
}

        /* maps */