/* _content/cartlogic/Views/Home/Index.cshtml.rz.scp.css */
.white-box[b-007gk96c9g] {
  width: 700px;
  height: 500px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  margin-top: 50px;
}
.text-container[b-007gk96c9g] {
  background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  padding: 40px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.services-container[b-007gk96c9g] {
  padding: 40px;
  margin: 0 auto;
  margin-top: 50px;
  width: 400px;
  height: 100px;
  border: 1px solid rgba(0, 255, 255, 0.3); 
  box-shadow: 
  0 0 15px rgba(0, 210, 255, 0.2), /* Subtle outer spread */
  inset 0 0 10px rgba(0, 210, 255, 0.1); /* Subtle inner glow */
  border-radius: 12px;
  background: rgba(10, 20, 30, 0.7); /* Darker background to make the edge pop */
  backdrop-filter: blur(10px);
  transition: border 0.4s ease, box-shadow 0.4s ease;
}

/* Responsive Container */
.contact-form-container[b-007gk96c9g] {
  display: flex;
  flex-direction: column;
  padding: 40px;
  margin: 50px auto;
  /* MOBILE FRIENDLY FIXES: */
  width: 95%; 
  max-width: 700px; 
  height: auto;
  /* Visual Styles */
  border: 1px solid rgba(0, 255, 255, 0.3);
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.2), inset 0 0 10px rgba(0, 210, 255, 0.1);
  border-radius: 12px;
  background: rgba(10, 20, 30, 0.7);
  backdrop-filter: blur(10px);
  transition: all 0.4s ease;
}

/* Fix for Button styling */
.btn-primary[b-007gk96c9g] {
  background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 100%);
  border: none;
  padding: 12px;
  font-weight: bold;
  color: white;
  border-radius: 6px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.btn-primary:hover[b-007gk96c9g] {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 210, 255, 0.4);
}

/* Inputs and Textarea */
input[b-007gk96c9g], textarea[b-007gk96c9g] {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: 2px solid rgba(0, 210, 255, 0.3) !important;
  color: #ffffff !important;
  padding: 12px 10px 12px 45px !important; /* Left padding for icons */
  margin-bottom: 20px !important;
  width: 100% !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box; /* Ensures padding doesn't break width */
}

input:focus[b-007gk96c9g], textarea:focus[b-007gk96c9g] {
  outline: none !important;
  background: rgba(0, 210, 255, 0.05) !important;
  border-bottom: 2px solid #00d2ff !important;
  box-shadow: 0 4px 12px rgba(0, 210, 255, 0.1) !important;
}

.input-group[b-007gk96c9g] {
  position: relative !important;
  display: flex;
  flex-direction: column;
}

/* Icon Positioning */
.input-group .icon[b-007gk96c9g] {
  position: absolute !important;
  left: 15px !important;
  top: 48px !important; /* Adjusted to align with label height */
  color: rgba(0, 210, 255, 0.7) !important;
  font-size: 1.1rem !important;
  pointer-events: none !important;
}

/* Specific icon fix for textarea */
.input-group textarea ~ .icon[b-007gk96c9g] {
  top: 48px !important;
}

