:root{
  --navy:#072b57;
  --navy-dark:#041d3f;
  --blue:#0e64d8;
  --orange:#ff6a00;
  --text:#122033;
  --muted:#647084;
  --soft:#f5f8fc;
  --white:#ffffff;
  --border:#dfe7f1;
  --shadow:0 18px 45px rgba(8,35,72,.10);
  --radius:18px;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Inter", Arial, sans-serif;
  color:var(--text);
  background:#fff;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select{
  font-family:inherit;
}

.container{
  width:min(1180px, 92%);
  margin:0 auto;
}

.skip-link{
  position:absolute;
  left:-999px;
  top:12px;
  background:var(--navy);
  color:#fff;
  padding:10px 14px;
  border-radius:8px;
  z-index:9999;
}

.skip-link:focus{
  left:12px;
}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  box-shadow:0 6px 24px rgba(15,43,82,.06);
}

.header-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
}

.brand-mark{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, var(--blue), #7a4df4);
  color:#fff;
  font-size:30px;
  font-weight:900;
  transform:skew(-8deg);
  box-shadow:0 12px 28px rgba(14,100,216,.25);
}

.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.brand-text strong{
  color:var(--navy);
  font-size:30px;
  letter-spacing:.5px;
}

.brand-text small{
  color:var(--text);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.1px;
}

.main-nav{
  display:flex;
  align-items:center;
  gap:4px;
}

.main-nav a{
  color:#132238;
  font-size:14px;
  font-weight:700;
  padding:28px 14px;
  position:relative;
}

.main-nav a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:18px;
  height:2px;
  border-radius:20px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s ease;
}

.main-nav a:hover,
.main-nav a.active{
  color:var(--orange);
}

.main-nav a:hover::after,
.main-nav a.active::after{
  transform:scaleX(1);
}

.header-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  background:var(--navy);
  padding:13px 20px;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  box-shadow:0 12px 26px rgba(7,43,87,.22);
}

.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:0;
  background:var(--navy);
  border-radius:10px;
  cursor:pointer;
  place-items:center;
  padding:10px;
}

.menu-toggle span{
  width:22px;
  height:2px;
  background:#fff;
  display:block;
  margin:3px 0;
  transition:.25s ease;
}

.hero-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 25%, rgba(14,100,216,.08), transparent 34%),
    linear-gradient(180deg,#fff 0%, #f7faff 100%);
  padding:72px 0 72px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:54px;
}

.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--orange);
  font-weight:900;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:16px;
}

.section-kicker::before{
  content:"";
  width:22px;
  height:2px;
  background:var(--orange);
  border-radius:20px;
}

.hero-content h1{
  font-size:clamp(38px, 5vw, 66px);
  line-height:1.05;
  margin:0 0 22px;
  color:var(--navy-dark);
  letter-spacing:-2px;
}

.hero-content h1 span{
  color:var(--orange);
}

.hero-content p{
  color:#46566b;
  font-size:17px;
  line-height:1.75;
  max-width:610px;
  margin:0 0 32px;
}

.hero-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.btn-primary,
.btn-outline,
.course-btn,
.contact-form button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:8px;
  font-size:15px;
  font-weight:800;
  transition:.25s ease;
  cursor:pointer;
}

.btn-primary{
  color:#fff;
  background:var(--navy);
  padding:15px 24px;
  box-shadow:0 12px 26px rgba(7,43,87,.22);
}

.btn-primary:hover,
.course-btn:hover,
.contact-form button:hover,
.header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(7,43,87,.26);
}

.btn-outline{
  color:var(--navy);
  background:#fff;
  border:1px solid #bccce0;
  padding:14px 24px;
}

.hero-visual{
  min-height:420px;
  position:relative;
  display:grid;
  place-items:center;
}

.hero-visual::before{
  content:"";
  position:absolute;
  width:460px;
  height:320px;
  background:linear-gradient(135deg, rgba(14,100,216,.08), rgba(255,106,0,.08));
  border-radius:55% 45% 50% 50%;
}

.student-card{
  position:relative;
  z-index:2;
  width:min(360px, 80%);
  height:280px;
  border-radius:26px;
  background:linear-gradient(145deg,#ffffff,#eef5ff);
  box-shadow:var(--shadow);
  display:grid;
  place-items:center;
  border:1px solid var(--border);
}

.student-face{
  width:120px;
  height:120px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 35%, #ffd8b8 0 33%, transparent 34%),
    radial-gradient(circle at 50% 12%, #1a2940 0 24%, transparent 25%),
    linear-gradient(#2d78f0,#2d78f0);
  position:relative;
}

.student-face::after{
  content:"";
  position:absolute;
  width:160px;
  height:80px;
  border-radius:18px;
  background:var(--navy);
  left:50%;
  top:115px;
  transform:translateX(-50%);
}

.laptop{
  position:absolute;
  bottom:42px;
  width:210px;
  height:92px;
  border-radius:14px;
  background:linear-gradient(135deg,#f1f6ff,#dbe9ff);
  border:2px solid #b7c8df;
  display:grid;
  place-items:center;
}

.laptop span{
  width:55px;
  height:8px;
  border-radius:10px;
  background:var(--orange);
}

.hero-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 14px 30px rgba(8,35,72,.10);
  border-radius:12px;
  padding:14px 18px;
  font-weight:800;
  font-size:14px;
}

.hero-card i{
  color:var(--blue);
  font-size:22px;
}

.hero-card-one{
  left:0;
  top:80px;
}

.hero-card-two{
  right:8px;
  top:35px;
}

.hero-card-three{
  right:-10px;
  bottom:72px;
}

.feature-strip{
  margin-top:-34px;
  position:relative;
  z-index:4;
}

.feature-grid{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  overflow:hidden;
}

.feature-item{
  display:flex;
  gap:18px;
  padding:28px 24px;
  border-right:1px solid var(--border);
}

.feature-item:last-child{
  border-right:0;
}

.feature-item i{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--blue);
  background:#eef5ff;
  font-size:24px;
  flex:0 0 auto;
}

.feature-item h2{
  font-size:16px;
  margin:0 0 8px;
}

.feature-item p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.section{
  padding:82px 0;
}

.about-section{
  padding-bottom:40px;
}

.about-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:48px;
  align-items:start;
}

.about-grid h2,
.section-heading h2,
.section-title-row h2,
.training-content h2,
.faq-grid h2,
.cta-section h2{
  font-size:clamp(28px, 3.2vw, 42px);
  line-height:1.18;
  margin:0;
  color:#071e3d;
  letter-spacing:-.8px;
}

.about-grid p,
.section-heading p,
.training-content p,
.faq-grid p,
.cta-section p{
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
  margin:0;
}

.section-heading{
  text-align:center;
  max-width:700px;
  margin:0 auto 42px;
}

.section-heading h2{
  margin-bottom:14px;
}

.service-grid,
.course-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}

.service-card,
.course-card,
.plan-card,
.why-grid article,
.testimonial-card,
.stat-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 10px 28px rgba(8,35,72,.06);
}

