/* HERO */

.hero{

padding:100px 20px;

background:#0d1117;

position:relative;

overflow:hidden;

}

.hero-overlay{

position:absolute;

inset:0;

background:linear-gradient(
135deg,
rgba(0,150,57,.15),
rgba(0,0,0,.85)
);

}

.hero-wrapper{

position:relative;

z-index:2;

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

}

.hero-left{

color:white;

}

.hero-badge{

display:inline-block;

padding:10px 18px;

background:rgba(255,255,255,.08);

border-radius:40px;

margin-bottom:30px;

font-size:14px;

letter-spacing:1px;

text-transform:uppercase;

}

.hero-left h1{

font-size:60px;

line-height:1.15;

margin-bottom:30px;

}

.hero-left h1 span{

color:#00c853;

}

.hero-left p{

font-size:20px;

line-height:1.9;

color:#d6d6d6;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.hero-right img{

width:100%;

border-radius:24px;

box-shadow:0 25px 60px rgba(0,0,0,.45);

}

@media(max-width:991px){

.hero-wrapper{

grid-template-columns:1fr;

text-align:center;

}

.hero-left h1{

font-size:42px;

}

.hero-buttons{

justify-content:center;

}

}

<section class="trusted">

<div class="container">

<p class="trusted-title">
Helping Businesses Grow Through
AI • SEO • Automation • Analytics
</p>

<div class="trusted-grid">

<div>Enterprise Solutions</div>

<div>Dubai Businesses</div>

<div>Global Brands</div>

<div>Startups</div>

<div>E-Commerce</div>

</div>

</div>

</section>

.trusted{

padding:70px 20px;

background:#ffffff;

}

.trusted-title{

text-align:center;

font-size:18px;

color:#777;

margin-bottom:40px;

}

.trusted-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:25px;

text-align:center;

font-weight:600;

font-size:20px;

}

@media(max-width:768px){

.trusted-grid{

grid-template-columns:1fr 1fr;

}

}

/* =====================================
   AI EMPLOYEE AGENT
===================================== */

.ai-agent{

padding:120px 20px;

background:#ffffff;

}

.ai-grid{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

}

.section-tag{

display:inline-block;

padding:8px 18px;

background:#009639;

color:#fff;

border-radius:30px;

font-size:13px;

letter-spacing:1px;

margin-bottom:25px;

}

.ai-content h2{

font-size:48px;

margin-bottom:25px;

line-height:1.2;

}

.ai-content p{

font-size:19px;

line-height:1.9;

color:#666;

margin-bottom:35px;

}

.ai-features{

list-style:none;

padding:0;

margin:0 0 40px;

}

.ai-features li{

padding:12px 0;

font-size:18px;

border-bottom:1px solid #ececec;

}

.ai-image img{

width:100%;

border-radius:24px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

@media(max-width:991px){

.ai-grid{

grid-template-columns:1fr;

}

.ai-content{

text-align:center;

}

.ai-features{

text-align:left;

}

}