.full-width-field {
  width: 100%;
}

.full-width-field .support-text {
  width: 100%;
  height: 150px; /* Adjust the height as needed */
  resize: vertical; /* Allows the user to resize vertically only */
  padding: 10px; /* Adds some padding inside the textarea */
  font-size: 14px; /* Adjusts the font size */
  border: 1px solid #ccc; /* Adds a border to the textarea */
  border-radius: 4px; /* Rounds the corners of the textarea */
  box-sizing: border-box; /* Ensures padding does not increase the total width/height */
}

.we-specialize-in {
  margin: 0;
  font-weight: 300;
}
.across {
  font-weight: 300;
}
.across,
.devops {
  font-family: Inter;
}
.designed-to-optimize {
  font-weight: 300;
}
.across-devops-cloud-infrastru {
  margin: 0;
}
.we-specialize-in-container {
  width: 666px;
  position: absolute;
  margin: 0 !important;
  top: 600.9px;
  left: 189px;
  letter-spacing: 0.01em;
  line-height: 32px;
  display: inline-block;
  z-index: 2;
}
.frame-child {
  align-self: stretch;
  height: 3630px;
  position: relative;
  background: linear-gradient(180deg, #000c50, #013b6f);
  display: none;
}
.frame-item,
.untitled-1-copy-1 {
  position: relative;
  max-width: 100%;
}
.untitled-1-copy-1 {
  align-self: stretch;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  mix-blend-mode: lighten;
  z-index: 1;
}
.frame-item {
  height: 148px;
  width: 368.2px;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  background-color: #acbfdb;
  display: none;
}
.devops1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 53.4px;
  font-weight: 300;
  font-family: inherit;
  z-index: 3;
}
.frame-container,
.rectangle-group {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-group {
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  background-color: #acbfdb;
  flex-direction: row;
  justify-content: flex-start;
  padding: 46.1px 83px 47.9px 84px;
  z-index: 2;
}
.frame-container {
  width: 368.2px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0 33.4px;
}
.writer-poet-digitalgeek {
  width: 45.9px;
  height: 2px;
  position: relative;
  z-index: 1;
}
.writer-poet-digitalgeek-wrapper {
  height: 107.4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.vector-icon {
  position: absolute;
  top: 161.7px;
  left: 331.4px;
  width: 54.5px;
  height: 25.2px;
  z-index: 1;
}
.frame-inner {
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.streamline-your-development {
  position: absolute;
  top: 47.5px;
  left: 66.6px;
  letter-spacing: -0.02em;
  line-height: 41.6px;
  font-weight: 300;
  z-index: 3;
}
.vector-parent {
  height: 214.8px;
  flex: 1;
  position: relative;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  min-width: 275px;
  max-width: 100%;
  z-index: 2;
  font-size: 35.8px;
  color: #d6dce8;
}
.frame-group {
  width: 837px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  gap: 0;
  max-width: 100%;
  text-align: left;
  font-size: 51px;
  color: #09084a;
  font-family: Sora;
}
.accelerate-your-innovation {
  margin-block-start: 0;
  margin-block-end: 19.65px;
}
.accelerate-your-innovation-container {
  width: 442.9px;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 34px;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 1;
}
.accelerate-your-innovation-and-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
}
.accelerate-your-innovation-and-wrapper,
.frame-parent,
.frame-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  width: 888px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 41.9px;
}
.frame-wrapper {
  width: 1052px;
  flex-direction: row;
  justify-content: center;
  padding: 0 20px 41.2px;
  box-sizing: border-box;
}
.rectangle-div {
  height: 197.1px;
  width: 650.9px;
  position: relative;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  background-color: #acbfdb;
  display: none;
  max-width: 100%;
  z-index: 0;
}
.cloud-infrastructure-cost1 {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 53.4px;
  font-weight: 300;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  z-index: 2;
}
.star-control-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6.8px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.are-your-cloud {
  position: absolute;
  top: 46.8px;
  left: 22.1px;
  line-height: 20.6px;
  display: inline-block;
  font-weight: 700;
  width: 136.5px;
  z-index: 3;
}
.star-control {
  height: 180.8px;
  width: 180.8px;
  position: absolute;
  margin: 0 !important;
  top: -71.9px;
  right: -128.6px;
  font-size: 23.4px;
  color: #00074a;
  font-family: Playfair;
}
.frame-wrapper1,
.rectangle-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-container {
  flex: 1;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  background-color: #acbfdb;
  padding: 43.1px 74px 47px;
  position: relative;
  z-index: 1;
}
.frame-wrapper1 {
  align-self: stretch;
  padding: 0 137px 0 136px;
}
.blog-icon {
  height: 45.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
  z-index: 1;
}
.blog-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
}
.frame-child1 {
  height: 112.2px;
  width: 924.7px;
  position: relative;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}
