section.solution {
    gap: 30px;

    padding-inline: 200px;
    padding-left: 200px;
    padding-right: 200px;
    
    padding-block: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
}
    
    section.solution .background {
        mix-blend-mode: color-burn;
    }
    
    section.solution .textSolution {
        font-size: 1.5rem;
        font-weight: 400;
    }
    
    section.solution .textSolution .subtitle {
            font-size: 1.625rem;
            font-weight: 500;
        }
    
    section.solution .imgSolutionContainer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        
        padding-inline: 90px;
        padding-left: 90px;
        padding-right: 90px;

        width: 100%;
        height: 333px;
        box-sizing: border-box;
    }
    
    section.solution .imgSolutionContainer .imgSolution {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
    
    section.solution .imgSolutionContainer .imgSolution .descImgText {
                margin: 0;
                font-size: 1.5rem;
                text-align: center;
                font-weight: 400;
            }
    
    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheHaut {
                    /* width: 347px; */
                    height: 122px;
                    aspect-ratio: 2.844/1;
                    border-radius: 15px;
                }
    
    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheBas {
                    /* width: 347px; */
                    height: 110px;
                    aspect-ratio: 3.154/1;
                    border-radius: 15px;
                }
    
    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionRight {
                    /* width: 514px; */
                    height: 230px;
                    aspect-ratio: 2.234/1;
                    border-radius: 15px;
                }
    
    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionCheck {
                    position: absolute;
                    bottom: -5px;
                    right: -40px;
    
                    /* width: 125px; */
                    height: 169px;
                    aspect-ratio: 1/1.352;
                }
    
    section.solution .imgSolutionContainer img.imgSolutionMidArrowRight {
            /* width: 208px; */
            height: 124px;
            aspect-ratio: 1.677/1;
        }


@media (max-width: 106.25rem) {
    section.solution {
        gap: 25px;

        padding-inline: 180px;
        padding-left: 180px;
        padding-right: 180px;
        
        padding-block: 80px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        section.solution .imgSolutionContainer {
            padding-inline: 80px;
            padding-left: 80px;
            padding-right: 80px;
        }    
                section.solution .imgSolutionContainer .imgSolution .descImgText {
                    font-size: 1.25rem;
                }
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheHaut {
                        /* height: 122px; */
                        height: 95.478px;
                    }
            
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheBas {
                        /* height: 110px; */
                        height: 86.086px;
                    }
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionRight {
                        /* height: 230px; */
                        height: 180px;
                    }
                    
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionCheck {
                        right: -30px;
                        /* height: 169px; */
                        height: 132.260px;
                    }
    
            section.solution .imgSolutionContainer img.imgSolutionMidArrowRight {
                /* height: 124px; */
                height: 97.043px;
            }
}

@media (max-width: 93.75rem) {
    section.solution {
        gap: 20px;

        padding-inline: 150px;
        padding-left: 150px;
        padding-right: 150px;
        
        padding-block: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        section.solution .textSolution {
            font-size: 1.375rem;
        }

            section.solution .textSolution .subtitle {
                font-size: 1.5rem;
            }

        section.solution .imgSolutionContainer {
            padding-inline: 60px;
            padding-left: 60px;
            padding-right: 60px;
        }    
                section.solution .imgSolutionContainer .imgSolution .descImgText {
                    font-size: 1rem;
                }
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheHaut {
                        /* height: 122px; */
                        height: 79.565px;
                    }
            
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheBas {
                        /* height: 110px; */
                        height: 71.739px;
                    }
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionRight {
                        /* height: 230px; */
                        height: 150px;
                    }
                    
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionCheck {
                        right: -25px;
                        /* height: 169px; */
                        height: 110.217px;
                    }
    
            section.solution .imgSolutionContainer img.imgSolutionMidArrowRight {
                /* height: 124px; */
                height: 80.869px;
            }
}

@media (max-width: 75rem) {
    section.solution {
        gap: 18px;
        
        padding-inline: 130px;
        padding-left: 130px;
        padding-right: 130px;
        
        padding-block: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        section.solution .imgSolutionContainer {
            padding-inline: 50px;
            padding-left: 50px;
            padding-right: 50px;
        }    
                section.solution .imgSolutionContainer .imgSolution .descImgText {
                    font-size: 0.875rem;
                }
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheHaut {
                        /* height: 122px; */
                        height: 68.956px;
                    }
            
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheBas {
                        /* height: 110px; */
                        height: 62.173px;
                    }
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionRight {
                        /* height: 230px; */
                        height: 130px;
                    }
                    
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionCheck {
                        right: -22px;
                        /* height: 169px; */
                        height: 95.521px;
                    }
    
            section.solution .imgSolutionContainer img.imgSolutionMidArrowRight {
                /* height: 124px; */
                height: 70.086px;
            }
}


@media (max-width: 61.25rem) {
    section.solution {
        gap: 45px;
        
        padding-inline: 30px;
        padding-left: 30px;
        padding-right: 30px;
        
        padding-block: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        section.solution .textSolution {
            font-size: 1.25rem;
        }

            section.solution .textSolution .subtitle {
                font-size: 1.375rem;
            }

        section.solution .imgSolutionContainer {
            height: auto;
            flex-direction: column;

            padding-inline: 0;
            padding-left: 0;
            padding-right: 0;

            gap: 100px;
        }
    
            section.solution .imgSolutionContainer .imgSolution {
                align-items: center;
                width: 100%;
            }

                section.solution .imgSolutionContainer .imgSolution .descImgText {
                    font-size: 4vw;
                }
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheHaut {
                        height: auto;
                        width: 80%;
                        border-radius: 1.3rem;
                    }
            
                    section.solution .imgSolutionContainer .imgSolution.gauche .imgSolutionGaucheBas {
                        height: auto;
                        width: 80%;
                        border-radius: 1.3rem;
                    }
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionRight {
                        height: auto;
                        width: 80%;
                        border-radius: 1.3rem;
                    }
                    
                    section.solution .imgSolutionContainer .imgSolution.droite .imgSolutionCheck {
                        /* right: -22px; */
                        right: 5%;
                        width: auto;
                        height: 60%;
                    }
    
            section.solution .imgSolutionContainer img.imgSolutionMidArrowRight {
                height: 75px;
                transform: rotate(90deg);
            }
}