body {
    margin: 0;
    line-height: normal;
}


.capa-1-icon {
  	width: 32px;
  	position: relative;
  	max-height: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.logo {
  	align-self: stretch;
  	border-right: 2px solid #282828;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 39px 80px;
  	z-index: 0;
}
.get-started {
  	position: relative;
  	line-height: 24px;
  	font-weight: 600;
}
.iconarrow-right {
  	width: 18px;
  	position: relative;
  	height: 18px;
  	display: none;
}
.content1 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 4px;
}
.button {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 2px;
}
.elementsnavigationlink {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
}
.items {
  	position: absolute;
  	top: calc(50% - 12px);
  	left: calc(50% - 147px);
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	gap: 70px;
}
.links1 {
  	align-self: stretch;
  	flex: 1;
  	position: relative;
  	background-color: rgba(255, 255, 255, 0);
}
.row-01 {
  	width: 464px;
  	flex: 1;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.links {
  	align-self: stretch;
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	z-index: 1;
}
.get-started3 {
  	width: 185px;
  	position: absolute;
  	margin: 0 !important;
  	top: 43px;
  	left: 1042px;
  	line-height: 24px;
  	font-weight: 600;
  	display: inline-block;
  	z-index: 2;
}
.content {
  	width: 1280px;
  	border-radius: 24px;
  	border: 2px solid #282828;
  	box-sizing: border-box;
  	height: 112px;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	position: relative;
}
.navbar {
  	width: 1440px;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 48px 0px;
  	box-sizing: border-box;
}
.design-in-gene {
  	width: 1126px;
  	position: relative;
  	letter-spacing: -7.5px;
  	line-height: 144px;
  	font-weight: 600;
  	display: inline-block;
}
.video-icon {
  	width: 1158px;
  	position: relative;
  	height: 610px;
  	object-fit: cover;
}
.content4 {
  	width: 1440px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 0px 0px 40px;
  	box-sizing: border-box;
  	gap: 72px;
  	text-align: center;
  	font-size: 140px;
  	color: #fff;
}
.header {
  	align-self: stretch;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 16px;
  	font-size: 14px;
  	color: #bdbdbd;
}
.i-dont-just {
  	width: 942px;
  	position: relative;
  	letter-spacing: -1px;
  	line-height: 119.7%;
  	font-weight: 500;
  	display: inline-block;
}
.between-the-pixels {
  	width: 1148px;
  	position: relative;
  	font-size: 28px;
  	letter-spacing: -1px;
  	line-height: 45px;
  	display: inline-block;
  	opacity: 0.7;
}
.left {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-end;
  	gap: 24px;
}
.logos {
  	align-self: stretch;
  	background-color: #000;
  	height: 757px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 141px 80px 166px;
  	box-sizing: border-box;
  	text-align: center;
  	font-size: 72px;
  	color: #f2f2f2;
  	font-family: 'Helvetica Neue';
}
.icon {
  	width: 32px;
  	position: relative;
  	height: 32px;
  	overflow: hidden;
  	flex-shrink: 0;
  	object-fit: contain;
}
.what-i-provide {
  	width: 154px;
  	position: relative;
  	line-height: 38px;
  	font-weight: 600;
  	display: inline-block;
  	flex-shrink: 0;
}
.icontext {
  	flex: 1;
  	overflow: hidden;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 8px;
}
.content6 {
  	width: 1280px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
}
.section-titlestyle-06no {
  	width: 1440px;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 24px 0px;
  	box-sizing: border-box;
}
.web-mobile {
  	position: relative;
  	letter-spacing: -1px;
  	line-height: 40px;
  	font-weight: 600;
}
.content7 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 32px;
}
.iconadd {
  	width: 40px;
  	position: relative;
  	height: 40px;
  	object-fit: cover;
  	opacity: 0;
}
.elementsmenu-collapsible {
  	align-self: stretch;
  	border-bottom: 1px solid #282828;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 32px 0px;
  	gap: 0px;
}
.content-child {
  	width: 150px;
  	position: relative;
  	border-radius: 18px;
  	height: 40px;
  	overflow: hidden;
  	flex-shrink: 0;
  	object-fit: cover;
}
.items1 {
  	width: 1280px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	font-size: 34px;
}
.content5 {
  	align-self: stretch;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 0px 0px 80px;
  	gap: 16px;
}
.our-services {
  	position: relative;
  	line-height: 38px;
  	font-weight: 600;
}
.section-titlestyle-06no1 {
  	align-self: stretch;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 24px 0px;
}
.image-792-icon {
  	position: absolute;
  	top: -368px;
  	left: 0px;
  	width: 624px;
  	height: 1248px;
  	object-fit: cover;
}
.image-791-icon {
  	position: absolute;
  	top: 202px;
  	left: 170px;
  	border-radius: 13px;
  	width: 284px;
  	height: 108px;
  	object-fit: cover;
}
.image-792-parent {
  	align-self: stretch;
  	position: relative;
  	background-color: #3f0500;
  	height: 513px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.bandhan-mutual-fund {
  	width: 544px;
  	position: relative;
  	letter-spacing: -0.6px;
  	line-height: 34px;
  	font-weight: 600;
  	display: inline-block;
  	height: 34px;
  	flex-shrink: 0;
}
.info {
  	align-self: stretch;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-end;
  	padding: 40px;
}
.elementdportfolio-card {
  	flex: 1;
  	border-radius: 24px;
  	background-color: #000;
  	border: 2px solid #282828;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.image-12 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 624px;
  	height: 513px;
}
.image-793-icon {
  	position: absolute;
  	top: -308px;
  	left: -5px;
  	width: 634px;
  	height: 1128px;
  	object-fit: cover;
}
.image-794-icon {
  	position: absolute;
  	top: 203px;
  	left: 165px;
  	border-radius: 10px;
  	width: 294px;
  	height: 107px;
  	object-fit: cover;
}
.image-12-parent {
  	align-self: stretch;
  	position: relative;
  	background-color: #161616;
  	height: 513px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.elementdportfolio-card1 {
  	width: 624px;
  	border-radius: 24px;
  	background-color: #000;
  	border: 2px solid #282828;
  	box-sizing: border-box;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.row {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}
.image-795-icon {
  	position: absolute;
  	top: -321px;
  	left: -13px;
  	width: 650px;
  	height: 1156px;
  	object-fit: cover;
}
.image-796-icon {
  	position: absolute;
  	top: 239px;
  	left: 170px;
  	border-radius: 13px;
  	width: 284px;
  	height: 97px;
  	object-fit: cover;
}
.image-icon {
  	position: absolute;
  	top: -396px;
  	left: -14px;
  	width: 652px;
  	height: 1304px;
  	object-fit: cover;
}
.image-797-icon {
  	position: absolute;
  	top: 236px;
  	left: 166px;
  	width: 324px;
  	height: 85px;
  	object-fit: cover;
}
.cards {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
  	font-size: 28px;
}
.iconarrow-right3 {
  	width: 28px;
  	position: relative;
  	height: 28px;
  	display: none;
}
.get-started4 {
  	position: relative;
  	line-height: 34px;
  	font-weight: 600;
}
.iconarrow-up-right {
  	width: 28px;
  	position: relative;
  	height: 28px;
}
.button3 {
  	align-self: stretch;
  	border-radius: 39px;
  	border: 2px solid #282828;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 14px 28px;
  	gap: 8px;
  	text-align: center;
  	font-size: 20px;
  	color: #bdbdbd;
}
.content12 {
  	width: 1280px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 32px;
}
.portfolio-grid {
  	align-self: stretch;
  	background-color: #000;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 40px 0px 50px;
}
.image-icon1 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 100%;
  	height: 970px;
  	object-fit: cover;
}
.in-my-journey {
  	position: absolute;
  	top: 128px;
  	left: 119px;
  	letter-spacing: -0.02em;
  	line-height: 64px;
  	display: flex;
  	align-items: center;
  	width: 1141px;
  	height: 192px;
}
.in-startups-i {
  	position: absolute;
  	top: 380px;
  	left: 119px;
  	font-size: 28px;
  	line-height: 45px;
  	display: inline-block;
  	width: 1148px;
}
.its-direction-its {
  	position: absolute;
  	top: 812px;
  	left: 707px;
  	font-size: 16px;
  	line-height: 25px;
  	color: #6a2700;
  	display: inline-block;
  	width: 640px;
}
.design-is-not {
  	position: absolute;
  	top: 777px;
  	left: 707px;
  	font-size: 29px;
  	line-height: 25px;
  	font-family: Herculanum;
  	color: #6a2700;
}
.section-08-child {
  	position: absolute;
  	top: 780px;
  	left: 679px;
  	width: 62px;
  	height: 121px;
}
.section-08 {
  	width: 100%;
  	position: relative;
  	height: 970px;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 54px;
  	font-family: 'Helvetica Neue';
}


.image-792-icon,
.image-793-icon, 
.image-795-icon,
.image-icon {
  transition: transform 0.3s ease;
  transform-origin: center;
}
.group-child {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	background-color: #000;
  	width: 100%;
  	height: 983px;
}
.image-799-icon {
  	position: absolute;
  	top: 89px;
  	left: 1px;
  	width: 100%;
  	height: 806px;
  	object-fit: cover;
}
.rectangle-parent {
  	width: 100%;
  	position: relative;
  	height: 983px;
}
.image-icon2 {
  	position: absolute;
  	top: 0px;
  	left: 0px;
      width :100%;
  	height: 725px;
  	object-fit: cover;
}
.everything-is-connected {
  	width: 904px;
  	position: relative;
  	letter-spacing: -0.02em;
  	line-height: 88px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.like-stars-in {
  	width: 966px;
  	position: relative;
  	font-size: 24px;
  	letter-spacing: -0.02em;
  	line-height: 37px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	opacity: 0.8;
}
.everything-is-connected-and-parent {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 28px;
}
.link-visit {
  	position: relative;
  	line-height: 26px;
}
.link-blog {
  	position: relative;
  	line-height: 26px;
  	color: inherit;
  	text-decoration: none;
}
.link-visit-help-center-parent {
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
  	text-align: left;
  	font-size: 16px;
  	font-family: Inter;
}
.frame-parent {
  	position: absolute;
  	top: 175px;
  	left: calc(50% - 483px);
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 59px;
}
.last-bg {
  	width: 100%;
  	position: relative;
  	height: 725px;
  	text-align: center;
  	font-size: 84px;
  	font-family: 'Helvetica Neue';
}
.logo1 {
  	align-self: stretch;
  	border-right: 2px solid #282828;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 39px 80px;
}
.content14 {
  	width: 194px;
  	border-radius: 24px;
  	border: 2px solid #282828;
  	box-sizing: border-box;
  	height: 112px;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.navbar1 {
  width :100%;
  	background-color: #120b03;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 48px 0px;
  	box-sizing: border-box;
}
.homepage {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	height: 7023px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: flex-start;
  	text-align: left;
  	font-size: 22px;
  	color: #fff;
  	font-family: Inter;
}