body {
    font-family: Raleway, sans-serif;
    margin: 70px 30px;
    background: #ffffff;
    overflow-x: hidden;
    text-align: center;
}
.button-container {
    display: flex;
    gap: 25px;
    justify-content: center;
}
@media (max-width: 568px) {
    .button-container {
        flex-direction: column;
        align-items: center;
    }

}
.option-btn {
    width: 180px;
    background: white;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #333;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
    transition: transform 0.2s, box-shadow 0.2s;
    padding: 5px 20px 0px 20px;
    font-weight: 700;
    font-size: 17px;
}
.option-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.option-btn-title {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 6px;
}
.option-btn-subtitle {
    font-weight: 400;
    font-size: 15px;
    padding-top: 5px;
    min-height: 55px;
    display: flex;
}
.option-btn img {
    width: auto;
    height: 45px;
    margin: 15px;
}
.select-permits,
.select-power,
.select-water {
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    background: #ec4c4e;
    border: 4px solid #dd4244;
    position: relative;
    margin: 15px;
}
.select-permits::after,
.select-power::after,
.select-water::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 395.2' style='enable-background:new 0 0 512 395.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M44,362.8c-13,0.1-20.5-11.5-15.7-22.9c8.8-20.8,17.8-41.6,26.7-62.4c33.3-77.7,66.6-155.3,99.8-233 c2.6-6.1,6.2-10.7,13-11.9c6-1,11.3,0.7,15.2,5.5c4.1,5.1,4.8,10.8,2.2,16.9c-8.4,19.7-16.9,39.5-25.3,59.2 c-33.7,78.6-67.4,157.1-101,235.7C55.7,357.3,51.4,362.5,44,362.8z'/%3E%3Cpath class='st0' d='M342.5,32.4c6.7,0.2,11.4,4.5,14.5,11.6c13.6,32,27.3,63.9,41,95.9c28.2,65.7,56.3,131.5,84.5,197.2 c1,2.3,2,4.6,2.4,7c1.4,8.1-3.2,15.6-10.8,18c-7.6,2.4-15.7-0.9-19.2-8.5c-5.4-11.8-10.3-23.8-15.5-35.7 C402.2,231.1,365,144.2,328,57.3c-1.7-3.9-2.4-8.7-1.9-12.9C327.1,37.2,333.8,32.4,342.5,32.4z'/%3E%3Cpath class='st0' d='M272,69.8c0,6.8,0.1,13.6,0,20.5c-0.1,9.7-7,16.6-16.2,16.5c-8.9-0.1-15.7-7-15.7-16.5 c-0.1-13.8-0.1-27.6,0-41.4c0.1-9.7,6.9-16.6,16.2-16.5c9,0.1,15.6,7,15.8,16.5C272.1,55.8,272,62.8,272,69.8z'/%3E%3Cpath class='st0' d='M240,197.6c0-7-0.1-14,0-21c0.1-9.5,6.9-16.2,15.9-16.3c9,0,15.9,6.8,16,16.2c0.1,14,0.1,27.9,0,41.9 c-0.1,9.4-7,16.3-15.9,16.3c-9,0-15.8-6.9-16-16.2C239.9,211.6,240,204.6,240,197.6z'/%3E%3Cpath class='st0' d='M240,325.7c0-7-0.1-14,0-21c0.1-9.5,6.8-16.3,15.8-16.4c9-0.1,16,6.7,16.1,16.1c0.1,14.1,0.2,28.3,0,42.4 c-0.1,9.1-7,15.8-15.8,15.9c-9,0.1-15.9-6.8-16.1-16.1C239.9,339.7,240,332.7,240,325.7z'/%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 66%;
    position: absolute;
    left: 0;
    top: 0; 
}
.select-power {
    background: #ffa94d;
    border: 4px solid #e99558;
}
.select-water {
    background: #4598db;
    border: 4px solid #2775b3;
}
.select-power::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 404.9 404.9' style='enable-background:new 0 0 404.9 404.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M177.3,231.1c-28.2-8.3-55.9-16.5-83.7-24.6c-10.4-3-11.3-14.8-5-20.8c16.8-16.1,32.9-32.8,49.4-49.2 c13.9-13.8,28.1-27.3,42-41.1c10.1-10,19.9-20.2,30-30.3c9.4-9.4,18.9-18.6,28.3-27.9c7.5-7.4,15.1-14.7,22.4-22.3 c4.7-4.8,11.4-6.8,15.9-4.1c6.1,3.6,7.9,9.8,5.2,17c-15,40.5-30,81-45,121.4c-3,8-6,16.1-9.2,24.6c10.2,2.9,20.2,5.8,30.2,8.7 c18.2,5.3,36.4,10.5,54.5,16c8.7,2.7,11,13.3,4.6,19.7c-16.9,16.9-33.8,33.8-50.7,50.7c-13,13-26,26-39.2,38.9 c-14.1,13.9-28.4,27.5-42.5,41.4c-9.7,9.6-19.2,19.4-28.8,29.1c-4.4,4.4-8.7,8.8-13.2,13c-3.9,3.7-10.6,4.5-14.5,1.9 c-5.7-3.7-7.6-8.9-5.2-15.3c8.1-21.9,16.3-43.8,24.4-65.7C157.2,285.6,167.2,258.6,177.3,231.1z'/%3E%3Cpath class='st0' d='M209.8,31.5c-5.5,5.7-10.7,11-15.9,16.3c-0.4,0.4-1.2,0.6-1.5,1.1c-3.4,5.6-8.9,7-14.9,7.9 c-26.1,4.1-49.2,14.9-69.3,31.9c-38.2,32.1-55.6,73.5-53.3,123c1.4,30.3,12.4,57.4,30.6,81.5c8.5,11.2,18.8,20.6,29.8,29.2 c0.9,0.7,1.7,2.5,1.3,3.4c-2.5,6.9-5.2,13.6-7.9,20.4c-66.5-41.6-98.3-130.2-65.3-209.6C77.8,54.5,159.4,26.1,209.8,31.5z'/%3E%3Cpath class='st0' d='M194.1,373.6c5.7-5.5,11.4-9.9,15.8-15.4c6.5-8.3,15.4-9.3,24.7-11.2c17.5-3.6,33.6-11.1,48.8-20.6 c15-9.4,27.6-21.4,37.9-35.4c14.9-20.3,24.6-43.2,27.9-68.4c3.4-26.3,0.5-52-9.9-76.5c-5.7-13.4-12.4-26.4-22.5-37.2 c-9-9.6-18.5-18.8-28.6-28.9c2.2-6.1,5-13.6,7.8-21.2C357.9,96.6,395.2,183,362.3,266C330.3,346.9,249.7,379.1,194.1,373.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.select-water::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 404.9 404.9' style='enable-background:new 0 0 404.9 404.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,161.1c0.5-8.9,1-17.9,1.5-26.8c0.6-10.3,6.7-18.9,15.6-21.6c3.1-0.9,6.3-1.4,9.5-1.8 c10.5-1.2,21.1-0.9,31.5,1.2c9.1,1.8,16.8,10.4,17.4,19.6c2.3,33.2,2.2,66.3,0,99.5c-0.6,8.7-8,17.3-16.6,19.2 c-13.5,3-27.1,3-40.7,0c-9.3-2.1-16.2-11-16.8-21.7c-0.4-7.9-0.6-15.8-1-23.7c-0.1-1.7-0.4-3.3-0.5-5C19.5,187,19.5,174,19.5,161.1 z'/%3E%3Cpath class='st0' d='M339.1,395.5c-8.2-1.9-15.1-5.8-20.6-12.2c-9.8-11.3-11.5-24.8-4.3-37.9c7-12.8,16-24.1,26.1-34.6 c2.2-2.2,4-2.1,6,0.1c9.4,10.4,18,21.4,25.5,33.4c13.1,20.7-2.1,45.9-22.4,50.5c-0.8,0.2-1.6,0.5-2.4,0.7 C344.4,395.5,341.7,395.5,339.1,395.5z'/%3E%3Cpath class='st0' d='M109.1,223.7c0-28.5,0-56.5,0-85.1c4.8,0,9.8,0,14.8,0c7.9,0,14.4-2.8,19.6-8.9c6.3-7.5,13.8-13.6,22.4-18.4 c1.1-0.6,2.2-2.2,2.4-3.5c1.8-9.5,8.1-15.9,17.6-17.4c12.5-1.9,25.1-1.8,37.6,0.1c7.9,1.3,15,8.3,16.2,16.3c0.4,2.6,1.5,4,3.7,5.2 c8.3,4.6,15.5,10.5,21.5,17.8c4.6,5.6,10.4,8.4,17.6,9.2c29.2,3.2,55,14.1,75.4,35.7c22.8,24.1,31.8,53.2,29.9,86.1 c-0.1,2.5-0.3,5-0.4,7.5c-0.4,7.4-5.7,12.9-13.1,13.1c-19.8,0.5-39.6,1-59.4,1.3c-7.2,0.1-11.3-3.9-11.7-11.2 c-0.4-6.8-0.6-13.7-1.5-20.4c-0.5-3.6-2.1-7.2-3.9-10.3c-7.8-13.4-24.5-15.7-35.5-4.7c-11.7,11.7-25.1,20-41.4,23.2 c-30.1,5.9-55.8-2.6-76.4-25.3c-6.4-7-13.4-10.9-22.9-10.3C117.4,223.9,113.2,223.7,109.1,223.7z'/%3E%3Cpath class='st0' d='M221.4,59.1c0,5.9,0,11.6,0,17.3c-11.5,0-22.7,0-34.4,0c0-5.6,0-11.4,0-17.5c-6.4,0.3-12.4,0.3-18.3,0.9 c-16,1.6-31.9,3.4-47.9,5.1c-10.3,1.1-19-1.7-24.5-10.8c-5.9-9.8-5.9-20.2,0.2-30c5.6-8.9,14.4-11.8,24.3-10.3 c42,6.2,84.2,7.9,126.6,4.5c13.2-1.1,26.4-3,39.6-4.5c10.2-1.2,19.1,1.4,24.7,10.4c6.1,9.7,6.2,20.1,0.2,30 c-5.5,9-14.2,11.8-24.5,10.7c-19.9-2-39.8-3.9-59.7-5.8C225.8,58.9,223.9,59.1,221.4,59.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}