.tantas {
  max-width: 1440px;
  height: 768px;
  margin: auto;
  display: flex;
  gap: 62px;
}

#t2 {
  width: 600px;
  height: 500px;
  font-weight: 100;
  font-size: larger;
}
#t2 > h4 {
  color: var(--Text_Black, #000);
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}
#t2 > h2 {
  color: var(--Text_Black, #000);
  font-family: DM Serif Display;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}
#t2 > p {
  color: var(--Text_Black, #000);
  font-family: DM Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
#t2 > button {
  width: 170px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 5px;
  color: white;
  background-color: #434ccc;
}

#t1 {
  width: 889px;
  height: 500px;
  flex-shrink: 0;
  background-image: url("https://s3-alpha-sig.figma.com/img/c88b/0bc7/ec8c1618bac9fe2b94bcf9d9a4d3cdad?Expires=1703462400&Signature=k356DByLCFMI3X8E3WYrr1Q0JDZEgqh~vuAxKWfzYrX9O9v8H9gjQIsr4h2EpHoxuZOWveQ3gqHrE1cd6dHusiJx~n1012x4Ryp6GlWHn9I2tCBxkaCk5t1Q~DRPEotBD~9mxTdnJyH9GhqGaO4dE5aCeyo7f4pNNUrNSzN8JvdP3MF9i7YgwExlQDUB-15YGpRX8teCDFdVqKc2qen8BqMcEe4iDbTBMKUvJjgEGoO5bZBHgqsXTU4Q6eqA95SprsE7dW2A6MPKfnXRm5qvZELlBSq3gFrpUJgfE1ynYUs2pOURugOzGSw3OMp2dpSSrQFDHQkA5lu9s1Qmw5Ub1Q__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4");
  background-size: cover;
  background-position: center;
}

