.elementor-kit-487{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-487 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */```css
.sg-products{
padding:80px 5%;
background:#0b0b0b;
}

.sg-title{
text-align:center;
margin-bottom:60px;
}

.sg-title h2{
font-size:48px;
color:#fff;
margin-bottom:15px;
font-weight:700;
}

.sg-title p{
color:#c9c9c9;
font-size:18px;
}

.sg-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.sg-card{
background:#121212;
border-radius:25px;
overflow:hidden;
border:1px solid rgba(255,170,0,.12);
transition:.4s;
position:relative;
}

.sg-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(255,170,0,.15);
}

.sg-card img{
width:100%;
height:260px;
object-fit:cover;
display:block;
}

.sg-content{
padding:25px;
}

.sg-content h3{
color:#fff;
font-size:24px;
margin-bottom:15px;
line-height:1.3;
}

.sg-content p{
color:#bdbdbd;
line-height:1.8;
margin-bottom:25px;
}

.sg-content a{
display:inline-block;
padding:12px 28px;
background:#f5a623;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.3s;
}

.sg-content a:hover{
background:#fff;
color:#111;
}

@media(max-width:1024px){

.sg-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.sg-title h2{
font-size:34px;
}

.sg-grid{
grid-template-columns:1fr;
}

.sg-card img{
height:220px;
}

}
```/* End custom CSS */