.elementor-78 .elementor-element.elementor-element-3f86590{--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-db99e60 */*{
  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(0,0,0,0.7), rgba(179,0,0,0.8)),
    url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f");
  background-size:cover;
  color:#fff;
  padding:90px 0;
  text-align:center;
}

.hero h1{
  color:#fff;
  font-size:40px;
  text-shadow:0 4px 15px rgba(0,0,0,0.6);
}

.hero-box span{
  display:inline-block;
  margin:8px;
  padding:10px 18px;
  background:rgba(255,255,255,0.2);
  border-radius:30px;
}

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

.bg-light{
  background:#f3f3f3;
}

h2{
  text-align:center;
  margin-bottom:35px;
  color:#b30000;
}

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

.list li{
  margin-bottom:12px;
  padding-left:26px;
  position:relative;
}

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

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

.icon-box{
  position:relative;
  background:#fff;
  padding:40px 20px;
  border-radius:50%;
  width:180px;
  height:180px;
  margin:auto;
  box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

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

/* ROTATING BORDER */
.icon-box::before{
  content:'';
  position:absolute;
  top:-6px;
  left:-6px;
  right:-6px;
  bottom:-6px;
  border-radius:50%;
  border:3px dashed #ffd700;
  animation:rotate 8s linear infinite;
}

@keyframes rotate{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

.icon-box:hover{
  background:#b30000;
  color:#fff;
}

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

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

.tools-grid span{
  background:#fff;
  border:2px solid #b30000;
  padding:10px 20px;
  border-radius:25px;
  font-weight:600;
  transition:0.3s;
}

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