/*@use "variables" as *;
@use "media-query" as *;*/

.Case_banner_main_new{ position: relative;
    .Case_banner_inner_new{
        .Case_banner_mainboth_new{position: absolute; top:50%; left: 0px; transform: translate(0px , -50%); width: 100%; z-index:2;
            .page-width{}
            .Case_banner_innerboth_new{max-width:1328px; text-align:center; margin: auto;
                .Case_banner_innerboth_title_new{ width:100%;}
                .Case_banner_innerboth_infos_new{ 
                    padding-top: 24px;font-family: var(--font-gopher--family); font-size: 24px; font-weight: 500; line-height: 128%;
                    a{ color: inherit; }
                    p{margin: 0px 0px 16px 0px;
                        &:last-child{margin: 0px;}
                    }
                }
            }    
        }
        .Case_banner_mainboth_relative_new{ position: relative; top: auto; left:auto; transform: none; }
        .Case_banner_maindots_new{
            .Case_banner_innerdots_new{position: relative; padding-bottom:41.667%;
                img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){
  
    .Case_banner_main_new{
        .Case_banner_inner_new{
            .Case_banner_mainboth_new{
                .Case_banner_innerboth_new{max-width: 335px;
                    .Case_banner_innerboth_infos_new{ padding-top: 16px;font-size: 18px; line-height: 120%; }
                }
            }
            .Case_banner_maindots_new{
                .Case_banner_innerdots_new{ padding-bottom:106.667%;}
            }
        }
    }
}

@media(min-width:750px) and (max-width:989px){
    .Case_banner_main_new{
        .Case_banner_inner_new{
            .Case_banner_mainboth_new{
                .Case_banner_innerboth_new{
                    .Case_banner_innerboth_title_new{
                        *{font-size: 67px;}
                    }
                    .Case_banner_innerboth_infos_new{padding-top: 10px; font-size: 18px; }
                }  
            }
            .Case_banner_mainboth_relative_new{ padding:40px 0 80px 0; }
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    .Case_banner_main_new{
        .Case_banner_inner_new{
            .Case_banner_mainboth_new{
                .Case_banner_innerboth_new{
                    .Case_banner_innerboth_title_new{
                        *{font-size: 86px !important;}
                    }
                    .Case_banner_innerboth_infos_new{padding-top: 14px; font-size: 22px; }
                }   
            }
        }
    }
}