.service-card{
  padding:30px 24px;
}

.card-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:28px;
  margin-bottom:24px;
}

.card-icon.blue{background:#e8f1ff;color:#0e64d8}
.card-icon.green{background:#e9f9f1;color:#18a862}
.card-icon.purple{background:#f0eafe;color:#7048e8}
.card-icon.orange{background:#fff1e8;color:#ff6a00}

.service-card h3,
.course-card h3,
.plan-card h3,
.why-grid h3{
  margin:0 0 12px;
  font-size:20px;
  color:#081e3b;
}

.service-card p,
.course-card p,
.plan-card p,
.why-grid p,
.testimonial-card p{
  color:var(--muted);
  line-height:1.7;
  margin:0;
  font-size:14.5px;
}

.courses-section{
  background:#fff;
}

.section-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
}

.small-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #b8c7da;
  color:var(--navy);
  padding:12px 16px;
  border-radius:8px;
  font-weight:800;
  font-size:14px;
  white-space:nowrap;
}

.course-card{
  padding:34px 24px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.course-card .card-icon{
  margin-left:auto;
  margin-right:auto;
}

.duration-tags{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin:22px 0;
}

.duration-tags span{
  background:#edf4ff;
  color:#0e64d8;
  padding:7px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:800;
}

.green-tags span{background:#eafaf2;color:#138e54}
.purple-tags span{background:#f0eafe;color:#7048e8}
.orange-tags span{background:#fff1e8;color:#e45d00}

.course-btn{
  background:var(--navy);
  color:#fff;
  padding:13px 18px;
  margin-top:auto;
}

.plans-section{
  background:var(--soft);
}

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

.plan-card{
  padding:32px 26px;
  position:relative;
}

.plan-card.popular{
  border:2px solid var(--orange);
  transform:translateY(-8px);
}

.popular-badge{
  position:absolute;
  right:20px;
  top:18px;
  background:var(--orange);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
}

.plan-card ul{
  padding:0;
  margin:22px 0 0;
  list-style:none;
}

.plan-card li{
  position:relative;
  padding-left:26px;
  color:#44546a;
  margin-bottom:12px;
}

.plan-card li::before{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  color:var(--orange);
}

.training-section{
  background:#fff;
  padding:72px 0;
}

.training-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:48px;
  align-items:center;
}

.orange-text{
  color:var(--orange);
}

.training-content h2 span{
  color:var(--orange);
}

.training-content p{
  margin-top:16px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.stat-card{
  padding:30px 18px;
  text-align:center;
}

.stat-card i{
  color:var(--orange);
  font-size:28px;
  margin-bottom:16px;
}

.stat-card strong{
  display:block;
  color:var(--navy);
  font-size:38px;
  line-height:1;
  margin-bottom:8px;
}

.stat-card span{
  color:var(--muted);
  font-weight:700;
  font-size:14px;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}

.why-grid article{
  padding:28px 20px;
  text-align:center;
}

.why-grid i{
  color:var(--blue);
  background:#eef5ff;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  font-size:24px;
}

.testimonials-section{
  background:var(--soft);
}

.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}

.testimonial-card{
  padding:24px;
}

.review-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
}

.avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--orange));
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
}

.review-top h3{
  margin:0;
  font-size:16px;
}

.review-top span{
  color:var(--muted);
  font-size:13px;
}

.stars{
  color:#ffb000;
  letter-spacing:1px;
  white-space:nowrap;
}

.faq-section{
  background:#fff;
}

.faq-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:50px;
}

.faq-grid p{
  margin-top:16px;
}

.faq-list{
  display:grid;
  gap:14px;
}

details{
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  padding:0;
  overflow:hidden;
}

summary{
  cursor:pointer;
  padding:20px 22px;
  font-weight:800;
  color:#0d2443;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

summary::-webkit-details-marker{
  display:none;
}

summary::after{
  content:"+";
  color:var(--orange);
  font-size:24px;
  line-height:1;
}

details[open] summary::after{
  content:"–";
}

details p{
  padding:0 22px 20px;
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.cta-section{
  background:linear-gradient(135deg,var(--navy),#0e64d8);
  color:#fff;
  padding:58px 0;
}

.cta-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:44px;
  align-items:center;
}

.cta-section h2{
  color:#fff;
  margin-bottom:14px;
}

.cta-section p{
  color:#dcecff;
}

.contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  background:#fff;
  padding:18px;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}

.contact-form input,
.contact-form select{
  width:100%;
  border:1px solid var(--border);
  border-radius:10px;
  min-height:48px;
  padding:0 14px;
  outline:0;
  color:var(--text);
  background:#fff;
}

.contact-form input:focus,
.contact-form select:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(14,100,216,.08);
}

.contact-form button{
  grid-column:1 / -1;
  border:0;
  background:var(--orange);
  color:#fff;
  min-height:50px;
}

.footer{
  background:#061d3d;
  color:#dcecff;
  padding:58px 0 22px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr .8fr 1fr 1.2fr;
  gap:42px;
}

.footer-logo{
  margin-bottom:20px;
}

.footer .brand-text strong,
.footer .brand-text small{
  color:#fff;
}

.footer p{
  color:#bfd1e6;
  line-height:1.75;
  margin:0 0 22px;
}

.social-links{
  display:flex;
  gap:10px;
}

.social-links a{
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  transition:.25s ease;
}

.social-links a:hover{
  background:var(--orange);
  border-color:var(--orange);
}

.footer h3{
  color:#fff;
  margin:0 0 20px;
  font-size:18px;
}

.footer ul{
  list-style:none;
  margin:0;
  padding:0;
}

.footer li{
  margin-bottom:12px;
  color:#bfd1e6;
}

.footer a{
  color:#bfd1e6;
}

.footer a:hover{
  color:#fff;
}

.contact-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.contact-list i{
  color:var(--orange);
  margin-top:3px;
}

.footer-bottom{
  margin-top:38px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#bfd1e6;
  font-size:14px;
}

.footer-bottom p{
  margin:0;
}

.footer-bottom div{
  display:flex;
  align-items:center;
  gap:12px;
}

.scroll-top{
  position:fixed;
  right:22px;
  bottom:22px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  display:none;
  place-items:center;
  cursor:pointer;
  z-index:999;
  box-shadow:0 14px 28px rgba(255,106,0,.28);
}

.scroll-top.show{
  display:grid;
}

