html {
  scroll-behavior: smooth;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.category-link a, 
.category-link a:hover,
.category-link a:visited, 
.category-link a:active {
  color: #ffffff;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 42;
  color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.main-container {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  background: #1c1c1c;
  overflow: hidden;
}
.navigation-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 187px;
  z-index: 3;
}
.frame {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 187px;
  z-index: 4;
}
.frame-2 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 187px;
  z-index: 5;
}
.group {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 18.5px;
  background: url(../images/hero_upload.webp) no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.knowledge-base {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 37px;
  color: #ededed;
  font-family: Clash Display;
  font-size: 16px;
  font-weight: 600;
  line-height: 36.75px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.33px;
  z-index: 7;
}
.home {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ededed;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 10;
}
.rectangle {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 2px;
  background: #4cc38a;
  z-index: 11;
}
.upload-6 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #a0a0a0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 13;
}
.auto-layout-vertical-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 89px;
  padding: 13px 0 0 0;
  z-index: 14;
  border-radius: 4px;
}
.onboarding {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #a0a0a0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.auto-layout-vertical-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 107px;
  padding: 13px 0 0 0;
  z-index: 16;
  border-radius: 4px;
}
.specifications {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #a0a0a0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 17;
}
.auto-layout-vertical-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 89px;
  padding: 13px 0 0 0;
  z-index: 18;
  border-radius: 4px;
}
.whats-new {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #a0a0a0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 19;
}
.flex-row-a {
  position: relative;
  width: 1384px;
  height: 370px;
  margin: 32px 0 0 32px;
}
.categories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: absolute;
  width: 332px;
  height: 370px;
  top: 0;
  left: 0;
  padding: 12px 0 12px 0;
  background: rgba(22, 22, 22, 0.010000000000000002);
  z-index: 20;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.frame-a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 172px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 21;
}
.frame-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 22;
}
.base-categories {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 27px;
  color: #ededed;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 23;
}
.frame-c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 24;
}
.rectangle-d {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: #343434;
  z-index: 25;
}
.frame-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 330px;
}
.categories-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 325px;
}
.topic {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 321px;
  z-index: 28;
}
.upload-open {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 29;
}
.topic-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 30;
  border-left: 2px solid #4CC38A;
  padding-left: 8px;

}
.link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 306px;
  z-index: 31;
}
.media-landing-overview {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 32;
}
.link-12 a, .link-14 a, .link-15 a, .uploading-to-a-placeholder a, .group-f a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 0;
  z-index: 34;
  color:#ffffff;
}
.link-11 a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 34;
  color:#ffffff;
}
.placeholders-overview {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 35;
}
.link-12 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 36;
  color:#ffffff;
}
.finding-a-placeholder {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 37;
}
.uploading-to-a-placeholder {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 38;
}
.link-13 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 39;
  color:#ffffff;
}
.group-f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 40;
}
.cancel-upload {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 41;
}
.link-14 a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 42;
  color:#ffffff;
}
.re-upload-placeholder {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 43;
}
.link-15 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 306px;
  padding: 0 32px 0 32px;
  z-index: 44;
  color:#ffffff;
}
.create-ad-hoc {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 45;
}
.topic-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 46;
  color:#ffffff;
}
.link-17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 306px;
  z-index: 47;
  color:#ffffff;
}
.asset-dashboard {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 48;
}
.asset-placeholder {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 51;
}
.activity-dashboard {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 54;
}
.asset-replacement {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 57;
}
.auto-layout-horizontal-20 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: absolute;
  width: 106px;
  height: 21px;
  top: 0;
  left: 356px;
  z-index: 183;
}
.home-21 a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #a0a0a0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 184;
}
.arrow {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #a0a0a0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 185;
}
.upload-22 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 186;
}
.header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 1028px;
  height: 370px;
  left: 356px;
  z-index: 60;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 1028px;
  height: 370px;
  background: url(../images/hero_upload.webp)
    no-repeat center;
  background-size: cover;
  z-index: 61;
  border-radius: 8px;
}
.upload-23 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: absolute;
  width: 210px;
  height: 60px;
  top: 286px;
  left: 50%;
  transform: translate(-226.19%, 0);
  z-index: 62;
}
.vector-24 {
  flex-shrink: 0;
  position: relative;
  width: 56px;
  height: 37.333px;
  background: url(../icons/icon_upload.svg)
    no-repeat center;
  background-size: cover;
  z-index: 63;
}
.upload-25 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 60px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
  white-space: nowrap;
  z-index: 64;
}
.frame-26 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 1028px;
  margin: 15px 0 0 388px;
  z-index: 65;
}
.article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 328px;
  padding: 12px 0 12px 0;
  background: linear-gradient(0deg, #191919 0%, #191919 100%), linear-gradient(0deg, rgba(22, 22, 22, 0.05) 0%, rgba(22, 22, 22, 0.05) 100%); 
  z-index: 66;
  border-radius: 8px;
  padding-top: 12px; 
  padding-bottom: 12px; 
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  justify-content: flex-start; 
  align-items: flex-start; 
  position: relative;

}
.frame-27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 330px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 67;
}
.frame-28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 68;
}
.media-landing-overview-29, h3.article-title {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  margin: 0 8px;
  /*z-index: 69;*/
}
.title-rule {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  /*z-index: 70;*/
  margin: 0 8px;
}
.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  padding: 0 16px 0 16px;
  z-index: 71;
}
.media-landing-description, .article p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 219px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  margin: 0 8px;
  /*z-index: 72;*/
}

