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

.Case_main_new{
    .Case_inner_new{
        .Case_mainlist_new{
            position: sticky; top:0; z-index:9;
            .Case_innerlist_new{ border-bottom: 1px solid #060709;
                .tab{display:flex; position: relative; background-color: #fff;  
                    .tab_background_new{ background:#060709; z-index: 1; height: 100%; transition: transform .35s, width .35s; position: absolute; top: 0px; left: 0; }
                    .tablinks{
                        z-index:2;
                        border-right: 1px solid #060709; cursor:pointer; font-family: var(--font-gopher--family); min-height:39px; color: #060709; text-align: center;font-size: 14px;font-weight: 700;line-height: 100%;text-transform: uppercase; padding:5px; display:flex; align-items: center; justify-content:center; width:100%; 
                        -webkit-transition: all .3s linear;
                        -moz-transition: all .3s linear;
                        -o-transition: all .3s linear;
                        -ms-transition: all .3s linear;
                        transition: all .3s linear;
                        &.active{ color: #fff; background:#060709; }
                        &:last-child{border-right: 0px;}
                    }
                }
            }
        }
        .Case_mainitem_new{
            .Case_inneritem_new{
                .Case_inneritem_mainpart_new{
                    .page-width{ padding:0; }
                    .Case_inneritem_innerpart_new{
                        .Case_inneritem_innerpart_mainside_new{
                            .Case_inneritem_innerpart_innerside_new{ display:flex; border-bottom: 1px solid #060709; padding:56px;
                                .Case_inneritem_innerpart_innerside_maintext_new{width: calc(100% - 74.699%); padding-right:56px;
                                    .Case_inneritem_innerpart_innerside_innertext_new{
                                        position: sticky; top:96px;
                                        .Case_inneritem_innerpart_innerside_innertext_title_new{
                                            h2{ color: #000; font-size: 32px; font-weight: 500; line-height: 112%; text-transform: unset;}
                                        }
                                        .Case_inneritem_innerpart_innerside_innertext_lists_new {padding-top: 24px; color:#060709; font-size: 18px;font-weight: 500;line-height: 120%; font-family: var(--font-gopher--family);
                                            ul{ list-style: none; padding: 0px; margin: 0px;
                                                li{ padding-bottom: 8px;
                                                    &:last-child{padding: 0px;}
                                                }
                                            }
                                        }
                                        .Case_inneritem_innerpart_innerside_innertext_button_new {padding-top: 24px;
                                            a{ min-width: 100%; }
                                        }
                                    }
                                }

                                .Case_inneritem_innerpart_innerside_mainloop_new{ width:74.699%;
                                    .Case_inneritem_innerpart_innerside_innerloop_new{
                                        .Page_case_studies_template_slider {
                                            .Case_inneritem_innerpart_innerside_innerloop_mainblock_new {
                                                width:33.33%;
                                                .Case_inneritem_innerpart_innerside_innerloop_innerblock_new{ display:flex; flex-direction: column; grid-gap: 24px;
                                                    .Case_inneritem_innerpart_innerside_innerloop_innerblock_mainmedia_new{
                                                        .Case_inneritem_innerpart_innerside_innerloop_innerblock_innermedia_new{position: relative; padding-bottom:178.125%; cursor: pointer;
                                                            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%;}
                                                            svg{ position: absolute; left:8px; top:8px; width:32px; height: auto; z-index:1; cursor: pointer; }
                                                            .pause_icon{ display: none; }
                                                        }
                                                    }
                                                    .Case_inneritem_innerpart_innerside_innerloop_innerblock_mainboths_new{
                                                        -webkit-transition: all .3s linear;
                                                        -moz-transition: all .3s linear;
                                                        -o-transition: all .3s linear;
                                                        -ms-transition: all .3s linear;
                                                        transition: all .3s linear;
                                                        @media(min-width:750px) and (max-width:9999px){
                                                            &:hover{border-radius: 100px;}
                                                        }
                                                        .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_new{padding: 10px; display:flex; text-align:center; align-items:center; justify-content:center; flex-direction: column; min-height:204px; 
                                                            .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_title_new{ }
                                                            .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_infos_new{ padding-top:8px; font-family:var(--font-gopher--family); font-size:18px; font-weight:500; line-height:120%; 
                                                                p{margin: 0px 0px 16px 0px;
                                                                    &:last-child{margin: 0px;}
                                                                
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){
    .Case_main_new{
        .Case_inner_new{
            .Case_mainlist_new{
                padding: 18px 20px; background:#060709; 
                z-index: 8;
                .Case_innerlist_new{
                    .tab {
                        display: none;
                        background: #fff;
                        padding: 0;
                        z-index: 1;
                        border-left: 1px solid #282828;
                        border-right: 1px solid #282828;
                        width: 100%;
                        position: absolute;
                        left: 0;
                        top: 100%;

                        .tablinks {
                            border:0;
                            border-bottom: 1px solid #282828 !important;
                            padding: 13px 23px;
                            font-size:16px; 
                            font-weight:700; line-height:17px;
                            text-transform: unset;
                            color: #282828;
                            justify-content: flex-start;

                            &.active {
                                background: none;
                                display: none;
                            }
                        }
                    }

                    .Case_innerlist_maintitle_new {
                        border-radius: 0;
                        border: 1px solid #282828;
                        background: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 13px 23px;
                        color: #282828;

                        span {
                            font-family: var(--font-gopher--family);
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 16px;
                            letter-spacing: 0;
                        }

                        svg {
                            width: 16px;
                            height: 16px;
                            -webkit-transition: all .3s linear;
                            -moz-transition: all .3s linear;
                            -o-transition: all .3s linear;
                            -ms-transition: all .3s linear;
                            transition: all .3s linear;
                        }
                    }

                    &.open {
                        position: relative;

                        .Case_innerlist_maintitle_new {
                            svg {
                                transform: rotate(180deg);
                            }
                        }
                        .tab {
                            display: block;
                            
                        }
                    }
                }
            }

            .Case_mainitem_new{
                .Case_inneritem_new{
                    .Case_inneritem_mainpart_new{
                        .Case_inneritem_innerpart_new{
                            .Case_inneritem_innerpart_mainside_new{
                                .Case_inneritem_innerpart_innerside_new{ 
                                    display:block; padding:32px 20px 32px 20px;
                                    .Case_inneritem_innerpart_innerside_maintext_new{ width:100%; padding-right:0px;
                                        .Case_inneritem_innerpart_innerside_innertext_new{
                                            .Case_inneritem_innerpart_innerside_innertext_title_new{
                                                h2{text-align:center; white-space: nowrap; max-width:100%; }
                                            }
                                        }
                                    }
                                    .Case_inneritem_innerpart_innerside_mainloop_new{width:100%; padding-top:27px;
                                        .Case_inneritem_innerpart_innerside_innerloop_new{
                                            .Page_case_studies_template_slider {padding: 0px 20px; margin: 0px -20px;
                                                .Case_inneritem_innerpart_innerside_innerloop_mainblock_new {width: 208px;
                                                    .Case_inneritem_innerpart_innerside_innerloop_innerblock_new{grid-gap: 16px;
                                                        .Case_inneritem_innerpart_innerside_innerloop_innerblock_mainboths_new{
                                                            .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_new{min-height:120px; padding:16px;
                                                                .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_infos_new{
                                                                    font-size: 16px; line-height: 120%; 
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }    
                                    }
                                }
                                .Case_inneritem_innerpart_innerside_button_new {padding-top:16px; }
                            }
                        }
                    }
                }
            }
        }
    }  
}

@media(min-width:750px) and (max-width:989px){
    .Case_main_new{
        .Case_inner_new{
            .Case_mainlist_new{
                .Case_innerlist_new{
                    .tab{
                        .tablinks{ font-size:12px;}
                    }
                }
            }

            .Case_mainitem_new{
                .Case_inneritem_new{
                    .Case_inneritem_mainpart_new{
                        .Case_inneritem_innerpart_new{
                            .Case_inneritem_innerpart_mainside_new{
                                .Case_inneritem_innerpart_innerside_new{padding:30px 20px;
                                    .Case_inneritem_innerpart_innerside_maintext_new{ padding-right:20px;
                                        .Case_inneritem_innerpart_innerside_innertext_new{
                                            top:60px;
                                            .Case_inneritem_innerpart_innerside_innertext_title_new{
                                                h2{font-size: 20px;}
                                            }
                                            .Case_inneritem_innerpart_innerside_innertext_lists_new {padding-top: 16px;
                                                ul{
                                                    li{ font-size: 14px; padding-bottom: 5px; }
                                                }
                                            }
                                            .Case_inneritem_innerpart_innerside_innertext_button_new {padding-top: 18px; 
                                                a{                                                     
                                                    font-size: 16px;
                                                    padding-left: 12px !important;
                                                    padding-right: 12px !important; 
                                                }
                                            }
                                        }
                                    }
                                    .Case_inneritem_innerpart_innerside_mainloop_new{
                                        .Case_inneritem_innerpart_innerside_innerloop_new{
                                            .Page_case_studies_template_slider {
                                                .Case_inneritem_innerpart_innerside_innerloop_mainblock_new {
                                                    .Case_inneritem_innerpart_innerside_innerloop_innerblock_new{ grid-gap: 16px;
                                                        .Case_inneritem_innerpart_innerside_innerloop_innerblock_mainboths_new{
                                                            .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_new{min-height: 114px; 
                                                                .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_infos_new{padding-top: 6px; font-size: 14px;}
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    .Case_main_new{
        .Case_inner_new{
            .Case_mainlist_new{
                .Case_innerlist_new{
                    .tab{
                        .tablinks{font-size:14px; }
                    }
                }
            }

            .Case_mainitem_new{
                .Case_inneritem_new{
                    .Case_inneritem_mainpart_new{
                        .Case_inneritem_innerpart_new{
                            .Case_inneritem_innerpart_mainside_new{
                                .Case_inneritem_innerpart_innerside_new{padding:40px 20px;
                                    .Case_inneritem_innerpart_innerside_maintext_new{ padding-right:24px;
                                        .Case_inneritem_innerpart_innerside_innertext_new{
                                            top:70px;
                                            .Case_inneritem_innerpart_innerside_innertext_title_new{
                                                h2{font-size: 28px;}
                                            }
                                            .Case_inneritem_innerpart_innerside_innertext_lists_new {padding-top: 18px; }
                                            .Case_inneritem_innerpart_innerside_innertext_button_new {padding-top: 20px; }
                                        }
                                    }
                                    .Case_inneritem_innerpart_innerside_mainloop_new{
                                        .Case_inneritem_innerpart_innerside_innerloop_new{
                                            .Page_case_studies_template_slider {
                                                .Case_inneritem_innerpart_innerside_innerloop_mainblock_new {
                                                    .Case_inneritem_innerpart_innerside_innerloop_innerblock_new{
                                                        .Case_inneritem_innerpart_innerside_innerloop_innerblock_mainboths_new{
                                                            .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_new{ min-height: 180px; 
                                                                .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_title_new{
                                                                    * {
                                                                        font-size: 50px;
                                                                    }
                                                                }
                                                                .Case_inneritem_innerpart_innerside_innerloop_innerblock_innerboths_infos_new{font-size: 18px;}
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}