.lets-get-started-margin[b-007gk96c9g] { 
  margin-top: 125px;
}
/* --- MOBILE SPECIFIC ADJUSTMENTS --- */
@media (max-device-width: 768px) {
  .contact-form-container[b-007gk96c9g] {
    padding: 20px;
    margin-top: 20px;
  }
  .mobile-cart-logic[b-007gk96c9g] { 
    padding-bottom: 0px !important;
  }
  .lets-get-started-margin[b-007gk96c9g] { 
    margin-top: 0px !important;
  }
  .founder-logic[b-007gk96c9g] { 
    padding-top: 0px !important;
  }
  .mb-mobile[b-007gk96c9g] {
    margin-bottom: 0px !important;
  }
  h1[b-007gk96c9g] {
    font-size: 24px !important;
    text-align: center;
  }
  .input-group .icon[b-007gk96c9g] {
    top: 45px !important; /* Slight nudge for smaller screens */
  }

  .mobile-display[b-007gk96c9g] { 
    display:none;
  }
  .mobile-top[b-007gk96c9g] { 
    margin-top: -50px !important;
  }
  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 25px;
  }
  .hero-title[b-007gk96c9g] {
    display: none;
  }

  .hero-description[b-007gk96c9g] {
    display: none;
  }

  .hero-subtitle[b-007gk96c9g] {
    display: block !important;
    font-family: arial; 
    font-weight: 600; 
    font-size: 21px; 
    color: #FFFFFF; 
    margin-bottom: 0px;
  }
  .hero-toggle[b-007gk96c9g] {
    display: none;
  }
}

  .hero-subtitle[b-007gk96c9g] {
    display: none;
  }

@media screen and (orientation: landscape) and (max-width: 900px) {
  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 250px;
  }

  .mobile-top[b-007gk96c9g] { 
    margin-top: -50px !important;
  }
  .mobile-display[b-007gk96c9g] { 
    display:none;
  }
  .hero-title[b-007gk96c9g] {
    display: none;
  }

  .hero-description[b-007gk96c9g] {
    display: none;
  }

  .hero-subtitle[b-007gk96c9g] {
    display: block !important;
    font-family: arial;
    font-weight: 600;
    font-size: 55px;
    color: #ffffff;
    margin-bottom: 0px;
  }
  .hero-toggle[b-007gk96c9g] {
    display: none;
  }
  .ptop[b-007gk96c9g] { 
    padding-top: 0px !important;
  }
  .mtop[b-007gk96c9g] { 
    margin-top: 0px !important;
  }
}

@media (min-width: 820px) and (max-width: 843px) {

  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 575px;
  }
}
/*
@media (min-width: 844px) {

  .bg-mobile {
    margin-bottom: 275px;
  }
}
*/
@media (min-width: 845px) and (max-width: 853px) {

  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 575px;
  }
}
@media (min-width: 897px) and (max-width: 1368px) {

  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 575px;
  }
}
/* Styles for screens between 768px and 1024px (portrait tablets) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS rules for portrait tablets here */
  
  .widthTablet[b-007gk96c9g] { 
    width: 100% !important;
  }
 
  .widthFours[b-007gk96c9g] { 
    width: 50% !important;
  }

  .mobile-display[b-007gk96c9g] { 
    display:none;
  }
}

@media (min-width : 1024px) 
  and (max-width: 1368px) { 
    /* CSS styles for tablet landscape go here */

  .widthTablet[b-007gk96c9g] { 
    width: 100% !important;
  }

  .mobile-display[b-007gk96c9g] { 
    display:none;
  }
 
  .widthFours[b-007gk96c9g] { 
    width: 50% !important;
  }


}

@media (min-width : 1180px) 
  and (max-width: 1368px)
  and (orientation : landscape) { 
    /* CSS styles for tablet landscape go here */

  .bg-mobile[b-007gk96c9g] {
    margin-bottom: 575px;
  }
  
  .widthTablet[b-007gk96c9g] { 
    width: 100% !important;
  }
  
  .widthFours[b-007gk96c9g] { 
    width: 50% !important;
  }

  .mobile-display[b-007gk96c9g] { 
    display:none !important;
  }

}

.bg-row[b-007gk96c9g] {
  background-image: url('img/hero.png');
  height: 640px;
}

.service-card[b-007gk96c9g] {
  background-color: #0c1824;
  border: 2px solid #00e5ff;
  border-radius: 12px;
  padding: 20px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(0, 229, 255, 0.1);
  cursor: pointer;
}

.service-title[b-007gk96c9g] {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.15rem;
  margin: 0;
  line-height: 1.4;
}

