@media (max-width: 768px) {
    /* Exact Figma mobile design - image only */
    .save-money-with-bnaia-parent {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        gap: 28px;
        position: relative;
        padding: 20px;
    }
    
    /* Figma exact title styling */
    .save-money-with {
        position: relative;
        align-self: stretch;
        height: 41px;
        margin-top: -1px;
        font-family: "Poppins", Helvetica;
        font-weight: 500;
        color: #3b3b3b;
        font-size: 25px;
        letter-spacing: -0.41px;
        line-height: 70.5px;
        white-space: nowrap;
        text-transform: none;
        padding: 0;
    }
    
    /* Rectangle parent container - exact Figma structure */
    .rectangle-parent {
        position: relative;
        width: 347px;
        height: 895px;
        margin: 0 auto;
    }
    
    /* Figma positioned images - exact coordinates */
    .group-child {
        position: absolute;
        width: 347px;
        height: 375px;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    
    .icon {
        position: absolute;
        width: 168px;
        height: 123px;
        top: 386px;
        left: 0;
        object-fit: cover;
    }
    
    .group-item {
        position: absolute;
        width: 168px;
        height: 212px;
        top: 518px;
        left: 0;
        object-fit: cover;
    }
    
    .group-inner {
        position: absolute;
        width: 163px;
        height: 215px;
        top: 386px;
        left: 184px;
        object-fit: cover;
    }
    
    .frame-icon {
        position: absolute;
        width: 162px;
        height: 119px;
        top: 610px;
        left: 184px;
        object-fit: cover;
    }
    
    .group-child1 {
        position: absolute;
        width: 346px;
        height: 147px;
        top: 748px;
        left: 1px;
        object-fit: cover;
    }
}

@media (max-width: 480px) {
    .save-money-with {
        font-size: 28px;
        line-height: 42px;
    }
    
    .entry-doors-with-textured-glas-parent {
        height: 400px;
    }
    
    .div {
        font-size: 60px;
    }
    
    .best-plumbing-installation {
        font-size: 16px;
        width: 250px;
    }
    
    .button {
        width: 250px;
    }
}

/* Desktop styles (769px and above) */
@media (min-width: 769px) {
    /* Hide mobile version on desktop */
    .save-money-with-mobile,
    .rectangle-parent {
        display: none;
    }
    
    /* Show desktop version */
    .save-money-with-desktop,
    .frame-2609790-1-parent {
        display: block;
    }
    
    /* Desktop title styling - exact Figma specs */
    .save-money-with-desktop {
        align-self: stretch;
        position: relative;
        letter-spacing: -0.41px;
        line-height: 70.5px;
        text-transform: capitalize;
        font-size: 45px;
        color: #000;
        font-family: 'Tajawal', sans-serif;
        font-weight: 700;
        text-align: right;
    }
    
    /* Desktop container - exact Figma dimensions */
    .frame-2609790-1-parent {
        width: 1288px;
        position: relative;
        height: 1091px;
        margin: 0 auto;
    }
    
    /* Desktop positioned images - exact Figma coordinates */
    .frame-2609790-1 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 613px;
        height: 663px;
        object-fit: cover;
    }
    
    .frame-2609791-1 {
        position: absolute;
        top: 0px;
        left: 965px;
        width: 322px;
        height: 407px;
        object-fit: cover;
    }
    
    .frame-2609798-1 {
        position: absolute;
        top: 428px;
        left: 966px;
        width: 322px;
        height: 236px;
        object-fit: cover;
    }
    
    .frame-2609797-1 {
        position: absolute;
        top: 249px;
        left: 631px;
        width: 312px;
        height: 412px;
        object-fit: cover;
    }
    
    .frame-2609795-1 {
        position: absolute;
        top: 685px;
        left: 0px;
        width: 1288px;
        height: 406px;
        object-fit: cover;
    }
    
    .frame-2609796-1 {
        position: absolute;
        top: 0px;
        left: 635px;
        width: 312px;
        height: 229px;
        object-fit: cover;
    }
    
    /* Desktop parent container styling */
    .save-money-with-bnaia-parent {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 48px;
        text-align: right;
        font-size: 45px;
        color: #000;
        font-family: 'Tajawal', sans-serif;
        padding: 40px 20px;
    }
}

/* Mobile visibility - hide desktop on mobile */
@media (max-width: 768px) {
    .save-money-with-desktop,
    .frame-2609790-1-parent {
        display: none;
    }
    
    .save-money-with-mobile,
    .rectangle-parent {
        display: block;
    }
}