/*
Theme Name: Xamin Child
Theme URI: https://wordpress.iqonic.design/xamin-wpbakery/
Author: the iQonic team
Author URI: https://iqonicthemes.com/
Template:   xamin
Description: Data Science is growing and each businesses today are driven by the force. The stimulation is so strong that most Startups and new business ventures evolve around Data Science and anaylitics. Xamin is one of the most advanced technology website template for beginners and businesses. Build and explore various aspects of data science, business analytics, big data projects, data visualization tools business, online training and professional courses to job opportunities listing.
Version: 3.3.1769979783
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: xamin
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========================================
   SecurityBlox Custom Homepage Styles
   ======================================== */

:root{
  --sb-page-bg: #f6f8fc;
  --sb-surface: #ffffff;
  --sb-text: #0b1220;
  --sb-muted: #4b5a73;
  --sb-border: rgba(15, 23, 42, .10);
  --sb-shadow: 0 18px 40px rgba(2, 6, 23, .10);
  --sb-radius: 18px;
  --sb-max: 1120px;

  --sb-brand-blue: #169bd5;
  --sb-brand-sky: #3fb6ff;

  --sb-hero-bg0: #070a12;
  --sb-hero-bg1: #0b1020;
  --sb-hero-text: rgba(255,255,255,.94);
  --sb-hero-muted: rgba(255,255,255,.72);
  --sb-hero-shadow: 0 20px 60px rgba(0,0,0,.45);
}

/* Container */
.sb-container{
  max-width: var(--sb-max);
  margin: 0 auto;
  padding: 0 18px;
}

/* Main content area */
.sb-main{
  background: var(--sb-page-bg);
}

/* Hero Section */
.sb-hero{
  background:
    radial-gradient(900px 550px at 10% -10%, rgba(22,155,213,.35), transparent 60%),
    radial-gradient(900px 550px at 95% 0%, rgba(63,182,255,.28), transparent 55%),
    radial-gradient(900px 550px at 30% 105%, rgba(124,246,208,.18), transparent 55%),
    linear-gradient(180deg, var(--sb-hero-bg0), var(--sb-hero-bg1));
  color: var(--sb-hero-text);
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 80px 0 60px;
}

.sb-hero-new{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  min-height: 520px;
}

.sb-hero-copy{
  max-width: 580px;
}

.sb-hero-visual{
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sb-hero-visual svg{
  width: 100%;
  max-width: 640px;
  height: auto;
}

.sb-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--sb-hero-muted);
  font-weight: 900;
  letter-spacing: .2px;
  font-size: .9rem;
}

.sb-pill{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sb-brand-blue), var(--sb-brand-sky));
}

.sb-h1{
  margin: 14px 0 10px;
  font-size: clamp(32px, 3.8vw, 52px);
  line-height: 1.05;
  font-weight: 900;
  color: var(--sb-hero-text);
}

.sb-lead{
  margin: 0 0 18px;
  color: var(--sb-hero-muted);
  font-size: 1.08rem;
  line-height: 1.65;
}

.sb-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.sb-cta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--sb-brand-blue), var(--sb-brand-sky));
  color: #06101f;
  border: 0;
  padding: 10px 14px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 16px 35px rgba(22,155,213,.25);
  transition: filter 0.2s;
}

.sb-cta:hover{
  filter: brightness(1.03);
  color: #06101f;
  text-decoration: none;
}

.sb-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(6,16,31,.35);
}

.sb-text-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.92);
  font-weight: 900;
  padding: 10px 4px;
  text-decoration: none;
  transition: color 0.2s;
}

.sb-text-link:hover{
  color: rgba(255,255,255,1);
  text-decoration: none;
}

/* Trust Strip */
.sb-trust-strip{
  background: rgba(240,244,250,.85);
  border-bottom: 1px solid rgba(15,23,42,.08);
  padding: 18px 0;
}

.sb-trust-inner{
  text-align: center;
}

.sb-trust-text{
  color: var(--sb-text);
  font-size: 1rem;
  margin-bottom: 8px;
  font-weight: 600;
}

.sb-trust-badges{
  color: var(--sb-muted);
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: 0.3px;
}

/* How We Help Section */
.sb-how-help{
  padding: 60px 0;
  background: var(--sb-page-bg);
}

.sb-h2{
  margin: 0 0 32px;
  font-size: clamp(28px, 3vw, 38px);
  color: var(--sb-text);
  font-weight: 900;
}

.sb-help-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.sb-help-card{
  background: var(--sb-surface);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius);
  box-shadow: var(--sb-shadow);
  padding: 24px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.sb-help-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 48px rgba(2,6,23,.12);
}

