h1 {
    color: #262626;
}

.phone-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    /* Adjust as needed */
}

/* Phone image */
.phone-image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
}

/* Hexagon shape */
.hexagon {
    position: absolute;
    background-color: #f47920;
    clip-path: polygon(50% 0%,
            93% 25%,
            93% 75%,
            50% 100%,
            7% 75%,
            7% 25%);
    z-index: 1;
}

/* Top hexagon */
.top-hex {
    top: -30px;
    left: 18%;
    width: 240px;
    height: 237px;
}

.btn-white {
    background: white !important;
    border: 2px solid #262626 !important;
    transition: 0.3s ease-in-out;
}

.btn-white:hover {
    background: rgba(239, 239, 239, 0.932) !important;
}

/* Bottom hexagon */
.bottom-hex {
    bottom: -30px;
    right: 16%;
    width: 181px;
    height: 179px;
}

@media(max-width: 992px) {
    .section-2 {
        flex-direction: column-reverse;
    }
}


@media(max-width: 500px) {

    /* Top hexagon */
    .top-hex {
        top: -20px;
        left: 20%;
        width: 150px;
        height: 147px;
    }

    .btn-white {
        background: white !important;
        border: 2px solid #262626 !important;
        transition: 0.3s ease-in-out;
    }

    .btn-white:hover {
        background: rgba(239, 239, 239, 0.932) !important;
    }

    /* Bottom hexagon */
    .bottom-hex {
        bottom: -10px;
        right: 20%;
        width: 91px;
        height: 89px;
    }
}

@media (max-width: 375px) {
    .app_btns a {
        width: 100%;
        justify-content: center;
    }
}