.optimize-your-spend {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 41.6px;
  font-weight: 300;
  font-family: inherit;
  z-index: 2;
}
.optimize-your-spend-link {
  color: inherit;
  text-decoration: none;
}
.optimize-your-spend-maximize-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px 0 0;
  box-sizing: border-box;
  min-width: 492px;
  max-width: 100%;
}
.group-icon {
  height: 45px;
  width: 45px;
  position: relative;
  z-index: 2;
}
.frame-section,
.rectangle-parent1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.rectangle-parent1 {
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  padding: 27px 48px 33px 51px;
  gap: 19.2px;
  z-index: 1;
  font-size: 35.8px;
  color: #d6dce8;
}
.frame-section {
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  font-size: 51px;
  color: #09084a;
  font-family: Sora;
}
.cloudtotus-provides-expert {
  margin-block-start: 0;
  margin-block-end: 13.3px;
}
.cloudtotus-provides-expert-container {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 34px;
  font-weight: 300;
  z-index: 1;
}
.cloudtotus-provides-expert-clo-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 203px;
}
.frame-div,
.frame-parent1 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent1 {
  width: 924.7px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 47.1px;
}
.frame-div {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 21px 14.8px 20px;
  box-sizing: border-box;
}
.ai-services1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 53.4px;
  font-weight: 300;
  font-family: inherit;
  z-index: 3;
}
.chandan-sharma-wrapper,
.cloud-totus-a-i {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cloud-totus-a-i {
  height: 148px;
  width: 368.2px;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  background-color: #acbfdb;
  flex-direction: row;
  padding: 46.1px 46px 47.9px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 2;
}
.chandan-sharma-wrapper {
  flex-direction: column;
  padding: 74px 0 0;
}
.frame-child2 {
  height: 121.2px;
  width: 848.9px;
  position: relative;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}
.unlock-the-power {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 41.6px;
  font-weight: 300;
  font-family: inherit;
  z-index: 2;
}
.frame-child3 {
  width: 27.6px;
  height: 36.3px;
  position: relative;
  z-index: 2;
}
.frame-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5.9px 0 0;
}
.rectangle-parent2 {
  align-self: stretch;
  backdrop-filter: blur(18.2px);
  border-radius: 43.9px;
  border: 2px solid #d6dce8;
  box-sizing: border-box;
  flex-direction: row;
  padding: 37px 41px 37px 46px;
  gap: 16.1px;
  z-index: 1;
}
.cloud-totus-a-i-parent,
.frame-wrapper3,
.rectangle-parent2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-wrapper3 {
  flex: 1;
  flex-direction: column;
  padding: 12.5px 0 0;
  box-sizing: border-box;
  min-width: 552px;
  font-size: 35.8px;
  color: #d6dce8;
}
.cloud-totus-a-i-parent {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
  text-align: left;
  font-size: 51px;
  color: #09084a;
  font-family: Sora;
}
.transform-your-business {
  margin-block-start: 0;
  margin-block-end: 44.97px;
}
.cloudtotus-offers-a-container,
.transform-your-business-container {
  position: relative;
  letter-spacing: 0.01em;
  font-weight: 300;
  display: inline-block;
  z-index: 1;
}
.transform-your-business-container {
  align-self: stretch;
  height: 162px;
  line-height: 81px;
}
.cloudtotus-offers-a-container {
  height: 252px;
  line-height: 34px;
}
.cloudtotus-offers-a-range-of-a-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 310px 0 386px;
  font-size: 22px;
  color: #fff;
}
.service-area,
.service-area-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.service-area {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: 43.3px;
}
.service-area-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 20px 0 28px;
  box-sizing: border-box;
}
.frame-parent2 {
  width: 1263px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 28.9px;
  max-width: 100%;
}
.frame-wrapper2,
.rectangle-parent {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-wrapper2 {
  width: 1427px;
  flex-direction: row;
  justify-content: center;
  padding: 0 20px;
  font-size: 74.4px;
  color: #01154c;
}
.rectangle-parent {
  flex: 1;
  background: linear-gradient(180deg, #000c50, #013b6f);
  flex-direction: column;
  justify-content: flex-start;
  padding: 3.7px 0 194.8px;
  gap: 165px;
  font-size: 22px;
}
.industry-cloud-child {
  height: 50.9px;
  width: 62.6px;
  position: relative;
  z-index: 2;
}
.cloudtotus {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 31px;
  font-weight: 700;
  font-family: inherit;
  z-index: 2;
}
.cloudtotus-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 5.6px;
}
.industry-cloud {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 15.2px;
}
.cloud-infra {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 17.9px;
  font-weight: 300;
}
.devops-parent {
  margin: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  font-size: 16.5px;
  color: #fff;
  font-family: Inter;
}
.why-cloud-totus-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 12.6px;
  box-sizing: border-box;
  max-width: 100%;
}
.terms-totus-parent {
    max-width: 1200px!important;
    margin: 0 auto;
    gap: 80px!important;
}