.epicuri > h5:nth-child(1) {
  color: var(--Text_Black, #000);
  font-family: DM Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.noluisse {
  max-width: 1440px;
  height: 768px;
  flex-shrink: 0;
  display: flex;
  margin: auto;
}

#n1 {
  width: 600px;
  height: 500px;
  font-weight: 100;
  font-size: larger;
  margin-left: 100px;
  margin-top: 180px;
}
#n1 > h5 {
  color: var(--Text_Black, #000);
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}

.epicuri > h5:nth-child(1) {
  color: var(--Text_Black, #000);
  font-family: DM Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.epicuri > h5:nth-child(2) {
  margin-top: -40px;
  margin-left: 440px;
}

.bar1 {
  width: 470px;
  height: 10px;
  border-radius: 5px;
  background-color: #e9e9e9;
  margin-top: -20px;
  padding: 0;
}

.bar1 > div:nth-child(1) {
  width: 382px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #f1b505;
}

.bar2 {
  width: 470px;
  height: 10px;
  border-radius: 5px;
  background-color: #e9e9e9;
  margin-top: -20px;
  padding: 0;
}

.bar2 > div:nth-child(1) {
  width: 318px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #e94a47;
}

.bar3 {
  width: 470px;
  height: 10px;
  border-radius: 5px;
  background-color: #e9e9e9;
  margin-top: -20px;
  padding: 0;
}

.bar3 > div:nth-child(1) {
  width: 182px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #428dfc;
}

#n2 {
  width: 630px;
  height: 754px;
  flex-shrink: 0;
  margin: auto;
  background-image: url("https://s3-alpha-sig.figma.com/img/1a17/42b2/1ee07cdf2a9a37fa71438a2689d8c5f2?Expires=1703462400&Signature=LhJSUjHn71ekbYSxe1Dv0ZF-1HtSknoi3GWDcEkG4AkV1diir7XtoPc7dyY1NqBtL1YrPAPcHrusZlXAzNhU1QO1g5g6kPjbuFSCtZfsPYvWUJeCGF5zsaLyjaPGO~i2PfbfAfaCed9MJjtCnoFuJaN2aNjLnZxFbsDlCZJBRhRcZOsEqgAjmPOaS3SkJkmv3TR7SEyk~K1hbph2xDa9qKQjLdK4QrYppm39ocskUJEh8aLy6EorLOYsABa~gd0u649uvSZ9GReN07pBf6VpEaRYSlIw1vKh9BoQrfJKdaphQCvSCTvq4cnmZslv4KvGbpjLA03w4e3uwXscHkOgFA__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4");
  background-position: center;
  background-size: cover;
}

@media (max-width: 375px) {
  .tantas {
    width: 375px;
    height: 768px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
  }
  .tantas #t2 {
    width: 375px;
    height: 500px;
    font-weight: 100;
    font-size: larger;
  }
  .tantas #t2 > h4 {
    color: var(--Text_Black, #000);
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
  }
  .tantas #t2 > h2 {
    width: 346px;
    height: auto;
    flex-shrink: 0;
    color: var(--Text_Black, #000);
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
  .tantas #t2 > p {
    width: 346px;
    height: 135px;
    flex-shrink: 0;
    color: var(--Text_Black, #000);
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
  .tantas #t2 > button {
    width: 170px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 5px;
    color: white;
    background-color: #434ccc;
  }
  #t1 {
    width: 100%;
    height: 305.208px;
    flex-shrink: 0;
    background-image: url("https://s3-alpha-sig.figma.com/img/c88b/0bc7/ec8c1618bac9fe2b94bcf9d9a4d3cdad?Expires=1703462400&Signature=k356DByLCFMI3X8E3WYrr1Q0JDZEgqh~vuAxKWfzYrX9O9v8H9gjQIsr4h2EpHoxuZOWveQ3gqHrE1cd6dHusiJx~n1012x4Ryp6GlWHn9I2tCBxkaCk5t1Q~DRPEotBD~9mxTdnJyH9GhqGaO4dE5aCeyo7f4pNNUrNSzN8JvdP3MF9i7YgwExlQDUB-15YGpRX8teCDFdVqKc2qen8BqMcEe4iDbTBMKUvJjgEGoO5bZBHgqsXTU4Q6eqA95SprsE7dW2A6MPKfnXRm5qvZELlBSq3gFrpUJgfE1ynYUs2pOURugOzGSw3OMp2dpSSrQFDHQkA5lu9s1Qmw5Ub1Q__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4");
    background-position: center;
    background-size: cover;
    display: block;
  }
  hr {
    display: none;
  }
  .noluisse {
    width: 375px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    margin: 0px;
  }
  #n1 {
    width: 375px;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }
  #n1 > h5 {
    color: var(--Text_Black, #000);
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    display: inline-block;
  }
  #n1 > h2 {
    display: inline-block;
  }
  #nihil {
    width: 245px;
    height: 96px;
  }
  .epicuri {
    width: 200px;
  }
  .epicuri > h5:nth-child(2) {
    margin-top: -60px;
    margin-left: 310px;
  }
  .per {
    margin-right: 200px;
  }
  .bar1 {
    width: 346px;
    height: 10px;
    border-radius: 5px;
    background-color: #e9e9e9;
    margin-top: -20px;
    padding: 0;
  }
  .bar1 > div:nth-child(1) {
    width: 281px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #f1b505;
  }
  .bar2 {
    width: 346px;
    height: 10px;
    border-radius: 5px;
    background-color: #e9e9e9;
    margin-top: -20px;
    padding: 0;
  }
  .bar2 > div:nth-child(1) {
    width: 234px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #e94a47;
  }
  .bar3 {
    width: 346px;
    height: 10px;
    border-radius: 5px;
    background-color: #e9e9e9;
    margin-top: -20px;
    padding: 0;
  }
  .bar3 > div:nth-child(1) {
    width: 146px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #428dfc;
  }
  #n2 {
    width: 375px;
    height: 417px;
    margin-top: -70px;
    margin-left: 0px;
    background-image: url("https://s3-alpha-sig.figma.com/img/1a17/42b2/1ee07cdf2a9a37fa71438a2689d8c5f2?Expires=1704067200&Signature=hq6NAltzHZ8Jvc~jfxzojPYOKLa-4EtQim9X6e7OROOefulTAA4~0KTUuLlgyyMdvMEs5wsyo4Y5iX6TGsU3UG~Ejjk34udTgGf8zyr75FIkzYTseqnEQPA0892dQTs0d4urWJMLri75WxZ0mYG7-P1Iz06xaUvIE1AoIt91wflS-Sz-M6u7PLjnZ94P~sVleBwJxMvSqVxbZNRDhyY-MUwT2mIKIb9LWQjtUkGK-8SkjrfoqSLqEci-~z8GGJcIeOdxZ19J6TZbM0~ADYAbNABiAAmyxrr07aJjt~hKnpsleocotpR9CVzfYWMbEjbHuFakoAJ8Or8mDstQvJteGw__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4");
    background-position: center;
    background-size: cover;
  }
}
.sonali {
  max-width: 1440px;
  height: 352px;
  background-color: #ffdd78;
  display: flex;
  margin: auto;
}
.sonali .left {
  width: 48%;
}
.sonali .left p {
  margin-top: 79px;
  padding-left: 135px;
  margin-bottom: 0%;
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}
.sonali .left h3 {
  padding-left: 135px;
  margin-top: 21px;
  font-family: DM Serif Display;
  font-size: 56px;
  font-style: normal;
  font-weight: 400px;
  line-height: 64px;
}
.sonali .right {
  width: 48%;
  margin-top: 160px;
}
.sonali .right #search {
  width: 370px;
  height: 48px;
  border-radius: 5px;
  border: 1px solid #dadada;
  background: #fff;
}
.sonali .right button {
  width: 170px;
  height: 48px;
  border-radius: 5px;
  background-color: #434ccc;
  color: white;
  border: none;
  margin-left: 30px;
}