.video-item {
  flex-shrink: 0;
  position: relative;
  width: 328px;
  height: 197px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-item.media-landing-overview-thumb {
  background: url(../images/thumb_media_landing_overview.jpg ) 50% / contain no-repeat, #173B29;
}

.video-item.using-placeholders-thumb {
  background: url(../images/thumb_using_placeholders.jpg) 50% / contain no-repeat, #173B29;
}

.video-item.using-the-asset-dashboard-thumb {
  background: url(../images/thumb_using_the_asset_dashboard.jpg) 50% / contain no-repeat, #173B29;
}

.video-item.viewing-the-activity-logs-thumb {
  background: url(../images/thumb_viewing_the_activity_logs.jpg) 50% / contain no-repeat, #173B29;
}

.video-item.replacing-an-asset-thumb {
  background: url(../images/thumb_replacing_an_asset.jpg) 50% / contain no-repeat, #173B29;
}

.video-item.entering-qc-data-thumb {
  background: url(../images/thumb_entering_qc_data.jpg) 50% / contain no-repeat, #173B29;
}

.icon-play {
  flex-shrink: 0;
  position: absolute;
  width: 32px;
  height: 40px;
  top: 366px;
  left: 149px;
  background: url(../icons/icon_play.svg) no-repeat center;
  background-size: cover;
}
.placeholders-overview-2c, .inner-title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  color: #ffffff;
  width: 85%;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 75;
}
.pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 108px;
  padding: 0 16px 0 16px;
  z-index: 76;
}
.pdf-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 77;
  border-radius: 4px;
}
.vector-2d  {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 78;
}
.label-text-copy a:visited, 
.label-text-copy a:hover, 
.label-text-copy a:active, 
.label-text-copy a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 79;
}
/*body > div.full-width.additional-content > div > div > div.frame-26 > div.articles > div.pdf > button > a */
* > button.pdf-button a:hover, 
* > button.pdf-button a:visited,
* > button.pdf-button a:active, 
* > button.pdf-button a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 79;
}
.articles-2e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 328px;
  padding: 12px 0 12px 0;
  background: rgba(22, 22, 22, 0.010000000000000002);
  z-index: 80;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.frame-2f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 330px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 81;
}
.frame-30 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 82;
}
.using-placeholders {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 83;
}
.rectangle-31 {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  z-index: 84;
}
.text-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  padding: 0 16px 0 16px;
  z-index: 85;
}
.what-is-placeholder {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 189px;
  color: #ffffff;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 86;
}
.video-33 {
  flex-shrink: 0;
  position: relative;
  width: 328px;
  height: 197px;
  background-size: cover;
  z-index: 87;
}
.finding-placeholder {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 184px;
  height: 58px;
  top: 327px;
  left: 72px;
  color: #ffffff;
  font-family: Inter;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 88;
}
.vector-34 {
  flex-shrink: 0;
  position: absolute;
  width: 32px;
  height: 40.727px;
  top: 336px;
  left: 157px;
  background-size: cover;
  z-index: 89;
}
.pdf-35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 108px;
  padding: 0 16px 0 16px;
  z-index: 90;
}
.pdf-button-36 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 91;
  border-radius: 4px;
}
.vector-37 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 92;
}
.label-text-copy-38 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 93;
}
.using-asset-dashboard {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 97;
}
.rectangle-3c {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  z-index: 98;
}
.text-3d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  padding: 0 16px 0 16px;
  z-index: 99;
}
.asset-dashboard-3e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 189px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 100;
}
.video-3f {
  flex-shrink: 0;
  position: relative;
  width: 328px;
  height: 197px;
  background-size: cover;
  z-index: 101;
}
.uploading-placeholder {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 224px;
  height: 58px;
  top: 327px;
  left: 52px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 102;
}
.label-text-copy-44 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 107;
}
.frame-45 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 1028px;
  margin: 24px 0 0 388px;
  z-index: 108;
}
.frame-47 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 330px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 110;
}
.frame-48 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 111;
}
.viewing-activity-logs {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 112;
}
.rectangle-49 {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  z-index: 113;
}
.text-4a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  padding: 0 16px 0 16px;
  z-index: 114;
}
.activity-logs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 216px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 115;
}
.video-4b {
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 161px;
  background-size: cover;
  z-index: 116;
}
.cancelling-upload {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 218px;
  height: 58px;
  top: 327px;
  left: 55px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 117;
}
/*
.pdf-4c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 108px;
  padding: 0 16px 0 16px;
  z-index: 118;
}*/
.pdf-button-4d {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 119;
  border-radius: 4px;
}
.vector-4e {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 120;
}
.label-text-copy-4f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}
.vector-50 {
  flex-shrink: 0;
  position: absolute;
  width: 32px;
  height: 40.727px;
  top: 336px;
  left: 157px;
  background-size: cover;
  z-index: 122;
}
.frame-52 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 330px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 124;
}
.frame-53 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 125;
}
.replacing-asset {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}
.rectangle-54 {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  z-index: 127;
}
.text-55 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  height: 219px;
  padding: 0 16px 0 16px;
  z-index: 128;
}
.replace-asset-tutorial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 189px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 129;
}
.video-56 {
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 161px;
  background-size: cover;
  z-index: 130;
}
.cancel-upload-57 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 218px;
  height: 58px;
  top: 327px;
  left: 55px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 131;
}
.vector-58 {
  flex-shrink: 0;
  position: absolute;
  width: 32px;
  height: 40.727px;
  top: 336px;
  left: 157px;
  background-size: cover;
  z-index: 132;
}
.pdf-59 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 108px;
  padding: 0 16px 0 16px;
  z-index: 133;
}
.pdf-button-5a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 134;
  border-radius: 4px;
}
.vector-5b {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 135;
}
.document {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 136;
}
.frame-5d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 330px;
  height: 40px;
  padding: 0 16px 0 16px;
  z-index: 138;
}
.frame-5e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 139;
}
.reporting-tracking-qc {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 140;
}
.rectangle-5f {
  flex-shrink: 0;
  position: relative;
  width: 314px;
  height: 1px;
  background: #343434;
  z-index: 141;
}
.text-60 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  height: 219px;
  padding: 0 16px 0 16px;
  z-index: 142;
}
.qc-issues-tutorial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 162px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 143;
}
.video-61 {
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 161px;
  background-size: cover;
  z-index: 144;
}
.cancel-upload-62 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 218px;
  height: 58px;
  top: 327px;
  left: 55px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  line-height: 29.12px;
  text-align: center;
  z-index: 145;
}
.vector-63 {
  flex-shrink: 0;
  position: absolute;
  width: 32px;
  height: 40.727px;
  top: 336px;
  left: 157px;
  background-size: cover;
  z-index: 146;
}
.pdf-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 86px;
  padding: 0 16px 0 16px;
}
.pdf-button-65 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 148;
  border-radius: 4px;
}
.vector-66 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 149;
}
.document-67 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 150;
}
.inside-ml-box {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  width: 1028px;
  height: 520px;
  margin: 32px 0 0 388px;
  background: rgba(22, 22, 22, 0.010000000000000002);
  z-index: 151;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.inside-ml {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 316px;
  height: 520px;
  padding: 16px 0 16px 0;
  background: #377c5a;
  z-index: 152;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.inside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 316px;
  padding: 0 16px 0 16px;
  z-index: 153;
}
.inside-68 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 116px;
  height: 33px;
  color: #ffffff;
  
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 33px;
  text-align: left;
  white-space: nowrap;
  z-index: 154;
  margin: 0 0 8px 0;
}
.media-landing {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 284px;
  height: 36px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 155;
}
.vector-69 {
  flex-shrink: 0;
  position: absolute;
  width: 86px;
  height: 69px;
  top: 16px;
  left: 16px;
  background-size: cover;
  z-index: 156;
}


