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

.Banner_main_new{
    position: relative;
    overflow: hidden;
    .Banner_inner_new{
        .Banner_mainitem_new{
            .Banner_inneritem_new{
                .Banner_inneritem_both_new{
                    max-width: 970px; margin: auto; text-align: center;
                    .Banner_inneritem_both_mainlist_new{
                        display:flex; align-items:center; justify-content:center;
                        .Banner_inneritem_both_innerlist_new{display:flex; align-items:center; justify-content:center;gap:10px;
                            .Banner_inneritem_both_innerlist_title_first_new{ width:126px; text-align: left; font-family: var(--font-heading--family); font-size: 195.289px; font-weight: 500; line-height: 100%; letter-spacing: -3.906px; text-transform: uppercase; }
                            .Banner_inneritem_both_innerlist_mainmedia_new{ background:#fff; overflow: hidden; font-family: var(--font-heading--family); width: 111.48px; height: 143.075px;  margin-left: 5px; border-radius: 53.561px;border: 18.746px solid #FFF;
                                .Index_top_custom_banner_marquee{
                                    margin-top: -18px;
                                    span{ display:flex; align-items:center; }
                                    .js-marquee-wrapper{display:flex; align-items:center;
                                        .js-marquee{
                                            display:flex; align-items:center;
                                        }
                                    }
                                }
                                .Banner_inneritem_both_innerlist_innermedia_new{width:1400px; position: relative; padding-bottom:143px;
                                    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%;}
                                }
                            }
                            .Banner_inneritem_both_innerlist_title_new{ text-align:center; font-family: var(--font-heading--family); position:relative; z-index:1; font-size:191.92px; font-weight:500; line-height:100%; letter-spacing:-3.838px; text-transform:uppercase;}
                        }
                    }
                }
                .Banner_inneritem_button_new{
                    padding-top:32px;
                    width: fit-content;
                    margin-inline: auto;
                    a{ min-width:197px; }
                }
            }
        }
        .Banner_mainloop_new{
            .Banner_innerloop_new{
                .Banner_innerloop_mainblock_1_new{ position: absolute; top:56px; left:34px; width:192px; height:174px; 
                    .Banner_innerloop_innerblock_new{ 
                        .Banner_innerloop_innerblock_mainmedia_new{ position: absolute; right:0; bottom:0; width:128px; height: 142px; z-index:1;
                            .Banner_innerloop_innerblock_innermedia_new{ width:100%; height:100%;
                                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%;}
                            }
                        }
                        .Banner_innerloop_innerblock_mainimage_new{ position: absolute; left:0; top:0; width:96px;
                            img{width:100%; height:auto;}
                            video{width:100%; height:auto;}
                        }
                    }
                }

                .Banner_innerloop_mainblock_2_new{ position: absolute; top:71px; right:90px; width:174px; height:127px; 
                    .Banner_innerloop_innerblock_new{ 
                        .Banner_innerloop_innerblock_mainmedia_new{ position: absolute; right:0; bottom:0; width:142px; height: 95px; z-index:1;
                            .Banner_innerloop_innerblock_innermedia_new{ width:100%; height:100%;
                                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%;}
                            }
                        }
                        .Banner_innerloop_innerblock_mainimage_new{ position: absolute; left:0; top:0; width:110px;
                            img{width:100%; height:auto;}
                            video{width:100%; height:auto;}
                        }
                    }
                }
                
                .Banner_innerloop_mainblock_3_new{
                    position: absolute; bottom:111px; left: 194px; width: 96px; height: 96px; 
                    .Banner_innerloop_innerblock_new{ 
                        .Banner_innerloop_innerblock_mainmedia_new{ position: absolute; left: -32px; top: 32px; width: 96px; height: 112px; z-index: 1;
                            .Banner_innerloop_innerblock_innermedia_new{ width:100%; height:100%;
                                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%;}
                            }
                        }
                        .Banner_innerloop_innerblock_mainimage_new{ position: absolute; left:0px; bottom:0; width: 96px;
                            img{width:100%; height:auto;}
                            video{width:100%; height:auto;}
                        }
                    }
                }
                
                .Banner_innerloop_mainblock_4_new{ position: absolute; bottom:90px; right:136px; width:128px; height:174px; 
                    .Banner_innerloop_innerblock_new{ 
                        .Banner_innerloop_innerblock_mainmedia_new{ position: absolute; left:0; top:0; width:128px; height: 142px; z-index:1;
                            .Banner_innerloop_innerblock_innermedia_new{ width:100%; height:100%;
                                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%;}
                            }
                        }
                        .Banner_innerloop_innerblock_mainimage_new{ position: absolute; left:32px; bottom:0; width:32px;
                            img{width:100%; height:auto;}
                            video{width:100%; height:auto;}
                        }
                    }
                }
            } 
        }     
    }  
}    