@media all and (max-width: 375px) {
  .sonali {
    width: 375px;
    height: 500px;
    display: flex;
    flex-direction: column;
    margin: auto;
  }
  .sonali .left {
    margin-left: 10px;
    margin-top: 0%;
  }
  .sonali .left p {
    padding-left: 0%;
    margin-top: 60px;
    font-weight: 400px;
  }
  .sonali .left h3 {
    width: 209px;
    height: 144px;
    padding-left: 0px;
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 0px;
  }
  .sonali .right {
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 30px;
  }
  .sonali .right #search {
    width: 348px;
    height: 48px;
  }
  .sonali .right button {
    margin-top: 20px;
    width: 170px;
    height: 48px;
    margin-left: 0px;
  }
}
.footer2nd {
  max-width: 1440px;
  height: 400px;
  padding: 0%;
  margin: 0%;
  background: rgb(245, 246, 252);
  margin: auto;
}
.footer2nd .footer2ndpart {
  width: 80%;
  display: grid;
  padding-top: 5%;
  padding-bottom: 4%;
  grid-template-areas: "fir sec thir fou" "fir sec thir fou";
  justify-content: space-around;
  margin: auto;
  gap: 12%;
}
.footer2nd .footer2ndpart .footer2ndpart div:nth-child(1) {
  grid-area: fir;
}
.footer2nd .footer2ndpart .footer2ndpart div:nth-child(2) {
  grid-area: sec;
}
.footer2nd .footer2ndpart .footer2ndpart div:nth-child(3) {
  grid-area: thir;
}
.footer2nd .footer2ndpart .footer2ndpart div:nth-child(4) {
  grid-area: fou;
}
.footer2nd .footer2ndpart .social-media > img {
  margin-right: 10px;
}
.footer2nd .conform {
  display: flex;
  gap: 8%;
  align-items: center;
}
.footer2nd .conform img {
  border-radius: 10px;
  margin-top: -30px;
}
.footer2nd .conform p {
  color: rgb(168, 169, 173);
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.footer2nd .conform #data1 {
  color: #000;
  /* Text_Small */
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 200% */
}
.footer2nd .conform #data2 {
  color: #000;
  /* Text_Small */
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 200% */
}
.footer2nd h4 {
  color: rgb(15, 15, 15);
  /* H4 */
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400px;
  line-height: 32px; /* 133.333% */
}
.footer2nd .footer2ndpart > div > p {
  color: rgb(168, 169, 173);
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.footer2nd div > h5 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400px;
  line-height: 24px; /* 150% */
}