.text-6a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 298px;
  height: 392px;
  padding: 8px 0 8px 0;
  z-index: 157;
}
.media-landing-portal, .text-6a p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  margin: 0 16px 0 0;

}
.text-6a p:nth-of-type(2) {
  margin:12px 0;
}
.text-6b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 298px;
  height: 392px;
  padding: 8px 0 8px 0;
  z-index: 159;
}
.validation-checks {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  height: 392px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  z-index: 160;
}
.inside-ml-6c {
  position: relative;
  width: 1028px;
  height: 56px;
  margin: 40px 0 0 388px;
  background: #232323;
  z-index: 161;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.related-information {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 10px;
  left: 16px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 162;
}
.flex-row-b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 684px;
  /*height: 277px;*/
  margin: 16px 0 0 388px;
  z-index: 173;
}
.related-video, .related-item  {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  /*width: 330px;*/
  /*height: 277px; */
  padding: 0 16px 0 0;
  z-index: 163;
}
.related-item-inner {
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 116px;
  font-size: 0px;
  z-index: 164;
  justify-content: center;
  align-items: center;
  display: flex;
  background: #163224;
}
.related-item-inner span {

  position: relative;
  height: 32.053px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  line-height: 32.053px;
  text-align: center;
  z-index: 200;
  width:75%;

}
.asset-dashboard-6e {
  display: block;
  position: relative;
  height: 32.053px;
  margin: 41.974px 0 0 49px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  line-height: 32.053px;
  text-align: left;
  white-space: nowrap;
  z-index: 166;
}
.video-6f {
  position: absolute;
  width: 330px;
  height: 116px;
  top: 0;
  left: 0;
  background: #163224;
  z-index: 165;
}
.card-state-layer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  background: #282828;
  z-index: 167;
  overflow: hidden;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.state-layer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 330px;
  height: 81px;
  padding: 0 16px 0 16px;
  align-items: center;
  justify-content: center;
  z-index: 168;
}
.learn-upload-files {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  min-width: 0;
  height: 63px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  z-index: 169;
}
.pdf-70 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 170;
  border-radius: 4px;
}
.vector-71 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 171;
}
.label-text-copy-72 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 172;
}
.related-video-73 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 277px;
  z-index: 173;
}
.group-74 {
  flex-shrink: 0;
  position: relative;
  width: 330px;
  height: 116px;
  font-size: 0px;
  z-index: 174;
}
.asset-dashboard-75 {
  display: block;
  position: relative;
  height: 32.053px;
  margin: 41.974px 0 0 49px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  line-height: 32.053px;
  text-align: left;
  white-space: nowrap;
  z-index: 176;
}
.video-76 {
  position: absolute;
  width: 330px;
  height: 116px;
  top: 0;
  left: 0;
  background: #163224;
  z-index: 175;
}
.card-state-layer-77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 330px;
  background: #282828;
  z-index: 177;
  overflow: hidden;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.state-layer-78 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 330px;
  height: 156px;
  padding: 8px 16px 0 16px;
  z-index: 178;
}
.learn-upload-files-79 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 298px;
  min-width: 0;
  height: 63px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  z-index: 179;
}
.pdf-7a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 40px;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  background: rgba(199, 119, 109, 0.14);
  border: none;
  z-index: 180;
  border-radius: 4px;
}
.vector-7b {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background-size: cover;
  z-index: 181;
}
.label-text-copy-7c {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 21px;
  color: #bd5f53;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 182;
}
.update {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  width: 1028px;
  height: 48px;
  margin: 16px 0 0 388px;
  padding: 4px 16px 4px 16px;
  cursor: pointer;
  background: #132b31;
  border: none;
  z-index: 202;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.vector-7d {
  flex-shrink: 0;
  position: relative;
  width: 22.5px;
  height: 22px;
  background-size: cover;
  z-index: 203;
}
.latest-version-media {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 965.5px;
  min-width: 0;
  font-family: Roboto Mono;
  font-size: 12px;
  font-weight: 400;
  line-height: 9px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 204;
}
.latest-version-live {
  position: relative;
  color: #4cacc2;
  font-family: Roboto Mono;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-transform: uppercase;
}
.is-live {
  position: relative;
  color: #4cacc2;
  font-family: Roboto Mono;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  text-transform: uppercase;
}
.dot {
  position: relative;
  color: #4cacc2;
  font-family: Roboto Mono;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
  text-transform: uppercase;
}
.bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 1440px;
  height: 116px;
  margin: 230px 0 0 0;
  padding: 0 32px 0 32px;
  background: #1c1c1c;
  border-bottom: 1px solid #3e3e3e;
  z-index: 187;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.auto-layout-horizontal-7e {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 187px;
  min-height: 0;
  z-index: 188;
}
.navigation-copy-7f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 187px;
  z-index: 189;
}
.frame-80 {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 187px;
  z-index: 190;
}
.frame-81 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 187px;
  z-index: 191;
}
.group-82 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 18.5px;
  background-size: 100% 100%;
  z-index: 192;
}
.additional-description-copy {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 37px;
  color: #ededed;
  font-size: 16px;
  font-weight: 600;
  line-height: 36.75px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.33px;
  margin: 0 0 0 8px;
  z-index: 193;
}
.contact-terms-privacy {
  flex-shrink: 0;
  position: relative;
  width: 791px;
  font-size: 16px;
  font-weight: 600;
  line-height: 37px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.33px;
  z-index: 194;
}
.contact-terms-privacy-83 {
  position: relative;
  color: #ededed;
  font-size: 16px;
  font-weight: 600;
  line-height: 36.75px;
  text-align: left;
  letter-spacing: 0.33px;
}
.sony-pictures {
  position: relative;
  color: #ededed;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 36.75px;
  text-align: left;
  letter-spacing: 0.33px;
}
.logos {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 193.333px;
  min-height: 0;
  z-index: 195;
}
.auto-layout-horizontal-84 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 51px;
  z-index: 196;
}
.navigation-copy-85 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 51px;
  z-index: 197;
}
.frame-86 {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 51px;
  z-index: 198;
}
.frame-87 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 51px;
  z-index: 199;
}
.additional-description-copy-88 {
  flex-shrink: 0; flex-basis: auto;
  position: relative;
  height: 37px;
  color: #ededed;
  font-family: Clash Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 36.75px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.33px;
  z-index: 200;
}
.dmsc {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 63px;
  background-size: cover;
  z-index: 201;
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #1C1C1C;
}