@media(min-width:0px) and (max-width:749px){
    .Banner_main_new{
        .Banner_inner_new{
            .Banner_mainitem_new{
                .Banner_inneritem_new{
                    .Banner_inneritem_both_new{ max-width:335px;
                        .Banner_inneritem_both_mainlist_new{
                            .Banner_inneritem_both_innerlist_new{grid-gap: 0px 4px;
                                .Banner_inneritem_both_innerlist_title_first_new{ font-size:72px; letter-spacing: -1.44px; width:47px; }
                                .Banner_inneritem_both_innerlist_mainmedia_new{ overflow: hidden; width: 40px; height:55px; margin-left:0px; border-radius: 100px; border: 6px solid #FFF;
                                    .Index_top_custom_banner_marquee{ margin-top:-6px; }
                                    .Banner_inneritem_both_innerlist_innermedia_new{width:335px; padding-bottom:55px; }
                                }
                                .Banner_inneritem_both_innerlist_title_new{font-size:72px; letter-spacing: -1.44px;}
                            }
                        }
                    }
                    .Banner_inneritem_button_new{padding-top:24px;
                        a{min-width:100%;}
                    }
                }
            }
            .Banner_mainloop_new{
                .Banner_innerloop_new{
                    .Banner_innerloop_mainblock_1_new{ top:20px; left:20px; width:96px; height:87px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:48px; }
                        }
                    }

                    .Banner_innerloop_mainblock_2_new{  top:auto; right:auto; left:36px; bottom:32px; width:87px; height:63px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:71px; height: 47px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:55px;}
                        }
                    }
                    
                    .Banner_innerloop_mainblock_3_new{ 
                        bottom:auto; left: auto; right:40px; top:36px; width: 48px; height: 48px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; top:16px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:48px; }
                        }
                    }
                    
                    .Banner_innerloop_mainblock_4_new{ bottom:64px; right:41px; width:64px; height:87px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; }
                            .Banner_innerloop_innerblock_mainimage_new{ left:16px; width:16px; }
                        }
                    }
                } 
            }
        } 
    }  
}

@media(min-width:750px) and (max-width:989px){
    .Banner_main_new{
        .Banner_inner_new{
            .Banner_mainitem_new{
                .Banner_inneritem_new{
                    .Banner_inneritem_both_new{max-width:620px;
                        .Banner_inneritem_both_mainlist_new{
                            .Banner_inneritem_both_innerlist_new{
                                .Banner_inneritem_both_innerlist_title_first_new{font-size:124px; width: 84px; }
                                .Banner_inneritem_both_innerlist_mainmedia_new{ width: 70px; height: 90px; margin-left: 0px; border: 12px solid #FFF;
                                    .Index_top_custom_banner_marquee{ margin-top:-12px; }
                                    .Banner_inneritem_both_innerlist_innermedia_new{width:990px; padding-bottom:90px; }
                                }
                                .Banner_inneritem_both_innerlist_title_new{font-size:124px;}
                            }
                        }
                    }
                }
            }
            .Banner_mainloop_new{
                .Banner_innerloop_new{
                    .Banner_innerloop_mainblock_1_new{ top:30px; left:30px; width:96px; height:87px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:48px; }
                        }
                    }

                    .Banner_innerloop_mainblock_2_new{  top:40px; right:40px; width:87px; height:63px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:71px; height: 47px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:55px;}
                        }
                    }
                    
                    .Banner_innerloop_mainblock_3_new{ 
                        bottom:80px; left: 80px; width: 48px; height: 48px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; top:16px; }
                            .Banner_innerloop_innerblock_mainimage_new{ width:48px; }
                        }
                    }
                    
                    .Banner_innerloop_mainblock_4_new{ bottom:70px; right:70px; width:64px; height:87px; 
                        .Banner_innerloop_innerblock_new{ 
                            .Banner_innerloop_innerblock_mainmedia_new{ width:64px; height: 71px; }
                            .Banner_innerloop_innerblock_mainimage_new{ left:16px; width:16px; }
                        }
                    }
                } 
            }   
        }
    }  
}

@media(min-width:990px) and (max-width:1439px){
    .Banner_main_new{
        .Banner_inner_new{
            .Banner_mainloop_new{
                .Banner_innerloop_new{
                    .Banner_innerloop_mainblock_1_new{ top: 26px; left: 30px; }
                    .Banner_innerloop_mainblock_2_new{ top: 50px; right: 70px; }
                    .Banner_innerloop_mainblock_3_new{ bottom: 100px; left: 150px; }
                    .Banner_innerloop_mainblock_4_new{ bottom: 60px; right: 90px; }
                } 
            }     
        }   
    }
}

.Banner_main_new {
  .page-width {
    height: 100%;
    .Banner_inner_new {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    @media (min-width:750px) {
      padding: 0 !important;
      .Banner_inner_new {
        .Large_title_new.Banner_inneritem_both_innertitle_new {
          padding: 0 56px;
        }
      }
    }
    .Banner_inneritem_both_new {
      max-width: 100% !important;
    }
  }
}


.Banner_inneritem_both_innerlist_mainmedia_new { 
  display: inline-block; 
  will-change: transform; 
}