.why-choose-cloudtotus {
    max-width: 50%!important;
    margin: 0 auto;
}
.why-cloud-totus {
  height: 50.9px;
  width: 78%;
  margin: 0 !important;
  position: absolute;
  top: 45.4px;
  right: 164px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 601.1px;
  max-width: 100%;
  text-align: left;
  font-size: 33px;
  color: #fff;
  font-family: Sora;
}
.why-cloud-totus-thankyou {
  height: 50.9px;
  width: 50%;
  margin: 0 !important;
  position: absolute;
  top: 45.4px;
  right: 164px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 601.1px;
  max-width: 100%;
  text-align: left;
  font-size: 33px;
  color: #fff;
  font-family: Sora;
}
.frame-child4,
.home-px {
  position: relative;
  max-width: 100%;
}
.home-px {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 23.7px;
  color: #fff;
  font-family: Inter;
}
.frame-child4 {
  width: 1440px;
  height: 3082px;
  background: linear-gradient(111.5deg, #e1e1e1, #fff);
  display: none;
}
.why-choose-cloudtotus {
  flex: 1;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 73.7px;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.agreement-email,
.terms-totus {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.agreement-email {
  align-self: stretch;
  flex-direction: row;
  padding: 0 124px 0 123px;
}
.terms-totus {
  width: 322.3px;
  flex-direction: column;
  padding: 305px 0 0;
}
.expertise-tailor-made-results-container1 {
  line-break: anywhere;
  width: 100%;
}
.expertise-tailor-made-results-container,
.image-1-icon {
  position: relative;
  max-width: 100%;
  flex-shrink: 0;
  z-index: 1;
}
.expertise-tailor-made-results-container {
  margin: 0;
  width: 458.3px;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 75.4px;
  font-weight: 300;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.image-1-icon {
  flex: 1;
  border-radius: 85px;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.email-button,
.image-1-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.image-1-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 5px;
  box-sizing: border-box;
}
.email-button {
  flex-direction: column;
  gap: 86.3px;
  text-align: left;
  font-size: 72px;
  color: #c9d3e3;
  font-family: Sora;
}
.terms-totus-parent {
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  font-size: 22px;
  color: #00173b;
  font-family: Inter;
}
.agreement-email-parent,
.ready-to-take-your-business-hi-wrapper,
.terms-totus-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.agreement-email-parent {
  flex-direction: column;
  justify-content: flex-start;
  gap: 88.9px;
}
.ready-to-take-your-business-hi-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 98px;
  box-sizing: border-box;
}
.discover-how-cloudtotus {
  position: relative;
  font-size: 22px;
  letter-spacing: 0.01em;
  line-height: 34px;
  font-weight: 300;
  font-family: Inter;
  color: #00173b;
  z-index: 1;
}
.website-totus {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 67.3px;
  max-width: 100%;
  text-align: center;
  font-size: 70.3px;
  color: #1653ae;
  font-family: Sora;
}
.business-email,
.enter-your-email {
  align-self: stretch;
  position: relative;
  font-size: 14.7px;
  letter-spacing: -0.02em;
  line-height: 15.4px;
  font-weight: 300;
  font-family: Sora;
  color: #00173b;
  text-align: left;
}
.enter-your-email {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 16px;
  color: #a9a9a9;
  display: flex;
  align-items: center;
  min-width: 161px;
  padding: 0;
}
.submitting-form {
  width: 309px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 13px 19px;
  gap: 16px;
}
.enter-your-phone,
.select {
  width: 100%;
  border: 0;
  outline: 0;
  font-weight: 300;
  font-family: Sora;
  font-size: 14.7px;
  background-color: transparent;
  align-self: stretch;
  height: 16px;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 15.4px;
  color: #00173b;
  text-align: left;
  display: flex;
  align-items: center;
  min-width: 161px;
  padding: 0;
}
.enter-your-phone {
  color: #a9a9a9;
  min-width: 250px;
}
.leads-are-the-blood-for-any-bu,
.submitting-form-parent {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}
.leads-are-the-blood-for-any-bu {
  width: 649px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 19px;
  gap: 16px;
}
.submitting-form-parent {
  align-self: stretch;
  height: 552px;
  border-radius: 9px;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 27px 20px;
  gap: 27px;
}
.terms-of-service {
  text-decoration: underline;
}
.by-submitting-this-container {
  position: relative;
  font-size: 14.7px;
  letter-spacing: -0.02em;
  line-height: 15.4px;
  font-weight: 300;
  font-family: Sora;
  color: #00173b;
  text-align: center;
  z-index: 1;
}
.by-submitting-this-form-you-a-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 18px 0 24px;
}
.talk-to-us1 {
  position: relative;
  font-size: 24.8px;
  letter-spacing: -0.02em;
  font-family: Sora;
  color: #fff;
  text-align: center;
}
.talk-to-us-wrapper {
  cursor: pointer;
  border: 0;
  padding: 13.2px 0;
  background-color: #1653ae;
  align-self: stretch;
  height: 92px;
  border-radius: 25.2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.talk-to-us-wrapper:hover {
  background-color: #3d7ad4;
}
.business-name {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 38px;
  max-width: 100%;
}
.business-name-wrapper,
.first-name-support {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.business-name-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 20px;
  box-sizing: border-box;
}
.first-name-support {
  margin: 0;
  width: 689px;
  flex-direction: column;
  gap: 12px;
}
.cloud-totus-name,
.first-name-support-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 0 21px;
  box-sizing: border-box;
  max-width: 100%;
}
.cloud-totus-name {
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 37.9px;
  gap: 51.2px;
}
.camada-1-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.cloudtotus1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 25.7px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.cloudtotus-container,
.how-can-help {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cloudtotus-container {
  flex-direction: row;
  padding: 0 11px;
}
.how-can-help {
  align-self: stretch;
  width: 183px;
  flex-direction: column;
  gap: 29.2px;
}
.how-can-help-wrapper,
.rectangle-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 2px;
  font-size: 27.4px;
  color: #a7b6d2;
}
.rectangle-parent3 {
  background: linear-gradient(111.5deg, #e1e1e1, #fff);
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 123.8px 268px 228.8px;
  box-sizing: border-box;
  gap: 106.1px;
  max-width: 100%;
  text-align: center;
  font-size: 70.3px;
  color: #1653ae;
  font-family: Sora;
}
.terms-submit,
.untitled-1-copy-2 {
  width: 1440px;
  position: absolute;
  margin: 0 !important;
}
.terms-submit {
  height: 287.6px;
  top: 676.9px;
  right: -28.6px;
  background: linear-gradient(0deg, rgba(2, 14, 81, 0), #010f52);
  z-index: 3;
}
.untitled-1-copy-2 {
  top: -65px;
  left: -16px;
  max-height: 100%;
  object-fit: contain;
  z-index: 4;
}
.home-1440-px {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1350px) {
  .cloudtotus-offers-a-range-of-a-wrapper {
    padding-left: 193px;
    padding-right: 155px;
    box-sizing: border-box;
  }
  .rectangle-parent {
    padding-top: 20px;
    padding-bottom: 83px;
    box-sizing: border-box;
  }
  .email-button,
  .terms-totus {
    flex: 1;
  }
  .terms-totus-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
  .rectangle-parent3 {
    padding-top: 52px;
    padding-bottom: 97px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1150px) {
  .frame-wrapper1,
  .rectangle-parent1 {
    padding-left: 68px;
    padding-right: 68px;
    box-sizing: border-box;
  }
  .rectangle-parent1 {
    padding-left: 25px;
    padding-right: 24px;
  }
  .cloudtotus-provides-expert-clo-wrapper {
    padding-left: 101px;
    padding-right: 101px;
    box-sizing: border-box;
  }
  .rectangle-parent2 {
    padding-left: 23px;
    box-sizing: border-box;
  }
  .rectangle-parent {
    padding-bottom: 54px;
    box-sizing: border-box;
  }
  .agreement-email {
    padding-left: 61px;
    padding-right: 62px;
    box-sizing: border-box;
  }
  .email-button {
    min-width: 100%;
  }
  .agreement-email-parent {
    gap: 44px;
  }
  .ready-to-take-your-business-hi-wrapper {
    padding-left: 49px;
    padding-right: 49px;
    box-sizing: border-box;
  }
  .website-totus {
    gap: 34px;
  }
}
@media screen and (max-width: 800px) {
  .devops1 {
    font-size: 41px;
    line-height: 43px;
  }
  .streamline-your-development {
    font-size: 29px;
    line-height: 33px;
  }
  .frame-wrapper {
    padding-bottom: 27px;
    box-sizing: border-box;
  }
  .cloud-infrastructure-cost1 {
    font-size: 41px;
    line-height: 43px;
  }
  .rectangle-container {
    padding-left: 37px;
    padding-right: 37px;
    box-sizing: border-box;
  }
  .optimize-your-spend {
    font-size: 29px;
    line-height: 33px;
  }
  .optimize-your-spend-link {
    color: purple;
    text-decoration: none;
  }
  .optimize-your-spend-maximize-wrapper {
    min-width: 100%;
  }
  .rectangle-parent1 {
    flex-wrap: wrap;
  }
  .frame-wrapper3 {
    min-width: 100%;
  }
  .transform-your-business-container {
    font-size: 60px;
    line-height: 65px;
  }
  .cloudtotus-offers-a-range-of-a-wrapper {
    padding-left: 96px;
    padding-right: 77px;
    box-sizing: border-box;
  }
  .service-area {
    gap: 22px;
  }
  .rectangle-parent {
    gap: 82px;
  }
  .devops-parent {
    display: none;
  }
  .why-choose-cloudtotus {
    font-size: 56px;
    line-height: 59px;
  }
  .terms-totus {
    padding-top: 198px;
    box-sizing: border-box;
  }
  .expertise-tailor-made-results-container {
    font-size: 58px;
    line-height: 60px;
  }
  .email-button {
    gap: 43px;
  }
  .business-name {
    gap: 19px;
  }
  .rectangle-parent3 {
    gap: 53px;
    padding: 34px 134px 63px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .we-specialize-in-container {
    font-size: 19px;
    line-height: 26px;
  }
  .devops1 {
    font-size: 31px;
    line-height: 32px;
  }
  .rectangle-group {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .streamline-your-development {
    font-size: 21px;
    line-height: 25px;
  }
  .accelerate-your-innovation-container {
    font-size: 18px;
    line-height: 27px;
  }
  .frame-parent {
    gap: 21px;
  }
  .cloud-infrastructure-cost1 {
    font-size: 31px;
    line-height: 32px;
  }
  .are-your-cloud {
    font-size: 19px;
    line-height: 16px;
  }
  .frame-wrapper1 {
    padding-left: 34px;
    padding-right: 34px;
    box-sizing: border-box;
  }
  .optimize-your-spend {
    font-size: 21px;
    line-height: 25px;
  }
  .cloudtotus-provides-expert-container {
    font-size: 18px;
    line-height: 27px;
  }
  .cloudtotus-provides-expert-clo-wrapper {
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
  }
  .frame-parent1 {
    gap: 24px;
  }
  .cloud-totus-a-i {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .transform-your-business-container {
    font-size: 45px;
    line-height: 49px;
  }
  .cloudtotus-offers-a-container {
    font-size: 18px;
    line-height: 27px;
  }
  .cloudtotus-offers-a-range-of-a-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .rectangle-parent {
    gap: 41px;
    padding-bottom: 35px;
    box-sizing: border-box;
  }
  .why-choose-cloudtotus {
    font-size: 42px;
    line-height: 44px;
  }
  .agreement-email {
    padding-left: 30px;
    padding-right: 31px;
    box-sizing: border-box;
  }
  .terms-totus {
    padding-top: 129px;
    box-sizing: border-box;
  }
  .expertise-tailor-made-results-container {
    font-size: 43px;
    line-height: 45px;
  }
  .agreement-email-parent {
    gap: 22px;
  }
  .ready-to-take-your-business-hi-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }
  .discover-how-cloudtotus {
    font-size: 18px;
    line-height: 27px;
  }
  .website-totus {
    gap: 17px;
  }
  .talk-to-us1 {
    font-size: 20px;
  }
  .cloud-totus-name {
    gap: 26px;
  }
  .cloudtotus1 {
    font-size: 22px;
    line-height: 21px;
  }
  .rectangle-parent3 {
    gap: 27px;
    padding: 22px 20px 41px;
    box-sizing: border-box;
  }
}

/* ===== MENU HAMBÚRGUER MOBILE ===== */

/* Container do menu mobile */
.mobile-menu-container {
  display: none;
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
}

/* Botão hambúrguer */
.hamburger-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 30px;
  height: 30px;
  background: rgba(22, 83, 174, 0.9);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 6px;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.hamburger-menu:hover {
  background: rgba(22, 83, 174, 1);
  transform: scale(1.05);
}

/* Linhas do hambúrguer */
.hamburger-line {
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.3s ease;
  transform-origin: center;
}

/* Animação do X quando ativo */
.hamburger-menu.active .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-menu.active .hamburger-line:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
}

/* Menu de navegação mobile */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 280px;
  height: 100vh;
  background: linear-gradient(180deg, #000c50, #013b6f);
  transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);
  overflow-y: auto;
}

.mobile-nav.active {
  right: 0;
}

/* Conteúdo do menu */
.mobile-nav-content {
  padding: 80px 30px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Logo no menu mobile */
.mobile-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(214, 220, 232, 0.2);
}

.mobile-logo img {
  width: 35px;
  height: auto;
}

.mobile-logo h3 {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
}

/* Lista de navegação */
.mobile-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}

.mobile-nav-list li {
  margin-bottom: 8px;
}

/* Links de navegação */
.mobile-nav-link {
  display: block;
  color: #d6dce8;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 15px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  letter-spacing: 0.01em;
  position: relative;
  overflow: hidden;
}

.mobile-nav-link:hover {
  color: #fff;
  background: rgba(214, 220, 232, 0.1);
  transform: translateX(5px);
}

.mobile-nav-link:active {
  transform: translateX(5px) scale(0.98);
}

/* Botão especial "Talk to us" */
.talk-to-us-mobile {
  background: linear-gradient(135deg, #1653ae, #3d7ad4) !important;
  color: #fff !important;
  font-weight: 400 !important;
  margin-top: 20px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(22, 83, 174, 0.3);
}

.talk-to-us-mobile:hover {
  background: linear-gradient(135deg, #3d7ad4, #1653ae) !important;
  transform: translateX(0) translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(22, 83, 174, 0.4);
}

/* Overlay para fechar o menu */
.mobile-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9998;
}

.mobile-nav-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Media queries para mostrar o menu mobile */
@media (max-width: 1650px) {
  .mobile-menu-container {
    display: block;
  }
  
  .why-cloud-totus-inner {
    display: none;
  }
  
  .why-cloud-totus {
    justify-content: flex-start;
  }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 480px) {
  .mobile-nav {
    width: 100%;
    right: -100%;
  }
  
  .mobile-nav-content {
    padding: 70px 20px 20px;
  }
  
  .mobile-logo h3 {
    font-size: 18px;
  }
  
  .mobile-nav-link {
    font-size: 15px;
    padding: 12px 16px;
  }
}

/* Animações suaves */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}