/* Responsive */
@media(max-width:1120px){
  .header-cta{
    display:none;
  }

  .main-nav a{
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
  }

  .service-grid,
  .course-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .feature-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .feature-item:nth-child(2){
    border-right:0;
  }

  .feature-item:nth-child(1),
  .feature-item:nth-child(2){
    border-bottom:1px solid var(--border);
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:920px){
  .menu-toggle{
    display:grid;
  }

  .main-nav{
    position:fixed;
    top:78px;
    right:0;
    width:min(360px, 88vw);
    height:calc(100vh - 78px);
    background:#fff;
    border-left:1px solid var(--border);
    box-shadow:-18px 0 40px rgba(8,35,72,.15);
    flex-direction:column;
    align-items:stretch;
    padding:18px;
    transform:translateX(100%);
    transition:.28s ease;
    overflow:auto;
  }

  .main-nav.open{
    transform:translateX(0);
  }

  .main-nav a{
    padding:16px 10px;
    border-bottom:1px solid var(--border);
  }

  .main-nav a::after{
    display:none;
  }

  .hero-grid,
  .about-grid,
  .training-grid,
  .faq-grid,
  .cta-grid{
    grid-template-columns:1fr;
  }

  .hero-section{
    padding-top:52px;
  }

  .hero-visual{
    min-height:360px;
  }

  .hero-card-one{
    left:12px;
  }

  .hero-card-two{
    right:20px;
  }

  .hero-card-three{
    right:10px;
  }

  .stats-grid,
  .plan-grid,
  .testimonial-grid,
  .why-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .plan-card.popular{
    transform:none;
  }
}

@media(max-width:680px){
  .container{
    width:92%;
  }

  .header-inner{
    min-height:70px;
  }

  .brand-mark{
    width:42px;
    height:42px;
    font-size:26px;
  }

  .brand-text strong{
    font-size:24px;
  }

  .brand-text small{
    font-size:9px;
  }

  .main-nav{
    top:70px;
    height:calc(100vh - 70px);
  }

  .hero-content h1{
    letter-spacing:-1px;
  }

  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .btn-primary,
  .btn-outline{
    width:100%;
  }

  .hero-visual{
    min-height:310px;
  }

  .hero-card{
    font-size:12px;
    padding:10px 12px;
  }

  .student-card{
    height:235px;
    width:92%;
  }

  .feature-grid,
  .service-grid,
  .course-grid,
  .plan-grid,
  .stats-grid,
  .why-grid,
  .testimonial-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }

  .feature-item{
    border-right:0;
    border-bottom:1px solid var(--border);
  }

  .feature-item:last-child{
    border-bottom:0;
  }

  .section{
    padding:58px 0;
  }

  .section-title-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .small-link{
    width:100%;
    justify-content:center;
  }

  .contact-form{
    grid-template-columns:1fr;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:420px){
  .hero-card{
    display:none;
  }

  .review-top{
    grid-template-columns:auto 1fr;
  }

  .stars{
    grid-column:1 / -1;
  }
}
.logo-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.site-logo{
  width:150px;
  height:auto;
  max-height:188px;
  object-fit:contain;
  display:block;
}

@media(max-width:768px){
  .site-logo{
    width:125px;
    max-height:50px;
  }
}
/* ===== WHITE SPACE FIX ===== */
html,
body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

body > *:first-child{
  margin-top:0 !important;
}

body > *:last-child{
  margin-bottom:0 !important;
}

.hero-section{
  margin-top:0 !important;
}

.footer{
  margin-bottom:0 !important;
  padding-bottom:22px !important;
}
/*Course*/
:root{--ajrr-navy:#061d3d;--ajrr-blue:#0e64d8;--ajrr-orange:#ffb400;--ajrr-orange-dark:#ff6a00;--ajrr-green:#35a936;--ajrr-purple:#6046c8;--ajrr-text:#122033;--ajrr-muted:#657287;--ajrr-border:#dfe7f1;--ajrr-soft:#f5f8fc;--ajrr-white:#ffffff;--ajrr-shadow:0 18px 45px rgba(8,35,72,.10)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ajrr-text);background:#fff}
a{text-decoration:none;color:inherit}
.ajrr-container{width:min(1180px,92%);margin:auto}
.ajrr-section{padding:82px 0}
.ajrr-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--ajrr-orange-dark);font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:14px}
.ajrr-kicker::before{content:"";width:22px;height:2px;background:var(--ajrr-orange-dark)}
.ajrr-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.ajrr-title-row h2{color:#071e3d;font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin:0}
.ajrr-title-row h2 span{color:var(--ajrr-orange-dark)}
.ajrr-small-btn{border:1px solid #b8c7da;color:var(--ajrr-navy);padding:12px 16px;border-radius:8px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ajrr-course-promo{background:radial-gradient(circle at 75% 25%,rgba(14,100,216,.10),transparent 35%),linear-gradient(135deg,#fff 0%,#f7faff 100%);border:1px solid var(--ajrr-border);border-radius:26px;overflow:hidden;box-shadow:var(--ajrr-shadow);margin-bottom:32px}
.ajrr-promo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:34px}
.ajrr-promo-content h3{color:var(--ajrr-navy);font-size:clamp(34px,4vw,60px);line-height:1.02;margin:0 0 16px;text-transform:uppercase;letter-spacing:-1px}
.ajrr-promo-content h3 span{color:var(--ajrr-blue)}
.ajrr-promo-content p{color:#405068;font-size:17px;line-height:1.7;margin:0 0 24px;max-width:650px}
.ajrr-offer-box{background:#fff;border:2px dashed var(--ajrr-blue);border-radius:18px;padding:22px;box-shadow:0 14px 32px rgba(8,35,72,.10)}
.ajrr-offer-box small{display:inline-block;background:var(--ajrr-orange);color:#061d3d;font-weight:900;padding:7px 12px;border-radius:7px;text-transform:uppercase;margin-bottom:14px}
.ajrr-price{color:var(--ajrr-orange);background:var(--ajrr-navy);border-radius:12px;padding:12px 16px;font-size:42px;font-weight:900;line-height:1;display:inline-block;margin-bottom:10px}
.ajrr-old-price{color:#111;font-size:28px;font-weight:900;text-decoration:line-through}
.ajrr-limited{display:block;background:var(--ajrr-orange);color:#061d3d;text-align:center;font-size:18px;font-weight:900;padding:11px;border-radius:10px;margin-top:18px}
.ajrr-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ajrr-course-card{background:#fff;border:1px solid var(--ajrr-border);border-radius:18px;padding:28px 22px;box-shadow:0 10px 28px rgba(8,35,72,.06);transition:.3s ease;display:flex;flex-direction:column}
.ajrr-course-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(8,35,72,.12);border-color:rgba(14,100,216,.28)}
.ajrr-card-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:26px;margin-bottom:20px}
.ajrr-card-icon.blue{background:var(--ajrr-blue)}
.ajrr-card-icon.orange{background:var(--ajrr-orange-dark)}
.ajrr-card-icon.green{background:var(--ajrr-green)}
.ajrr-card-icon.purple{background:var(--ajrr-purple)}
.ajrr-course-card h3{font-size:20px;color:#081e3b;margin:0 0 10px}
.ajrr-course-card p{color:var(--ajrr-muted);line-height:1.65;font-size:14.5px;margin:0 0 18px}
.ajrr-course-points{list-style:none;padding:0;margin:0 0 20px}
.ajrr-course-points li{position:relative;padding-left:23px;margin-bottom:10px;color:#35445a;font-size:14px;line-height:1.45}
.ajrr-course-points li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:var(--ajrr-orange-dark)}
.ajrr-duration-tags{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 18px}
.ajrr-duration-tags span{background:#edf4ff;color:var(--ajrr-blue);padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800}
.ajrr-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ajrr-navy);color:#fff;padding:13px 16px;border-radius:8px;font-size:14px;font-weight:900;margin-top:auto}
.ajrr-card-btn:hover{background:var(--ajrr-blue)}
.ajrr-get-section{margin-top:36px;background:var(--ajrr-navy);color:#fff;border-radius:24px;padding:32px;box-shadow:var(--ajrr-shadow)}
.ajrr-get-section h3{text-align:center;margin:0 0 26px;font-size:28px;text-transform:uppercase;letter-spacing:.5px}
.ajrr-get-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.22);border-radius:18px;overflow:hidden}
.ajrr-get-item{padding:24px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.ajrr-get-item:nth-child(3n){border-right:0}.ajrr-get-item:nth-last-child(-n+3){border-bottom:0}
.ajrr-get-item i{font-size:30px;color:var(--ajrr-orange);margin-bottom:12px}
.ajrr-get-item h4{margin:0;font-size:17px;line-height:1.35}
.ajrr-page-header{background:#fff;border-bottom:1px solid var(--ajrr-border);position:sticky;top:0;z-index:99}
.ajrr-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ajrr-logo{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ajrr-navy);font-size:28px}
.ajrr-logo img{width:150px;max-height:70px;object-fit:contain}
.ajrr-nav{display:flex;gap:20px;align-items:center}
.ajrr-nav a{font-size:14px;font-weight:800;color:#17263b}
.ajrr-nav .enquire{background:var(--ajrr-navy);color:#fff;padding:11px 16px;border-radius:8px}
.ajrr-detail-hero{background:radial-gradient(circle at 80% 20%,rgba(14,100,216,.10),transparent 32%),linear-gradient(135deg,#fff 0%,#f5f8fc 100%);padding:70px 0}
.ajrr-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.ajrr-detail-content h1{font-size:clamp(38px,5vw,66px);line-height:1.04;color:var(--ajrr-navy);margin:0 0 18px;text-transform:uppercase;letter-spacing:-1px}
.ajrr-detail-content h1 span{color:var(--ajrr-blue)}
.ajrr-detail-content p{color:#45556b;font-size:17px;line-height:1.75;margin:0 0 26px}
.ajrr-detail-actions{display:flex;gap:14px;flex-wrap:wrap}
.ajrr-primary-btn,.ajrr-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:8px;font-weight:900}
.ajrr-primary-btn{background:var(--ajrr-navy);color:#fff}
.ajrr-outline-btn{background:#fff;color:var(--ajrr-navy);border:1px solid #b8c7da}
.ajrr-detail-offer{background:#fff;border:2px dashed var(--ajrr-blue);border-radius:22px;padding:26px;box-shadow:var(--ajrr-shadow);text-align:center}
.ajrr-detail-offer h2{margin:0 0 8px;color:var(--ajrr-navy);font-size:34px}
.ajrr-detail-offer .ajrr-price{font-size:52px}
.ajrr-detail-main{padding:70px 0}
.ajrr-info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.ajrr-info-card{background:#fff;border:1px solid var(--ajrr-border);border-radius:18px;padding:30px;box-shadow:0 10px 28px rgba(8,35,72,.06)}
.ajrr-info-card h2{color:var(--ajrr-navy);font-size:30px;margin:0 0 18px}
.ajrr-module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}
.ajrr-module-list li,.ajrr-benefit-list li{position:relative;padding-left:28px;color:#394960;line-height:1.55;margin-bottom:10px}
.ajrr-module-list li::before,.ajrr-benefit-list li::before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--ajrr-orange-dark);position:absolute;left:0;top:1px}
.ajrr-benefit-list{list-style:none;padding:0;margin:0}
.ajrr-sidebar-card{background:var(--ajrr-navy);color:#fff;border-radius:20px;padding:28px;position:sticky;top:95px}
.ajrr-sidebar-card h3{margin:0 0 16px;font-size:24px}
.ajrr-sidebar-card ul{list-style:none;padding:0;margin:0 0 22px}
.ajrr-sidebar-card li{display:flex;gap:10px;margin-bottom:14px;color:#e6f0ff;line-height:1.45}
.ajrr-sidebar-card i{color:var(--ajrr-orange);margin-top:3px}
.ajrr-tools-box{margin-top:30px;background:var(--ajrr-soft);border-radius:18px;padding:28px}
.ajrr-tools-box h2{margin:0 0 12px;color:var(--ajrr-navy)}
.ajrr-tools-box p{margin:0;color:var(--ajrr-muted);line-height:1.7}
.ajrr-footer{background:var(--ajrr-navy);color:#cfe0f5;padding:28px 0;text-align:center}
.ajrr-footer p{margin:0}@media(max-width:1120px){.ajrr-course-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.ajrr-promo-grid,.ajrr-detail-grid,.ajrr-info-grid{grid-template-columns:1fr}
  .ajrr-course-grid,.ajrr-get-grid{grid-template-columns:repeat(2,1fr)}
  .ajrr-get-item,.ajrr-get-item:nth-child(3n),.ajrr-get-item:nth-last-child(-n+3){border:1px solid rgba(255,255,255,.22)}
  .ajrr-module-list{grid-template-columns:1fr}
  .ajrr-nav{display:none}}
  @media(max-width:640px){.ajrr-section{padding:58px 0}.ajrr-title-row{flex-direction:column;align-items:flex-start}
    .ajrr-small-btn{width:100%;justify-content:center}
    .ajrr-promo-grid{padding:24px}
    .ajrr-price{font-size:34px}
    .ajrr-old-price{font-size:22px}.ajrr-course-grid,
    .ajrr-get-grid{grid-template-columns:1fr}
    .ajrr-get-item,.ajrr-get-item:nth-child(3n),
    .ajrr-get-item:nth-last-child(-n+3){border-right:0;border-left:0}
    .ajrr-detail-actions{flex-direction:column}
    .ajrr-primary-btn,

  .ajrr-outline-btn{width:100%}}




.ajrr-container{
  width:min(1180px, 92%);
  margin:0 auto;
}

/* HERO SECTION */
.ajrr-detail-hero{
  background:
    radial-gradient(circle at 80% 20%, rgba(14,100,216,.10), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%);
  padding:80px 0;
  overflow:hidden;
}

.ajrr-detail-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center;
}

.ajrr-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--ajrr-orange-dark);
  font-weight:900;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:16px;
}

.ajrr-kicker::before{
  content:"";
  width:24px;
  height:2px;
  background:var(--ajrr-orange-dark);
  border-radius:20px;
}

.ajrr-detail-content h1{
  font-size:clamp(38px, 5vw, 66px);
  line-height:1.04;
  color:var(--ajrr-navy);
  margin:0 0 20px;
  text-transform:uppercase;
  letter-spacing:-1px;
}

.ajrr-detail-content h1 span{
  color:var(--ajrr-blue);
}

.ajrr-detail-content p{
  color:#45556b;
  font-size:17px;
  line-height:1.75;
  margin:0 0 30px;
  max-width:660px;
}

.ajrr-detail-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* BUTTONS */
.ajrr-primary-btn,
.ajrr-outline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:14px 22px;
  border-radius:8px;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:all .25s ease;
}

.ajrr-primary-btn{
  background:var(--ajrr-navy);
  color:#fff;
  box-shadow:0 12px 28px rgba(6,29,61,.20);
}

.ajrr-outline-btn{
  background:#fff;
  color:var(--ajrr-navy);
  border:1px solid #b8c7da;
}

.ajrr-primary-btn:hover,
.ajrr-outline-btn:hover{
  transform:translateY(-2px);
  text-decoration:none;
}

.ajrr-primary-btn:hover{
  color:#fff;
  background:var(--ajrr-blue);
}

.ajrr-outline-btn:hover{
  color:var(--ajrr-blue);
  border-color:var(--ajrr-blue);
}

/* OFFER BOX */
.ajrr-detail-offer{
  background:#fff;
  border:2px dashed var(--ajrr-blue);
  border-radius:24px;
  padding:32px 28px;
  box-shadow:var(--ajrr-shadow);
  text-align:center;
  position:relative;
}

.ajrr-offer-tag{
  display:inline-block;
  background:var(--ajrr-orange);
  color:var(--ajrr-navy);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  padding:8px 14px;
  border-radius:8px;
  margin-bottom:18px;
}

.ajrr-detail-offer h2{
  margin:0 0 16px;
  color:var(--ajrr-navy);
  font-size:34px;
  line-height:1.2;
}

.ajrr-price{
  display:inline-block;
  background:var(--ajrr-navy);
  color:var(--ajrr-orange);
  font-size:52px;
  line-height:1;
  font-weight:900;
  padding:16px 22px;
  border-radius:14px;
  margin-bottom:14px;
}

.ajrr-old-price{
  color:#111;
  font-size:30px;
  font-weight:900;
  text-decoration:line-through;
  margin-bottom:18px;
}

.ajrr-limited{
  display:block;
  background:var(--ajrr-orange);
  color:var(--ajrr-navy);
  text-align:center;
  font-size:18px;
  font-weight:900;
  padding:12px;
  border-radius:10px;
  text-transform:uppercase;
}

/* DETAIL MAIN */
.ajrr-detail-main{
  padding:76px 0;
  background:#fff;
}

.ajrr-info-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:30px;
  align-items:start;
}

.ajrr-course-left{
  min-width:0;
}

.ajrr-info-card,
.ajrr-tools-box{
  background:#fff;
  border:1px solid var(--ajrr-border);
  border-radius:20px;
  padding:32px;
  box-shadow:0 10px 28px rgba(8,35,72,.06);
}

.ajrr-info-card h2,
.ajrr-tools-box h2{
  color:var(--ajrr-navy);
  font-size:30px;
  line-height:1.25;
  margin:0 0 22px;
}

.ajrr-tools-box{
  margin-top:30px;
  background:var(--ajrr-soft);
}

.ajrr-tools-box p{
  color:var(--ajrr-muted);
  font-size:16px;
  line-height:1.7;
  margin:0;
}

.ajrr-benefits-card{
  margin-top:30px;
}

/* LISTS */
.ajrr-module-list,
.ajrr-benefit-list{
  list-style:none;
  padding:0;
  margin:0;
}

.ajrr-module-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px 18px;
}

.ajrr-module-list li,
.ajrr-benefit-list li{
  position:relative;
  padding-left:30px;
  color:#394960;
  line-height:1.55;
  font-size:15px;
}

.ajrr-benefit-list li{
  margin-bottom:12px;
}

.ajrr-module-list li::before,
.ajrr-benefit-list li::before{
  content:"\f058";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  top:1px;
  color:var(--ajrr-orange-dark);
}

/* SIDEBAR */
.ajrr-sidebar-card{
  background:var(--ajrr-navy);
  color:#fff;
  border-radius:22px;
  padding:30px;
  position:sticky;
  top:96px;
  box-shadow:var(--ajrr-shadow);
}

.ajrr-sidebar-card h3{
  margin:0 0 22px;
  font-size:26px;
  line-height:1.25;
}

.ajrr-sidebar-card ul{
  list-style:none;
  padding:0;
  margin:0 0 24px;
}

.ajrr-sidebar-card li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
  color:#e6f0ff;
  line-height:1.5;
  font-size:15px;
}

.ajrr-sidebar-card li i{
  color:var(--ajrr-orange);
  margin-top:4px;
  min-width:18px;
}

.ajrr-sidebar-actions{
  display:grid;
  gap:12px;
}

.ajrr-full-btn{
  width:100%;
}

.ajrr-sidebar-card .ajrr-outline-btn{
  background:#fff;
  color:var(--ajrr-navy);
}

/* RESPONSIVE */
@media(max-width:991px){
  .ajrr-detail-hero{
    padding:60px 0;
  }

  .ajrr-detail-grid,
  .ajrr-info-grid{
    grid-template-columns:1fr;
  }

  .ajrr-sidebar-card{
    position:relative;
    top:0;
  }

  .ajrr-module-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:576px){
  .ajrr-container{
    width:92%;
  }

  .ajrr-detail-hero{
    padding:48px 0;
  }

  .ajrr-detail-main{
    padding:52px 0;
  }

  .ajrr-detail-actions{
    flex-direction:column;
  }

  .ajrr-primary-btn,
  .ajrr-outline-btn{
    width:100%;
  }

  .ajrr-detail-offer,
  .ajrr-info-card,
  .ajrr-tools-box,
  .ajrr-sidebar-card{
    padding:24px 20px;
  }

  .ajrr-price{
    font-size:36px;
    padding:14px 18px;
  }

  .ajrr-old-price{
    font-size:24px;
  }

  .ajrr-detail-offer h2{
    font-size:26px;
  }

  .ajrr-info-card h2,
  .ajrr-tools-box h2{
    font-size:24px;
  }
}

.ajrr-tools-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
  margin-top:20px;
}

.ajrr-tool-item{
  background:#fff;
  border:1px solid var(--ajrr-border);
  border-radius:16px;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  transition:all .3s ease;
}

.ajrr-tool-item:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 30px rgba(8,35,72,.10);
  border-color:rgba(255,106,0,.35);
}

.ajrr-tool-item img{
  width:46px;
  height:46px;
  object-fit:contain;
  display:block;
}

.ajrr-tool-item span{
  color:var(--ajrr-navy);
  font-size:14px;
  font-weight:800;
}

@media(max-width:768px){
  .ajrr-tools-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:420px){
  .ajrr-tools-grid{
    grid-template-columns:1fr;
  }
}
/* ===== COURSE CARD GRADIENT ANIMATION + TOOLS EFFECT ===== */

.ajrr-course-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

/*.ajrr-course-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(
    120deg,
    rgba(14,100,216,.16),
    rgba(255,106,0,.18),
    rgba(96,70,200,.14),
    rgba(53,169,54,.14),
    rgba(14,100,216,.16)
  );
  background-size:300% 300%;
  opacity:0;
  z-index:-1;
  transition:opacity .35s ease;
  animation:ajrrGradientMove 6s ease infinite;
}*/

.ajrr-course-card:hover::before{
  opacity:1;
}

/*.ajrr-course-card::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-55px;
  top:-55px;
  background:radial-gradient(circle, rgba(255,106,0,.25), transparent 68%);
  opacity:.6;
  transition:.35s ease;
}*/

.ajrr-course-card:hover::after{
  transform:scale(1.25);
  opacity:1;
}

@keyframes ajrrGradientMove{
  0%{
    background-position:0% 50%;
  }
  50%{
    background-position:100% 50%;
  }
  100%{
    background-position:0% 50%;
  }
}

.ajrr-card-tools{
  margin:18px 0 20px;
  padding:14px;
  background:rgba(245,248,252,.85);
  border:1px solid var(--ajrr-border);
  border-radius:16px;
}

.ajrr-tools-title{
  display:block;
  color:var(--ajrr-navy);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:12px;
}

.ajrr-mini-tools{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.ajrr-mini-tools img{
  width:38px;
  height:38px;
  object-fit:contain;
  background:#fff;
  border:1px solid var(--ajrr-border);
  border-radius:50%;
  padding:7px;
  box-shadow:0 8px 18px rgba(8,35,72,.08);
  transition:all .3s ease;
}

.ajrr-course-card:hover .ajrr-mini-tools img{
  animation:ajrrToolFloat 1.8s ease-in-out infinite;
}

.ajrr-mini-tools img:hover{
  transform:translateY(-6px) scale(1.12) rotate(4deg);
  border-color:rgba(255,106,0,.45);
  box-shadow:0 14px 26px rgba(8,35,72,.16);
}

.ajrr-mini-tools img:nth-child(2){
  animation-delay:.15s;
}

.ajrr-mini-tools img:nth-child(3){
  animation-delay:.3s;
}

.ajrr-mini-tools img:nth-child(4){
  animation-delay:.45s;
}

.ajrr-mini-tools img:nth-child(5){
  animation-delay:.6s;
}

.ajrr-mini-tools img:nth-child(6){
  animation-delay:.75s;
}

@keyframes ajrrToolFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-4px);
  }
}

@media(max-width:576px){
  .ajrr-card-tools{
    padding:12px;
  }

  .ajrr-mini-tools img{
    width:34px;
    height:34px;
    padding:6px;
  }
}
/* ===== TOOL ICON HOVER + CLICK ZOOM EFFECT ===== */

.ajrr-card-tools,
.ajrr-mini-tools{
  overflow:visible !important;
}

.ajrr-mini-tools{
  position:relative;
  z-index:5;
}

.ajrr-mini-tools img{
  width:42px;
  height:42px;
  object-fit:contain;
  object-position:center;
  background:#fff;
  border:1px solid var(--ajrr-border);
  border-radius:50%;
  padding:6px;
  cursor:zoom-in;
  position:relative;
  z-index:2;
  opacity:.82;
  filter:grayscale(20%);
  transform:scale(1);
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    opacity .25s ease,
    filter .25s ease,
    box-shadow .35s ease,
    border-color .25s ease;
}

/* Smooth clear logo on hover */
.ajrr-mini-tools img:hover{
  opacity:1;
  filter:grayscale(0%);
  transform:translateY(-6px) scale(1.18);
  border-color:rgba(255,106,0,.55);
  box-shadow:
    0 14px 30px rgba(8,35,72,.18),
    0 0 0 8px rgba(255,106,0,.08);
}

/* Click / press zoom effect */
.ajrr-mini-tools img:active{
  transform:scale(2.25);
  z-index:99;
  opacity:1;
  filter:grayscale(0%);
  border-radius:18px;
  padding:10px;
  background:#fff;
  box-shadow:
    0 25px 60px rgba(8,35,72,.35),
    0 0 0 999px rgba(6,29,61,.08);
}

/* Stop floating animation on hover/click so logo stays properly visible */
.ajrr-course-card:hover .ajrr-mini-tools img:hover,
.ajrr-course-card:hover .ajrr-mini-tools img:active{
  animation:none !important;
}

/* For bigger tool section also */
.ajrr-tool-item img{
  cursor:zoom-in;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    opacity .25s ease,
    filter .25s ease,
    box-shadow .35s ease;
}

.ajrr-tool-item:hover img{
  opacity:1;
  filter:grayscale(0%);
  transform:scale(1.15);
}

.ajrr-tool-item img:active{
  transform:scale(2.2);
  z-index:99;
  position:relative;
  background:#fff;
  border-radius:18px;
  padding:10px;
  box-shadow:
    0 25px 60px rgba(8,35,72,.35),
    0 0 0 999px rgba(6,29,61,.08);
}

/* Mobile */
@media(max-width:576px){
  .ajrr-mini-tools img{
    width:38px;
    height:38px;
    padding:5px;
  }

  .ajrr-mini-tools img:active,
  .ajrr-tool-item img:active{
    transform:scale(1.75);
  }
}
:root{
  --blog-navy:#061d3d;
  --blog-blue:#0e64d8;
  --blog-orange:#ff6a00;
  --blog-yellow:#ffb400;
  --blog-text:#122033;
  --blog-muted:#657287;
  --blog-border:#dfe7f1;
  --blog-soft:#f5f8fc;
  --blog-white:#ffffff;
  --blog-shadow:0 18px 45px rgba(8,35,72,.10);
}

.blog-container{
  width:min(1180px, 92%);
  margin:0 auto;
}

/* HERO */
.blog-hero{
  background:
    radial-gradient(circle at 78% 20%, rgba(14,100,216,.12), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%);
  padding:82px 0;
  overflow:hidden;
}

.blog-hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:52px;
  align-items:center;
}

.blog-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--blog-orange);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:16px;
}

.blog-kicker::before{
  content:"";
  width:24px;
  height:2px;
  background:var(--blog-orange);
  border-radius:20px;
}

.blog-hero-content h1{
  color:var(--blog-navy);
  font-size:clamp(38px, 5vw, 66px);
  line-height:1.04;
  letter-spacing:-1.5px;
  margin:0 0 22px;
}

.blog-hero-content p{
  color:#45556b;
  font-size:17px;
  line-height:1.75;
  max-width:660px;
  margin:0 0 30px;
}

.blog-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.blog-primary-btn,
.blog-outline-btn,
.blog-light-btn,
.blog-transparent-btn,
.blog-read-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-weight:900;
  border-radius:8px;
  transition:all .25s ease;
}

