.elementor-7135 .elementor-element.elementor-element-68a36b3{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7135 .elementor-element.elementor-element-867e4dc{text-align:center;}.elementor-7135 .elementor-element.elementor-element-867e4dc .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:50px;text-transform:uppercase;color:#000000;}.elementor-7135 .elementor-element.elementor-element-c9eed8f{--display:flex;}.elementor-7135 .elementor-element.elementor-element-2eb7e41{text-align:center;}.elementor-7135 .elementor-element.elementor-element-2eb7e41 .elementor-heading-title{font-family:"Helvetica", Sans-serif;text-transform:uppercase;color:#E9BD6F;}.elementor-7135 .elementor-element.elementor-element-b6c01ad{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-0a5d5ae */.sunrise-approach {
    background-color: #f9f9f9; /* Light background for contrast */
    padding: 50px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-title {
    font-size: 2.5em;
    margin-bottom: 20px;
    color: #333; /* Dark gray for the title */
}

.intro-text {
    font-size: 1.2em;
    margin-bottom: 40px;
    color: #666; /* Slightly lighter gray for the intro text */
}

.approach-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.step {
    background: #000; /* Black background for the cards */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Slightly darker shadow for depth */
    margin: 10px;
    padding: 20px;
    flex: 1 1 30%;
    transition: transform 0.3s, box-shadow 0.3s; /* Added transition for shadow */
    text-align: left; /* Align text to the left */
}

.step:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5); /* Enhanced shadow on hover */
    
}

.step-image {
    width: 100%; /* Make the image responsive */
    max-height: 200px; /* Set a maximum height for the images */
    object-fit: cover; /* Ensure the image covers the area without distortion */
    border-radius: 8px; /* Rounded corners for the image */
    margin-bottom: 15px; /* Space between image and text */
}

.step h3 {
    font-size: 1.5em;
    color: #E9BD6F; /* Gold color for headings */
}

.step p {
    color: #E9BD6F; /* Gold color for paragraph text */
}/* End custom CSS */