@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&display=swap');

:root{
  --sl-primary:#ff6b2c;
  --sl-primary-dark:#e95418;
  --sl-secondary:#ff9a62;
  --sl-ink:#182235;
  --sl-muted:#718096;
  --sl-bg:#f7f8fc;
  --sl-card:#ffffff;
  --sl-border:#e8ebf1;
  --sl-dark:#111827;
  --sl-radius:20px;
  --sl-shadow:0 18px 55px rgba(24,34,53,.08);
}

html{scroll-behavior:smooth}
body,
button,input,select,textarea,.btn,.form-control,.navbar,.table,.dropdown-menu{font-family:'Josefin Sans',sans-serif!important}
body{color:var(--sl-ink);background:#fff;letter-spacing:.05px}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
img{max-width:100%;height:auto}

/* ===== Global header ===== */
.header#headerNav,.header.fixed-top{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(232,235,241,.9)!important;
  box-shadow:0 8px 30px rgba(24,34,53,.055)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.header .navbar{min-height:76px;padding:.65rem 0!important}
.header .navbar-brand{display:flex;align-items:center;min-width:150px}
.header .navbar-brand img{max-height:48px!important;width:auto!important;object-fit:contain}
.header .navbar .navbar-nav{align-items:center}
.header .navbar .navbar-nav .nav-item{padding:0 8px!important}
.header .navbar .navbar-nav .nav-link{
  padding:10px 14px!important;
  border-radius:12px;
  color:var(--sl-ink)!important;
  font-size:16px!important;
  font-weight:600!important;
}
.header .navbar .navbar-nav .nav-link:hover,
.header .navbar .navbar-nav .active>.nav-link{
  color:var(--sl-primary)!important;
  background:rgba(255,107,44,.07)!important;
}
.header .btn-login-signup{align-items:center;gap:8px;margin-left:10px}
.header .btn-login{font-weight:600!important;color:var(--sl-ink)!important;padding:10px 14px!important}
.header .btn-login:hover{color:var(--sl-primary)!important}
.header .btn-outline-primary.sign-up,
.header .sign-up{
  border:1px solid var(--sl-primary)!important;
  border-radius:12px!important;
  color:var(--sl-primary)!important;
  background:#fff!important;
  padding:10px 18px!important;
  font-weight:700!important;
}
.header .btn-outline-primary.sign-up:hover,
.header .sign-up:hover{background:var(--sl-primary)!important;color:#fff!important;transform:translateY(-1px)}
.header .navbar-toggler{border:0!important;padding:8px 10px!important;border-radius:12px;background:#fff!important;box-shadow:0 4px 16px rgba(24,34,53,.08)}

/* ===== Home / landing page ===== */
body:has(.banner){background:#fff}
.banner.style--two{
  position:relative;overflow:hidden;
  padding:160px 0 120px!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(255,107,44,.16),transparent 28%),
    radial-gradient(circle at 10% 88%,rgba(255,154,98,.10),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fff8f4 100%)!important;
}
.banner.style--two:before{content:"";position:absolute;right:-150px;top:90px;width:480px;height:480px;border:1px solid rgba(255,107,44,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(255,107,44,.025),0 0 0 120px rgba(255,107,44,.018)}
.banner.style--two:after{content:"";position:absolute;left:-110px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:rgba(255,107,44,.045)}
.banner .container,.banner .row{position:relative;z-index:1}
.banner-content{padding-right:15px}
.banner-content .content h1{font-size:clamp(40px,5vw,70px)!important;line-height:1.02!important;font-weight:700!important;letter-spacing:-1.8px!important;color:var(--sl-ink)!important;margin-bottom:22px!important}
.banner-content .content h1:after{content:"";display:block;width:74px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--sl-primary),var(--sl-secondary));margin-top:24px}
.banner-content .content p{font-size:18px!important;line-height:1.75!important;color:var(--sl-muted)!important;max-width:590px;margin-bottom:30px!important}
.banner-btn-group{display:flex;gap:12px;flex-wrap:wrap}
.m-btn.s-btn{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--sl-primary),var(--sl-secondary))!important;color:#fff!important;padding:14px 26px!important;font-weight:700!important;box-shadow:0 14px 30px rgba(255,107,44,.25)!important}
.m-btn.s-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,107,44,.30)!important}
.banner-img{padding:15px}
.banner-img .b-thumb{filter:drop-shadow(0 28px 45px rgba(24,34,53,.15));animation:slFloat 5s ease-in-out infinite}
@keyframes slFloat{50%{transform:translateY(-10px)}}

section{position:relative}
.section-title h2,.feature-content h2,.feature-one-content h2{color:var(--sl-ink)!important;font-weight:700!important;letter-spacing:-.5px}
.section-title p,.feature-content p,.feature-one-content p{color:var(--sl-muted)!important;line-height:1.75}

