body {
	background: #161618;
}
.row {
	max-width: 1125px;
	margin: auto;
}
h1 {
font-family: Inter;
font-size: 96px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 50px;
word-break: break-all;
}
h4 {
color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
margin-bottom: 15px;
word-break: break-all;
}

h2 {
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 50px;
word-break: break-all;
}

p {
color: #D0D6E0;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
}

.logo {
/*width: 115.007px;*/
/*height: 25.998px;*/
margin-top: 18px;
margin-bottom: 18px;
}

.header {
position: fixed;
top: 0;
background: #161618;
width: 100%;
z-index: 1000;
width: 0 auto;
height: auto;
width: 100%;
margin: 0 auto;
flex-shrink: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}


.manu ul {
  text-align: end;	 
  list-style-type: none;
  margin-bottom: 14px;
  margin-top: 20px;
}

.manu li {
display: inline;
padding: 19.8px 19.695px 19.2px 19.895px;
justify-content: center;
align-items: center;
align-self: stretch;
}

.manu a {
max-height: 53.094px;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
.topnav .manu {
	margin-left: 60px;
}
.contact {
/*width: auto;*/
display: inline-flex;
padding: 4px 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 20px;
background: linear-gradient(99deg, #46E3B7 0.18%, #FFF855 89.2%);
}

.contact a {
color: #161618;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24.48px; /* 174.857% */
text-decoration: none;
}

.hero-section {
background-color: #161618;
background-image: url("../image/Ilustration.svg");
align-items: center;
flex-shrink: 0;
margin: 0 auto;
height: auto;
padding-top: 150px;
padding-bottom: 100px;
width: 100%;
align-items: center;
background-repeat: no-repeat;
}

.hero-section h2 {
font-size: 64px;
}

.our-product .subtitle{
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.05px;
}

.our-product .achieve-box{
/*width: auto;*/
height: 248px;
flex-shrink: 0;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.03);
box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.02);
padding: 15px;
margin-bottom: 25px;
margin-top: 25px;

}

.achieve-box p {
line-height: normal;
}

.our-product .real-time{
color: #D0D6E0;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.challenges {
margin: 0 auto;
height: auto;
width: 100%;
flex-shrink: 0;
background-color: #161618;
padding-top: 100px;
padding-bottom: 100px;
}

.challenges-box img {
margin-bottom: 20px;
}

.challenges-box{
	float: right;
}

.challenges-box p {
color: #D0D6E0;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 15px;
margin-bottom: 31px;
}

.what-we-do {
height: auto;
width: 100%;
flex-shrink: 0;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
}

.what-we-do h3 {
color: #161618;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
margin-bottom: 30px;
margin-top: 60px;
}

.what-we-do p {
color: #161618;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 135% */
margin-bottom: 50px;
}

.what-we-do button {
width: 309.735px;
height: 54px;
flex-shrink: 0;
border-radius: 12px;
background: #161618;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 78px;
}

.our-product {
background-color: #161618;
height: auto;
width: 100%;
flex-shrink: 0;
padding-top: 100px;
padding-bottom: 100px;
}

.our-product span{
color: #D0D6E0;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.our-product img {
width: auto;
height: auto;
width: 100%;
flex-shrink: 0;
border-radius: 12px;
}

.our-product h2 {
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.05px;
background: linear-gradient(95deg, #46E3B7 10.16%, #FFF855 83.33%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.what-we-get {
height: auto;
width: 100%;
margin: 0 auto;
flex-shrink: 0;
background-color:#161618;
padding-top: 100px;
padding-bottom: 100px;
}

.what-we-get .subtitle{
color: #FFF;
text-align: left;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.05px;
margin-bottom: 40px;
}

.subtitle {
color: #FFF;
text-align: left;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.05px;
margin-bottom: 40px;
}


.what-we-get h3 {
font-family: Inter;
font-size: 46px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 70px;
word-break: break-all;
}

.what-you-get-box {
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: rgba(255, 255, 255, 0.03);
	box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.02);
	width: 100%;
	flex-shrink: 0;
	margin-bottom: 25px;
}

.what-you-get-box p {
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0;
}

.what-you-get-box img {
	width: 24px;
    height: 24px;
	margin: -5px 10px 0px 20px;

}

.vertical-manu {
  float: right;
  margin-top: 64px;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}

.lets-talk {
background-color: #161618;
background-image: url("../image/ilustration.svg");
background-image: opacity:20%;
align-items: center;
flex-shrink: 0;
margin: 0 auto;
height: auto;
padding-top: 100px;
padding-bottom: 100px;
width: 100%;
align-items: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.lets-talk h3 {
font-family: Inter;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

label {
color: #D0D6E0;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-bottom: 15px;
margin-top: 25px;
}

input[type=text], select, textarea {
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  border-radius: 12px;
  border: 1px solid rgb(255 255 255 / 10%);
  background: #FFFFFF08;
  box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.02);
  color: #D0D6E0;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 160% */
}

input[type=submit] {
width: 100%;
height: 59px;
flex-shrink: 0;
background: linear-gradient(99deg, #46E3B7 0.18%, #FFF855 89.2%);
border-radius: 12px;
border: 1px;
font-size: 16px;
font-weight: 500;
}

input[type=submit]:hover {
	width: 100%;
  background-color: #45a049;
}

input:focus {
    outline: none !important;
    border:1px solid #48E1A4;
  }

textarea:focus {
    outline: none !important;
    border:1px solid #48E1A4;
  }

.footer {
height: auto;
width: 100%;
margin: 0 auto;
flex-shrink: 0;
background-color:#161618;
padding-top: 5px;
padding-bottom: 5px;
}

.footer p {
	color: #D0D6E0;

font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #333;  /* old IE */
  background-color: #333;  /* Modern Browsers */
}
.horizontal {
	background-color:#161618;
	height: auto;
width: 100%;
margin: 0 auto;
flex-shrink: 0;
background-color:#161618;
padding-top: 5px;
padding-bottom: 5px;
}

html {
  scroll-behavior: smooth;
}

.collapse-content {
	display: none;
}

.collapse-content.show {
	display: block;
}

.collapse-nav {
	color:  #fff;
	cursor: pointer;
	list-style-type: none;
}

.collapse-nav.active {
	background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left:  -35px;
}

.collapse-nav.active p {
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.022px;
background: linear-gradient(275deg, #FFF855 0%, #46E3B7 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.achieve-box.thumbnail {
	padding: 0;
	overflow: hidden;
	/*height: 260px;*/
}

.achieve-box.thumbnail img {
	width:  100%;
	flex-shrink: 0;
	border-radius: 12px;
}

.contact-form {
	margin-top: 50px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add this to your stylesheet to style the hamburger menu */
.mobile-menu-toggle {
  display: none; /* Hide on larger screens */
  cursor: pointer;
}

.bar {
  height: 3px;
  width: 25px;
  background-color: #fff;
  margin: 6px 0;
}

/* Media query to show/hide the mobile menu toggle */
@media screen and (max-width: 790px) {
  .mobile-menu-toggle {
    display: block;
    
  }

  .manu {
    display: none; /* Hide the main menu by default on small screens */
  }

  .manu li {
  	display: table;
  }


}

/*.spacingbetweenboxright {
  padding-right: 12.5px;
}

.spacingbetweenboxleft {
  padding-left: 12.5px;
}*/

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.ymi .image-box {
  width: 100%;
  max-height: 520px;
  overflow: hidden;
  border-radius: 12px;
}

.ymi .image-box {
  width:  100%;
}

.ymi.gmi .image-box {
  max-height: 515px;
}