:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4b92f5e */<style>

.buyoung-context-box{

background:#f7f9fc;
padding:35px 25px;
border-radius:16px;
margin:50px 0;

}



.buyoung-context-inner{

max-width:1200px;
margin:auto;

}



.context-header,
.context-section{

background:#fff;
padding:30px;
border-radius:14px;
border:1px solid #e6edf5;
margin-bottom:35px;

}



.context-label{

font-size:11px;
font-weight:700;
letter-spacing:1.5px;
color:#0072bc;

}



.context-header h2,
.context-section h2{

font-size:28px;
color:#08245b;
margin:12px 0;

}



.context-header p{

font-size:15px;
line-height:1.7;
color:#64748b;

}




.context-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;

}



.context-card{

display:flex;
align-items:center;
gap:18px;

padding:20px;

background:#f8fafc;

border:1px solid #e5edf5;

border-radius:12px;

text-decoration:none;

}



.context-icon,
.related-number{

width:38px;
height:38px;

border-radius:50%;

background:#003b8f;

color:white;

display:flex;
align-items:center;
justify-content:center;

font-weight:700;

flex:none;

}



.context-content strong,
.related-card strong{

display:block;

font-size:17px;

color:#003b8f;

margin-bottom:6px;

}



.context-content span,
.related-card p{

font-size:14px;

color:#64748b;

line-height:1.5;

}



.context-arrow{

margin-left:auto;

color:#0072bc;

font-size:22px;

}




.related-grid{

display:grid;

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

gap:18px;

}



.related-card{

padding:22px;

background:#f8fafc;

border-radius:12px;

border:1px solid #e5edf5;

text-decoration:none;

}



.related-number{

margin-bottom:15px;

}





.solution-links{

display:flex;

gap:15px;

flex-wrap:wrap;

}



.solution-links a{

padding:14px 20px;

background:#f8fafc;

border-radius:10px;

border:1px solid #e5edf5;

color:#003b8f;

font-weight:600;

text-decoration:none;

}



@media(max-width:768px){

.context-grid,
.related-grid{

grid-template-columns:1fr;

}

}

</style>/* End custom CSS */