Flint 3 (GL-BE9300) Tri-band Wi-Fi 7 Home Router

.text-be9300 { color: #338fbd !important; } .bg-be9300 { background-color: #338fbd !important; } .bg-be9300-2 { background-color: #05334a !important; } .be9300-bg-primary { backgro und-color: #4cafe2 !important; } .be9300-bg-secondary { background-color: #338fbd !important; } .btn-round-be9300 { background-color: #4cafe2; color: #FFF; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .btn-round-be9300 { min-height: 50px; border-radius: 50px; padding: 12px 2rem; text-transform: uppercase; font-weight: bold; } } .btn-round-be9300:hover { background-color: #FFF; color: #4cafe2; border-color: #4cafe2; } /*------- 1st video background --------*/ .video-header-be9300 { position: relative; background-color: black; height: 55rem; min-height: 25rem; width: 100%; overflow: hidden; } .video-header-be9300 .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0; z-index: 1; } .video-header-be9300 video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .video-header-be9300 .container { position: relative; z-index: 2; } .video-header-be9300 .container #mailchimp-be9300 input { border: medium none; color: gray; font-size: 16px; padding: 8px 25px; width: auto; height: 50px; border-radius: 25px 0px 0px 25px; } @media (max-width: 575.98px) { .video-header-be9300 .container #mailchimp-be9300 input { width: 100%; height: 40px; font-size: 13px; } } .video-header-be9300 .container #mailchimp-be9300 input.email { background: #fff; } .video-header-be9300 .container #mailchimp-be9300 input[type="submit"] { background: #1290cf; color: #fff; cursor: pointer; font-size: 15px; width: 135px; height: 50px; padding: 8px 3px; border-radius: 0px 25px 25px 0px; text-transform: uppercase; font-weight: bold; } @media (max-width: 575.98px) { .video-header-be9300 .container #mailchimp-be9300 input[type="submit"] { width: 100%; height: 40px; font-size: 13px; padding: 8px 13px; } } .video-header-be9300 .container #mailchimp-be9300 input[type="submit"]:hover { background-color: #0e71a3; color: #FFF; } /*------- be9300-main-container --------*/ .be9300-main-container .product-nav { background-color: #303030; } .be9300-main-container .product-nav .product-nav-container .product-nav-content .product-nav-item { color: #ffffff; } .be9300-main-container .grid { display: grid; grid-auto-rows: 6rem; } @media (max-width: 991px) { .be9300-main-container .grid { grid-auto-rows: 7rem; } } @media (max-width: 768px) { .be9300-main-container .grid { grid-auto-rows: 6.5rem; } } @media (max-width: 400px) { .be9300-main-container .grid { grid-auto-rows: 5.2rem; } } .be9300-main-container .grid .grid-item { position: relative; margin: 0.3rem; overflow: hidden; } .be9300-main-container .grid .grid-cell { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 100%; width: 100%; background-color: #000000; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 1.25rem 1.5rem; } @media (max-width: 1199px) { .be9300-main-container .grid .grid-cell { padding: 1rem 1.25rem; } } @media (max-width: 768px) { .be9300-main-container .grid .grid-cell { padding: 1rem 0.75rem; } } .be9300-main-container .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1280px) { .be9300-main-container .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be9300-main-container .grid .grid-cell h2 { font-size: 1.25rem; } } .be9300-main-container .grid .grid-cell h4 { font-size: 1.25rem; } @media (max-width: 1280px) { .be9300-main-container .grid .grid-cell h4 { font-size: 1.25rem; } } @media (max-width: 768px) { .be9300-main-container .grid .grid-cell h4 { font-size: 1rem; } } .be9300-main-container .grid .grid-cell img { width: 50%; } .be9300-main-container .grid .grid-cell p { margin-bottom: 0; } @media (max-width: 576px) { .be9300-main-container .grid .grid-cell p { font-size: 0.75rem; } } @media (max-width: 768px) { .be9300-main-container .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 65%; } } @media (max-width: 576px) { .be9300-main-container .grid .item-1 .grid-cell { background-position-y: 60%; } } .be9300-main-container .grid .item-2 .grid-cell img { margin-top: 0.25rem; } @media (max-width: 1280px) { .be9300-main-container .grid .item-2 .grid-cell img { margin-top: 0.75rem; } } @media (max-width: 991px) { .be9300-main-container .grid .item-2 .grid-cell img { margin-top: 1.6rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-2 .grid-cell img { margin-top: 0.5rem; width: 90% !important; } } .be9300-main-container .grid .item-3 .grid-cell { background-size: 80%; background-position-y: 20%; } @media (max-width: 1280px) { .be9300-main-container .grid .item-3 .grid-cell { background-size: 90%; background-position-y: 20%; } } @media (max-width: 1199px) { .be9300-main-container .grid .item-3 .grid-cell { background-size: 120%; background-position-y: 20%; } } @media (max-width: 991px) { .be9300-main-container .grid .item-3 .grid-cell { background-size: 100%; background-position-y: 100%; } } @media (max-width: 576px) { .be9300-main-container .grid .item-3 .grid-cell { background-position-y: 100%; } } @media (max-width: 1440px) { .be9300-main-container .grid .item-4 .grid-cell { padding: 1.25rem 0.75rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-4 .grid-cell { padding: 1.25rem 0.25rem; } } .be9300-main-container .grid .item-4 .grid-cell div { padding: 1.25rem 0; } @media (max-width: 1199px) { .be9300-main-container .grid .item-4 .grid-cell div { padding: 0 0 1.25rem; } } .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 1.5rem; } @media (max-width: 1199px) { .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 1.75rem; } } @media (max-width: 991px) { .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 1rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 1.75rem; } } @media (max-width: 460px) { .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 2.5rem; } } @media (max-width: 400px) { .be9300-main-container .grid .item-4 .grid-cell div h2 { padding-bottom: 1.5rem; } } .be9300-main-container .grid .item-4 .grid-cell div img { width: auto; height: 3.75rem; margin-bottom: 0.25rem; } @media (max-width: 1199px) { .be9300-main-container .grid .item-4 .grid-cell div img { height: 3.5rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-4 .grid-cell div img { height: 4rem; } } @media (max-width: 460px) { .be9300-main-container .grid .item-4 .grid-cell div img { height: 3.3rem; } } .be9300-main-container .grid .item-5 .grid-cell { background-size: 115%; background-position-x: 100%; } @media (max-width: 1199px) { .be9300-main-container .grid .item-5 .grid-cell { background-size: 125%; background-position-x: 60%; } } @media (max-width: 991px) { .be9300-main-container .grid .item-5 .grid-cell { background-size: 110%; background-position-x: 60%; } } .be9300-main-container .grid .item-5 .grid-cell img { width: 7.2rem; } @media (max-width: 991px) { .be9300-main-container .grid .item-5 .grid-cell img { width: 6.2rem; } } @media (max-width: 768px) { .be9300-main-container .grid .item-5 .grid-cell img { width: 4.5rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-5 .grid-cell img { width: 5rem; } } @media (max-width: 400px) { .be9300-main-container .grid .item-5 .grid-cell img { width: 4rem; } } .be9300-main-container .grid .item-6 .grid-cell { align-content: end; background-position-y: 56%; } @media (max-width: 991px) { .be9300-main-container .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be9300-main-container .grid .item-6 .grid-cell { background-position-x: 0%; background-position-y: 65%; background-size: 100%; } } .be9300-main-container .grid .item-6 .grid-cell .row { justify-content: space-between; } .be9300-main-container .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be9300-main-container .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be9300-main-container .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be9300-main-container .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be9300-main-container .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be9300-main-container .grid .item-6 .grid-cell h4 { white-space: nowrap; } .be9300-main-container .grid .item-7 .grid-cell>div, .be9300-main-container .grid .item-8 .grid-cell>div, .be9300-main-container .grid .item-9 .grid-cell>div { position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 768px) { .be9300-main-container .grid .item-7 .grid-cell>div p, .be9300-main-container .grid .item-8 .grid-cell>div p, .be9300-main-container .grid .item-9 .grid-cell>div p { font-size: 0.75rem; } } /* grid control*/ .be9300-main-container .grid .item-1 { grid-area: 1 / 1 / span 5 / span 3; } .be9300-main-container .grid .item-2 { grid-area: 1 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-3 { grid-area: 1 / 7 / span 3 / span 3; } .be9300-main-container .grid .item-4 { grid-area: 1 / 10 / span 3 / span 3; } .be9300-main-container .grid .item-5 { grid-area: 3 / 4 / span 3 / span 3; } .be9300-main-container .grid .item-6 { grid-area: 4 / 7 / span 4 / span 6; } .be9300-main-container .grid .item-7 { grid-area: 6 / 1 / span 2 / span 2; } .be9300-main-container .grid .item-8 { grid-area: 6 / 3 / span 2 / span 2; } .be9300-main-container .grid .item-9 { grid-area: 6 / 5 / span 2 / span 2; } @media (max-width: 991px) { .be9300-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 3; } .be9300-main-container .grid .item-2 { grid-area: 1 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-3 { grid-area: 8 / 1 / span 2 / span 3; } .be9300-main-container .grid .item-4 { grid-area: 8 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-5 { grid-area: 3 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-6 { grid-area: 5 / 1 / span 3 / span 6; } .be9300-main-container .grid .item-7 { grid-area: 10 / 1 / span 2 / span 2; } .be9300-main-container .grid .item-8 { grid-area: 10 / 3 / span 2 / span 2; } .be9300-main-container .grid .item-9 { grid-area: 10 / 5 / span 2 / span 2; } } @media (max-width: 768px) { .be9300-main-container .grid .item-1 { grid-area: 1 / 1 / span 2 / span 6; } .be9300-main-container .grid .item-2 { grid-area: 3 / 1 / span 2 / span 3; } .be9300-main-container .grid .item-3 { grid-area: 8 / 1 / span 2 / span 3; } .be9300-main-container .grid .item-4 { grid-area: 8 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-5 { grid-area: 3 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-6 { grid-area: 5 / 1 / span 3 / span 6; } .be9300-main-container .grid .item-7 { grid-area: 10 / 1 / span 2 / span 2; } .be9300-main-container .grid .item-8 { grid-area: 10 / 3 / span 2 / span 2; } .be9300-main-container .grid .item-9 { grid-area: 10 / 5 / span 2 / span 2; } } @media (max-width: 576px) { .be9300-main-container .grid .item-1 { grid-area: 1 / 1 / span 2 / span 6; } .be9300-main-container .grid .item-2 { grid-area: 3 / 1 / span 2 / span 6; } .be9300-main-container .grid .item-3 { grid-area: 5 / 4 / span 2 / span 3; } .be9300-main-container .grid .item-4 { grid-area: 9 / 1 / span 2 / span 6; } .be9300-main-container .grid .item-5 { grid-area: 5 / 1 / span 2 / span 3; } .be9300-main-container .grid .item-6 { grid-area: 7 / 1 / span 2 / span 6; } .be9300-main-container .grid .item-7 { grid-area: 11 / 1 / span 2 / span 2; } .be9300-main-container .grid .item-8 { grid-area: 11 / 3 / span 2 / span 2; } .be9300-main-container .grid .item-9 { grid-area: 11 / 5 / span 2 / span 2; } } .be9300-main-container .be9300-wifi7 { position: relative; overflow: hidden; } .be9300-main-container .be9300-wifi7 .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: -1; } .be9300-main-container .be9300-wifi7 video { position: absolute; top: 50%; left: 0%; object-fit: cover; width: 100%; height: auto; min-height: 100%; z-index: -2; transform: translateY(-50%); } .be9300-main-container .be9300-wifi7 .container h1 { white-space: nowrap; font-size: 14rem; text-shadow: 2px 2px 25px rgba(0, 0, 0, .7); } @media (max-width: 991px) { .be9300-main-container .be9300-wifi7 .container h1 { font-size: 12rem; } } @media (max-width: 768px) { .be9300-main-container .be9300-wifi7 .container h1 { font-size: 8rem; line-height: 1; } } @media (max-width: 576px) { .be9300-main-container .be9300-wifi7 .container h1 { font-size: 6rem; line-height: 1; } } .be9300-main-container .be9300-wifi7 .container .wifi-bar { display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 991px) { .be9300-main-container .be9300-wifi7 .container .wifi-bar { justify-content: space-between; } } .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:first-child { width: 5.5rem; } @media (max-width: 991px) { .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:first-child { flex: 1 1 100%; margin-bottom: 0.5rem; width: inherit; padding-left: 0.25rem; } .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:first-child h5 { font-size: 1.25rem; } } .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:last-child { width: 10rem; } @media (max-width: 991px) { .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:last-child { width: inherit; } } @media (max-width: 400px) { .be9300-main-container .be9300-wifi7 .container .wifi-bar>div:last-child h4 { font-size: 1.25rem; } } @-webkit-keyframes prgBar { 0% { width: 0% } 9.99% { width: 0% } 10% { width: 10% } 95% { width: 100% } } @keyframes prgBar { 0% { width: 0% } 9.99% { width: 0% } 10% { width: 10% } 95% { width: 100% } } .be9300-main-container .be9300-wifi7 .container .progress { width: 452px; padding-left: 2px; padding-right: 2px; height: 24px; background-color: rgba(0, 0, 0, 0.1); margin: 0 1rem 0 0.5rem; } @media (max-width: 991px) { .be9300-main-container .be9300-wifi7 .container .progress { margin: 0 1rem 0 0; } } @media (max-width: 768px) { .be9300-main-container .be9300-wifi7 .container .progress { margin: 0 0.5rem 0 0; width: 70%; } } @media (max-width: 400px) { .be9300-main-container .be9300-wifi7 .container .progress { width: 230px; } } .be9300-main-container .be9300-wifi7 .container .progress .track { position: relative; width: 100%; height: 24px; overflow: hidden; -webkit-animation: prgBar 1.5s ease-in-out; animation: prgBar 1.5s ease-in-out; } .be9300-main-container .be9300-wifi7 .container .progress .track .bar { height: 18px; width: 12px; background-color: #00b3ff; position: relative; border-radius: 2px; box-shadow: 0px 0px 5px #001d61; margin-left: 2px; margin-right: 2px; margin-bottom: 100px; top: 3px; float: left; } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } .be9300-main-container .be9300-port { background-image: linear-gradient(rgba(1, 1, 1, 1) 0%, rgb(23, 23, 23) 20%, rgb(23, 23, 23) 90%, rgba(1, 1, 1, 1) 100%); height: 200vh; } @media (max-width: 991px) { .be9300-main-container .be9300-port { height: inherit; } } .be9300-main-container .be9300-port .container-fluid { position: sticky; height: 100vh; top: calc(50vh - 40%); padding: 5vh 0 0 0; } @media (max-width: 991px) { .be9300-main-container .be9300-port .container-fluid { position: relative; height: inherit; top: 0; padding: 3rem 0; } } @media (max-width: 991px) { .be9300-main-container .be9300-port .selector { position: sticky; top: 47px; z-index: 100; height: auto; background-color: #101010; padding: 1rem 0 1.2rem; } } .be9300-main-container .be9300-port .selector>a { position: relative; padding: 10px 30px; margin: 0 15px; color: #338fbd; text-decoration: none; font-size: 1.1rem; overflow: hidden; transition: 0.5s; } @media (max-width: 991px) { .be9300-main-container .be9300-port .selector>a { font-size: 0.75em; padding: 10px 1rem; margin: 0; } } .be9300-main-container .be9300-port .selector>a::before { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-top: 2px solid #338fbd; border-left: 2px solid #338fbd; transition: 0.5s; } .be9300-main-container .be9300-port .selector>a::after { content: ''; position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; border-bottom: 2px solid #338fbd; border-right: 2px solid #338fbd; transition: 0.5s; } .be9300-main-container .be9300-port .selector>a:hover, .be9300-main-container .be9300-port .selector>a.active { background: #338fbd77; color: white; } .be9300-main-container .be9300-port .selector>a:hover::before, .be9300-main-container .be9300-port .selector>a.active::before { width: 100%; height: 100%; } .be9300-main-container .be9300-port .selector>a:hover::after, .be9300-main-container .be9300-port .selector>a.active::after { width: 100%; height: 100%; } .be9300-main-container .be9300-port .be9300-port-container { width: 84vw; max-width: 1600px; margin: auto; } @media (max-width: 1199px) { .be9300-main-container .be9300-port .be9300-port-container { width: calc(100% - 30px); } } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container { max-width: 90vw; height: inherit; scroll-margin-top: 100px; } } .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt1 { width: 33%; position: absolute; transform: translateX(-50%); left: 28%; top: 84%; white-space: nowrap; text-align: right; animation: fadeout auto linear; animation-direction: normal; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timeline: view(); animation-range-start: 45%; animation-range-end: 50%; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt1 { animation: none; } } .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt1 .line { width: 0; height: 2.5rem; margin-left: 95%; border-left: 1px #ffffff solid; } .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt2 { width: 42%; position: absolute; transform: translateX(0); left: 56.5%; top: 84%; text-align: left; animation: fadeout auto linear; animation-direction: normal; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timeline: view(); animation-range-start: 45%; animation-range-end: 50%; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt2 { animation: none; width: auto; } } .be9300-main-container .be9300-port .be9300-port-container#port1 .img-content .pt2 .line { width: 0; height: 2.5rem; margin-left: 5%; border-left: 1px #ffffff solid; } .be9300-main-container .be9300-port .be9300-port-container#port1 .text-content { animation: fadeout auto linear; animation-direction: normal; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timeline: view(); animation-range-start: 45%; animation-range-end: 50%; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container#port1 .text-content { animation: none; } } @media (max-width: 1199px) { .be9300-main-container .be9300-port .be9300-port-container#port1 .text-content>div { transform: translateY(-40%); } } .be9300-main-container .be9300-port .be9300-port-container#port2 { opacity: 0; animation: fadein auto linear; animation-direction: normal; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timeline: view(); animation-range-start: 30%; animation-range-end: 40%; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container#port2 { animation: none; opacity: 1; } } .be9300-main-container .be9300-port .be9300-port-container#port2>div { position: relative; transform: translateY(-100%); } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container#port2>div { transform: none; } } .be9300-main-container .be9300-port .be9300-port-container#port2 .img-content .pt1 { width: 33%; position: absolute; transform: translateX(-50%); left: 28%; top: 84%; white-space: nowrap; text-align: right; } .be9300-main-container .be9300-port .be9300-port-container#port2 .img-content .pt1 .line { width: 0; height: 2.5rem; margin-left: 95%; border-left: 1px #ffffff solid; } .be9300-main-container .be9300-port .be9300-port-container#port2 .img-content .pt2 { width: 29%; position: absolute; transform: translateX(0); left: 55.5%; top: 84%; white-space: nowrap; text-align: center; } .be9300-main-container .be9300-port .be9300-port-container#port2 .img-content .pt2 .line { width: 0; height: 2.5rem; margin: auto; border-left: 1px #ffffff solid; } @media (max-width: 1199px) { .be9300-main-container .be9300-port .be9300-port-container#port2 .text-content>div { transform: translateY(-45%); } } .be9300-main-container .be9300-port .be9300-port-container .img-content { position: relative; max-width: 50vh; max-height: 50vh; margin: auto; overflow: visible; } .be9300-main-container .be9300-port .be9300-port-container .img-content p:nth-child(3) { font-size: 0.7em; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container .img-content p { font-size: 0.6em; } } .be9300-main-container .be9300-port .be9300-port-container .img-content img { width: 100%; } @media (max-width: 1199px) { .be9300-main-container .be9300-port .be9300-port-container .img-content img { width: 100%; } } .be9300-main-container .be9300-port .be9300-port-container .text-content>div { position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container .text-content>div { top: 0; transform: none !important; } } .be9300-main-container .be9300-port .be9300-port-container .text-content .row { justify-content: start; -webkit-justify-content: start; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container .text-content .row { justify-content: center; -webkit-justify-content: center; } } .be9300-main-container .be9300-port .be9300-port-container .text-content img { width: 50%; } @media (max-width: 991px) { .be9300-main-container .be9300-port .be9300-port-container .text-content img { width: 50%; } } @media (max-width: 768px) { .be9300-main-container .be9300-port .be9300-port-container .text-content img { max-width: 30vw; width: 40%; } } .be9300-main-container .be9300-port .be9300-port-container .text-content h5 { position: relative; padding: 10px 16px; margin: 0; text-decoration: none; font-size: 1.1rem; color: #00b3ff; } @media (max-width: 1199px) { .be9300-main-container .be9300-port .be9300-port-container .text-content h5 { padding: 10px 8px; } } .be9300-main-container .be9300-port .be9300-port-container .text-content h5::before { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-top: 2px solid #00b3ff; border-left: 2px solid #00b3ff; transition: 0.5s; } .be9300-main-container .be9300-port .be9300-port-container .text-content h5::after { content: ''; position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; border-bottom: 2px solid #00b3ff; border-right: 2px solid #00b3ff; transition: 0.5s; } .be9300-main-container .be9300-mlo { background-image: linear-gradient(rgba(1, 1, 1, 1) 0%, rgba(0, 0, 0, 0) 60%, rgba(1, 1, 1, 1) 100%), url(https://static.gl-inet.com/www/images/products/gl-be9300/be9300_mlo.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; color: #fff; height: 70vh; } @media (max-width: 991px) { .be9300-main-container .be9300-mlo { background-image: linear-gradient(rgba(1, 1, 1, 1) 10%, rgba(0, 0, 0, 0) 60%, rgba(1, 1, 1, 1) 90%), url(https://static.gl-inet.com/www/images/products/gl-be9300/be9300_mlo.jpg); height: 70vh; } } .be9300-main-container .be9300-mlo .bg { position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; overflow: hidden; } .be9300-main-container .be9300-mlo .bg>div { display: flex; height: 70vh; justify-content: center; align-items: center; } @media (max-width: 991px) { .be9300-main-container .be9300-mlo .bg>div { height: 70vh; } } .be9300-main-container .be9300-mlo .bg>div img { filter: brightness(0%); transform: scale(2.5); transition: all 1.5s ease; } @media (max-width: 991px) { .be9300-main-container .be9300-mlo .bg>div img { transform: scale(2.5); } } .be9300-main-container .be9300-mlo .bg.in-view img { filter: brightness(40%); transform: scale(40%) !important; } @media (max-width: 991px) { .be9300-main-container .be9300-mlo .bg.in-view img { transform: scale(60%) !important; } } .be9300-main-container .be9300-cardlist { background-image: linear-gradient(rgba(1, 1, 1, 1) 0%, rgba(0, 0, 0, 0) 60%, rgba(1, 1, 1, 1) 100%), url(https://static.gl-inet.com/www/images/products/gl-be9300/be9300_cardlist-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } @media (max-width: 768px) { .be9300-main-container .be9300-cardlist { background-image: linear-gradient(rgba(1, 1, 1, 1) 0%, rgba(0, 0, 0, 0) 60%, rgba(1, 1, 1, 1) 100%), url(https://static.gl-inet.com/www/images/products/gl-be9300/be9300_cardlist-bg_mobile.jpg); } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row { justify-content: space-between; } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row { justify-content: center; } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col { padding: 0 0.5rem; opacity: 0; transition: opacity 0.5s ease; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:first-child { margin-top: 0; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(2) { animation-delay: 250ms; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(2) .card { margin-top: 18rem; } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(2) .card { margin-top: 1rem; } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) { animation-delay: 250ms; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } @media (max-width: 1280px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10rem; } } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) { animation-delay: 500ms; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 2rem; } @media (max-width: 1280px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 4rem; } } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) { animation-delay: 250ms; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -18rem; } @media (max-width: 1440px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -16.5rem; } } @media (max-width: 1360px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14rem; } } @media (max-width: 1280px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -9rem; } } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } @media (max-width: 991px) { .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col { margin-top: 0 !important; margin-bottom: 1rem; } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col .card { transform: none !important; } } .be9300-main-container .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col.in-view.animate__animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .be9300-main-container .be9300-cardlist .card { padding: 1rem; border: 3px solid #092b87; box-shadow: 0 0 45px rgba(214, 0, 255, 0.17); background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)); background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1)); background: rgba(255, 255, 255, 1); transition: all .3s ease; flex-direction: column; } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .card { flex-direction: row; } } @media (max-width: 991px) { .be9300-main-container .be9300-cardlist .card { flex-direction: column; } } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .card .card-body, .be9300-main-container .be9300-cardlist .card .card-img { flex: 0 1 50%; } } @media (max-width: 991px) { .be9300-main-container .be9300-cardlist .card .card-body, .be9300-main-container .be9300-cardlist .card .card-img { flex: 1 1 auto; } } .be9300-main-container .be9300-cardlist .card .card-img { align-content: center; text-align: center; } .be9300-main-container .be9300-cardlist .card .card-img img { width: 90%; margin: auto; transition: all .3s ease; } @media (max-width: 1199px) { .be9300-main-container .be9300-cardlist .card .card-img img { width: 100%; } } @media (max-width: 991px) { .be9300-main-container .be9300-cardlist .card .card-img img { width: 90%; } } .be9300-main-container .be9300-cardlist .card:hover img { transform: scale(1.03) !important; } .be9300-main-container .smart-network .row .card-M { position: relative; z-index: 10; padding: 0 0; border: 0; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-M { border: #338fbd 4px solid; } } @media (max-width: 576px) { .be9300-main-container .smart-network .row .card-M { padding: 0 1rem; } } .be9300-main-container .smart-network .row .card-M>div { height: 100%; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-M>div { height: 100%; } } .be9300-main-container .smart-network .row .card-M>div img { position: absolute; height: 100%; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-M>div img { position: relative; max-height: 40vh; } } .be9300-main-container .smart-network .row .card-L { position: relative; z-index: 1; padding-right: 0; border-radius: 25px 0 0 25px; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-L { padding: 0 1rem; border-radius: 25px 25px 25px 25px; border: #338fbd 4px solid; } } .be9300-main-container .smart-network .row .card-L>div { padding: 2rem 3rem 2rem 1.75rem; margin-right: -0.15rem; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-L>div { margin: 0; padding: 2rem 1.5rem; } } @media (max-width: 576px) { .be9300-main-container .smart-network .row .card-L>div { padding: 2rem 1.5rem; } } .be9300-main-container .smart-network .row .card-L>div img { width: 25%; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-L>div img { width: 20%; max-width: 120px; } } .be9300-main-container .smart-network .row .card-R { position: relative; z-index: 2; padding-left: 0; border-radius: 0 25px 25px 0; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-R { padding: 0 1rem; border-radius: 25px 25px 25px 25px; border: #338fbd 4px solid; } } .be9300-main-container .smart-network .row .card-R>div { padding: 2rem 1.75rem 2rem 3rem; margin-left: -0.15rem; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-R>div { margin: 0; padding: 2rem 1.5rem; } } @media (max-width: 576px) { .be9300-main-container .smart-network .row .card-R>div { padding: 2rem 1.5rem; } } .be9300-main-container .smart-network .row .card-R>div img { width: 70%; padding: 0.75rem 0; } @media (max-width: 1199px) { .be9300-main-container .smart-network .row .card-R>div img { width: 70%; max-width: 360px; } } .be9300-main-container .smart-network .row .h-dotline { justify-content: center; margin-right: -1.5rem; } @media (max-width: 991px) { .be9300-main-container .smart-network .row .h-dotline { margin-right: -1rem; } } @media (max-width: 576px) { .be9300-main-container .smart-network .row .h-dotline { margin-right: -0.5rem; padding-right: 0.5rem; } } .be9300-main-container .smart-network .row .h-dotline .dot { overflow: hidden; margin-bottom: 5px; width: 2px; border-right: 8px dotted #338fbd; } @media (max-width: 576px) { .be9300-main-container .smart-network .row .h-dotline .dot { padding-right: 0.5rem; } } .be9300-main-container .smart-network .row .h-dotline .point { border-radius: 50px; border: #338fbd 4px solid; position: absolute; transform: translateX(-50%); top: 20%; left: 50%; z-index: 1; } @media (max-width: 991px) { .be9300-main-container .smart-network .row .h-dotline .point { top: 4.3rem; } } @media (max-width: 576px) { .be9300-main-container .smart-network .row .h-dotline .point { left: calc(50% + 0.5rem); } } .be9300-main-container .smart-network .row .h-dotline .point div { margin: auto; width: 26px; height: 18px; background-color: #fff; border: #000 6px solid; border-radius: 50px; } @media (max-width: 576px) { .be9300-main-container .smart-network .row .h-dotline .point div { width: 18px; } } .be9300-main-container .horizontal-scroll { height: 400vh; background-color: #000000; } /* Multi - languages */ .be9300-de .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } @media (max-width: 1440px) { .be9300-de .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } } @media (max-width: 991px) { .be9300-de .grid .item-2 .grid-cell { padding: 1.25rem 1.5rem 1.25rem 1.5rem; } } .be9300-de .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } @media (max-width: 1440px) { .be9300-de .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } } .be9300-de .grid .item-2 .grid-cell img { margin-top: 0.5rem; } @media (max-width: 1199px) { .be9300-de .grid .item-6 .row { height: 100%; } } @media (max-width: 1199px) { .be9300-de .be9300-port .be9300-port-container .text-content h5 { font-size: 1.1rem; } } .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } @media (max-width: 1280px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -11rem; } } @media (max-width: 1266px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -8rem; } } @media (max-width: 1199px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -16rem; } @media (max-width: 1376px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14rem; } } @media (max-width: 1280px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -13rem; } } @media (max-width: 1266px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } } @media (max-width: 1236px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8rem; } } @media (max-width: 1199px) { .be9300-de .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-nl .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } @media (max-width: 1440px) { .be9300-nl .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } } @media (max-width: 991px) { .be9300-nl .grid .item-2 .grid-cell { padding: 1.25rem 1.5rem 1.25rem 1.5rem; } } .be9300-nl .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } @media (max-width: 1440px) { .be9300-nl .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } } .be9300-nl .grid .item-2 .grid-cell img { margin-top: 0.5rem; } .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -15rem; } @media (max-width: 1394px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -14rem; } } @media (max-width: 1241px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -12rem; } } @media (max-width: 1222px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -11rem; } } @media (max-width: 1199px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 2.5rem; } .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -18rem; } @media (max-width: 1395px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -17rem; } } @media (max-width: 1361px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -15.5rem; } } @media (max-width: 1333px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -13.5rem; } } @media (max-width: 1323px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -12rem; } } @media (max-width: 1291px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -12rem; } } @media (max-width: 1199px) { .be9300-nl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-fr .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } @media (max-width: 1440px) { .be9300-fr .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1.5rem; } } @media (max-width: 991px) { .be9300-fr .grid .item-2 .grid-cell { padding: 1.25rem 1.5rem 1.25rem 1.5rem; } } .be9300-fr .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } @media (max-width: 1440px) { .be9300-fr .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } } .be9300-fr .grid .item-2 .grid-cell img { margin-top: 0.5rem; } .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -9rem; } @media (max-width: 1381px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10rem; } } @media (max-width: 1290px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -9rem; } } @media (max-width: 1199px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } @media (max-width: 1280px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } } @media (max-width: 1199px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8rem; } @media (max-width: 1337px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -9rem; } } @media (max-width: 1248px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -7rem; } } @media (max-width: 1199px) { .be9300-fr .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -15rem; } @media (max-width: 1376px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } } @media (max-width: 1355px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -15rem; } } @media (max-width: 1317px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13.5rem; } } @media (max-width: 1266px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -11.5rem; } } @media (max-width: 1251px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10.5rem; } } @media (max-width: 1199px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } @media (max-width: 1199px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -6.5rem; } @media (max-width: 1376px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14rem; } } @media (max-width: 1355px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -17.5rem; } } @media (max-width: 1318px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -15.5rem; } } @media (max-width: 1310px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14.5rem; } } @media (max-width: 1266px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -13rem; } } @media (max-width: 1199px) { .be9300-sv .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-pl .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1rem; } @media (max-width: 991px) { .be9300-pl .grid .item-2 .grid-cell { padding: 1.25rem 1.5rem 1.25rem 1.5rem; } } .be9300-pl .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } @media (max-width: 1440px) { .be9300-pl .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } } @media (max-width: 1440px) { .be9300-pl .grid .item-2 .grid-cell img { margin-top: 0.25rem; } } @media (max-width: 1199px) { .be9300-pl .grid .item-6 .row { height: 100%; } } .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } @media (max-width: 1358px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -15rem; } } @media (max-width: 1339px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } } @media (max-width: 1270px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -12rem; } } @media (max-width: 1223px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10.5rem; } } @media (max-width: 1199px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } @media (max-width: 1199px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) { animation-delay: 250ms; } .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -15rem; } @media (max-width: 1440px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14.5rem; } } @media (max-width: 1381px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -15.5rem; } } @media (max-width: 1358px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -18rem; } } @media (max-width: 1339px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -14rem; } } @media (max-width: 1245px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -12rem; } } @media (max-width: 1233px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } } @media (max-width: 1225px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8rem; } } @media (max-width: 1199px) { .be9300-pl .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-es .grid .item-2 .grid-cell { padding: 1.25rem 1rem 1.25rem 1rem; } @media (max-width: 991px) { .be9300-es .grid .item-2 .grid-cell { padding: 1.25rem 1.5rem 1.25rem 1.5rem; } } .be9300-es .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } @media (max-width: 1440px) { .be9300-es .grid .item-2 .grid-cell h4 { font-size: 1.3rem; } } @media (max-width: 1440px) { .be9300-es .grid .item-2 .grid-cell img { margin-top: 0.25rem; } } @media (max-width: 1199px) { .be9300-es .grid .item-6 .row { height: 100%; } } .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -12rem; } @media (max-width: 1347px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10.5rem; } } @media (max-width: 1298px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -9rem; } } @media (max-width: 1267px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10rem; } } @media (max-width: 1199px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } @media (max-width: 1199px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -12rem; } @media (max-width: 1440px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -12rem; } } @media (max-width: 1388px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } } @media (max-width: 1346px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8rem; } } @media (max-width: 1298px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -6.5rem; } } @media (max-width: 1268px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8.5rem; } } @media (max-width: 1199px) { .be9300-es .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10rem; } @media (max-width: 1379px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -10rem; } } @media (max-width: 1298px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -12rem; } } @media (max-width: 1280px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -13rem; } } @media (max-width: 1223px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: -11rem; } } @media (max-width: 1199px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(3) .card { margin-top: 1rem; } } .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 3rem; } @media (max-width: 1199px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(4) .card { margin-top: 1rem; } } .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } @media (max-width: 1440px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } } @media (max-width: 1387px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -11rem; } } @media (max-width: 1338px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -9rem; } } @media (max-width: 1299px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -10rem; } } @media (max-width: 1279px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: -8.5rem; } } @media (max-width: 1199px) { .be9300-jp .be9300-cardlist .be9300-cardlist-row .be9300-cardlist-col:nth-child(5) .card { margin-top: 1rem; } } .gl-section-banner { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .gl-banner-top { height: 28rem; } .btn-round { border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .btn-round { font-size: 13px; min-height: 50px; border-radius: 50px; padding: 14px 1.5rem; text-transform: uppercase; font-weight: bold; } } .vpn-places { background-image: url("https://static.gl-inet.com/www/images/products/gl-ar750s/vpn_places.jpg"); background-repeat: repeat-x; background-position: bottom; background-color: #f5f5f5; height: 22rem; } .txt-lg { font-size: 1.5rem; color: #f5f5f5; } .hide { display: none; } /* vpn speed bar */ .vpn-speed-bar { background: transparent; border-radius: 0%; height: 30px; } .vpn-speed-bar>.progress-bar { text-align: right; padding-right: 15px; } /* vpn speed bar end */ @media (max-width: 767.98px) { .gl-banner-top { height: auto !important; } } @media (max-width: 575.98px) { .header-text { padding-left: 2rem; padding-bottom: 3rem; } } .icon-check { color: #44b4b1; } .icon-asterisk { color: #44b4b1; } .icon-minus { color: #a1a1a1; } .carousel-indicators, .carousel-control-next, .carousel-control-prev { filter: invert(20%); } /* for video play button */ .fa-play-circle { transition-duration: 0.4s; } .fa-play-circle:hover { opacity: 0.7; } /* new style play button */ .fa-circle-play { transition-duration: 0.4s; } .fa-circle-play:hover { opacity: 0.7; } /* cloudflare section in product page */ .product-cloudflare-section { background: #f3f8fd; } /* specs section in product page */ .product-specs-section { background-color: #f4f5f7; } #ytvideoPlayer .card { background-color: black; } #ytvideoPlayer .card iframe { aspect-ratio: 16/9; width: 100%; } @media screen and (max-width: 991px) { #ytplaylist { width: 100%; padding: 0 20px !important; } } #ytplaylist .card { background-color: black; } #ytplaylist .card #ytListBtn { display: none; } @media screen and (max-width: 991px) { #ytplaylist .card #ytListBtn { display: inline-block; } } #ytplaylist .card #ytPlayListUl { flex: 1; overflow: auto; padding: 0.5rem 1.5rem; } @media screen and (max-width: 991px) { #ytplaylist .card #ytPlayListUl { display: none; padding: 20px; } } @media screen and (max-width: 991px) { #ytplaylist .card h5 { margin: 0; } } /* Container for video player and playlist */ #youtube-playlist-container { display: flex; flex-direction: column; /* Stack items vertically */ align-items: center; /* Center items horizontally */ } /* Style for the video player container */ #playlistVideo { width: 100%; /* Set width to 100% for responsiveness */ width: 960px; /* Set a maximum width for larger screens */ margin: 0 auto; /* Center the player horizontally */ height: 520px; max-width: 100% !important; } @media only screen and (max-width: 767px) { #playlistVideo { width: 450px; /* Set width to 100% for screens up to 767px (typical tablets and mobile devices) */ max-width: none; /* Remove max-width for mobile responsiveness */ margin: 0; /* Remove any margin for mobile responsiveness */ height: 320px; } } #ytplaylist { overflow-y: auto; /* Enable vertical scrolling */ white-space: nowrap; /* Prevent items from wrapping to the next line */ display: flex; flex-direction: column; /* Align items vertically */ background-color: black; /* Set background color to black */ padding: 20px; /* Add padding for better appearance */ max-height: 520px; /* Set max-height to the same value as the video player's height */ } #ytplaylist li { list-style: none; /* Remove list-style points */ text-align: left; margin-bottom: 10px; display: flex; align-items: center; /* Align items vertically */ transition: background-color 0.3s ease-in-out; /* Add a smooth transition effect for background color */ } #ytplaylist li:hover { background-color: #333; /* Change background color on hover */ border-radius: 15px; } #ytplaylist li:hover .video-title { color: #fff; /* Change text color on hover */ } #ytplaylist img { cursor: pointer; border: 2px solid #ddd; /* Add a border to make it visually distinct */ border-radius: 8px; transition: border-color 0.3s ease-in-out; /* Add a smooth transition effect */ margin-right: 10px; /* Add margin to separate image and title */ width: 150px; /* Set the image width */ } #ytplaylist img:hover { border-color: #555; /* Change border color on hover */ } #ytplaylist .title-container { max-width: 250px; /* Set the maximum width for the title container */ width: 100%; /* Ensure it takes up the available width */ white-space: normal; /* Allow text to break into multiple lines */ } @media screen and (max-width: 991px) { #ytplaylist .title-container { max-width: inherit; } } #ytplaylist .video-title { font-size: 14px; color: white; /* Set text color to white */ transition: color 0.3s ease-in-out; /* Add a smooth transition effect for text color */ text-align: left; /* Align text to the left */ } .horizontal-scroll { overflow: clip; } @media (max-width: 991px) { .horizontal-scroll { height: inherit !important; padding-top: 1.5rem; padding-bottom: 1.5rem; } } .horizontal-scroll .sticky-control { position: sticky; top: 0; } @media (max-width: 991px) { .horizontal-scroll .sticky-control { position: relative; top: 0; } } .horizontal-scroll .sticky-control .container { width: 100vw; height: 100vh; } @media (max-width: 991px) { .horizontal-scroll .sticky-control .container { transform: none; width: initial; height: initial; padding-top: 2rem; padding-bottom: 2rem; } } @keyframes scale { 0% { transform: scale(1); } 100% { transform: scale(1.3); } } .horizontal-scroll .sticky-control .container .bg-control { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; opacity: 1; animation: scale auto linear; animation-direction: normal; animation-fill-mode: forwards; animation-iteration-count: 1; animation-timeline: view(); animation-range-start: 40%; animation-range-end: 95%; } .horizontal-scroll .sticky-control .container .content-control { position: sticky; top: 0; height: 100vh; padding-top: 0rem; padding-bottom: 1rem; } @media (max-width: 991px) { .horizontal-scroll .sticky-control .container .content-control { position: relative; height: inherit; } } .horizontal-scroll .sticky-control .container .content-control .sticky-content { position: relative; top: calc(50% + 50px); transform: translateY(-50%); } @media (max-width: 991px) { .horizontal-scroll .sticky-control .container .content-control .sticky-content { transform: none; top: 0; padding-top: 2rem; padding-bottom: 2rem; } } .horizontal-scroll .horizontal-scroll-wrapper .figure-list { display: flex; position: relative; } @media (max-width: 991px) { .horizontal-scroll .horizontal-scroll-wrapper .figure-list { display: block; transform: none !important; } } .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure { position: relative; padding: 1rem; flex-grow: 0; flex-shrink: 0; flex-basis: 50%; } @media (max-width: 991px) { .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure { flex-basis: 100%; } } .product-nav { background-color: #eeeeee; position: sticky; top: 0px; z-index: 999; } .product-nav .product-nav-container { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .product-nav .product-nav-container::-webkit-scrollbar { display: none; } @media (max-width: 768px) { .product-nav .product-nav-container { overflow-x: inherit; } } .product-nav .product-nav-container .product-nav-content { display: flex; flex-direction: row; justify-content: left; align-items: center; white-space: nowrap; } @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .product-nav .product-nav-container .product-nav-content::-webkit-scrollbar { display: none; } } .product-nav .product-nav-container .product-nav-content .product-nav-item { color: #6c757d; height: -moz-fit-content; height: fit-content; padding: 0.75rem 1.5rem; background: none !important; border-bottom: 2px solid transparent; } @media (max-width: 991px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } .product-nav .product-nav-container .product-nav-content .product-nav-item:hover { color: #3dc1cf; transition: 0.3s ease; } .product-nav .product-nav-container .product-nav-content .product-nav-item.active { color: #3dc1cf; border-color: #3dc1cf; } .be9300-main-container { position: relative; z-index: 1; } .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure { margin: 0; } @media (min-width: 1400px) and (max-width: 1919px) { .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure .img-fluid { aspect-ratio: 16 / 7; object-fit: cover; } .horizontal-scroll .sticky-control .container .content-control { height: 90vh; } } MEET Flint 3 Tri-band Wi-Fi 7 Home Router Bundle with Slate 7 (GL-BE3600) GL.iNet's First Tri-band Wi-Fi 7 Home Router Flint 3 is our first Wi-Fi 7 home router, designed for home users and small offices. It delivers ultra-fast Wi-Fi 7 speeds, 5× 2.5G ports, and robust VPN capabilities, along with AdGuard Home and Parental Controls. Flint 3 is built to meet the evolving demands of modern networks with efficiency and reliability. Max. 688 Mbps (2.4GHz) + 2882 Mbps (5GHz) + 5765 Mbps (6GHz) Ultra-Fast Wi-Fi SpeedsFive 2.5G Network Ports, with 4 LAN PortsEnjoy Speeds Up to 680 Mbps on both WireGuard® and OpenVPN-DCOFlexible Tri-Band Combination: 2.4GHz + 5GHz + 6GHz View Specs Online Guide Previous Next Highlight Features Scenarios Reviews Specs window.addEventListener('load', function () { window.addEventListener("scroll", function () { let currentModel = ''; // document.querySelectorAll(".product-nav-section1").forEach((section) => { let sectionTop = section.offsetTop; if (pageYOffset >= sectionTop + window.innerHeight + window.innerHeight) { currentModel = section.getAttribute("id"); } }); // 在这里加一句 log 来观察它的值 console.log("当前 model:", currentModel); document.querySelectorAll(".product-nav-item").forEach((li) => { if (li.classList.contains(currentModel)) { li.classList.add("active"); } else { li.classList.remove("active"); } }); }); }); Ultra-Fast Wi-Fi 7 Speeds 9300Mbps MLO&nbsp for Enhanced Stability Wi-Fi Coverage Up to 2000 sqft 30+ VPN Services 5 × 2.5G Ports&nbsp Boost Wired Connections 1GB DDR4 High-Speed Memory 8GB eMMC Flash Storage AdGuard Home Parental Controls Multi-WAN Failover The Next-Generation Wireless Experience Flint 3 exemplifies the future of wireless technology, offering blazing-fast speeds, diminished latency, and enhanced connectivity in crowded environments through advancements such as Multi-Link Operation (MLO), refined OFDMA, 4K QAM, and preamble puncturing. Watch the Wi-Fi 7 Video Explore Wi-Fi 7 features Wi-Fi 7 6GHz 5765 Mbps 5GHz 2882 Mbps 2.4GHz 688 Mbps Connectivity Excellence Flint 3 redefines connectivity with its high-speed, flexible design and reliable dual WAN support, delivering a next-level networking experience for home, office, and beyond. Dual WAN Design Wired for Speed 2.5 Gbps WAN Port 2.5 Gbps WAN/LAN Ports LAN1 can be switched to WAN. Dual WAN, Double the Power Customizable LAN Port – Use as a Secondary WAN Flint 3 features a dedicated 2.5 Gbps WAN port and gives you the flexibility to switch LAN 1 into a secondary WAN. Whether you're maximizing speed or preparing for outages, your network stays efficient and adaptable. With support for up to 5 Gbps shared bandwidth, Flint 3 enables both load balancing and failover, delivering a seamless internet experience even under heavy usage or unexpected disconnections. 2.5 Gbps WAN Port 4 x 2.5 Gbps LAN Ports Wired for Speed, Built for Power Five 2.5G Ports – Maximum Wired Potential Flint 3 is equipped with five ultra-fast 2.5G Ethernet ports, giving you the bandwidth and flexibility to power high-demand setups. From NAS systems to gaming rigs and streaming gear, every wired connection gets the speed it deserves. Perfect for power users, creators, and small teams, Flint 3 ensures fast file transfers, stable low-latency gaming, and smooth 8K streaming. Four Foldable External Wi-Fi Antennas Flint 3 is equipped with four foldable antennas, including three adjustable slots that can rotate up to 190°, allowing for optimal positioning and stronger, more consistent Wi-Fi coverage throughout your space. Wi-Fi 7 Multi-Link Operation (MLO) Technology Flint 3 uses Multi-Link Operation (MLO) to reduce interference and congestion, boosting speed and lowering latency by combining multiple radio bands into a single connection. MLO WiFi works alongside 2.4GHz, 5GHz, and 6GHz bands—connect to MLO or 6GHz for peak performance, while 2.4GHz remains dedicated to IoT devices for stable, reliable connectivity. Connect Up to 124+ Devices Simultaneously Flint 3 is built to handle high-density environments, allowing over 124 devices to stay connected at once without compromising speed or stability—perfect for smart homes, offices, and multi-user scenarios. Stay Protected, Stay Connected At GL.iNet, we prioritize your online security and privacy with advanced tools and features designed to protect your data, safeguard your family, and ensure a safe browsing experience across all your devices. VPN Functionality Flint 3 delivers powerful VPN capabilities, supporting over 30 VPN service providers and offering both client and server modes for OpenVPN and WireGuard® protocols. OpenVPN speeds up to 680 Mbps (with DCO support) WireGuard® speeds up to 680 Mbps With built-in OpenVPN-DCO support, Flint 3 uses kernel-level acceleration to handle encryption and decryption across multiple CPU cores. This enables faster, more efficient VPN performance and ensures secure, private connections—ideal for privacy-focused users, remote work, and travel. Learn More About Our VPN Solutions AdGuard Home Flint 3 comes pre-installed with AdGuard Home, offering powerful ad-blocking capabilities to eliminate: Popups, video ads, banners, and other intrusive ads. Trackers and analytics systems that monitor your online activities. Phishing attempts and malware attacks for a safer browsing experience. AdGuard Home guarantees a clean and distraction-free web experience, protecting you and your family from harmful content. Parental Controls x Bark Excessive screen time and exposure to inappropriate content are challenges every parent faces. Flint 3 partners with Bark, an award-winning child-monitoring tool, to provide comprehensive parental controls, allowing you to: Filter specific websites and content categories with ease. Enable safe search for child-friendly browsing. Set usage limits to help manage screen time effectively. With Flint 3, creating a safe, secure, and balanced digital environment for your family is just a few clicks away. Learn More About Parental Controls Feature AstroWarp Flint 3 comes with built-in AstroWarp, a powerful cloud-based networking platform that enables remote site-to-site networking, centralized device management, and future support for hardware-level control. Designed for users who need secure, scalable, and reliable network management, AstroWarp empowers both individuals and organizations to manage devices and maintain network stability with ease. Learn More About AstroWarp Multi-WAN Failover Flint 3 supports multiple internet connection types—including dual Ethernet WAN, Wi-Fi repeater, USB tethering, and cellular backup—with built-in failover and load balancing to keep your network running smoothly. Automatically switches to a backup connection when one goes down. Ensures stable and continuous connectivity in any situation. Ideal for high-bandwidth households and small businesses that can’t afford downtime. Smart Network Management Easy Setup with the GL.iNet App Perfect for first-time users, the GL.iNet mobile app makes setting up and managing your Flint 3 router quick and effortless. Monitor real-time network status and see all connected devices. Configure and manage settings remotely with a clean, user-friendly interface. Quick setup and on-the-go control—manage your network from anywhere. Download GL.iNet App Scalable Management with GoodCloud GoodCloud is a powerful cloud platform designed for advanced users and professionals managing multiple devices or locations. Centralized dashboard for all connected GL.iNet devices. Perform batch configurations, remote firmware upgrades, and real-time monitoring. Streamline large-scale deployment and ensure consistent, reliable performance across your network. Learn More About GoodCloud One Router, Endless Possibilities Flint 3 is built to excel across diverse environments, offering ultra-fast Wi-Fi 7 speeds, robust security features, and unparalleled connectivity options. Whether you're at home, gaming, working remotely, or managing a small office, Flint 3 adapts seamlessly to meet your needs. Seamless 8K Streaming Enjoy buffer-free 8K streaming with ultra-fast Wi-Fi 7 speeds. Flint 3 ensures smooth and reliable connections for smart TVs, media players, and family devices, even in multi-device environments. Lag-Free Competitive Gaming Achieve low-latency, high-speed performance with the Flint 3’s Wi-Fi 7 Multi-Link Operation (MLO). Whether you're gaming wirelessly or via wired connections, Flint 3 minimizes lag, ensures stable gameplay, and supports competitive online gaming with multiple players. Remote Work and Virtual Meetings Stay productive while working from home with secure VPN support for remote access to office networks and files. Flint 3 ensures crystal-clear virtual meetings and uninterrupted file sharing with its high-speed connectivity and dual-WAN failover capabilities. Small Business Networking Perfect for small offices with multiple devices, Flint 3 offers five ultra-fast 2.5G Ethernet ports to handle high workloads efficiently. Protecting Kids Online Safeguard your children’s internet usage with built-in parental controls powered by Bark integration. Easily filter inappropriate content, enable safe search, and set screen time limits for a safer and healthier digital experience. Build Your Own Server with NAS Flint 3 pairs seamlessly with NAS to create a fast, secure personal or small office server. Host your own cloud, stream media, or run backups with its 2.5G port, powerful CPU, and open-source support. With built-in VPN and easy setup, it’s perfect for remote work, creators, and tech enthusiasts. document.addEventListener('DOMContentLoaded', function () { let tl; // 将 timeline 声明在外部以便重用 function initScenariosAnimation() { if (document.querySelector('#scenarios')) { gsap.registerPlugin(ScrollTrigger); const ul = document.querySelector('.figure-list'); const figureList = document.querySelectorAll('.figure-list figure'); const container = document.querySelector('.horizontal-scroll .container'); if (!figureList.length || !container) { return false; } // 如果已有动画，先杀死旧的 if (tl) { tl.kill(); ScrollTrigger.getAll().forEach(trigger => trigger.kill()); } // 重新计算尺寸 const figureWidth = figureList[0].offsetWidth; const offsetWidth = container.offsetWidth; const computedStyle = window.getComputedStyle(container); const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0; const paddingRight = parseFloat(computedStyle.paddingRight) || 0; const containerWidth = offsetWidth - paddingLeft - paddingRight; let totalWidth = (figureWidth * figureList.length) - containerWidth; // 创建新动画 tl = gsap.timeline({ scrollTrigger: { trigger: ".be9300-main-container .horizontal-scroll", start: "top top", end: "+=2500", scrub: 1, markers: false } }); tl.to(ul, { x: 0, duration: 0.05, ease: "none" }) .to(ul, { x: -totalWidth }) .to(ul, { x: -totalWidth, duration: 1 }) // 刷新 ScrollTrigger 以应用新计算 ScrollTrigger.refresh(); } } // 初始加载时执行 initScenariosAnimation(); // 添加 resize 事件监听（防抖优化） let resizeTimer; window.addEventListener('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { initScenariosAnimation(); }, 250); // 250ms 防抖延迟 }); }); Professional Tech Press Insights I tested this Wi-Fi 7 router - and while they don’t typically shock me, the GL-iNet Flint 3 did for a few reasons Product Reviews from Youtubers Flint 3 (GL-BE9300) Reviews I NEEDED to Fix her Internet! Your Boss Thinks You're at Home... GL.iNet Flint 3 Does GL.iNet belong in your Home Network? - Flint 3 Wi-Fi 6 or 7? See which one is best for you! (U6 Pro vs Flint 3) Flint 3 Unboxing and Wireguard Setup (GL-BE9300) Does GL.iNet belong in your Home Network, and does it do VLANs? Hot Take! Flint The RTX 5090 loses to a ROUTER! GLINet Flint 3 Tri-Band Wi-Fi 7 VPN Router GliNet Flint 3 WiFi 7 Router Review - Low Impact, High Ability WiFi 7? Can it get any better than this? The GL iNET Flint 3 WiFi 7 and 2.5GbE Networking GL-iNet Flint 3 (BE9300) WiFi 7 Router Review - Tri-Band Performance Review GL.iNet GL-BE9300 (Flint 3) Tri-Band WiFi 7 Router, High-Speed 6GHz Gaming WiFi Router for Wi GL.INet Flint 3 - Review and opinion of this router with WiFi 7 - Domoticaencasa.es RECENSIONE - GL.iNet Router Flint 3 GL-BE9300 WiFi 7 con 5 porte Ethernet da 2,5 Gb, OpenWrt View More Tri-band Wi-Fi 7 Multi-WAN 2.5GbpsEthernet Ports OpenWrt Pre-installed VPN Client /Server Multi-LinkOperation AdGuard Home Parental Controls Specifications Interface 1 x 2.5G WAN Ethernet port1 x 2.5G WAN/LAN Ethernet port3 x 2.5G LAN Ethernet ports1 x USB 3.0 port1 x Reset Button CPU Qualcomm Quad-core @1.5GHz Memory / Storage DDR4 1GB / eMMC 8GB Protocol IEEE 802.11a/b/g/n/ac/ax/be Wi-Fi Speed 688Mbps (2.4GHz), 2882Mbps (5GHz), 5765Mbps (6GHz) Ethernet Speed 10/100/1000/2500Mbps Antennas 4 x Foldable External Wi-Fi Antennas LEDs 1 x Dual-Color LED Indicator Power Input DC5521, 12V/4A (5.5 x 2.1mm) Power Consumption Without USB Load: ＜25WWith USB Load: ＜37.2W Operating Temperature 0 ~ 40°C (32 ~ 104°F) Storage Temperature -20 ~ 70°C (-4 ~ 158°F) Dimension / Weight 240 x 157 x 74 mm / 848g Tools & Downloadables Datasheet | Firmware | App | Unboxing | Tutorials | Media Kit | OpenVPN Connect Certified function handleAnimationOne(element) { const elementList = document.querySelectorAll('.animate_one'); elementList.forEach((element) => { let top = element.getBoundingClientRect().top; let bottom = element.getBoundingClientRect().bottom; let height = element.offsetHeight let winHeight = window.innerHeight * 0.8 if ((Math.abs(top) < winHeight)) { if (!element.classList.value.includes('in-view')) { element.classList.add('in-view'); } } if (bottom < 50 || bottom > (window.innerHeight + height - 50)) { element.classList.remove('in-view'); } }) } window.addEventListener('scroll', handleAnimationOne); function btnActive(type) { if (type == 1) { document.getElementById('btn_port1').classList.add('active') document.getElementById('btn_port2').classList.remove('active') } else { document.getElementById('btn_port2').classList.add('active') document.getElementById('btn_port1').classList.remove('active') } } Show more