.sb-help-head{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.sb-help-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(22,155,213,.15), rgba(63,182,255,.1));
  border: 1px solid rgba(22,155,213,.2);
  flex-shrink: 0;
}

.sb-h3{
  margin: 0;
  font-size: 1.3rem;
  color: var(--sb-text);
  font-weight: 900;
}

.sb-help-card ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.sb-help-card li{
  padding: 8px 0;
  color: var(--sb-muted);
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  padding-left: 1.2em;
}

.sb-help-card li:before{
  content: "•";
  color: var(--sb-brand-blue);
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* Mobile Responsive */
@media (max-width: 920px){
  .sb-hero{
    padding: 60px 0 40px;
  }
  
  .sb-hero-new{
    grid-template-columns: 1fr;
    gap: 32px;
    min-height: auto;
  }
  
  .sb-hero-visual{
    order: -1;
    height: 300px;
  }
  
  .sb-help-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .sb-h1{
    font-size: 32px;
  }
  
  .sb-h2{
    font-size: 28px;
  }
  
  .sb-actions{
    flex-direction: column;
    align-items: flex-start;
  }
  
  .sb-cta,
  .sb-text-link{
    width: 100%;
    justify-content: center;
  }
}
/* About Page Styles - TrustNet Inspired */

:root {
  --about-navy: #0a2540;
  --about-navy-dark: #071a2d;
  --about-light-gray: #f7f9fc;
  --about-white: #ffffff;
  --about-text: #1a1a1a;
  --about-blue: #169bd5;
  --about-border: rgba(0,0,0,.08);
}

.about-main {
  background: var(--about-white);
}

.about-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero Section */
.about-hero {
  background: linear-gradient(135deg, var(--about-navy-dark) 0%, var(--about-navy) 100%);
  color: #ffffff;
  padding: 100px 0 120px;
  text-align: center;
}

.about-hero-inner {
  max-width: 900px;
  margin: 0 auto;
}

.about-hero-label {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.8);
  margin-bottom: 20px;
}

.about-hero-headline {
  font-size: clamp(32px, 4.5vw, 56px);
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 24px;
  color: #ffffff;
}

.about-hero-description {
  font-size: 1.15rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.9);
  max-width: 700px;
  margin: 0 auto;
}

/* Clients Section */
.about-clients {
  background: var(--about-light-gray);
  padding: 60px 0;
  text-align: center;
}

.about-clients-label {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--about-blue);
  margin-bottom: 12px;
}

.about-clients-headline {
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 700;
  color: var(--about-text);
  margin: 0 0 40px;
}

.about-client-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.about-client-logo {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.about-client-logo:hover {
  opacity: 1;
}

.about-client-logo img {
  max-height: 100%;
  max-width: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s;
}

.about-client-logo:hover img {
  filter: grayscale(0%);
}

.about-client-logo-text {
  font-size: 1.5rem;
  font-weight: 900;
  color: #333;
}

/* Services Section */
.about-services {
  padding: 80px 0;
  background: var(--about-white);
}

.about-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.about-service-card {
  background: var(--about-light-gray);
  border: 1px solid var(--about-border);
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.about-service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.about-card-icon {
  font-size: 3rem;
  margin-bottom: 20px;
  color: var(--about-blue);
}

.about-card-title {
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--about-navy);
  margin: 0 0 24px;
}

.about-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.about-card-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

.about-card-list .checkmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--about-blue);
  color: white;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* Mobile Responsive */
@media (max-width: 920px) {
  .about-hero {
    padding: 60px 0 80px;
  }
  
  .about-services-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .about-client-logos {
    gap: 30px;
  }
  
  .about-clients {
    padding: 40px 0;
  }
  
  .about-services {
    padding: 50px 0;
  }
}

@media (max-width: 640px) {
  .about-hero {
    padding: 50px 0 60px;
  }
  
  .about-hero-headline {
    font-size: 28px;
  }
  
  .about-hero-description {
    font-size: 1rem;
  }
  
  .about-client-logos {
    gap: 20px;
  }
  
  .about-client-logo {
    height: 50px;
  }
  
  .about-service-card {
    padding: 30px 20px;
  }
}


/* ========================================
   Compliance Services Page Styles
   ======================================== */

.compliance-main {
  background: var(--sb-page-bg);
}

.compliance-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero */
.compliance-hero {
  background:
    radial-gradient(900px 550px at 10% -10%, rgba(22,155,213,.35), transparent 60%),
    radial-gradient(900px 550px at 95% 0%, rgba(63,182,255,.28), transparent 55%),
    radial-gradient(900px 550px at 30% 105%, rgba(124,246,208,.18), transparent 55%),
    linear-gradient(180deg, var(--sb-hero-bg0), var(--sb-hero-bg1));
  color: var(--sb-hero-text);
  padding: 120px 0 80px;
  text-align: center;
}