.blog-primary-btn{
  background:var(--blog-navy);
  color:#fff;
  padding:15px 24px;
  box-shadow:0 12px 28px rgba(6,29,61,.20);
}

.blog-outline-btn{
  background:#fff;
  color:var(--blog-navy);
  border:1px solid #b8c7da;
  padding:14px 24px;
}

.blog-primary-btn:hover,
.blog-outline-btn:hover,
.blog-light-btn:hover,
.blog-transparent-btn:hover,
.blog-read-btn:hover{
  transform:translateY(-2px);
  text-decoration:none;
}

.blog-primary-btn:hover{
  color:#fff;
}

.blog-hero-card{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:26px;
  padding:42px;
  box-shadow:var(--blog-shadow);
  position:relative;
  overflow:hidden;
}

.blog-hero-card::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(255,106,0,.12);
  right:-60px;
  top:-60px;
}

.blog-hero-icon{
  width:88px;
  height:88px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--blog-blue),var(--blog-orange));
  color:#fff;
  display:grid;
  place-items:center;
  font-size:40px;
  margin-bottom:24px;
  position:relative;
  z-index:1;
}

.blog-hero-card h2{
  color:var(--blog-navy);
  font-size:34px;
  line-height:1.18;
  margin:0 0 14px;
  position:relative;
  z-index:1;
}