.service-card:hover[b-007gk96c9g] {
  transform: translateY(-8px);
  background-color: #0f172a;
  box-shadow: 0 0 25px rgba(0, 229, 255, 0.4);
  border-color: #ffffff;
}

.chevron-section[b-007gk96c9g] {
  background: transparent;
  position: relative;
  z-index: 10;
}

.chevron-stack[b-007gk96c9g] {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  cursor: pointer;
}

.chevron[b-007gk96c9g] {
  position: absolute;
  width: 125px;
  height: 125px;
  border-bottom: 3px solid #00e5ff;
  border-right: 3px solid #00e5ff;
  transform: rotate(45deg);
  opacity: 0.5;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  left: 25%;
  margin-left: -12.5px;
  animation: pulseChevron 2s infinite ease-in-out;
}

.chevron:nth-child(1)[b-007gk96c9g] { 
  top: -15px; 
  animation-delay: 0s;
}

.chevron:nth-child(2)[b-007gk96c9g] { 
  top: 0; 
  animation-delay: 0.2s;
}

.chevron:nth-child(3)[b-007gk96c9g] { 
  top: 15px;
  animation-delay: 0.4s;
}

.chevron-stack:hover .chevron[b-007gk96c9g] {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.9));
  animation: none; /* Stops the auto-pulse on hover */
  border-color: #ffffff; /* Turns white for high-contrast feedback */
}

.chevron-stack:hover .chevron:nth-child(1)[b-007gk96c9g] { top: 15px; }
.chevron-stack:hover .chevron:nth-child(2)[b-007gk96c9g] { top: 25px; }
.chevron-stack:hover .chevron:nth-child(3)[b-007gk96c9g] { top: 35px; }

@@keyframes pulseChevron {
  0%[b-007gk96c9g] {
    opacity: 0.3;
    transform: rotate(45deg) translate(0, 0);
    filter: drop-shadow(0 0 0px rgba(0, 229, 255, 0));
  }
  50%[b-007gk96c9g] {
    opacity: 1;
    transform: rotate(45deg) translate(5px, 5px);
    filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.8));
  }
  100%[b-007gk96c9g] {
    opacity: 0.3;
    transform: rotate(45deg) translate(0, 0);
    filter: drop-shadow(0 0 0px rgba(0, 229, 255, 0));
  }
}

.glass-card.flex-container[b-007gk96c9g] {
  display: flex;
  align-items: center; /* Vertically centers the content */
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 229, 255, 0.3);
  border-radius: 15px;
  padding: 40px;
  height: 100%;
}

.left-float-icon[b-007gk96c9g] {
  max-width: 60px;
  height: auto;
  flex-shrink: 0;
}

.service-content-block[b-007gk96c9g] {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.services-section[b-007gk96c9g] {
  background-color: #0b1120;
}

.service-card-modern[b-007gk96c9g] {
  background-color: rgba(255, 255, 255, 0.02);
  border: 2px solid #00e5ff; /* Cyan border */
  border-radius: 15px;      /* Rounded corners */
  padding: 25px;
  transition: all 0.3s ease;
}

.service-icon[b-007gk96c9g] {
  width: 50px;
  height: auto;
  flex-shrink: 0;
}

.service-text[b-007gk96c9g] {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.1rem;
}

.service-list[b-007gk96c9g] {
  list-style: none; /* Removes default bullets */
  padding-left: 0;
  margin-bottom: 0;
}

.service-list li[b-007gk96c9g] {
  color: #a0aec0; /* Subdued grey for readability */
  font-size: 0.9rem;
  position: relative;
  padding-left: 15px;
  margin-bottom: 8px;
}

.service-list li[b-007gk96c9g]::before {
  content: "•";
  color: #00e5ff;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.service-card-modern:hover[b-007gk96c9g] {
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.4);
  transform: translateY(-5px);
}

