blob: 1bf7e7d460403c566ec538d9de81f15d532218d0 [file] [log] [blame]
.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%;
}