.compliance-hero-inner {
  max-width: 850px;
}

.compliance-label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--sb-brand-blue);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}

.compliance-headline {
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 20px;
  color: #ffffff;
}

.compliance-description {
  font-size: 1.2rem;
  color: var(--sb-hero-muted);
  max-width: 650px;
  margin: 0 auto 32px;
  line-height: 1.65;
}

.compliance-cta-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.compliance-btn {
  padding: 14px 28px;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.compliance-btn-primary {
  background: linear-gradient(135deg, var(--sb-brand-blue), var(--sb-brand-sky));
  color: #06101f;
  box-shadow: 0 12px 30px rgba(22,155,213,.3);
}

.compliance-btn-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
  color: #06101f;
  text-decoration: none;
}

.compliance-btn-secondary {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.25);
}

.compliance-btn-secondary:hover {
  border-color: var(--sb-brand-blue);
  color: var(--sb-brand-blue);
  text-decoration: none;
}

/* Section Headers */
.compliance-section-header {
  text-align: center;
  margin-bottom: 50px;
}

.compliance-section-header .compliance-label {
  color: var(--sb-brand-blue);
}

.compliance-h2 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 900;
  color: var(--sb-text);
  margin: 0;
  max-width: 700px;
  margin: 0 auto;
}

/* Services Section */
.compliance-services {
  padding: 80px 0;
  background: var(--sb-page-bg);
}

.compliance-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.compliance-card {
  background: var(--sb-surface);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius);
  padding: 32px;
  box-shadow: var(--sb-shadow);
  transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.compliance-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--sb-brand-blue), var(--sb-brand-sky));
  opacity: 0;
  transition: opacity 0.3s;
}

.compliance-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(2,6,23,.15);
}

.compliance-card:hover::before {
  opacity: 1;
}

.compliance-card-icon {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.compliance-card-title {
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--sb-text);
  margin: 0 0 12px;
}

.compliance-card-desc {
  color: var(--sb-muted);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 20px;
}

.compliance-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--sb-border);
  padding-top: 16px;
}

.compliance-card-list li {
  padding: 8px 0;
  color: var(--sb-muted);
  font-size: 0.95rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.compliance-card-list li::before {
  content: "→";
  color: var(--sb-brand-blue);
  font-weight: 700;
}

/* Why Section */
.compliance-why {
  padding: 80px 0;
  background: linear-gradient(180deg, #f0f4fa 0%, var(--sb-page-bg) 100%);
}

.compliance-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.compliance-why-item {
  text-align: center;
  padding: 24px;
}

.compliance-why-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: linear-gradient(135deg, rgba(22,155,213,.12), rgba(63,182,255,.08));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  border: 1px solid rgba(22,155,213,.2);
}

.compliance-why-item h3 {
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--sb-text);
  margin: 0 0 10px;
}

.compliance-why-item p {
  color: var(--sb-muted);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

/* Stats Section */
.compliance-stats {
  padding: 50px 0;
  background: var(--sb-surface);
  border-top: 1px solid var(--sb-border);
  border-bottom: 1px solid var(--sb-border);
}

.compliance-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  text-align: center;
}

.compliance-stat-number {
  display: block;
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: 900;
  color: var(--sb-brand-blue);
  line-height: 1.1;
  margin-bottom: 8px;
}

.compliance-stat-label {
  display: block;
  color: var(--sb-muted);
  font-size: 0.95rem;
  font-weight: 600;
}

/* CTA Section */
.compliance-cta-section {
  padding: 80px 0;
  background: var(--sb-page-bg);
  text-align: center;
}

.compliance-cta-content h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 900;
  color: var(--sb-text);
  margin: 0 0 16px;
}

.compliance-cta-content p {
  color: var(--sb-muted);
  font-size: 1.1rem;
  margin: 0 0 28px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* Mobile Responsive */
@media (max-width: 920px) {
  .compliance-hero {
    padding: 80px 0 60px;
  }
  
  .compliance-services-grid,
  .compliance-why-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .compliance-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
  
  .compliance-services,
  .compliance-why,
  .compliance-cta-section {
    padding: 60px 0;
  }
}

@media (max-width: 640px) {
  .compliance-hero {
    padding: 60px 0 50px;
  }
  
  .compliance-headline {
    font-size: 28px;
  }
  
  .compliance-cta-group {
    flex-direction: column;
  }
  
  .compliance-btn {
    width: 100%;
    justify-content: center;
  }
  
  .compliance-stats-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .compliance-card {
    padding: 24px;
  }
}