body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f5f7fb;
color:#333;
}

/* HERO */

.hero{
background:linear-gradient(rgba(10,25,60,.85),rgba(10,25,60,.85)),
url("images/tech-bg.jpg");
background-size:cover;
background-position:center;
padding:90px 20px;
text-align:center;
color:white;
}

.hero h1{
font-size:40px;
font-weight:700;
}

/* PAGE CONTENT */

.container1{
max-width:1100px;
margin:auto;
padding:50px 20px;
}

/* DIR Vendor Title */

.section-title{
text-align:center;
font-weight:600;
margin-bottom:40px;
color:#555;
}

/* ICON ROW */

.icon-row{
display:flex;
justify-content:center;
gap:80px;
margin-bottom:40px;
}

.icon-row img{
width:80px;
opacity:.9;
}

/* INFO SECTION */

.vendor-info{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:40px;
}

.vendor-left{
max-width:450px;
font-size:14px;
line-height:1.7;
}

.vendor-left strong{
color:#444;
}

.dir-logo{
display:flex;
align-items:center;
justify-content:center;
}

.dir-logo img{
width:120px;
}

/* LINK */

.dir-link{
text-align:center;
margin:20px 0 40px;
}

.dir-link a{
color:#2a6edc;
text-decoration:none;
}

/* DETAILS BOX */

.details-box{
background:white;
padding:30px;
border-radius:6px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
font-size:14px;
line-height:1.7;
}

.details-box h3{
margin-top:0;
color:#333;
}

.details-box h4{
margin-top:25px;
}

body.dark-mode .details-box{
    background:#12163a ;
border:1px solid #1f2937;
color:#e5e7eb;

box-shadow:
0 10px 30px rgba(0,0,0,0.4);
}