.feature-card-card {
  flex: 0 0 auto;
  width: 25%;
  display: flex;
  max-width: 285px;
  align-items: center;
  padding-left: var(--dl-space-space-unit);
  padding-right: var(--dl-space-space-unit);
  flex-direction: column;
}
.feature-card-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-twounits);
}
.feature-card-text {
  color: var(--dl-color-grays-white100);
  text-align: center;
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card-text1 {
  color: var(--dl-color-grays-white60);
  text-align: center;
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card-text2 {
  color: var(--dl-color-backgrounds-primary);
  cursor: pointer;
  font-style: normal;
  transition: 0.3s;
  font-weight: 600;
  line-height: 1.75;
}
.feature-card-text2:hover {
  text-decoration: underline;
}
@media(max-width: 767px) {
  .feature-card-card {
    width: 50%;
  }
}
@media(max-width: 479px) {
  .feature-card-card {
    width: 100%;
  }
}

.home-container {
  width: 100%;
  display: flex;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--dl-color-backgrounds-gray);
}
.home-main {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-max-width {
  align-items: stretch;
}
.home-content-container {
  flex: 1;
  display: flex;
  min-width: 50%;
  align-items: center;
  padding-right: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: center;
}
.home-heading {
  color: var(--dl-color-grays-dark100);
  width: 571px;
  text-align: center;
  line-height: 1;
  margin-bottom: 4px;
}
.home-text {
  color: var(--dl-color-grays-dark80);
}
.home-text02 {
  color: var(--dl-color-backgrounds-primary);
}
.home-text03 {
  color: var(--dl-color-backgrounds-primary);
}
.home-text05 {
  color: var(--dl-color-grays-dark80);
}
.home-text07 {
  color: var(--dl-color-grays-dark80);
}
.home-text08 {
  color: var(--dl-color-grays-dark80);
}
.home-text10 {
  color: var(--dl-color-backgrounds-primary);
}
.home-input-container {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  flex-direction: row;
  justify-content: center;
}
.home-button {
  width: 316px;
  display: flex;
  margin-top: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  line-height: 1;
  padding-top: 20px;
  white-space: nowrap;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 20px;
  justify-content: center;
}
.home-features-container {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.home-image {
  width: 151px;
  object-fit: cover;
  margin-right: var(--dl-space-space-unit);
}
.home-image1 {
  width: 151px;
  object-fit: cover;
}
.home-video-container {
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.home-video-container iframe {
  position: relative;
  top:0;
  left:0;
  width:41%;
  height:500px;
}

@media only screen and (max-width : 420px) {
  .home-video-container iframe {
    width:90%;
    height:400px;
  }
}

.ytp-shorts-title-channel{
  display:none !important;
  opacity: 0;
}

.home-image-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-image2 {
  width: 100%;
  max-width: 589px;
  object-fit: cover;
  margin-left: 45px;
}
.home-hero1 {
  background-color: var(--dl-color-backgrounds-primary);
}

.home-max-width1 {
  align-items: stretch;
}
.home-content-container1 {
  flex: 1;
  display: flex;
  min-width: 50%;
  align-items: center;
  padding-right: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: center;
}
.home-heading1 {
  color: var(--dl-color-grays-white60);
  width: 555px;
  text-align: center;
  line-height: 1;
  margin-bottom: var(--dl-space-space-threeunits);
}
.home-text13 {
  color: var(--dl-color-grays-white60);
}
.home-text14 {
  color: var(--dl-color-grays-white100);
}
.home-text15 {
  color: var(--dl-color-grays-white60);
}
.home-text16 {
  color: var(--dl-color-grays-gray40);
}
.home-text17 {
  color: var(--dl-color-grays-dark80);
}
.home-text18 {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}
.home-text19 {
  color: var(--dl-color-grays-white60);
}
.home-text20 {
  color: var(--dl-color-grays-white100);
}
.home-text21 {
  color: var(--dl-color-grays-white60);
}
.home-text23 {
  color: var(--dl-color-grays-dark80);
}
.home-image-container1 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.home-video-container2 {
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  
}

.home-video-container2 iframe {
  position: relative;
  top:0;
  left:0;
  width:41%;
  height:500px;
  padding-left:20px;
}

@media only screen and (max-width : 420px) {
  .home-video-container2 {
    flex-direction: column;
  }
  .home-video-container2 iframe {
    padding-top: 10px;
    padding-left:0px;
    width:90%;
    height:400px;
  }
}

.home-image3 {
  width: 544px;
  height: 537px;
  max-width: 589px;
  object-fit: scale-down;
  margin-left: 54px;
}
.home-max-width2 {
  align-items: stretch;
}
.home-content-container2 {
  flex: 1;
  display: flex;
  min-width: 50%;
  align-items: flex-start;
  padding-right: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: center;
}
.home-heading2 {
  color: var(--dl-color-grays-gray100);
  width: 615px;
  font-size: 50;
  text-align: left;
  line-height: 1.05;
  margin-bottom: 42px;
}
.home-text24 {
  color: var(--dl-color-grays-dark80);
}
.home-text26 {
  color: var(--dl-color-backgrounds-primary);
}
.home-text27 {
  color: var(--dl-color-backgrounds-primary);
}
.home-text29 {
  color: var(--dl-color-grays-dark80);
}
.home-input-container1 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  margin-top: 50px;
  flex-direction: row;
  justify-content: center;
}
.home-features-container1 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-feature {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-direction: row;
}
.home-icon {
  fill: var(--dl-color-grays-dark80);
  width: 17px;
  height: 17px;
  min-width: 17px;
  margin-right: 12px;
}
.home-text30 {
  color: var(--dl-color-grays-dark80);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
}
.home-text31 {
  font-style: normal;
  font-weight: 400;
}
.home-text33 {
  font-style: normal;
  font-weight: 600;
}
.home-feature1 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-direction: row;
}
.home-icon2 {
  fill: var(--dl-color-grays-dark80);
  width: 17px;
  height: 17px;
  min-width: 17px;
  margin-right: 12px;
}
.home-text34 {
  color: var(--dl-color-grays-dark80);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.home-text35 {
  font-style: normal;
  font-weight: 400;
}
.home-text37 {
  font-style: normal;
  font-weight: 600;
}
.home-feature2 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.home-icon4 {
  fill: var(--dl-color-grays-dark80);
  width: 17px;
  height: 17px;
  min-width: 17px;
  margin-right: 12px;
}
.home-text38 {
  color: var(--dl-color-grays-dark80);
  font-size: 20px;
  font-weight: 400;
}
.home-container1 {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.home-button1 {
  width: 316px;
  display: flex;
  align-items: center;
  line-height: 1;
  padding-top: 20px;
  white-space: nowrap;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 20px;
  justify-content: center;
}
.home-image-container2 {
  flex: 1;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.home-image4 {
  width: 573px;
  height: auto;
  max-width: 589px;
  object-fit: scale-down;
  margin-left: 0px;
}
.home-section-one {
  border-color: rgba(33, 33, 33, 0.1);
  border-width: 1px;
  background-color: var(--dl-color-backgrounds-primary);
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
.home-max-width3 {
  flex-direction: column;
}
.home-text39 {
  color: var(--dl-color-grays-gray100);
  text-align: center;
  margin-bottom: 13px;
}
.home-text40 {
  color: var(--dl-color-grays-white60);
}
.home-text41 {
  color: var(--dl-color-grays-white60);
}
.home-text43 {
  color: var(--dl-color-grays-white100);
}
.home-cards-container {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
@media(max-width: 991px) {
  .home-max-width {
    flex-direction: column;
  }
  .home-content-container {
    margin-bottom: 32px;
    padding-right: 0px;
  }
  .home-heading {
    width: 100%;
  }
  .home-image2 {
    max-width: 100%;
    margin-left: 0px;
  }
  .home-max-width1 {
    flex-direction: column;
  }
  .home-content-container1 {
    margin-bottom: 22px;
    padding-right: 0px;
  }
  .home-heading1 {
    width: 100%;
  }
  .home-image3 {
    max-width: 100%;
    margin-left: 0px;
  }
  .home-max-width2 {
    flex-direction: column;
  }
  .home-content-container2 {
    margin-bottom: 22px;
    margin-top: 10px;
    padding-right: 0px;
  }
  .home-heading2 {
    width: 100%;
  }
  .home-image4 {
    max-width: 100%;
    margin-left: 0px;
  }
}
@media(max-width: 767px) {
  .home-text39 {
    margin-bottom: var(--dl-space-space-twounits);
  }
  .home-cards-container {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media(max-width: 479px) {
  .home-hero {
    align-items: flex-start;
    padding-top: var(--dl-space-space-unit);
    flex-direction: column;
  }
  .home-max-width {
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
  }
  .home-heading {
    color: var(--dl-color-grays-gray100);
    width: 446px;
    height: auto;
    font-size: 40;
    align-self: center;
    margin-top: var(--dl-space-space-twounits);
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-input-container {
    flex-direction: column;
  }
  .home-image {
    width: 165px;
  }
  .home-heading1 {
    color: var(--dl-color-grays-gray100);
    font-size: 40;
    align-self: flex-start;
    margin-bottom: var(--dl-space-space-twounits);
  }
  .home-text18 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    padding-top: 0px;
  }
  .home-image3 {
    width: 433px;
    height: 341px;
  }
  .home-heading2 {
    color: var(--dl-color-grays-gray100);
    font-size: 30;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .home-input-container1 {
    flex-direction: column;
  }
  .home-icon {
    fill: var(--dl-color-grays-gray100);
  }
  .home-text30 {
    fill: var(--dl-color-grays-gray100);
    color: var(--dl-color-grays-gray100);
    font-size: 16px;
    font-style: normal;
    text-align: left;
    font-weight: 500;
  }
  .home-icon2 {
    fill: var(--dl-color-grays-gray100);
  }
  .home-text34 {
    color: var(--dl-color-grays-gray100);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }
  .home-icon4 {
    fill: var(--dl-color-grays-gray100);
  }
  .home-text38 {
    color: var(--dl-color-grays-gray100);
    font-size: 16px;
    font-weight: 600;
  }
  .home-container1 {
    align-self: center;
  }
  .home-cards-container {
    justify-content: center;
  }
}

.button {
  color: var(--dl-color-grays-black100);
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding-top: var(--dl-space-space-unit);
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  padding-left: var(--dl-space-space-oneandhalfunits);
  border-radius: 32px;
  padding-right: var(--dl-space-space-oneandhalfunits);
  padding-bottom: var(--dl-space-space-unit);
  background-color: var(--dl-color-grays-white100);
}
.input {
  color: var(--dl-color-grays-black100);
  cursor: auto;
  outline: none;
  padding: 0.5rem 1rem;
  border-color: var(--dl-color-grays-black100);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-grays-white100);
}
.textarea {
  color: var(--dl-color-grays-black100);
  cursor: auto;
  padding: 0.5rem;
  border-color: var(--dl-color-grays-black100);
  border-width: 1px;
  border-radius: 4px;
  background-color: var(--dl-color-grays-white100);
}
.list {
  width: 100%;
  margin: 1em 0px 1em 0px;
  display: block;
  padding: 0px 0px 0px 1.5rem;
  list-style-type: none;
  list-style-position: outside;
}
.list-item {
  display: list-item;
}
.teleport-show {
  transform: translateX(0%) !important;
}
.navbar-link {
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}
.navbar-link:hover {
  color: var(--dl-color-backgrounds-primary);
}
.button-primary {
  color: var(--dl-color-grays-white100);
  transition: 0.3s;
  font-weight: 500;
  background-color: var(--dl-color-backgrounds-primary);
  font-size: 20px;
}
.button-primary:hover {
  color: var(--dl-color-backgrounds-primary);
  border-color: var(--dl-color-backgrounds-primary);
  background-color: var(--dl-color-grays-white100);
}
.navigation-mobile-menu {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 32px;
  z-index: 101;
  position: absolute;
  transform: translateX(100%);
  transition: 0.3s;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-backgrounds-gray);
}
.navigation-burger-menu {
  display: none;
}
.navigation-container {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.max-content-container {
  width: 100%;
  display: flex;
  position: relative;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  padding-left: var(--dl-space-space-oneandhalfunits);
  padding-right: var(--dl-space-space-oneandhalfunits);
  margin-top:25px;
  
}
.section-container {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-threeunits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-threeunits);
}
.slide-active {
  display: flex !important;
}
.slide {
  flex: 1;
  width: 100%;
  display: flex;
  min-width: 100%;
  align-items: center;
  flex-direction: column;
}
.footer-link {
  color: var(--dl-color-grays-gray100);
  cursor: pointer;
  font-style: normal;
  transition: 0.3s;
  font-weight: 400;
  margin-bottom: 30px;
}
.footer-link:hover {
  color: var(--dl-color-backgrounds-primary);
}
.content-Light {
  font-size: 22px;
  font-style: normal;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  text-decoration: none;
}
.content {
  font-size: 16px;
  font-family: Lexend;
  font-weight: 400;
  line-height: 1.1;
  text-transform: none;
  text-decoration: none;
}
.heading4 {
  font-size: 26px;
  font-style: normal;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
}
.heading2 {
  font-size: 32px;
  font-style: normal;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  text-decoration: none;
}
.heading1 {
  font-size: 32px;
  font-style: normal;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  margin-top:45px;
  margin-bottom:5px;
}

.heading5 {
  font-size: 32px;
  font-style: normal;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  margin-top:0px;
  margin-bottom:35px;
}

.heading6 {
  font-size: 25px;
  font-style: normal;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  margin-top:0px;
  margin-bottom:5px;
}

@media(max-width: 767px) {
  .navbar-link {
    margin-bottom: var(--dl-space-space-unit);
  }
  .navigation-mobile-menu {
    padding: var(--dl-space-space-unit);
  }
  .navigation-burger-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navigation-container {
    padding: var(--dl-space-space-unit);
  }
  .section-container {
    padding-top: var(--dl-space-space-twounits);
    padding-bottom: var(--dl-space-space-twounits);
  }
}

.feature-card-card {
  flex: 0 0 auto;
  width: 25%;
  display: flex;
  max-width: 350px;
  align-items: center;
  flex-direction: column;
 
}
.feature-card-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-twounits);
}
.feature-card-text {
  color: var(--dl-color-grays-white100);
  text-align: center;
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card-text1 {
  color: var(--dl-color-grays-white60);
  text-align: center;
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card-text2 {
  color: var(--dl-color-backgrounds-primary);
  cursor: pointer;
  font-style: normal;
  transition: 0.3s;
  font-weight: 600;
  line-height: 1.75;
}
.feature-card-text2:hover {
  text-decoration: underline;
}
@media(max-width: 767px) {
  .feature-card-card {
    width: 50%;
  }
}
@media(max-width: 479px) {
  .feature-card-card {
    width: 100%;
  }
}

.top-patch {
background-color: var(--dl-color-backgrounds-primary);
height:60px;
width: 100%;
position:fixed;
top:0px;

}

/* The side navigation menu */
.sidenav-commerce {
  background-color: var(--dl-color-backgrounds-primary);
}

/* The navigation menu links */
.sidenav-commerce a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 26px;
  color: var(--dl-color-grays-white80);
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav-commerce a:hover {
  color: var(--dl-color-grays-white100);
}