.elementor-72 .elementor-element.elementor-element-635dbe4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-36d42cb */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI', Arial, sans-serif;
}

body{
  background:#f7f7f9;
  color:#333;
  line-height:1.6;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

/* ================= HERO ================= */
.hero{
  position:relative;
  padding:100px 0;
  text-align:center;
  color:#fff;
  background:
    linear-gradient(-45deg,#8b0000,#c40000,#ff4d4d,#8b0000);
  background-size:400% 400%;
  animation:heroBG 14s ease infinite;
}

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

.hero h1{
  font-size:44px;
  margin-bottom:10px;
  color:#fff;
}

.hero p{
  opacity:.95;
  font-size:18px;
}

.hero-box{
  margin-top:30px;
}

.hero-box span{
  display:inline-block;
  padding:12px 20px;
  margin:8px;
  border-radius:40px;
  background:rgba(255,255,255,0.15);
  backdrop-filter:blur(6px);
  font-size:14px;
  transition:.35s;
}

.hero-box span:hover{
  background:#ffd700;
  color:#000;
  transform:translateY(-6px);
}

/* ================= SECTIONS ================= */
.section{
  padding:90px 0;
  position:relative;
}

.section:nth-child(even){
  background:#ffffff;
}

.section:nth-child(odd){
  background:#f1f2f6;
}

/* soft moving light */
.section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 20%,rgba(255,215,0,.08),transparent 40%),
    radial-gradient(circle at 90% 80%,rgba(255,0,0,.06),transparent 45%);
  animation:floatBG 18s linear infinite;
  z-index:0;
}

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

.section .container{
  position:relative;
  z-index:1;
}

/* ================= HEADINGS ================= */
h2{
  text-align:center;
  font-size:34px;
  margin-bottom:45px;
  color:#111;
  position:relative;
}

h2::after{
  content:"";
  width:70px;
  height:4px;
  background:#ffd700;
  display:block;
  margin:14px auto 0;
  border-radius:4px;
}

/* ================= HIGHLIGHTS ================= */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:28px;
}

.card{
  padding:35px 25px;
  border-radius:20px;
  text-align:center;
  background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  transition:.45s;
  position:relative;
  overflow:hidden;
}

.card:nth-child(even){
  background:#fff5f5;
}

.card i{
  font-size:40px;
  margin-bottom:15px;
  color:#b30000;
}

.card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  border:2px solid transparent;
  background:linear-gradient(120deg,transparent,#ffd700,transparent);
  background-size:200% 200%;
  opacity:0;
  transition:.45s;
}

.card:hover{
  transform:translateY(-14px);
  box-shadow:0 30px 55px rgba(0,0,0,.18);
}

.card:hover::after{
  opacity:1;
  animation:borderGlow 2s linear infinite;
}

@keyframes borderGlow{
  from{background-position:0% 50%;}
  to{background-position:200% 50%;}
}

/* ================= CURRICULUM ================= */
.module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
}

.module{
  padding:30px;
  border-radius:22px;
  background:#ffffff;
  box-shadow:0 20px 45px rgba(0,0,0,.1);
  transition:.45s;
  position:relative;
  overflow:hidden;
}

.module:nth-child(odd){
  background:#fff;
}

.module:nth-child(even){
  background:#fef1f1;
}

.module h3{
  color:#b30000;
  margin-bottom:12px;
  font-size:22px;
}

.module::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:#b30000;
  transition:.4s;
}

.module:hover{
  transform:translateY(-12px);
}

.module:hover::before{
  background:#ffd700;
}

/* ================= LIVE PROJECTS ================= */
.icon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:30px;
}

.icon-box{
  background:#fff;
  padding:35px 20px;
  border-radius:22px;
  text-align:center;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  transition:.4s;
}

.icon-box i{
  font-size:42px;
  margin-bottom:15px;
  color:#b30000;
}

.icon-box:hover{
  background:#b30000;
  color:#fff;
  transform:translateY(-12px);
}

.icon-box:hover i{
  color:#ffd700;
}

/* ================= TOOLS ================= */
.tools-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}

.tools-grid span{
  padding:12px 26px;
  border-radius:30px;
  border:2px solid #b30000;
  background:#fff;
  font-weight:600;
  transition:.35s;
}

.tools-grid span:hover{
  background:#b30000;
  color:#fff;
  transform:translateY(-6px);
}

/* ================= JOB SCOPE ================= */
.module-box{
  background:#fff;
  padding:28px 20px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 15px 35px rgba(0,0,0,.08);
  transition:.4s;
}

.module-box i{
  font-size:38px;
  color:#b30000;
  margin-bottom:10px;
}

.module-box:hover{
  transform:translateY(-12px);
  background:#fff5f5;
}/* End custom CSS */