.elementor-82 .elementor-element.elementor-element-9c879bf{--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-777d292 */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI', Arial, sans-serif;
}

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

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

/* ================= HERO ================= */
.hero{
  background:
    linear-gradient(135deg, rgba(106,0,0,0.9), rgba(179,0,0,0.9)),
    url("https://images.unsplash.com/photo-1551288049-bebda4e38f71");
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:90px 0;
  text-align:center;
  animation:fadeIn 1.5s ease;
}

.hero h1{
  font-size:42px;
  margin-bottom:10px;
}

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

.hero-box span{
  display:inline-block;
  margin:10px 6px;
  padding:10px 20px;
  background:rgba(255,255,255,0.2);
  border-radius:30px;
  font-size:14px;
  transition:0.4s;
}

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

/* ================= SECTIONS ================= */
.section{
  padding:80px 0;
}

.bg-light{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.95), rgba(243,243,243,0.95)),
    url("https://images.unsplash.com/photo-1526378722484-cc5cddfcae30");
  background-size:cover;
}

h2{
  text-align:center;
  margin-bottom:40px;
  font-size:32px;
  color:#b30000;
  position:relative;
}

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

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

.module{
  background:#fff;
  padding:28px;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,0.1);
  border-left:6px solid #b30000;
  transition:0.4s;
}

.module:hover{
  transform:translateY(-12px) scale(1.03);
  border-left-color:#ffd700;
}

/* ================= LIST ================= */
.list{
  max-width:850px;
  margin:auto;
}

.list li{
  margin-bottom:12px;
  padding-left:28px;
  position:relative;
  font-weight:500;
}

.list li::before{
  content:"📊";
  position:absolute;
  left:0;
}

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

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

.tools-grid span:hover{
  background:#b30000;
  color:#fff;
  transform:scale(1.1);
}

/* ================= JOB SCOPE ================= */
.icon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
  text-align:center;
}

.icon-box{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.95), rgba(250,250,250,0.95)),
    url("https://images.unsplash.com/photo-1556155092-8707de31f9c4");
  background-size:cover;
  padding:35px 20px;
  border-radius:22px;
  box-shadow:0 15px 35px rgba(0,0,0,0.1);
  transition:0.4s;
}

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

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

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

/* ================= ANIMATIONS ================= */
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
.hero h1{
  color:#fff !important;
}/* End custom CSS */