| .nav_element-container { |
| display: flex; |
| position: relative; |
| } |
| .nav_element-text { |
| font-style: normal; |
| transition: 0.3s; |
| font-weight: 500; |
| margin-left: 72px; |
| } |
| |
| |
| .button-container { |
| display: flex; |
| position: relative; |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .button-text { |
| color: var(--dl-color-gray-white); |
| cursor: pointer; |
| align-self: center; |
| margin-top: var(--dl-space-space-halfunit); |
| transition: 0.3s; |
| margin-left: var(--dl-space-space-halfunit); |
| padding-top: var(--dl-space-space-halfunit); |
| margin-right: var(--dl-space-space-halfunit); |
| padding-left: var(--dl-space-space-oneandhalfunits); |
| border-radius: var(--dl-radius-radius-radius8); |
| margin-bottom: var(--dl-space-space-halfunit); |
| padding-right: var(--dl-space-space-oneandhalfunits); |
| padding-bottom: var(--dl-space-space-halfunit); |
| background-color: var(--dl-color-primary-300); |
| } |
| .button-text:hover { |
| color: var(--dl-color-primary-300); |
| background-color: var(--dl-color-gray-white); |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| .navbar-image { |
| width: 60px; |
| height: 60px; |
| } |
| .navbar-container { |
| flex: 0 0 auto; |
| width: auto; |
| height: auto; |
| display: flex; |
| align-items: space-between; |
| margin-right: var(--dl-space-space-oneandhalfunits); |
| flex-direction: column; |
| } |
| .navbar-nav-elements-desktop { |
| flex: 0 0 auto; |
| display: flex; |
| align-self: center; |
| align-items: center; |
| margin-left: 0px; |
| flex-direction: row; |
| } |
| .navbar-navlink { |
| display: contents; |
| } |
| .navbar-component { |
| text-decoration: none; |
| } |
| .navbar-navlink1 { |
| display: contents; |
| } |
| .navbar-component1 { |
| text-decoration: none; |
| } |
| .navbar-navlink2 { |
| display: contents; |
| } |
| .navbar-component2 { |
| text-decoration: none; |
| } |
| .navbar-link { |
| display: contents; |
| } |
| .navbar-component3 { |
| text-decoration: none; |
| } |
| .navbar-link1 { |
| display: contents; |
| } |
| .navbar-component4 { |
| text-decoration: none; |
| } |
| .navbar-btn-group { |
| display: flex; |
| align-items: center; |
| flex-direction: row; |
| justify-content: space-between; |
| text-decoration: none; |
| } |
| .navbar-component5 { |
| text-decoration: none; |
| } |
| .navbar-burger-menu { |
| display: none; |
| } |
| .navbar-icon { |
| width: var(--dl-size-size-xsmall); |
| height: var(--dl-size-size-xsmall); |
| display: none; |
| transition: 0.3s; |
| } |
| |
| .navbar-nav-elements-mobile { |
| flex: 0 0 auto; |
| display: none; |
| position: absolute; |
| align-self: center; |
| align-items: center; |
| margin-left: 0px; |
| flex-direction: column; |
| } |
| .navbar-navlink3 { |
| font-style: normal; |
| transition: 0.3s; |
| } |
| |
| .navbar-navlink3:active { |
| color: var(--dl-color-primary-300); |
| } |
| .navbar-link3 { |
| font-style: normal; |
| transition: 0.3s; |
| } |
| |
| .navbar-link3:active { |
| color: var(--dl-color-primary-300); |
| } |
| .navbar-navlink4 { |
| font-style: normal; |
| transition: 0.3s; |
| text-decoration: none; |
| } |
| |
| .navbar-navlink4:active { |
| color: var(--dl-color-primary-300); |
| } |
| .navbar-text { |
| font-style: normal; |
| transition: 0.3s; |
| } |
| |
| .navbar-text:active { |
| color: var(--dl-color-primary-300); |
| } |
| .navbar-text1 { |
| font-style: normal; |
| transition: 0.3s; |
| } |
| |
| .navbar-text1:active { |
| color: var(--dl-color-primary-300); |
| } |
| .navbar-btn-group1 { |
| display: flex; |
| align-items: center; |
| flex-direction: row; |
| justify-content: space-between; |
| text-decoration: none; |
| } |
| .navbar-component6 { |
| text-decoration: none; |
| } |
| .navbar-container1 { |
| top: 32px; |
| width: 24px; |
| height: 24px; |
| position: absolute; |
| } |
| .navbar-icon2 { |
| width: 24px; |
| height: 24px; |
| } |
| |
| @media(max-width: 991px) { |
| .navbar-nav-elements-desktop { |
| display: none; |
| } |
| .navbar-btn-group { |
| display: none; |
| } |
| .navbar-burger-menu { |
| display: flex; |
| } |
| .navbar-icon { |
| fill: #D9D9D9; |
| width: var(--dl-size-size-small); |
| height: var(--dl-size-size-small); |
| display: flex; |
| } |
| .navbar-nav-elements-mobile { |
| top: 0px; |
| left: 0px; |
| right: 0px; |
| display: flex; |
| align-items: flex-start; |
| margin-left: 0px; |
| padding-top: var(--dl-space-space-twounits); |
| padding-left: var(--dl-space-space-twounits); |
| padding-right: var(--dl-space-space-twounits); |
| padding-bottom: var(--dl-space-space-twounits); |
| background-color: var(--dl-color-gray-black); |
| } |
| .navbar-btn-group1 { |
| display: none; |
| } |
| .navbar-container1 { |
| right: 32px; |
| } |
| } |
| @media(max-width: 767px) { |
| .navbar-icon { |
| fill: var(--dl-color-gray-900); |
| width: var(--dl-size-size-small); |
| height: var(--dl-size-size-small); |
| } |
| } |
| @media(max-width: 479px) { |
| .navbar-image { |
| width: auto; |
| height: auto; |
| } |
| .navbar-burger-menu { |
| display: flex; |
| } |
| .navbar-icon { |
| fill: var(--dl-color-gray-900); |
| width: 32px; |
| height: 32px; |
| } |
| .navbar-nav-elements-mobile { |
| height: 100vh; |
| flex-direction: column; |
| justify-content: center; |
| background-color: var(--dl-color-gray-white); |
| } |
| .navbar-navlink3 { |
| color: var(--dl-color-primary-100); |
| margin-top: var(--dl-space-space-unit); |
| text-align: left; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .navbar-link3 { |
| color: var(--dl-color-primary-100); |
| margin-top: var(--dl-space-space-unit); |
| text-align: left; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .navbar-navlink4 { |
| color: var(--dl-color-primary-100); |
| margin-top: var(--dl-space-space-unit); |
| text-align: left; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .navbar-text { |
| color: var(--dl-color-primary-100); |
| margin-top: var(--dl-space-space-unit); |
| text-align: left; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .navbar-text1 { |
| color: var(--dl-color-primary-100); |
| margin-top: var(--dl-space-space-unit); |
| text-align: left; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .navbar-btn-group1 { |
| display: flex; |
| margin-top: var(--dl-space-space-halfunit); |
| margin-bottom: var(--dl-space-space-halfunit); |
| } |
| .navbar-icon2 { |
| fill: var(--dl-color-primary-100); |
| } |
| .rootClassName { |
| width: 100%; |
| } |
| } |
| |
| .button_nofill-container { |
| display: flex; |
| position: relative; |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .button_nofill-text { |
| color: var(--dl-color-primary-300); |
| cursor: pointer; |
| align-self: center; |
| margin-top: var(--dl-space-space-halfunit); |
| transition: 0.3s; |
| margin-left: var(--dl-space-space-halfunit); |
| padding-top: var(--dl-space-space-halfunit); |
| border-color: var(--dl-color-primary-300); |
| border-width: 1px; |
| margin-right: var(--dl-space-space-halfunit); |
| padding-left: var(--dl-space-space-oneandhalfunits); |
| border-radius: var(--dl-radius-radius-radius8); |
| margin-bottom: var(--dl-space-space-halfunit); |
| padding-right: var(--dl-space-space-oneandhalfunits); |
| padding-bottom: var(--dl-space-space-halfunit); |
| } |
| .button_nofill-text:hover { |
| color: var(--dl-color-gray-white); |
| background-color: var(--dl-color-primary-300); |
| } |
| |
| |
| .footer-footer { |
| width: 100%; |
| display: flex; |
| max-width: 100%; |
| align-items: center; |
| padding-top: var(--dl-space-space-twounits); |
| padding-left: var(--dl-space-space-fourunits); |
| padding-right: var(--dl-space-space-fourunits); |
| flex-direction: column; |
| padding-bottom: var(--dl-space-space-twounits); |
| justify-content: space-between; |
| background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%); |
| } |
| .footer-container { |
| width: 100%; |
| display: flex; |
| align-items: flex-start; |
| flex-direction: row; |
| justify-content: space-between; |
| } |
| .footer-logo { |
| display: flex; |
| max-width: var(--dl-size-size-maxwidth); |
| align-self: flex-start; |
| align-items: flex-start; |
| margin-right: 56px; |
| flex-direction: column; |
| justify-content: center; |
| } |
| .footer-logo1 { |
| display: flex; |
| align-items: center; |
| flex-direction: column; |
| } |
| .footer-image { |
| width: var(--dl-size-size-medium); |
| height: 64px; |
| } |
| .footer-text { |
| color: var(--dl-color-primary-500); |
| margin-top: var(--dl-space-space-halfunit); |
| margin-bottom: var(--dl-space-space-halfunit); |
| } |
| .footer-text02 { |
| color: var(--dl-color-gray-900); |
| width: 224px; |
| margin-top: var(--dl-space-space-unit); |
| line-height: 1.32; |
| } |
| .footer-links-container { |
| display: flex; |
| align-items: flex-start; |
| flex-direction: row; |
| justify-content: space-between; |
| } |
| .footer-container1 { |
| display: flex; |
| align-items: flex-start; |
| margin-right: var(--dl-space-space-fourunits); |
| flex-direction: row; |
| justify-content: space-between; |
| } |
| .footer-community-container { |
| flex: 0 0 auto; |
| display: flex; |
| align-items: flex-start; |
| margin-right: var(--dl-space-space-fourunits); |
| flex-direction: column; |
| justify-content: flex-start; |
| } |
| .footer-text05 { |
| color: var(--dl-color-primary-700); |
| font-weight: 700; |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| } |
| .footer-link { |
| text-decoration: none; |
| } |
| .footer-link01 { |
| text-decoration: none; |
| } |
| .footer-link02 { |
| text-decoration: none; |
| } |
| .footer-sources-container { |
| flex: 0 0 auto; |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| justify-content: flex-start; |
| } |
| .footer-text08 { |
| color: var(--dl-color-primary-700); |
| font-weight: 700; |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| } |
| .footer-link03 { |
| text-decoration: none; |
| } |
| .footer-link04 { |
| text-decoration: none; |
| } |
| .footer-link05 { |
| text-decoration: none; |
| } |
| .footer-link06 { |
| text-decoration: none; |
| } |
| .footer-link07 { |
| text-decoration: none; |
| } |
| .footer-container2 { |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| justify-content: flex-start; |
| } |
| .footer-contact { |
| display: flex; |
| align-items: flex-start; |
| margin-bottom: 40px; |
| flex-direction: column; |
| justify-content: flex-start; |
| } |
| .footer-text12 { |
| color: var(--dl-color-primary-700); |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| } |
| .footer-link08 { |
| text-decoration: none; |
| } |
| .footer-link09 { |
| text-decoration: none; |
| } |
| .footer-link10 { |
| text-decoration: none; |
| } |
| .footer-socials { |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| justify-content: flex-start; |
| } |
| .footer-text13 { |
| color: var(--dl-color-primary-700); |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .footer-icon-group { |
| display: flex; |
| align-items: center; |
| flex-direction: row; |
| justify-content: space-between; |
| } |
| .footer-link11 { |
| display: contents; |
| } |
| .footer-link12 { |
| display: contents; |
| } |
| .footer-icon02 { |
| text-decoration: none; |
| } |
| .footer-link13 { |
| display: contents; |
| } |
| .footer-icon04 { |
| text-decoration: none; |
| } |
| .footer-link14 { |
| display: contents; |
| } |
| .footer-icon06 { |
| fill: #D9D9D9; |
| text-decoration: none; |
| } |
| .footer-link15 { |
| display: contents; |
| } |
| .footer-icon08 { |
| text-decoration: none; |
| } |
| .footer-link16 { |
| display: contents; |
| } |
| .footer-separator { |
| width: 100%; |
| height: 1px; |
| margin-top: var(--dl-space-space-twounits); |
| margin-bottom: var(--dl-space-space-twounits); |
| background-color: var(--dl-color-primary-700); |
| } |
| |
| .rootClassName1 { |
| margin-top: var(--dl-space-space-oneandhalfunits); |
| background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%); |
| } |
| @media(max-width: 991px) { |
| .footer-footer { |
| flex-direction: column; |
| } |
| .footer-links-container { |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .footer-container1 { |
| margin-right: var(--dl-space-space-fourunits); |
| } |
| .footer-community-container { |
| margin-right: var(--dl-space-space-fourunits); |
| } |
| } |
| @media(max-width: 767px) { |
| .footer-footer { |
| padding-left: var(--dl-space-space-twounits); |
| padding-right: var(--dl-space-space-twounits); |
| } |
| .footer-container { |
| align-items: center; |
| flex-direction: column; |
| justify-content: space-between; |
| } |
| .footer-logo { |
| align-items: center; |
| } |
| .footer-image { |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| } |
| .footer-text02 { |
| margin-top: var(--dl-space-space-twounits); |
| text-align: center; |
| margin-bottom: var(--dl-space-space-twounits); |
| } |
| .footer-links-container { |
| width: 100%; |
| align-items: flex-start; |
| flex-direction: row; |
| justify-content: center; |
| } |
| .footer-container1 { |
| margin-right: var(--dl-space-space-fourunits); |
| } |
| .footer-community-container { |
| margin-right: var(--dl-space-space-fourunits); |
| } |
| .rootClassName { |
| width: 100%; |
| } |
| } |
| @media(max-width: 479px) { |
| .footer-footer { |
| padding: var(--dl-space-space-unit); |
| } |
| .footer-container { |
| padding: var(--dl-space-space-twounits); |
| align-self: center; |
| align-items: center; |
| flex-direction: column; |
| } |
| .footer-logo { |
| align-self: center; |
| align-items: center; |
| margin-right: 0px; |
| justify-content: center; |
| } |
| .footer-image { |
| margin-bottom: 0px; |
| } |
| .footer-text02 { |
| width: var(--dl-size-size-xxlarge); |
| align-self: center; |
| margin-top: var(--dl-space-space-unit); |
| text-align: center; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .footer-links-container { |
| align-self: flex-start; |
| flex-direction: column; |
| } |
| .footer-container1 { |
| margin: var(--dl-space-space-unit); |
| flex-direction: column; |
| } |
| .footer-sources-container { |
| margin-top: var(--dl-space-space-twounits); |
| } |
| .footer-container2 { |
| margin: var(--dl-space-space-unit); |
| } |
| .footer-contact { |
| align-items: flex-start; |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| .footer-socials { |
| margin-top: var(--dl-space-space-oneandhalfunits); |
| } |
| .footer-icon02 { |
| fill: var(--dl-color-gray-white); |
| } |
| .footer-icon04 { |
| fill: var(--dl-color-gray-white); |
| } |
| .footer-icon06 { |
| fill: var(--dl-color-gray-white); |
| } |
| .footer-icon08 { |
| fill: var(--dl-color-gray-white); |
| } |
| .footer-icon10 { |
| fill: var(--dl-color-gray-white); |
| } |
| .footer-separator { |
| margin-top: 0px; |
| margin-bottom: 0px; |
| background-color: var(--dl-color-primary-700); |
| } |
| .rootClassName { |
| width: 100%; |
| } |
| } |
| |
| .home-container { |
| width: 100%; |
| height: auto; |
| display: flex; |
| overflow: hidden; |
| background: radial-gradient(65% 30% at 50% -5%, #055EB7 0%, #121212 100%);; |
| min-height: 100vh; |
| align-items: center; |
| flex-direction: column; |
| scroll-behavior: smooth; |
| scroll-snap-type: block; |
| } |
| .home-hero { |
| display: flex; |
| align-self: center; |
| margin-top: 180px; |
| align-items: center; |
| flex-direction: column; |
| justify-content: center; |
| } |
| .home-text { |
| color: var(--dl-color-primary-700); |
| font-size: 96px; |
| align-self: center; |
| font-style: normal; |
| font-family: Poppins; |
| font-weight: 500; |
| letter-spacing: -1.5%; |
| text-transform: none; |
| text-decoration: none; |
| } |
| .home-text01 { |
| color: var(--dl-color-gray-900); |
| width: 550px; |
| font-size: 20px; |
| font-style: normal; |
| text-align: center; |
| padding-top: 4px; |
| letter-spacing: 0.25%; |
| padding-bottom: 4px; |
| } |
| .home-image { |
| width: 350px; |
| margin-top: var(--dl-space-space-threeunits); |
| object-fit: cover; |
| } |
| .home-features-section { |
| display: flex; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-featuresheader { |
| display: flex; |
| margin-top: var(--dl-space-space-sixunits); |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-text02 { |
| color: var(--dl-color-gray-white); |
| align-self: center; |
| font-style: normal; |
| line-height: 1.15; |
| } |
| .home-text03 { |
| color: var(--dl-color-primary-500); |
| margin-top: 8px; |
| } |
| .home-features { |
| display: flex; |
| margin-top: 32px; |
| align-items: center; |
| margin-bottom: 32px; |
| flex-direction: row; |
| } |
| .home-sec-bb { |
| display: flex; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-security { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| margin-bottom: 40px; |
| flex-direction: column; |
| } |
| .home-icon { |
| fill: var(--dl-color-gray-white); |
| width: 32px; |
| } |
| .home-text04 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text05 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-battery { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-icon02 { |
| fill: var(--dl-color-gray-white); |
| width: 32px; |
| } |
| .home-text06 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text07 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-design-settings { |
| display: flex; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-focusondesign { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-icon04 { |
| fill: var(--dl-color-gray-white); |
| width: 32px; |
| } |
| .home-text08 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text09 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-image1 { |
| width: 180px; |
| margin-top: 88px; |
| object-fit: cover; |
| margin-bottom: 88px; |
| } |
| .home-settings { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-icon07 { |
| fill: var(--dl-color-gray-white); |
| width: 32px; |
| } |
| .home-text10 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text11 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-perf-comp { |
| display: flex; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-performance { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| margin-bottom: 40px; |
| flex-direction: column; |
| } |
| .home-icon09 { |
| fill: var(--dl-color-gray-white); |
| width: 32px; |
| } |
| .home-text12 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text13 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-compatibility { |
| width: 352px; |
| display: flex; |
| padding: 16px; |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-image2 { |
| width: 32px; |
| object-fit: cover; |
| } |
| .home-text14 { |
| color: var(--dl-color-primary-300); |
| font-style: normal; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-text15 { |
| fill: var(--dl-color-gray-white); |
| color: var(--dl-color-gray-white); |
| text-align: center; |
| } |
| .home-stats { |
| display: flex; |
| padding: var(--dl-space-space-threeunits); |
| max-width: var(--dl-size-size-maxwidth); |
| margin-top: var(--dl-space-space-oneandhalfunits); |
| border-radius: var(--dl-radius-radius-radius8); |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| justify-content: center; |
| background-color: #181717; |
| } |
| .home-stat { |
| display: flex; |
| padding: var(--dl-space-space-twounits); |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-icon11 { |
| fill: var(--dl-color-primary-700); |
| width: var(--dl-size-size-small); |
| height: var(--dl-size-size-small); |
| } |
| .home-text16 { |
| color: var(--dl-color-primary-300); |
| font-size: 1.15rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text17 { |
| color: var(--dl-color-gray-700); |
| font-size: 0.75rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text18 { |
| color: var(--dl-color-gray-white); |
| margin-top: var(--dl-space-space-halfunit); |
| } |
| .home-stat1 { |
| display: flex; |
| padding: var(--dl-space-space-twounits); |
| align-items: center; |
| margin-left: var(--dl-space-space-threeunits); |
| margin-right: var(--dl-space-space-threeunits); |
| flex-direction: column; |
| } |
| .home-icon14 { |
| fill: var(--dl-color-primary-700); |
| width: var(--dl-size-size-small); |
| } |
| .home-text20 { |
| color: var(--dl-color-primary-300); |
| font-size: 1.15rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text21 { |
| color: var(--dl-color-gray-700); |
| font-size: 0.75rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text22 { |
| color: var(--dl-color-gray-white); |
| margin-top: var(--dl-space-space-halfunit); |
| } |
| .home-stat2 { |
| display: flex; |
| padding: var(--dl-space-space-twounits); |
| align-items: center; |
| flex-direction: column; |
| } |
| .home-icon16 { |
| fill: var(--dl-color-primary-700); |
| width: var(--dl-size-size-small); |
| } |
| .home-text24 { |
| color: var(--dl-color-primary-300); |
| font-size: 1.15rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text25 { |
| color: var(--dl-color-gray-700); |
| font-size: 0.75rem; |
| margin-top: var(--dl-space-space-halfunit); |
| text-align: center; |
| } |
| .home-text26 { |
| color: var(--dl-color-gray-white); |
| margin-top: var(--dl-space-space-halfunit); |
| } |
| .home-downloads { |
| flex: 0 0 auto; |
| margin: var(--dl-space-space-oneandhalfunits); |
| display: flex; |
| padding: 64px; |
| align-self: center; |
| transition: 0.3s; |
| align-items: flex-start; |
| border-radius: var(--dl-radius-radius-radius8); |
| flex-direction: column; |
| background-color: #181717; |
| } |
| .home-downloads:hover { |
| box-shadow: 0px 2px 32px 16px #00040d; |
| } |
| .home-text29 { |
| color: var(--dl-color-gray-white); |
| } |
| .home-text30 { |
| color: var(--dl-color-gray-700); |
| width: 500px; |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-container1 { |
| width: 100%; |
| display: flex; |
| align-items: flex-start; |
| flex-direction: row; |
| } |
| .home-container2 { |
| flex: 0 0 auto; |
| width: auto; |
| height: auto; |
| display: flex; |
| flex-direction: column; |
| } |
| .home-p-c { |
| flex: 0 0 auto; |
| margin: 40px; |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .home-text33 { |
| color: var(--dl-color-gray-white); |
| } |
| .home-text34 { |
| color: var(--dl-color-gray-700); |
| margin-top: 12px; |
| margin-bottom: 0px; |
| } |
| .home-text36 { |
| color: var(--dl-color-gray-900); |
| margin-top: 12px; |
| margin-bottom: 0px; |
| } |
| .home-link { |
| display: contents; |
| } |
| .home-component1 { |
| text-decoration: none; |
| } |
| .home-link1 { |
| display: contents; |
| } |
| .home-component2 { |
| text-decoration: none; |
| } |
| .home-rom { |
| flex: 0 0 auto; |
| margin: 40px; |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .home-text37 { |
| color: var(--dl-color-gray-white); |
| } |
| .home-text38 { |
| color: var(--dl-color-gray-700); |
| margin-top: 12px; |
| margin-bottom: 12px; |
| } |
| .home-link2 { |
| display: contents; |
| } |
| .home-component3 { |
| text-decoration: none; |
| } |
| .home-container3 { |
| flex: 0 0 auto; |
| width: auto; |
| height: auto; |
| display: flex; |
| align-items: flex-start; |
| justify-content: flex-start; |
| } |
| .home-link3 { |
| display: contents; |
| } |
| .home-component4 { |
| text-decoration: none; |
| } |
| .home-joinbliss { |
| flex: 0 0 auto; |
| width: 800px; |
| border: 1px solid rgba(255, 255, 255, 0.125); |
| height: 140px; |
| display: flex; |
| align-self: center; |
| margin-top: var(--dl-space-space-twounits); |
| transition: 0.3s; |
| align-items: center; |
| margin-left: var(--dl-space-space-oneandhalfunits); |
| padding-top: var(--dl-space-space-oneandhalfunits); |
| margin-right: var(--dl-space-space-oneandhalfunits); |
| padding-left: var(--dl-space-space-oneandhalfunits); |
| border-radius: 12px; |
| margin-bottom: var(--dl-space-space-twounits); |
| padding-right: var(--dl-space-space-oneandhalfunits); |
| padding-bottom: var(--dl-space-space-oneandhalfunits); |
| justify-content: space-between; |
| backdrop-filter: blur(16px) saturate(180%); |
| background-color: #004FE2; |
| -webkit-backdrop-filter: blur(16px) saturate(180%); |
| } |
| .home-joinbliss:hover { |
| box-shadow: 0px 2px 32px 24px #001640; |
| } |
| .home-container4 { |
| display: flex; |
| align-items: flex-start; |
| flex-direction: column; |
| justify-content: space-between; |
| } |
| .home-text40 { |
| color: var(--dl-color-gray-white); |
| text-align: left; |
| padding-top: var(--dl-space-space-halfunit); |
| padding-bottom: var(--dl-space-space-halfunit); |
| } |
| .home-text41 { |
| color: var(--dl-color-primary-700); |
| } |
| .home-text42 { |
| color: var(--dl-color-gray-900); |
| } |
| .home-link4 { |
| color: var(--dl-color-gray-white); |
| cursor: pointer; |
| transition: 0.3s; |
| padding-top: var(--dl-space-space-unit); |
| padding-left: var(--dl-space-space-threeunits); |
| padding-right: var(--dl-space-space-threeunits); |
| padding-bottom: var(--dl-space-space-unit); |
| text-decoration: none; |
| background-color: #2A74FF; |
| } |
| .home-link4:hover { |
| color: var(--dl-color-gray-black); |
| background-color: var(--dl-color-primary-700); |
| } |
| @media(max-width: 991px) { |
| .home-text01 { |
| font-size: 16px; |
| } |
| } |
| @media(max-width: 767px) { |
| .home-stats { |
| width: 100%; |
| padding-left: var(--dl-space-space-twounits); |
| padding-right: var(--dl-space-space-twounits); |
| } |
| .home-stat { |
| padding: var(--dl-space-space-unit); |
| } |
| .home-text16 { |
| text-align: center; |
| } |
| .home-stat1 { |
| padding: var(--dl-space-space-unit); |
| } |
| .home-text20 { |
| text-align: center; |
| } |
| .home-stat2 { |
| padding: var(--dl-space-space-unit); |
| } |
| .home-text24 { |
| text-align: center; |
| } |
| .home-downloads { |
| width: 100%; |
| flex-direction: column; |
| } |
| .home-container1 { |
| flex-direction: column; |
| } |
| .home-p-c { |
| margin: var(--dl-space-space-oneandhalfunits); |
| } |
| .home-rom { |
| margin: var(--dl-space-space-oneandhalfunits); |
| } |
| .home-joinbliss { |
| width: 100%; |
| height: auto; |
| margin: var(--dl-space-space-halfunit); |
| padding: var(--dl-space-space-oneandhalfunits); |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .home-link4 { |
| margin-top: var(--dl-space-space-unit); |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| } |
| @media(max-width: 479px) { |
| .home-hero { |
| width: 100%; |
| margin-top: 144px; |
| } |
| .home-text { |
| font-size: 72px; |
| } |
| .home-text01 { |
| width: 400px; |
| font-size: 14px; |
| } |
| .home-image { |
| width: 280px; |
| margin-top: 104px; |
| } |
| .home-features-section { |
| width: auto; |
| } |
| .home-text02 { |
| text-align: center; |
| } |
| .home-features { |
| flex-direction: column; |
| } |
| .home-security { |
| margin-bottom: 0px; |
| } |
| .home-image1 { |
| display: none; |
| } |
| .home-performance { |
| margin-bottom: 0px; |
| } |
| .home-stats { |
| width: auto; |
| max-width: 100%; |
| min-width: 250px; |
| align-items: center; |
| padding-top: var(--dl-space-space-twounits); |
| padding-left: var(--dl-space-space-unit); |
| padding-right: var(--dl-space-space-unit); |
| flex-direction: column; |
| padding-bottom: var(--dl-space-space-twounits); |
| } |
| .home-stat1 { |
| margin-top: var(--dl-space-space-oneandhalfunits); |
| margin-bottom: var(--dl-space-space-oneandhalfunits); |
| } |
| .home-downloads { |
| flex: 1; |
| width: 400px; |
| margin: var(--dl-space-space-twounits); |
| padding: var(--dl-space-space-twounits); |
| max-width: auto; |
| min-width: 250px; |
| } |
| .home-text30 { |
| width: auto; |
| } |
| .home-container1 { |
| flex-direction: column; |
| } |
| .home-joinbliss { |
| width: 88%; |
| padding: var(--dl-space-space-unit); |
| } |
| .home-link4 { |
| margin-top: var(--dl-space-space-unit); |
| margin-bottom: var(--dl-space-space-unit); |
| } |
| } |
| |
| .swiper { |
| width: 100%; |
| padding-top: 50px; |
| padding-bottom: 50px; |
| } |
| |
| .swiper-slide { |
| background-position: center; |
| background-size: cover; |
| width: 220px; |
| height: 500px; |
| } |
| |
| .swiper-slide img { |
| border-radius: 8px; |
| display: block; |
| width: 100%; |
| } |