.recruitment {
    padding: 48px 0;
    padding-bottom: 0;
    
    .recruitment__content {
        .recruitment__content-title {
            align-items: center;
            display: flex;
            gap: 16px;
            margin-top: 1vh !important;
        }

        .recruitment__content-container {
            flex-direction: column;
            align-items: flex-start;

            .recruitment__content-container-img {
                padding: 24px 0 32px;
            }

            .recruitment__content-container-list {
                .recruitment__content-container-list-group {
                    gap: 12px;
                    padding-bottom: 24px;
                }

                .wp-block-button {
                    margin-top: 24px;
                }
            }
        }
    }
}

@media only screen and (min-width: 576px) {
    .recruitment {
        .recruitment__content {
            .recruitment__content-container {
                .recruitment__content-container-img {
                    padding-bottom: 40px;
                }
            }
        }
    }
}


@media only screen and (min-width: 900px) {
    .recruitment {
        .recruitment__content {
            .recruitment__content-container {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;

                .recruitment__content-container-img {
                    width: 55%;
                }
            }
        }
    }
}

@media only screen and (min-width: 1200px) {
    .recruitment {
        .recruitment__content {
            width: 100%;
            
            .recruitment__content-container {
                .recruitment__content-container-img {
                    width: 47%;
                }

                .recruitment__content-container-list {
                    width: 43%;
                    .recruitment__content-container-list-group {
                        figure {
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1400px) {
    .recruitment {
        .recruitment__content {         
            margin-left: auto !important;   
            .recruitment__content-container {
                .recruitment__content-container-list {
                    .recruitment__content-container-list-group {
                        figure {
                            width: 52px;
                            height: 52px;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1800px) {
    .recruitment {
        .recruitment__content {         
            .recruitment__content-container {
                padding-top: 24px;
                
                .recruitment__content-container-img {
                    width: 43%;
                }
    
                .recruitment__content-container-list {
                    .recruitment__content-container-list-group {
                        padding-bottom: 40px;

                        figure {
                            width: 64px;
                            height: 64px;
                        }
                    }
                }
            }
        }
    }
}