a {
  text-decoration: none;
}

.full-width {
  width: 100%;
  display: flex;
  justify-content: center;
}

.container {
  width: 100%;
  max-width: 1440px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header,
footer {
  width: 100%;
  background-color: #1c1c1c;
  color: #fff;
  display: flex;
  justify-content: center;
}

.header-content {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  /*            padding: 10px; */
}

.footer-content {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  /*border-top: 1px #3E3E3E solid; */
  /*            padding: 10px; */
}

.header-nav {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 24px;
}

.footer-nav {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 0 3px 24px;
  min-height: 116px;
}

.header-nav .logo,
.footer-nav .logo {
  margin-right: 32px;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.header-nav nav {
  display: flex;
  margin-right: auto;
}

.header-nav nav ul,
.footer-nav nav ul {
  display: inline;
  display: flex;
}

.footer-nav nav ul:first-of-type {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}

.header-nav nav li,
.footer-nav nav li {
  list-style: none;
}

.footer-nav .logo,
.footer-nav .second-logo {
  margin: 0 20px;
}

.footer-nav .logo {
  margin-right: auto;
}

.footer-nav .second-logo {
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: flex;
}

.footer-nav nav a {
  color: #EDEDED;
  text-decoration: none;
}

.footer-text-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;

}

.footer-text-nav nav {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

nav li {
  margin-right: 32px;
}

nav a {
  color: #A0A0A0;
  text-decoration: none;
}

nav a:active,
a:hover {
  color: #fff;
  text-decoration: none;
  /*  border-bottom: 1px solid #4CC38A;*/
}

.footer-text {
  text-align: center;
  margin-left: 20px;
}

.main {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #161616;
  flex: 1;
}

.main-content {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1440px;
}

.main-content h1 {
  color: #fff;
  font-size: 24px;
}

.hero-image {
  flex: 1 1 60%;
  max-width: 788px;
}

.image img {
  width: 100%;
  height: auto;
}

.text {
  flex: 1 1 40%;
  min-width: 200px;
  color: rgba(237, 237, 237, 0.80);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word
}

.primary-green {
  color: #4CC38A;
}

.additional-content-inner {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.additional-content-inner h2 {
  color: #fff;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.box {
  width: 232px;
  height: 264px;
  /*   background-color: #ccc; */
  display: flex;
  justify-content: center;
  align-items: center;
  /*   text-align: center;*/
  font-size: 16px;
  color: #333;
}

div.box-inner-btm:hover {
  border-radius: 4px;
  border: 1px solid #4CC38A;
  background: rgba(42, 254, 190, 0.14);
  cursor: pointer;
  width: 230px;
  height: 154px;
  text-decoration: none;
}

div.box-inner-btm>div>*>a {
  color: #4CC38A;
  text-decoration: none;
  font-size: 14px;
  font-family: Inter;
  font-weight: 600;
  line-height: 21px;
  word-wrap: break-word;
}

.box-inner-btm {
  width: 232px;
  height: 156px;
  background: #282828;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex
}

.box-inner-top.placeholders {
  background: #6053BD;
}

.box-inner-top.upload {
  background: #BDAE53;
}

.box-inner-top.onboard {
  background: #53ABBD;
  ;
}

.box-inner-top {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  width: 232px;
  height: 108px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: inline-flex
}

@media (max-width: 800px) {
  .main-content {
    flex-direction: column;
  }

  .image {
    margin-right: 0;
    margin-bottom: 20px;
    max-width: 100%;
  }

  .text {
    min-width: 0;
  }

  .footer-nav {
    flex-direction: column;
    align-items: center;
  }

  .footer-nav .second-logo {
    margin-left: 0;
    margin-top: 10px;
  }

  .footer-text-nav {
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }

  .footer-text-nav nav {
    flex-direction: column;
    align-items: center;
  }

  .footer-text {
    margin-left: 0;
    margin-top: 10px;
  }
}

.logo-text {
  font-family: Clash Display;
  font-size: 14px;
  font-weight: 600;
  line-height: 36.75px;
  letter-spacing: 0.33px;
  white-space: nowrap;
}