/* feature cards */
.single-service.style--seven{
  min-height:190px;padding:30px 18px!important;margin-bottom:24px!important;
  border:1px solid var(--sl-border)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 10px 35px rgba(24,34,53,.055)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.single-service.style--seven:hover{transform:translateY(-7px);border-color:rgba(255,107,44,.35)!important;box-shadow:0 20px 48px rgba(24,34,53,.11)!important}
.single-service.style--seven img{height:70px;width:70px;object-fit:contain;margin-bottom:18px}
.single-service.style--seven h3{font-size:18px!important;color:var(--sl-ink)!important;font-weight:700!important;margin:0!important}

/* Why choose / service cards */
.service-bg{background:linear-gradient(180deg,#f7f8fc 0%,#fff 100%)!important}
.single-service.style--two{border:1px solid var(--sl-border)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--sl-shadow)!important;transition:transform .25s,box-shadow .25s!important}
.single-service.style--two:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(24,34,53,.12)!important}
.single-service.style--two .service-content h3{font-weight:700!important;color:var(--sl-ink)!important}
.single-service.style--two .service-content p{color:var(--sl-muted)!important}
.service-icon{border-radius:18px!important}
.m-btn.border-btn{border:1px solid var(--sl-primary)!important;border-radius:12px!important;background:#fff!important;color:var(--sl-primary)!important;font-weight:700!important;padding:11px 18px!important}
.m-btn.border-btn:hover{background:var(--sl-primary)!important;color:#fff!important}

/* content / list sections */
.feature-img img{filter:drop-shadow(0 22px 42px rgba(24,34,53,.10))}
.list-uncheck li{margin-bottom:24px!important}
.list-uncheck li h3{font-weight:700!important;color:var(--sl-ink)!important}
.list-uncheck li p{color:var(--sl-muted)!important}
.integration-bg{background:linear-gradient(135deg,#fff7f2,#f8f9fc)!important}
.plugin-icons img{filter:drop-shadow(0 15px 30px rgba(24,34,53,.10))}

/* FAQ */
.accordion-card{border:1px solid var(--sl-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 28px rgba(24,34,53,.05)!important;margin-bottom:12px!important;overflow:hidden}
.accordion-title{padding:18px 20px!important}
.accordion-title h3{font-weight:700!important;color:var(--sl-ink)!important;font-size:17px!important}
.accordion-content{color:var(--sl-muted)!important;line-height:1.7}

/* Footer */
.footer.management .footer-main,.footer.footer_top.dark{background:linear-gradient(135deg,#111827,#1c2535)!important}
.footer .widget_title h3,.footer .title{color:#fff!important;font-weight:700!important}
.footer p,.footer li,.footer a{color:#aeb8c8!important}
.footer a:hover{color:#fff!important}
.footer .widget-logo,.footer .site-logo img{max-height:48px;width:auto}
.footer-bottom,.footer_bottom{background:#0b1018!important;border-top:1px solid rgba(255,255,255,.08)!important}
.footer .theme-input-style,.footer input.email{border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:#fff!important;color:var(--sl-ink)!important}
.footer .btn,.footer .btn-signin{border-radius:13px!important;background:var(--sl-primary)!important;color:#fff!important;border:0!important}

/* ===== Auth pages ===== */
.login-bg-image{position:fixed!important;inset:0!important;height:100vh!important;background:radial-gradient(circle at 12% 18%,rgba(255,107,44,.14),transparent 30%),radial-gradient(circle at 88% 82%,rgba(104,118,255,.10),transparent 30%),linear-gradient(135deg,#f8fafc 0%,#fff7f2 52%,#f5f6fb 100%)!important;filter:none!important;z-index:0}
.auth-login-form{position:fixed!important;inset:0!important;transform:none!important;background:transparent!important;overflow:auto!important;z-index:2!important;padding:36px 15px!important}
.auth-login-form .container{min-height:100%;height:auto!important}
.auth-login-form .auth-form{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:35px auto!important;width:100%!important}
.auth-login-form .col-login{max-width:500px!important}
.auth-login-form .white_card,.auth-login-form form.card{border:1px solid rgba(232,235,241,.95)!important;border-radius:28px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 28px 85px rgba(24,34,53,.13)!important;overflow:hidden}
.auth-login-form .white_card_body,.auth-login-form .card-body{padding:38px!important}
.auth-login-form .card-title{margin-bottom:28px!important}
.auth-login-form .card-title h4,.auth-login-form .card-title h5{font-size:26px!important;font-weight:700!important;color:var(--sl-ink)!important;margin-top:10px!important}
.auth-login-form .site-logo{margin-bottom:14px!important}
.auth-login-form .website-logo{width:auto!important;max-width:190px!important;max-height:58px!important;height:auto!important;padding:0!important;object-fit:contain}
.auth-login-form .input-icon{margin-bottom:16px!important}
.auth-login-form .input-icon-addon{color:#9aa4b5!important;min-width:52px!important}
.auth-login-form .input-icon .form-control:not(:first-child){padding-left:52px!important}
.auth-login-form .form-control{height:54px!important;border:1px solid #e0e5ed!important;border-radius:14px!important;background:#fff!important;color:var(--sl-ink)!important;box-shadow:none!important}
.auth-login-form .form-control:focus{border-color:var(--sl-primary)!important;box-shadow:0 0 0 4px rgba(255,107,44,.11)!important;outline:0!important}
.auth-login-form select.form-control{padding-left:18px!important}
.auth-login-form label,.auth-login-form .custom-control-label{font-weight:600;color:#5e6a7c!important}
.auth-login-form .text-muted,.auth-login-form p{color:var(--sl-muted)!important}
.auth-login-form a{color:var(--sl-primary)!important;font-weight:600}
.auth-login-form a:hover{color:var(--sl-primary-dark)!important}
.auth-login-form .btn_2,.auth-login-form .btn-primary,.auth-login-form .btn-submit{width:100%;min-height:54px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--sl-primary),var(--sl-secondary))!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:0 14px 28px rgba(255,107,44,.22)!important}
.auth-login-form .btn_2:hover,.auth-login-form .btn-primary:hover,.auth-login-form .btn-submit:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(255,107,44,.28)!important}
.auth-login-form hr{border-top:1px solid var(--sl-border)!important}
.auth-login-form .g-recaptcha{margin:8px 0 18px}

/* ===== Dashboard / inner pages ===== */
.card,.white_card,.card_box{border:1px solid var(--sl-border)!important;border-radius:18px!important;box-shadow:0 10px 35px rgba(24,34,53,.055)!important;background:#fff!important}
.form-control{border:1px solid #e0e5ed!important;border-radius:12px!important;min-height:46px;background:#fff!important;color:var(--sl-ink)!important;box-shadow:none!important}
.form-control:focus{border-color:var(--sl-primary)!important;box-shadow:0 0 0 4px rgba(255,107,44,.10)!important}
.btn-primary,.btn_2,.btn-submit{border-radius:12px!important;font-weight:700!important}
.table{background:#fff;border-radius:16px;overflow:hidden}
.table thead th{background:#f7f8fc!important;color:#596579!important;border-bottom:1px solid var(--sl-border)!important;font-weight:700!important}
.table td{border-color:#edf0f4!important;color:#344054}
.dropdown-menu{border:1px solid var(--sl-border)!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(24,34,53,.12)!important;padding:7px!important}
.dropdown-item{border-radius:9px!important;padding:9px 12px!important}
.dropdown-item:hover{background:rgba(255,107,44,.07)!important;color:var(--sl-primary)!important}
.alert{border:0!important;border-radius:14px!important}
.badge{border-radius:999px!important;padding:.45em .75em!important}

/* Hide accidental horizontal overflow from legacy sections */
html,body{overflow-x:hidden}

@media (max-width:991.98px){
  .header .navbar{min-height:68px}
  .header .navbar-collapse{margin-top:10px;padding:10px;border:1px solid var(--sl-border);border-radius:16px;background:#fff;box-shadow:0 18px 35px rgba(24,34,53,.08)}
  .header .navbar .navbar-nav .nav-item{padding:2px!important}
  .header .navbar .navbar-nav .nav-link{display:block}
  .header .btn-login-signup{margin:8px 0 0;justify-content:center}
  .banner.style--two{padding:125px 0 80px!important}
  .banner-content{text-align:center;padding:0 8px}
  .banner-content .content h1{font-size:clamp(38px,9vw,54px)!important}
  .banner-content .content h1:after{margin:20px auto 0}
  .banner-content .content p{margin-left:auto;margin-right:auto}
  .banner-btn-group{justify-content:center}
  .banner-img{margin-top:45px;text-align:center!important}
}

@media (max-width:575.98px){
  .header .navbar-brand img{max-width:145px!important;max-height:42px!important}
  .header .btn-login-signup{width:100%;display:flex!important}
  .header .btn-login,.header .sign-up{flex:1;text-align:center}
  .banner.style--two{padding:105px 0 65px!important}
  .banner-content .content h1{font-size:37px!important;letter-spacing:-.8px!important}
  .banner-content .content p{font-size:16px!important}
  .single-service.style--seven{min-height:165px;padding:24px 12px!important}
  .auth-login-form{padding:18px 12px!important}
  .auth-login-form .auth-form{margin:10px auto!important}
  .auth-login-form .white_card_body,.auth-login-form .card-body{padding:26px 20px!important}
  .auth-login-form .card-title h4,.auth-login-form .card-title h5{font-size:23px!important}
  .auth-login-form .website-logo{max-width:165px!important}
}