.what-offer {
    padding-top: 48px;
    padding-bottom: 32px;

    .what-offer__container {
        .what-offer__container-title {
            align-items: center;
            display: flex;
            gap: 16px;
            margin-top: 1vh !important;
        }

        .what-offer__container-content {
            padding-top: 40px;
            gap: 24px;

            .what-offer__container-content-card {
                width: 100%;
                padding: 24px;

                figure {
                    margin-bottom: 0;
                    position: relative;
                    left: 24px;
                    top: 24px;
                    
                    img {
                        border-bottom-right-radius: 20px;
                    }
                }

                ul {
                    padding: 16px 0 0;
                    list-style: none;

                    li {
                        position: relative;
                        padding-left: 32px;
                        padding-bottom: 16px;
                    }

                    li::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 4px; /* Dopasuj w pionie */
                        width: 20px; /* Szerokość obrazka */
                        height: 20px; /* Wysokość obrazka */
                        background-image: url("../../../images/check-circle.png");
                        background-size: contain; /* Dopasowanie */
                        background-repeat: no-repeat;
                    }

                }

                .wp-block-buttons {
                    padding-bottom: 32px;
                }
            }
        }
    }
}


@media only screen and (max-width: 576px) {

    .what-offer--greeen {
        padding-bottom: 48px;
        .what-offer__container-content-card:first-child {
            .wp-block-button {
                a {
                    padding-left: 8px;
                    padding-right: 8px;
                }
            }

        }   
    }
}
@media only screen and (min-width: 756px) {
    
    .what-offer {
        .what-offer__container {
            .what-offer__container-content {
                .what-offer__container-content-card {
                    padding: 32px;

                    figure {
                        top: 32px;
                        left: 32px;

                        img {
                            display: block;
                            margin-left: auto;
                            margin-right: 0;
                        }

                    }

                    .wp-block-buttons {
                        padding-bottom: 0;
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 900px) {

    .what-offer {    
        .what-offer__container {
            .what-offer__container-content {
                flex-direction: column;

                .what-offer__container-content-card {
                    ul {
                        li {
                            font-size: 18px !important;
                        }
                    }
                }
            }
        }
    }
}


@media only screen and (min-width: 900px) {
    .what-offer {
        .what-offer__container {
            .what-offer__container-content {
                align-items: stretch;

                .what-offer__container-content-card {
                    display: flex;
                    flex-direction: column;

                    h2,
                    .wp-block-buttons,
                    ul {
                        margin-left: 0 !important;
                    }

                    h2,
                    ul,
                    .wp-block-buttons {
                        z-index: 2;
                    }
                    
                    figure {
                        display: flex;
                        justify-content: flex-end;
                        align-items: flex-end;
                        flex-grow: 1;
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .what-offer {
        .what-offer__container {
            .what-offer__container-content {
                .what-offer__container-content-card { 
                    position: relative;

                    .wp-block-buttons {
                        flex-grow: 1;
                        align-items: flex-end;
                        padding-top: 32px;
                    }

                    figure {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        z-index: 1;

                        img {
                            width: 200px;
                            height: 240px;
                        }
                    }
                }
            }
        }
    }

    .what-offer--greeen {
        .what-offer__container {
            .what-offer__container-content {
                .what-offer__container-content-card {
                    h2 {
                        padding-right: 20%;
                    }

                    .toEngineers {
                        a:hover {
                            background-color: #1b2b27 !important;
                            color: white !important;
                        }
                    }

                    .toPhysical  {
                        a {
                            border: 1px solid #1b2b27 !important;
                        }

                        a:hover {
                            background-color: white !important;
                            color: #1b2b27 !important;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1500px) {
    .what-offer {
        padding-bottom: 48px;
        
        .what-offer__container {
            .what-offer__container-content {
                padding-top: 48px;

                .what-offer__container-content-card { 
                    padding: 40px;

                    figure {
                        img {
                            width: 260px;
                            height: 310px;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1800px) {
    .what-offer {
        .what-offer__container {
            .what-offer__container-content {
                width: 100%;
                gap: 32px;
                
                .what-offer__container-content-card {   
                    padding: 64px;
                  
                    figure {
                        img {
                            width: 300px;
                            height: 360px;
                        }
                    }
                }
            }
        }
    }
}