/* my-css.css (combined) */
/* ... (shortened header omitted for brevity in file, full styles included) */

:root{
  --pe-primary: #0b63f6;
  --pe-primary-600:#094cc0;
  --pe-accent:  #00c2a8;
  --pe-dark:    #0f172a;
  --pe-darker:  #0b1020;
  --pe-muted:   #6b7280;
  --pe-bg:      #ffffff;
  --pe-soft:    #f6f8fb;
  --pe-border:  #e5e7eb;
  --radius-xl:  20px;
  --radius-lg:  14px;
  --radius-md:  10px;
  --shadow-md:  0 10px 25px rgba(2,12,27,.08);
  --shadow-lg:  0 20px 45px rgba(2,12,27,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color: #111827;
  background: var(--pe-bg);
  line-height:1.65;
}
img{max-width:100%;display:block;height:auto}
a{color:var(--pe-primary);text-decoration:none}
a:hover{color:var(--pe-primary-600);text-decoration:underline}
b,strong{font-weight:700}
.container{width:100%;max-width:1140px;padding:0 20px;margin:0 auto;}
.default-padding{padding:0px 0}
@media (max-width:991px){.default-padding{padding:60px 0}}
@media (max-width:575px){.default-padding{padding:44px 0}}
.text-center{text-align:center}
.text-light{color:#f9fafb}
.text-dark{color:#0f172a}
.bg-dark{background:var(--pe-darker)}
.bg-cover{background-size:cover;background-position:center;background-repeat:no-repeat}

/* Preloader */
#preloader{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,var(--pe-darker),#111827);display:flex;align-items:center;justify-content:center;}
.tranzi-loader-inner{transform:translateZ(0)}
.tranzi-loader{display:flex;gap:10px}
.tranzi-loader-item{width:10px;height:10px;border-radius:50%;background:var(--pe-accent);opacity:.8;animation:pe-bounce 1.2s infinite ease-in-out;box-shadow:0 6px 16px rgba(0,194,168,.35)}
.tranzi-loader-item:nth-child(2){animation-delay:.1s}
.tranzi-loader-item:nth-child(3){animation-delay:.2s}
.tranzi-loader-item:nth-child(4){animation-delay:.3s}
.tranzi-loader-item:nth-child(5){animation-delay:.4s}
.tranzi-loader-item:nth-child(6){animation-delay:.5s}
.tranzi-loader-item:nth-child(7){animation-delay:.6s}
.tranzi-loader-item:nth-child(8){animation-delay:.7s}
@keyframes pe-bounce{0%,80%,100%{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}
body.loaded #preloader{display:none}

/* Breadcrumb Banner */
.breadcrumb-area.with-banner{position:relative;min-height:320px;display:flex;align-items:center;}
.breadcrumb-area.with-banner::before{content:"";position:absolute;inset:0;background:linear-gradient( to bottom, rgba(11,16,32,.55), rgba(11,16,32,.75) );}
.breadcrumb-area .container{position:relative;z-index:2}
.breadcrumb-area h1{font-size:42px;line-height:1.15;margin:0 0 12px;font-weight:800;color:#fff}
@media (max-width:767px){.breadcrumb-area h1{font-size:32px}}
.breadcrumb{display:flex;gap:10px;align-items:center;justify-content:center;list-style:none;margin:8px 0 0;padding:0;color:#e5e7eb}
.breadcrumb li{opacity:.9;font-weight:500}
.breadcrumb li a{color:#e5e7eb}

/* About / Content Wrapper */
.about-style-one-area{position:relative;background:var(--pe-soft);}
.about-style-one-info{background:#fff;padding:40px 34px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);}
@media (max-width:575px){.about-style-one-info{padding:26px}}
.shape-style-five{position:absolute;right:-40px;top:-40px;opacity:.08;pointer-events:none}
.shape-style-five img{width:220px;filter:grayscale(100%)}

/* Typography */
h2.title,.title{font-size:40px;line-height:1.15;margin:0 0 18px;font-weight:800;color:var(--pe-dark)}
h4.sub-title{font-size:20px;letter-spacing:.3px;text-transform:none;margin:26px 0 12px;color:var(--pe-primary);font-weight:800;position:relative}
h4.sub-title::after{content:"";display:block;width:46px;height:3px;margin-top:8px;background:linear-gradient(90deg,var(--pe-primary),var(--pe-accent));border-radius:3px}
p{margin:0 0 14px;color:#334155}
.lead{font-size:18px;color:#1f2937}

/* Lists */
.about-style-one-info ul,.about-style-one-info ol{margin:10px 0 18px 0;padding-left:22px;color:#374151}
.about-style-one-info ul li{margin:6px 0}
.about-style-one-info ol{counter-reset:item}
.about-style-one-info ol li{margin:8px 0}

/* Section Row Layout + bg-icon heading */
.section-row{position:relative;padding:28px;margin-bottom:24px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s ease, box-shadow .2s ease;}
.section-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.sub-title.with-bg{position:relative;font-size:22px;font-weight:800;color:var(--pe-primary);margin-bottom:14px;padding-left:4px;}
.sub-title.with-bg::before{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:80px;height:80px;background:var(--bg-icon) no-repeat center/contain;opacity:.08;pointer-events:none;}
@media(max-width:767px){.sub-title.with-bg::before{width:60px;height:60px;opacity:.06}}

/* Emphasis / Cards */
.card{background:#fff;border:1px solid var(--pe-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md)}
.note{background:linear-gradient(180deg,#f0f7ff,#fff);border:1px dashed #bfdbfe;border-radius:var(--radius-md);padding:14px 16px;color:#0f172a}

/* Buttons */
.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-weight:700;background:var(--pe-primary);color:#fff;box-shadow:var(--shadow-md);transition:transform .12s ease, box-shadow .12s ease, background .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:var(--pe-primary-600)}

/* Tables */
.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--pe-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--pe-border)}
.table th{background:#f8fafc;text-align:left;color:#0f172a}

/* Animations */
.wow{visibility:visible}.fadeInUp{animation:fadeInUp .7s ease both}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* Footer */
footer{background:#0b1020;color:#cbd5e1}
footer .container{padding:28px 20px}
footer a{color:#e5e7eb}

/* Helpers */
.bg-gradient{background:linear-gradient(135deg,var(--pe-primary),var(--pe-accent));color:#fff}
.rounded-xl{border-radius:var(--radius-xl)}

/* Responsive */
@media (max-width:991px){.title{font-size:34px}.about-style-one-info{border-radius:16px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}