.blog-hero-card p{
  color:var(--blog-muted);
  line-height:1.7;
  margin:0;
  position:relative;
  z-index:1;
}

/* CATEGORY */
.blog-category-section{
  margin-top:-32px;
  position:relative;
  z-index:3;
}

.blog-category-wrap{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:18px;
  box-shadow:var(--blog-shadow);
  padding:16px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
}

.blog-category-wrap a{
  background:var(--blog-soft);
  color:var(--blog-navy);
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  padding:10px 14px;
  border-radius:999px;
  transition:.25s ease;
}

.blog-category-wrap a:hover{
  background:var(--blog-orange);
  color:#fff;
}

/* BLOG LIST */
.blog-section{
  padding:82px 0;
}

.blog-title-row{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:34px;
  align-items:end;
  margin-bottom:36px;
}

.blog-title-row h2,
.blog-title-center h2,
.blog-cta h2{
  color:var(--blog-navy);
  font-size:clamp(30px, 3.5vw, 44px);
  line-height:1.16;
  margin:0;
}

.blog-title-row p{
  color:var(--blog-muted);
  font-size:16px;
  line-height:1.7;
  margin:0;
}

.blog-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}

.blog-card{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(8,35,72,.06);
  transition:all .3s ease;
}

.blog-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(8,35,72,.14);
  border-color:rgba(255,106,0,.28);
}

