.elementor-4104 .elementor-element.elementor-element-1da2c25{--display:flex;}.elementor-4104 .elementor-element.elementor-element-1da2c25:not(.elementor-motion-effects-element-type-background), .elementor-4104 .elementor-element.elementor-element-1da2c25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for shortcode, class: .elementor-element-ca0c147 */.vopr-tutorials-wrapper {
background-color: #000;
color: #fff;
padding: 40px 20px;
}

.vopr-tutorials-wrapper h1 {
text-align: center;
color: gold;
font-size: 32px;
margin-bottom: 40px;
}

.vopr-tutorial {
display: flex;
align-items: center;
gap: 20px;
background: #111;
border-radius: 10px;
margin-bottom: 30px;
padding: 20px;
transition: transform 0.3s;
}

.vopr-tutorial:hover {
transform: scale(1.02);
}

.vopr-tutorial img {
width: 160px;
height: auto;
border-radius: 10px;
}

.vopr-tutorial-content {
flex: 1;
}

.vopr-tutorial-content h3 {
color: #FFD700;
font-size: 20px;
margin-bottom: 10px;
}

.vopr-tutorial-content p {
color: #ccc;
line-height: 1.6;
}

@media (max-width: 768px) {
.vopr-tutorial {
flex-direction: column;
text-align: center;
}

.vopr-tutorial img {
width: 100%;
max-width: 300px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1da2c25 */.vopr-tutorials-wrapper {
background-color: #000;
color: #fff;
padding: 40px 20px;
}

.vopr-tutorials-wrapper h1 {
text-align: center;
color: gold;
font-size: 32px;
margin-bottom: 40px;
}

.vopr-tutorial {
display: flex;
align-items: center;
gap: 20px;
background: #111;
border-radius: 10px;
margin-bottom: 30px;
padding: 20px;
transition: transform 0.3s;
}

.vopr-tutorial:hover {
transform: scale(1.02);
}

.vopr-tutorial img {
width: 160px;
height: auto;
border-radius: 10px;
}

.vopr-tutorial-content {
flex: 1;
}

.vopr-tutorial-content h3 {
color: #FFD700;
font-size: 20px;
margin-bottom: 10px;
}

.vopr-tutorial-content p {
color: #ccc;
line-height: 1.6;
}

@media (max-width: 768px) {
.vopr-tutorial {
flex-direction: column;
text-align: center;
}

.vopr-tutorial img {
width: 100%;
max-width: 300px;
}
}/* End custom CSS */