.need-pentest-section[b-007gk96c9g] {
  background-color: #0b1120; /* Matches the services background */
  border-top: 1px solid rgba(0, 229, 255, 0.1); /* Subtle separator */
}

.btn-outline-cyan[b-007gk96c9g] {
  color: #00e5ff;
  border: 2px solid #00e5ff;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-outline-cyan:hover[b-007gk96c9g] {
  background-color: #00e5ff;
  color: #0b1120;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

.pentest-check-list .check-item[b-007gk96c9g] {
  background: rgba(255, 255, 255, 0.03);
  padding: 15px;
  border-radius: 10px;
  border-left: 3px solid #00e5ff;
  transition: transform 0.2s ease;
}

.pentest-check-list .check-item:hover[b-007gk96c9g] {
  transform: translateX(10px);
  background: rgba(255, 255, 255, 0.05);
}

.why-cart-logic[b-007gk96c9g] {
  background-color: #0b1120;
  color: #ffffff;
}

.accent-header[b-007gk96c9g] {
  color: #00e5ff; /* Bright blue from the reference */
  font-size: 1.5rem;
  font-weight: 700;
}

.benefit-icon-wrapper[b-007gk96c9g] {
  color: #2b59ff;
  font-size: 1.8rem;
  min-width: 40px;
  display: flex;
  justify-content: center;
}

.text-muted[b-007gk96c9g] {
  color: #a0aec0 !important; /* Lighter grey for dark background contrast */
  line-height: 1.6;
}

.benefit-icon-wrapper i[b-007gk96c9g] {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.d-flex:hover .benefit-icon-wrapper i[b-007gk96c9g] {
  transform: scale(1.1);
  filter: drop-shadow(0 0 8px rgba(43, 89, 255, 0.6));
}

.meet-founder-section[b-007gk96c9g] {
  background-color: #0b1120;
  padding: 80px 0;
}

.founder-card-frame[b-007gk96c9g] {
  border: 2px solid #00e5ff; /* Cyan border */
  border-radius: 20px;
  padding: 15px;
  display: inline-block;
  background: rgba(0, 229, 255, 0.05);
  position: relative;
  z-index: 2;
}

.founder-img[b-007gk96c9g] {
  border-radius: 15px;
  max-width: 100%;
  height: auto;
}

.btn-outline-cyan[b-007gk96c9g] {
  border: 2px solid #00e5ff;
  color: #ffffff;
  background: transparent;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.btn-outline-cyan:hover[b-007gk96c9g] {
  background: #00e5ff;
  color: #0b1120;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

.text-cyan[b-007gk96c9g] {
  color: #00e5ff !important;
}

.social-link i[b-007gk96c9g] {
  transition: transform 0.3s ease, color 0.3s ease;
}

.social-link:hover i[b-007gk96c9g] {
  color: #ffffff !important;
  transform: scale(1.1);
}

.process-section-vertical[b-007gk96c9g] {
  background-color: #0b1120;
  position: relative;
}

.timeline-container[b-007gk96c9g] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px 0;
}

.timeline-container[b-007gk96c9g]::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #00e5ff 0%, rgba(0, 229, 255, 0.1) 100%);
}

.timeline-item[b-007gk96c9g] {
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
}

.timeline-dot[b-007gk96c9g] {
  position: absolute;
  left: 11px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-color: #0b1120;
  border: 3px solid #00e5ff;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.8);
}

.process-card-vertical[b-007gk96c9g] {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(0, 229, 255, 0.2);
  border-radius: 15px;
  padding: 25px;
  transition: all 0.3s ease;
}

.process-card-vertical:hover[b-007gk96c9g] {
  border-color: #00e5ff;
  background: rgba(0, 229, 255, 0.05);
  transform: translateX(10px);
}

.step-tag[b-007gk96c9g] {
  background: #00e5ff;
  color: #0b1120;
  font-weight: 800;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 0.85rem;
}

.get-started-section[b-007gk96c9g] {
  background-color: #0b1120;
  border-top: 1px solid rgba(0, 229, 255, 0.1);
  padding: 100px 0;
}

.contact-form-wrapper[b-007gk96c9g] {
  background: rgba(255, 255, 255, 0.02);
  border: 2px solid #00e5ff; /* Matches your service cards */
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 2;
}

.custom-input[b-007gk96c9g] {
  background-color: rgba(11, 17, 32, 0.8) !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  color: #ffffff !important;
  padding: 12px;
}

.custom-input:focus[b-007gk96c9g] {
  border-color: #00e5ff !important;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2) !important;
}

.btn-cyan-glow[b-007gk96c9g] {
  background-color: #00e5ff;
  color: #0b1120;
  border: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.btn-cyan-glow:hover[b-007gk96c9g] {
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.8);
  transform: translateY(-3px);
}

/* Letter spacing for the overline */
.ls-2[b-007gk96c9g] {
  letter-spacing: 2px;
}

.text-cyan[b-007gk96c9g] {
  color: #00e5ff !important;
  text-shadow: 0 0 10px rgba(0, 229, 255, 0.3);
}

/* Custom lead text color to ensure readability on dark background */
.text-muted[b-007gk96c9g] {
  color: #a0aec0 !important;
  font-size: 1.15rem;
}

/* The decorative cyan line under the header */
.header-line[b-007gk96c9g] {
  width: 60px;
  height: 4px;
  background: #00e5ff;
  border-radius: 2px;
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.6);
}

/* Display 5 adjustment for mobile */
@@media (max-width: 768px) {
  .display-5[b-007gk96c9g] {
    font-size: 2.2rem;
  }
}

#success-message[b-007gk96c9g] {
    animation: fadeIn 0.5s ease-in-out;
}