.blog-img-box{
  display:block;
  position:relative;
  height:230px;
  overflow:hidden;
  background:var(--blog-soft);
}

.blog-img-box img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.blog-card:hover .blog-img-box img{
  transform:scale(1.08);
}

.blog-category{
  position:absolute;
  left:18px;
  top:18px;
  background:var(--blog-orange);
  color:#fff;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}

.blog-card-content{
  padding:24px;
}

.blog-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:var(--blog-muted);
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
}

.blog-meta i{
  color:var(--blog-orange);
}

.blog-card h3{
  margin:0 0 12px;
  font-size:21px;
  line-height:1.32;
}

.blog-card h3 a{
  color:var(--blog-navy);
  text-decoration:none;
}

.blog-card h3 a:hover{
  color:var(--blog-orange);
}

.blog-card p{
  color:var(--blog-muted);
  font-size:14.5px;
  line-height:1.7;
  margin:0 0 20px;
}

.blog-read-btn{
  color:var(--blog-orange);
  font-size:14px;
}

/* CTA */
.blog-cta{
  background:linear-gradient(135deg,var(--blog-navy),var(--blog-blue));
  color:#fff;
  padding:62px 0;
}

.blog-cta-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
}

.blog-light-kicker{
  color:var(--blog-yellow);
}

