.service-detail {

padding: 80px 0;

}

.service-layout {

display: grid;

grid-template-columns: 260px 1fr;

gap: 40px;

}



.sidebar {

display: flex;

flex-direction: column;

}

.sidebar a {

padding: 14px;

background: #0b2c4d;

color: white;

text-decoration: none;

margin-bottom: 8px;

border-radius: 4px;

transition: 0.3s;

}

.sidebar a:hover {

background: #d4af37;

color: black;

}

.sidebar a.active {

background: #49b3c7;

}



.content h2 {

color: #0b2c4d;

margin-top: 20px;

}

.content p {

color: #555;

line-height: 1.8;

margin-top: 10px;

}



@media(max-width:768px){

.service-layout{

grid-template-columns: 1fr;

}

}