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

.Services_main_new{
    .Services_inner_new{
        .Services_mainitem_new{
            border-top: 1px solid #060709; border-bottom: 1px solid #060709;
            .Services_inneritem_new{
                padding:39px 0; display:flex; align-items:center; justify-content: space-between; gap:20px; 
                .Services_inneritem_mainboth_new{
                    .Services_inneritem_innerboth_new{display:flex; align-items:center; grid-gap: 12px;
                        .Services_inneritem_innerboth_icon_new{width: 16px;
                            img{width: 100%; height: auto;}
                        }
                    }
                }
                .Services_inneritem_mainbutton_new {
                    .Services_inneritem_innerbutton_new{
                        a{min-width: 207px;}
                    }
                }
            }
        }
    }
    .Services_mainloop_new{
        .Services_innerloop_new{
            .Services_innerloop_mainblock_new{ border-bottom: 1px solid #060709;
                .page-width{ padding:0; }
                .Services_innerloop_innerblock_new{ display:flex; align-items:center; justify-content: center; padding: 40px 56px; 
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear;
                    transition: all .2s linear; 
                    .Services_innerloop_innerblock_mainleft_new{width: 27.712%;
                        .Services_innerloop_innerblock_innerleft_new{display:flex; align-items:center; 
                            .Services_innerloop_innerblock_innerleft_image_new{width: 112px;
                                img{width: 100%; height: auto;}
                            }
                            .Services_innerloop_innerblock_innerleft_title_new{
                                width: calc(100% - 112px); padding-left: 16px; position: relative;
                                h3{ font-size: 24px; font-family: var(--font-gopher--family);  font-weight: 500; line-height: 128%; text-transform: uppercase; max-width:240px; margin:0; }
                            }
                        }
                    }
                    .Services_innerloop_innerblock_mainright_new{ width: calc(100% - 27.712%); padding-left: 16px;
                        .Services_innerloop_innerblock_innerright_new{display:flex; align-items:center; justify-content: space-between;
                            .Services_innerloop_innerblock_innerright_infos_new{ 
                                width:calc(100% - 221px); padding-right:16px; 

                            }
                            .Services_innerloop_innerblock_innerright_button_new{ display:none;
                                a{min-width:221px;}
                            }
                        }
                    }
                    @media(min-width:750px) and (max-width:9999px){
                        &:hover{ background:#060709; color: #fff;
                            .Services_innerloop_innerblock_innerright_button_new{display:block !important;}
                        }
                    }
                }
                .Services_innerloop_innerblock_new{
                    svg{ 
                        position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 24px;
                        height: 24px; 
                        :is(.horizontal, .vertical) {
                            transition: transform var(--animation-speed) var(--animation-easing);
                            transform: rotate(0);
                            transform-origin: 50% 50%;
                            opacity: 1;
                        }
                    }
                }
                .Services_innerloop_innerblock_new.open {
                    svg .vertical {
                        transform: rotate(90deg);
                        opacity: 0;
                    }

                    svg .horizontal {
                        transform: rotate(90deg);
                    }
                }
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){
    
    .Services_main_new{
        .Services_inner_new{
            .Services_mainitem_new{
                .page-width{padding: 0px;}
                .Services_inneritem_new{ padding:40px 0px 32px 0px; display:block;
                    .Services_inneritem_mainboth_new{
                        .Services_inneritem_innerboth_new{justify-content: center;}
                    }
                }
            }
        }
        .Services_mainloop_new{
            .Services_innerloop_new{
                .Services_innerloop_mainblock_new{
                    .Services_innerloop_innerblock_new{display:block; padding:0;
                        .Services_innerloop_innerblock_mainleft_new{width:100%; padding: 24px 20px; cursor: pointer;
                            .Services_innerloop_innerblock_innerleft_new{
                                .Services_innerloop_innerblock_innerleft_image_new{width: 40px; }
                                .Services_innerloop_innerblock_innerleft_title_new{width: calc(100% - 40px); }
                            }
                        }
                        .Services_innerloop_innerblock_mainright_new{width:100%; padding:0; display: none; position: relative; top: -8px; overflow: hidden;
                            .Services_innerloop_innerblock_innerright_new{display:block; padding:0 20px 16px 20px;
                                .Services_innerloop_innerblock_innerright_infos_new{ width:100%; padding:0; }
                                .Services_innerloop_innerblock_innerright_button_new{ display:block; padding-top:16px;
                                    a{ min-width:100%; }
                                }
                            }
                        }
                    }
                    .Services_innerloop_innerblock_new.open{
                        .Services_innerloop_innerblock_mainright_new{ display: block; }
                    }
                }
            }
        }
        .Services_mainbutton_new { border-bottom: 1px solid  #060709; padding:32px 0px 40px 0px; }
    }
}
@media(min-width:750px) and (max-width:989px){
    
    .Services_main_new{
        .Services_inner_new{
            .Services_mainitem_new{
                .Services_inneritem_new{padding:26px 0; }
            }
        }
        .Services_mainloop_new{
            .Services_innerloop_new{
                .Services_innerloop_mainblock_new{
                    .Services_innerloop_innerblock_new{ padding: 26px 20px;                            
                        .Services_innerloop_innerblock_mainleft_new{
                            width:30%;
                            .Services_innerloop_innerblock_innerleft_new{
                                .Services_innerloop_innerblock_innerleft_image_new{width: 80px;}
                                .Services_innerloop_innerblock_innerleft_title_new{width: calc(100% - 80px); padding-left: 12px;
                                    h3{font-size: 17px; }
                                }
                            }
                        }
                        .Services_innerloop_innerblock_mainright_new{ padding-left: 12px; width:calc(100% - 30%);
                            .Services_innerloop_innerblock_innerright_new{
                                .Services_innerloop_innerblock_innerright_infos_new{
                                    width: calc(100% - 186px);
                                }
                                .Services_innerloop_innerblock_innerright_button_new{
                                    a{ min-width: 186px; padding-left: 14px !important; padding-right: 15px !important; }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    
    .Services_main_new{
        .Services_inner_new{
            .Services_mainitem_new{
                .Services_inneritem_new{padding:30px 0; }
            }
        }
        .Services_mainloop_new{
            .Services_innerloop_new{
                .Services_innerloop_mainblock_new{
                    .Services_innerloop_innerblock_new{ padding: 30px 20px;                            
                        .Services_innerloop_innerblock_mainleft_new{
                            width:30%;
                            .Services_innerloop_innerblock_innerleft_new{
                                .Services_innerloop_innerblock_innerleft_image_new{width: 100px;}
                                .Services_innerloop_innerblock_innerleft_title_new{width: calc(100% - 100px); padding-left: 12px;
                                    h3{font-size: 20px; }
                                }
                            }
                        }
                        .Services_innerloop_innerblock_mainright_new{ width:calc(100% - 30%);
                            .Services_innerloop_innerblock_innerright_new{
                                .Services_innerloop_innerblock_innerright_infos_new{
                                    width: calc(100% - 186px);
                                }
                                .Services_innerloop_innerblock_innerright_button_new{
                                    a{ min-width: 186px; padding-left: 14px !important; padding-right: 15px !important; }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}