.blog-light-kicker::before{
  background:var(--blog-yellow);
}

.blog-cta h2{
  color:#fff;
  margin-bottom:14px;
}

.blog-cta p{
  color:#dcecff;
  font-size:16px;
  line-height:1.7;
  margin:0;
  max-width:700px;
}

.blog-cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.blog-light-btn{
  background:#fff;
  color:var(--blog-navy);
  padding:14px 22px;
}

.blog-transparent-btn{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.45);
  padding:13px 22px;
}

/* FAQ */
.blog-faq-section{
  padding:78px 0;
  background:var(--blog-soft);
}

.blog-title-center{
  text-align:center;
  margin-bottom:34px;
}

.blog-faq-list{
  max-width:850px;
  margin:0 auto;
  display:grid;
  gap:14px;
}

.blog-faq-list details{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:16px;
  overflow:hidden;
}

.blog-faq-list summary{
  padding:20px 22px;
  cursor:pointer;
  font-weight:900;
  color:var(--blog-navy);
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
}

.blog-faq-list summary::-webkit-details-marker{
  display:none;
}

.blog-faq-list summary::after{
  content:"+";
  color:var(--blog-orange);
  font-size:24px;
  line-height:1;
}

.blog-faq-list details[open] summary::after{
  content:"–";
}

.blog-faq-list p{
  color:var(--blog-muted);
  line-height:1.7;
  padding:0 22px 20px;
  margin:0;
}

/* RESPONSIVE */
@media(max-width:1024px){
  .blog-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .blog-hero-grid,
  .blog-title-row{
    grid-template-columns:1fr;
  }

  .blog-cta-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .blog-hero{
    padding:56px 0;
  }

  .blog-hero-actions,
  .blog-cta-actions{
    flex-direction:column;
  }

  .blog-primary-btn,
  .blog-outline-btn,
  .blog-light-btn,
  .blog-transparent-btn{
    width:100%;
  }

  .blog-hero-card{
    padding:28px;
  }

  .blog-grid{
    grid-template-columns:1fr;
  }

  .blog-section,
  .blog-faq-section{
    padding:58px 0;
  }

  .blog-img-box{
    height:210px;
  }
}

@media(max-width:420px){
  .blog-container{
    width:92%;
  }

  .blog-category-wrap{
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
  }

  .blog-category-wrap a{
    white-space:nowrap;
  }
}


.blog-detail-container{
  width:min(1120px, 92%);
  margin:0 auto;
}

.blog-detail-hero{
  background:
    radial-gradient(circle at 78% 22%, rgba(14,100,216,.12), transparent 35%),
    linear-gradient(135deg,#ffffff 0%,#f5f8fc 100%);
  padding:76px 0 58px;
  overflow:hidden;
}

.blog-detail-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:var(--blog-muted);
  font-size:14px;
  font-weight:700;
  margin-bottom:22px;
}

.blog-detail-breadcrumb a{
  color:var(--blog-navy);
  text-decoration:none;
}

.blog-detail-breadcrumb a:hover{
  color:var(--blog-orange);
}

.blog-detail-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--blog-orange);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:16px;
}