@media all and (max-width: 375px) {
  .footer2nd {
    width: 375px;
    height: 720px;
    padding: 0%;
    margin: 0%;
    background: rgb(245, 246, 252);
    margin: auto;
  }
  .footer2nd .footer2ndpart {
    width: 80%;
    display: grid;
    padding-top: 2%;
    padding-bottom: 2%;
    grid-template-areas: "fir fir" "sec thir" "fou fou";
    margin: auto;
    gap: 1%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer2nd .footer2ndpart div:nth-child(1) {
    grid-area: fir;
  }
  .footer2nd .footer2ndpart div:nth-child(2) {
    grid-area: sec;
  }
  .footer2nd .footer2ndpart div:nth-child(3) {
    grid-area: thir;
  }
  .footer2nd .footer2ndpart div:nth-child(4) {
    grid-area: fou;
  }
  .footer2nd .footer2ndpart .social-media > img {
    margin-right: 10px;
  }
}
.lastpart {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  background: rgb(245, 246, 252);
}
.lastpart p {
  color: rgb(168, 169, 173);
  font-family: DM Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.lastpart #para1 {
  margin-left: 10%;
}
.lastpart #para2 {
  margin-right: 10%;
}

@media all and (max-width: 375px) {
  .lastpart {
    width: 100%;
    display: block;
  }
  .lastpart p {
    color: rgb(168, 169, 173);
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .lastpart #para2 {
    margin-left: 10%;
  }
}
.vivendo {
  max-width: 1440px;
  background: #F5F6FD;
  padding: 0 135px 0 135px;
  box-sizing: border-box;
  margin: auto;
  border-bottom: 1px solid rgb(226, 226, 226);
}
.vivendo h2 {
  color: var(--Text_Black, #000);
  text-align: center;
  font-family: "DM Serif Display";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 29px;
}
.vivendo .subtitle {
  width: 570px;
  height: 83px;
  flex-shrink: 0;
  color: var(--Text_Black, hsl(0, 0%, 0%));
  text-align: center;
  margin: auto;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 36px;
}
.vivendo .cards {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 80px;
}
.vivendo .cards .card {
  width: 370px;
  height: 416px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.vivendo .cards .card .card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  height: 230px;
}
.vivendo .cards .card .card-img img {
  width: 132px;
  height: 114px;
  flex-shrink: 0;
  fill: linear-gradient(225deg, #FFC105 0%, #737CFF 100%);
}
.vivendo .cards .card .card-img .vehicle {
  width: 186px;
  height: 96px;
  flex-shrink: 0;
}
.vivendo .cards .card h4 {
  color: var(--Text_Black, #000);
  font-family: "DM Serif Display";
  font-size: 24px;
  font-style: normal;
  margin-top: 0;
  margin-left: 30px;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 32px;
}
.vivendo .cards .card .card-content {
  width: 306px;
  height: 48px;
  margin: auto;
  margin-bottom: 25px;
  flex-shrink: 0;
  color: var(--text-black-50, rgba(0, 0, 0, 0.5));
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.vivendo .cards .card hr {
  color: var(--text-black-50, rgba(0, 0, 0, 0.5));
  width: 338px;
  height: 1px;
  flex-shrink: 0;
  opacity: 0.1011;
  background: #000;
  margin-bottom: 18px;
  margin-left: 32px;
}
.vivendo .cards .card .learnmore {
  color: var(--Text_Black, #000);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin-left: 30px;
}
.vivendo .cards .card .learnmore .arrow-icon {
  width: 6px;
  height: 11px;
  flex-shrink: 0;
  fill: #000;
}

@media all and (max-width: 375px) {
  .vivendo {
    max-width: 375px;
    height: auto;
    padding: 0 15px 0 15px;
  }
  .vivendo h2 {
    font-size: 40px;
    line-height: 48px;
    margin-top: 42px;
    margin-bottom: 31px;
  }
  .vivendo .subtitle {
    width: 346px;
    height: 101px;
    margin-bottom: 50px;
  }
  .vivendo .cards {
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid rgb(225, 224, 224);
  }
  .vivendo .cards .card {
    width: 346px;
  }
  .vivendo .cards .card .card-content {
    width: 282px;
  }
  .vivendo .cards .card hr {
    width: 314px;
  }
}
.inciderint {
  max-width: 1440px;
  height: auto;
  flex-shrink: 0;
  background: #F5F6FD;
  padding: 0 135px 0 135px;
  border-bottom: 1px solid rgb(226, 226, 226);
  display: flex;
  box-sizing: border-box;
  padding-bottom: 80px;
}
.inciderint .inciderint-img {
  width: 981px;
  height: 653px;
  flex-shrink: 0;
  margin-top: 29px;
  margin-left: -100px;
  position: absolute;
}
.inciderint .inciderint-content {
  margin-left: 650px;
}
.inciderint .inciderint-content h5 {
  color: var(--Text_Black, #000);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 4.8px;
  text-transform: uppercase;
  margin-top: 127px;
  margin-bottom: 21px;
}
.inciderint .inciderint-content h2 {
  color: var(--Text_Black, #000);
  font-family: "DM Serif Display";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-top: 0;
  margin-bottom: 29px;
}
.inciderint .inciderint-content .text {
  width: 570px;
  height: 69px;
  flex-shrink: 0;
  color: var(--Text_Black, #000);
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 21px;
}
.inciderint .inciderint-content .inciderint-icon {
  display: flex;
  align-items: center;
  gap: 25px;
}
.inciderint .inciderint-content .inciderint-icon img {
  width: 41px;
  height: 39px;
  flex-shrink: 0;
}
.inciderint .inciderint-content .inciderint-icon p {
  color: var(--text-black-50, rgba(0, 0, 0, 0.5));
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.inciderint .inciderint-content .explore-btn {
  width: 170px;
  height: 48px;
  flex-shrink: 0;
  border: none;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 45px;
  background: var(--Primary_1, #434CCC);
}
.inciderint .inciderint-content .learnmore-btn {
  width: 170px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid rgb(226, 226, 226);
  color: #434CCC;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-top: 45px;
  margin-left: 30px;
}

@media all and (max-width: 375px) {
  .inciderint {
    width: 375px;
    padding: 0 15px 80px 15px;
    flex-direction: column;
    border: none;
    box-sizing: border-box;
  }
  .inciderint .inciderint-img {
    width: 375px;
    height: auto;
    position: static;
    margin-top: 11px;
    margin-left: 0px;
  }
  .inciderint .inciderint-img img {
    width: 370px;
  }
  .inciderint .inciderint-content {
    margin-left: 0px;
  }
  .inciderint .inciderint-content h5 {
    margin-top: 0px;
    margin-bottom: 19px;
  }
  .inciderint .inciderint-content h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 31px;
  }
  .inciderint .inciderint-content .text {
    width: 346px;
    height: 128px;
    line-height: 32px;
    margin-bottom: 21px;
  }
  .inciderint .inciderint-content .inciderint-icon {
    gap: 25px;
  }
  .inciderint .inciderint-content .explore-btn {
    margin-top: 62px;
  }
  .inciderint .inciderint-content .learnmore-btn {
    margin-top: 60px;
    margin-left: 0;
  }
}
.body {
  margin: 0px;
  padding: 0px;
}

.top {
  background: #434CCC;
  width: 1440px;
  height: 80px;
  display: flex;
  margin: 0px;
  border-width: 0px;
}
.top #logo {
  width: 102px;
  height: 48px;
  margin-top: 16px;
  margin-left: 135px;
  margin-bottom: 16px;
  color: #FFFFFF;
  font-weight: 400px;
  font-size: 40px;
  line-height: 48px;
}
.top .portfolio {
  width: 324px;
  height: 24px;
  margin-top: 28px;
  margin-left: 534px;
  font-weight: 700px;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  font-family: "DM Sans", sans-serif;
}
.top .signup {
  width: 170px;
  height: 48px;
  margin-top: 16px;
  margin-left: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-radius: 10px;
}
.top .signup .btn {
  padding: 0px;
  width: 57px;
  height: 24px;
  margin-left: 56.5px;
  margin-top: 13px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  color: #FFFFFF;
  background: #434CCC;
  font-family: "DM Sans", sans-serif;
  border: none;
}
.top #bars {
  width: 20px;
  height: 14px;
  margin-top: 24px;
  color: #FFFFFF;
  margin-left: 50px;
  display: none;
}

.about {
  width: 1440px;
  height: 224px;
  margin: 0px;
  background: #434CCC;
  padding-top: 47px;
}
.about .abt {
  height: 80px;
  width: 195px;
  font-size: 72px;
  line-height: 80px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 0px;
  margin-left: 623px;
  margin-bottom: 0px;
}
.about .viv {
  width: 247px;
  height: 32px;
  margin-left: 597px;
  margin-top: 10px;
  color: #FFFFFF;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0px;
  margin-bottom: 0px;
}

@media all and (max-width: 375px) {
  .top {
    width: 375px;
    height: 64px;
  }
  .top #logo {
    width: 62px;
    height: 32px;
    margin-top: 16px;
    margin-left: 14px;
  }
  .top #bars {
    display: block;
    margin-left: 264px;
  }
  .top .portfolio, .top .signup {
    display: none;
  }
  .about {
    width: 375px;
    height: 176px;
    margin-top: -2%;
  }
  .about .abt {
    width: 152px;
    height: 64px;
    margin-left: 113px;
    margin-top: 0px;
  }
  .about .viv {
    width: 247px;
    height: 32px;
    margin-left: 65px;
    margin-top: 13px;
  }
}
html, body {
  margin: 0;
  padding: 0;
}

.container {
  width: 1440px;
  height: 768px;
  margin-top: 0px;
  background-color: rgba(67, 76, 204, 0.05);
  display: flex;
}

.homero h5 {
  width: 93px;
  height: 24px;
  margin-top: 127px;
  margin-left: 135px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.3em;
}
.homero h2 {
  width: 411px;
  height: 128px;
  margin-top: 21px;
  margin-left: 135px;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 0px;
}
.homero .quo {
  width: 570px;
  height: 83px;
  margin-top: 29px;
  margin-left: 135px;
  color: #000000;
  line-height: 32px;
  font-size: 20px;
}

.numbers {
  margin-top: 30px;
  width: 705px;
  display: flex;
}

.para1 {
  color: #000000;
  margin-left: 0px;
  margin-top: 10px;
}

.para2 {
  width: 270px;
  height: 49px;
  color: rgba(0, 0, 0, 0.5019607843);
  font-size: medium;
  margin-left: 0px;
}

.num1 {
  margin-left: 135px;
}
.num1 h3 {
  height: 48px;
  width: 86px;
  line-height: 48px;
  font-size: 40px;
  margin-bottom: 0px;
}
.num1 .para1 {
  height: 24px;
  margin-top: 10px;
}

.num2 {
  margin-left: 30px;
}
.num2 h3 {
  height: 48px;
  width: 98px;
  line-height: 48px;
  font-size: 40px;
  margin-bottom: 0px;
}
.num2 .para1 {
  height: 24px;
  margin-top: 10px;
}

.clip_v {
  width: 724px;
  height: 718px;
  margin-left: 10px;
  margin-top: -3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clip_v img {
  width: 1077px;
  height: 718px;
}

@media all and (max-width: 375px) {
  .container {
    width: 375px;
    height: 1152px;
    flex-direction: column;
  }
  .homero h5 {
    width: 93px;
    height: 24px;
    margin-top: 47px;
    margin-left: 14px;
  }
  .homero h2 {
    width: 294px;
    height: 96px;
    margin-top: 17px;
    margin-left: 14px;
    font-size: 40px;
    line-height: 48px;
  }
  .homero .quo {
    width: 346px;
    height: 135px;
    margin-top: 31px;
    margin-left: 14px;
    margin-bottom: 0px;
  }
  .numbers {
    flex-direction: column;
    width: 375px;
    margin-top: 0px;
  }
  .num1 {
    margin-left: 14px;
  }
  .num1 h3 {
    margin-top: 0px;
  }
  .num2 {
    margin-left: 14px;
  }
  .num2 h3 {
    margin-top: 0px;
  }
  .clip_v {
    width: 375px;
    height: 431px;
    margin-top: 0px;
  }
  .clip_v img {
    width: 375px;
    height: 431px;
    margin-left: -60px;
  }
}
.audiam {
  max-width: 1440px;
  height: 768px;
  flex-shrink: 0;
  padding: 76px 135px 0 135px;
  background: white;
  display: flex;
  justify-content: space-between;
}
.audiam .section-1 {
  margin-right: 85px;
}
.audiam .section-1 h5 {
  color: var(--Text_Black, #000);
  /* H5 */
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 4.8px;
  text-transform: uppercase;
}
.audiam .section-1 h2 {
  color: var(--Text_Black, #000);
  /* H2 */
  font-family: "DM Serif Display";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  /* 114.286% */
}
.audiam .section-1 .audiam-text {
  width: 338px;
  height: 230px;
}
.audiam .section-1 .audiam-text p {
  width: 338px;
  height: auto;
  flex-shrink: 0;
  color: var(--Text_Black, #000);
  /* Text_Big */
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.audiam .section-1 button {
  width: 170px;
  height: 48px;
  flex-shrink: 0;
  color: #434CCC;
  margin-top: 33px;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}
.audiam .section-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 110px;
  gap: 0 30px;
}
.audiam .section-2 .audiam-menu {
  display: flex;
}
.audiam .section-2 .audiam-menu img {
  width: 52px;
  height: 45px;
  flex-shrink: 0;
  margin-right: 30px;
}
.audiam .section-2 .audiam-menu .menu-content h4 {
  color: var(--Text_Black, #000);
  /* H4 */
  font-family: "DM Serif Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  /* 133.333% */
}
.audiam .section-2 .audiam-menu .menu-content p {
  width: 270px;
  height: 77px;
  flex-shrink: 0;
  color: var(--text-black-50, rgba(0, 0, 0, 0.5));
  /* Text_Gray */
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 7px;
  /* 150% */
}

@media all and (max-width: 375px) {
  .audiam {
    max-width: 375px;
    height: 1376px;
    margin: 0 14px 0 15px;
    flex-direction: column;
    padding: 0;
  }
  .audiam .section-1 {
    margin-right: 0px;
  }
  .audiam .section-1 h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .audiam .section-1 .audiam-text {
    width: 346px;
  }
  .audiam .section-1 .audiam-text p {
    width: 338px;
  }
  .audiam .section-2 {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 72px;
  }
  .audiam .section-2 .audiam-menu .menu-content p {
    width: 257px;
  }
}
.similique {
  margin-top: 0;
  max-width: 1440px;
  height: 480px;
  flex-shrink: 0;
  background: #434CCC;
  padding: 76px 135px 0 135px;
}
.similique h2 {
  color: var(--Text_White, #FFF);
  text-align: center;
  margin-top: 0;
  margin-bottom: 29px;
  font-family: "DM Serif Display";
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}
.similique p {
  width: 770px;
  height: 83px;
  flex-shrink: 0;
  color: var(--Text_White, #FFF);
  text-align: center;
  margin: auto;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.similique .similique-numbers {
  display: flex;
  justify-content: center;
}
.similique .similique-numbers h1 {
  color: var(--Text_White, #FFF);
  text-align: center;
  font-family: "DM Serif Display";
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
}
.similique .similique-numbers p {
  width: 270px;
  color: var(--text-white-50, rgba(255, 255, 255, 0.5));
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

@media all and (max-width: 375px) {
  .similique {
    max-width: 375px;
    height: 896px;
    padding: 74px 0 0 0;
  }
  .similique h2 {
    font-size: 40px;
    margin-bottom: 31px;
    line-height: 48px;
  }
  .similique p {
    width: 346px;
    height: 103px;
    font-size: 20px;
    line-height: 32px;
  }
  .similique .similique-numbers {
    flex-direction: column;
  }
  .similique .similique-numbers h1 {
    margin-bottom: 0px;
  }
  .similique .similique-numbers p {
    height: auto;
  }
}
body {
  background: #f5f6fc;
}

/*# sourceMappingURL=styles.css.map */