@@keyframes fadeIn {
    from[b-007gk96c9g] { opacity: 0; transform: translateY(10px); }
    to[b-007gk96c9g] { opacity: 1; transform: translateY(0); }
}

.text-cyan[b-007gk96c9g] {
    color: #6EDCCE !important;
}

/* _content/cartlogic/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-zjctei22az] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-zjctei22az] {
  color: #0077cc;
}

.btn-primary[b-zjctei22az] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-zjctei22az], .nav-pills .show > .nav-link[b-zjctei22az] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-zjctei22az] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-zjctei22az] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-zjctei22az] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-zjctei22az] {
  font-size: 1rem;
  line-height: inherit;
}

.bg-color[b-zjctei22az] { 
  background-color: #0b1120;
}

.footer[b-zjctei22az] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

.brandText[b-zjctei22az] { 
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #6edcce;
  -webkit-text-stroke: 1px black;
  font-size: 30px;
}

/* Custom Cyan Button to match Cart Logic branding */
.btn-outline-cyan[b-zjctei22az] {
    color: #00e5ff;
    border: 2px solid #00e5ff;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-cyan:hover[b-zjctei22az] {
    background-color: #00e5ff;
    color: #0b1120;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

.footer-custom[b-zjctei22az] {
        background-color: #050a12;
        position: relative;
        border-top: 1px solid transparent;
    }
    /* The subtle gradient top border */
    .footer-glow-line[b-zjctei22az] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, #00d2ff, transparent);
        opacity: 0.5;
    }
    .footer-link[b-zjctei22az] {
        color: #9ca3af;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    .footer-link:hover[b-zjctei22az] {
        color: #00d2ff;
    }
    /* Pulsing Status Dot */
    .status-dot[b-zjctei22az] {
        height: 8px;
        width: 8px;
        background-color: #10b981;
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
        box-shadow: 0 0 8px #10b981;
        animation: pulse 2s infinite;
    }
    @@keyframes pulse {
        0%[b-zjctei22az] { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
        70%[b-zjctei22az] { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
        100%[b-zjctei22az] { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
    }