.blog-detail-kicker::before{
  content:"";
  width:24px;
  height:2px;
  background:var(--blog-orange);
  border-radius:20px;
}

.blog-detail-hero h1{
  color:var(--blog-navy);
  font-size:clamp(36px, 5vw, 62px);
  line-height:1.06;
  letter-spacing:-1.4px;
  max-width:960px;
  margin:0 0 20px;
}

.blog-detail-intro{
  color:#45556b;
  font-size:17px;
  line-height:1.75;
  max-width:850px;
  margin:0 0 24px;
}

.blog-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  color:var(--blog-muted);
  font-size:14px;
  font-weight:800;
}

.blog-detail-meta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.blog-detail-meta i{
  color:var(--blog-orange);
}

.blog-detail-main{
  padding:62px 0;
  background:#fff;
}

.blog-detail-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:34px;
  align-items:start;
}

.blog-detail-article{
  min-width:0;
}

.blog-detail-featured-img{
  width:100%;
  height:430px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--blog-border);
  box-shadow:var(--blog-shadow);
  margin-bottom:34px;
  background:var(--blog-soft);
}

.blog-detail-featured-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.blog-content-card{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:22px;
  padding:34px;
  box-shadow:0 10px 28px rgba(8,35,72,.06);
}

.blog-content-card h2{
  color:var(--blog-navy);
  font-size:clamp(26px, 3vw, 36px);
  line-height:1.18;
  margin:34px 0 14px;
}

.blog-content-card h2:first-child{
  margin-top:0;
}

.blog-content-card h3{
  color:#0b2c57;
  font-size:22px;
  line-height:1.3;
  margin:26px 0 12px;
}

.blog-content-card p{
  color:#4c5c72;
  font-size:16px;
  line-height:1.85;
  margin:0 0 18px;
}

.blog-content-card ul,
.blog-content-card ol{
  margin:0 0 24px;
  padding:0;
  list-style:none;
}

.blog-content-card li{
  position:relative;
  color:#394960;
  font-size:16px;
  line-height:1.7;
  margin-bottom:12px;
  padding-left:30px;
}

.blog-content-card li::before{
  content:"\f058";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  top:1px;
  color:var(--blog-orange);
}

.blog-highlight-box{
  background:linear-gradient(135deg, rgba(14,100,216,.08), rgba(255,106,0,.08));
  border:1px solid rgba(14,100,216,.15);
  border-radius:18px;
  padding:24px;
  margin:28px 0;
}

.blog-highlight-box h3{
  margin-top:0;
}

.blog-sidebar{
  position:sticky;
  top:96px;
  display:grid;
  gap:22px;
}

.blog-sidebar-card{
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:20px;
  padding:24px;
  box-shadow:0 10px 28px rgba(8,35,72,.06);
}

.blog-sidebar-card.dark{
  background:var(--blog-navy);
  color:#fff;
}

.blog-sidebar-card h3{
  color:var(--blog-navy);
  font-size:22px;
  line-height:1.25;
  margin:0 0 18px;
}

.blog-sidebar-card.dark h3{
  color:#fff;
}

.blog-sidebar-card p{
  color:var(--blog-muted);
  line-height:1.65;
  margin:0 0 18px;
  font-size:15px;
}

.blog-sidebar-card.dark p{
  color:#dcecff;
}

.blog-sidebar-links{
  display:grid;
  gap:12px;
}

.blog-sidebar-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#23344b;
  background:var(--blog-soft);
  border-radius:12px;
  padding:12px 14px;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  transition:.25s ease;
}

.blog-sidebar-links a:hover{
  background:var(--blog-orange);
  color:#fff;
  transform:translateX(4px);
}

.blog-sidebar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:48px;
  background:var(--blog-orange);
  color:#fff;
  border-radius:10px;
  text-decoration:none;
  font-weight:900;
  transition:.25s ease;
}

.blog-sidebar-btn:hover{
  background:#fff;
  color:var(--blog-navy);
  transform:translateY(-2px);
}

.blog-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.blog-tags span{
  background:var(--blog-soft);
  color:var(--blog-navy);
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
}

.blog-navigation{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:30px;
}

.blog-nav-link{
  flex:1;
  background:#fff;
  border:1px solid var(--blog-border);
  border-radius:16px;
  padding:18px;
  color:var(--blog-navy);
  text-decoration:none;
  box-shadow:0 10px 28px rgba(8,35,72,.06);
  transition:.25s ease;
}

.blog-nav-link:hover{
  transform:translateY(-4px);
  border-color:rgba(255,106,0,.35);
  color:var(--blog-orange);
}

.blog-nav-link span{
  display:block;
  color:var(--blog-muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:6px;
}

.blog-detail-cta{
  background:linear-gradient(135deg,var(--blog-navy),var(--blog-blue));
  color:#fff;
  padding:58px 0;
}

.blog-detail-cta-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:center;
}

.blog-detail-cta h2{
  color:#fff;
  font-size:clamp(28px, 3.5vw, 42px);
  line-height:1.16;
  margin:0 0 12px;
}

.blog-detail-cta p{
  color:#dcecff;
  line-height:1.7;
  margin:0;
  max-width:720px;
}

.blog-cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.blog-cta-primary,
.blog-cta-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 20px;
  border-radius:8px;
  font-weight:900;
  text-decoration:none;
  transition:.25s ease;
}

.blog-cta-primary{
  background:#fff;
  color:var(--blog-navy);
}

.blog-cta-outline{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.45);
}

.blog-cta-primary:hover,
.blog-cta-outline:hover{
  transform:translateY(-2px);
}

@media(max-width:991px){
  .blog-detail-layout,
  .blog-detail-cta-grid{
    grid-template-columns:1fr;
  }

  .blog-sidebar{
    position:relative;
    top:0;
  }

  .blog-detail-featured-img{
    height:340px;
  }
}

@media(max-width:640px){
  .blog-detail-container{
    width:92%;
  }

  .blog-detail-hero{
    padding:52px 0 42px;
  }

  .blog-detail-main{
    padding:46px 0;
  }

  .blog-detail-featured-img{
    height:230px;
    border-radius:18px;
  }

  .blog-content-card,
  .blog-sidebar-card{
    padding:22px 18px;
  }

  .blog-navigation{
    flex-direction:column;
  }

  .blog-cta-actions{
    flex-direction:column;
  }

  .blog-cta-primary,
  .blog-cta-outline{
    width:100%;
  }
}
/* ===== BLOG FILTER BUTTONS ===== */

.blog-category-wrap button,
.blog-filter-btn{
  border:0;
  outline:0;
  background:var(--blog-soft);
  color:var(--blog-navy);
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  padding:10px 14px;
  border-radius:999px;
  transition:.25s ease;
  cursor:pointer;
}

.blog-category-wrap button:hover,
.blog-filter-btn.active{
  background:var(--blog-orange);
  color:#fff;
}

.blog-card{
  transition:opacity .25s ease, transform .25s ease;
}

.blog-card.hide-blog{
  display:none;
}