Complete Revamp and Redesigned BlissRoms Website

Co-authored-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Ayan Mukherjee <mukherjeeayan725@gmail.com>
Signed-off-by: Jackeagle <jackeagle102@gmail.com>
diff --git a/styles/home.css b/styles/home.css
new file mode 100644
index 0000000..1bf7e7d
--- /dev/null
+++ b/styles/home.css
@@ -0,0 +1,1274 @@
+.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%;
+}
\ No newline at end of file