.macbook-pro {
  background-color: #0a0a0a;
  overflow: hidden;
  width: 100%;
  min-width: 1512px;
  min-height: 5150px;
  position: relative;
}

.macbook-pro .group {
  position: absolute;
  top: 6px;
  left: 759px;
  width: 747px;
  height: 964px;
}

.macbook-pro .videoplayback {
  position: absolute;
  top: calc(50.00% - 482px);
  right: 0;
  width: 747px;
  height: 964px;
  border-radius: 42px;
  object-fit: cover;
}

.macbook-pro .chatgpt-image-jan {
  position: absolute;
  top: 113px;
  left: 0;
  width: 747px;
  height: 776px;
}

.macbook-pro .group-wrapper {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 747px;
  height: 964px;
  display: flex;
  background-color: #121212;
  border-radius: 42px;
}

.macbook-pro .div {
  margin-top: 243px;
  width: 665px;
  height: 484px;
  margin-left: 42px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.macbook-pro .group-2 {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.macbook-pro .group-3 {
  width: 669px;
  height: 337px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.macbook-pro .sound-soulful-FIND {
  width: 665px;
  height: 258px;
  text-shadow: 0px 4px 12px #1ed7601a;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 64px;
  letter-spacing: 0.64px;
  line-height: 64px;
  box-shadow: var(--text-shadow-for-heading);
}

.macbook-pro .text-wrapper {
  font-weight: 700;
  color: #19e9b7;
  letter-spacing: 0.41px;
  line-height: 86px;
}

.macbook-pro .span {
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.41px;
  line-height: 86px;
}

.macbook-pro .we-create {
  margin-left: 3px;
  width: 652px;
  height: 64px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32px;
}

.macbook-pro .frame {
  display: inline-flex;
  width: 195px;
  height: 52px;
  position: relative;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid;
  border-color: #ffffff;
}

.macbook-pro .get-started {
  position: relative;
  width: fit-content;
  text-shadow: 0px 4px 25px #1ed7601f;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 24px;
  white-space: nowrap;
}

.macbook-pro .img {
  position: relative;
  width: 36px;
  height: 36px;
}

.macbook-pro .group-4 {
  width: 343px;
  display: flex;
  gap: 16px;
}

.macbook-pro .frame-2 {
  display: inline-flex;
  margin-top: 2px;
  width: 120px;
  height: 36px;
  position: relative;
  align-items: center;
}

.macbook-pro .ellipse {
  margin-left: -17.50px;
  position: relative;
  margin-top: -7.50px;
  margin-bottom: -27.50px;
  object-fit: cover;
}

.macbook-pro .ellipse-2 {
  position: relative;
  width: 71px;
  height: 71px;
  margin-top: -7.50px;
  margin-bottom: -27.50px;
  margin-left: -8px;
  object-fit: cover;
}

.macbook-pro .ellipse-3 {
  margin-right: -17.50px;
  margin-left: -8px;
  position: relative;
  width: 71px;
  height: 71px;
  margin-top: -7.50px;
  margin-bottom: -27.50px;
  object-fit: cover;
}

.macbook-pro .text-wrapper-2 {
  width: 205px;
  height: 40px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.macbook-pro .group-5 {
  position: absolute;
  left: calc(50.00% - 702px);
  bottom: 1293px;
  width: 1405px;
  height: 2078px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.macbook-pro .group-6 {
  margin-left: -1px;
  height: 650.67px;
  width: 1400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin-top: 100px;
}

.macbook-pro .frame-3 {
  height: 123px;
  width: 1116px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.macbook-pro .text-wrapper-3 {
  height: 69px;
  text-shadow: 0px 4px 12px #1ed7601a;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0.60px;
  line-height: 69px;
  box-shadow: var(--text-shadow-for-heading);
}

.macbook-pro .p {
  height: 30px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 30px;
}

.macbook-pro .group-7 {
  height: 487.67px;
  width: 1400px;
  display: flex;
  flex-direction: column;
  gap: 23.3px;
}

.macbook-pro .group-8 {
  width: 1400px;
  height: 232.17px;
  position: relative;
}

.macbook-pro .link {
  position: absolute;
  width: calc(100% - 854px);
  top: 0;
  left: 0;
  height: 232px;
  border-radius: 23.33px;
  overflow: hidden;
  background: linear-gradient(
      148deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 233, 183, 0.3) 100%
    ),
    linear-gradient(0deg, rgba(39, 40, 41, 0.7) 0%, rgba(39, 40, 41, 0.7) 100%);
}

.macbook-pro .better-sleep-develop {
  position: absolute;
  top: 15px;
  left: 23px;
  width: 413px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
}

.macbook-pro .background {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 83px;
  height: 83px;
}

.macbook-pro .text-wrapper-4 {
  position: absolute;
  top: 175px;
  left: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 39.7px;
  letter-spacing: 0;
  line-height: 47.6px;
  white-space: nowrap;
}

.macbook-pro .link-2 {
  width: calc(100% - 569px);
  left: 569px;
  background-color: #19e9b70a;
  border: 1.46px solid;
  border-color: #19e9b733;
  position: absolute;
  top: 0;
  height: 232px;
  border-radius: 23.33px;
  overflow: hidden;
}

.macbook-pro .better-sleep-develop-2 {
  width: 523px;
  position: absolute;
  top: 15px;
  left: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
}

.macbook-pro .group-9 {
  height: 232.17px;
  position: relative;
}

.macbook-pro .link-3 {
  width: calc(100% - 569px);
  left: 0;
  background-color: #19e9b70a;
  border: 1.46px solid;
  border-color: #19e9b733;
  position: absolute;
  top: 0;
  height: 232px;
  border-radius: 23.33px;
  overflow: hidden;
}

.macbook-pro .better-sleep-develop-3 {
  width: 528px;
  position: absolute;
  top: 15px;
  left: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
}

.macbook-pro .link-4 {
  width: calc(100% - 854px);
  left: 854px;
  background: linear-gradient(
      148deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 233, 183, 0.3) 100%
    ),
    linear-gradient(0deg, rgba(39, 40, 41, 0.7) 0%, rgba(39, 40, 41, 0.7) 100%);
  position: absolute;
  top: 0;
  height: 232px;
  border-radius: 23.33px;
  overflow: hidden;
}

.macbook-pro .better-sleep-develop-4 {
  width: 382px;
  position: absolute;
  top: 15px;
  left: 23px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
}

.macbook-pro .group-10 {
  height: 861px;
  width: 1405px;
  margin-top: 129.3px;
  display: flex;
  flex-direction: column;
  gap: 76px;
}

.macbook-pro .frame-4 {
  margin-left: 5px;
  height: 144px;
  width: 1116px;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.macbook-pro .our-app-has {
  height: 60px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 30px;
}

.macbook-pro .group-11 {
  height: 641px;
  position: relative;
}

.macbook-pro .group-12 {
  position: absolute;
  top: 0;
  left: 2px;
  width: 452px;
  height: 308px;
}

.macbook-pro .div-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 308px;
  display: flex;
  background-color: #ffffff1a;
  border-radius: 25px;
  border: 1px solid;
  border-color: #19e9b7;
  box-shadow: 0px 0px 9px 3px #19e9b729;
}

.macbook-pro .group-13 {
  margin-top: 17px;
  width: 374px;
  height: 178px;
  margin-left: 19px;
  position: relative;
}

/* .macbook-pro .frame-5 {
  position: absolute;
  align-items: center;
  top: 25px;
  left: 25px;
} */

.icon-circle {
  width: 100px;
  height: 100px;
  padding: 16px;
  background: #2a2a2a;
  border-radius: 50%;
  object-fit: contain;
  flex-shrink: 0;
  border: 1px  #19e9b7;
box-shadow: 0 0 12px rgba(192, 245, 233, 0.4);
}

.icon-circle1 {
  margin-top: 20px;
  margin-left: 24px;
  width: 100px;
  height: 100px;
  padding: 16px;
  background: #151515;
  border-radius: 50%;
  object-fit: contain;
  flex-shrink: 0;
  border: 1px  #19e9b7;
box-shadow: 0 0 12px rgba(192, 245, 233, 0.4);
}

/* Optional size variants */
.icon-circle.size-sm {
  width: 48px;
  height: 48px;
  padding: 12px;
}

.icon-circle.size-lg {
  width: 80px;
  height: 80px;
  padding: 20px;
}

.macbook-pro .group-14 {
  position: absolute;
  top: 120px;
  left: 0;
  width: 376px;
  height: 58px;
  display: flex;
}

.macbook-pro .text-wrapper-5 {
  width: 374px;
  height: 58px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .text-wrapper-6 {
  left: 19px;
  position: absolute;
  top: 212px;
  width: 390px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
}

.macbook-pro .group-15 {
  position: absolute;
  top: 0;
  left: 955px;
  width: 452px;
  height: 308px;
}

.macbook-pro .group-16 {
  margin-top: 17px;
  width: 396px;
  height: 178px;
  margin-left: 21px;
  position: relative;
}

.macbook-pro .group-17 {
  position: absolute;
  top: 120px;
  left: 0;
  width: 398px;
  height: 58px;
  display: flex;
}

.macbook-pro .text-wrapper-7 {
  width: 396px;
  height: 58px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .text-wrapper-8 {
  left: 21px;
  position: absolute;
  top: 212px;
  width: 390px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
}

.macbook-pro .group-18 {
  position: absolute;
  top: 333px;
  left: 0;
  width: 452px;
  height: 308px;
}

.macbook-pro .group-19 {
  margin-top: 17px;
  width: 413px;
  height: 178px;
  margin-left: 21px;
  position: relative;
}

.macbook-pro .group-20 {
  position: absolute;
  top: 120px;
  left: 0;
  width: 415px;
  height: 58px;
  display: flex;
}

.macbook-pro .text-wrapper-9 {
  width: 413px;
  height: 58px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .text-wrapper-10 {
  position: absolute;
  top: 211px;
  left: 21px;
  width: 390px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
}

.macbook-pro .group-21 {
  position: absolute;
  top: 333px;
  left: 955px;
  width: 452px;
  height: 308px;
}

.macbook-pro .group-22 {
  position: absolute;
  top: 0;
  left: 0;
  width: 452px;
  height: 308px;
}

.macbook-pro .rectangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 308px;
  background-color: #ffffff1a;
  border-radius: 25px;
  border: 1px solid;
  border-color: #19e9b7;
  box-shadow: 0px 0px 9px 3px #19e9b729;
}

.macbook-pro .text-wrapper-11 {
  position: absolute;
  top: 137px;
  left: 21px;
  width: 396px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .group-23 {
  position: absolute;
  align-items: center;
  top: 50px;
  left: 50px;
}

.macbook-pro .hand-image {
  position: absolute;
  top: 0;
  left: 504px;
  width: 404px;
  height: 641px;
}

.macbook-pro .card {
  height: 375px;
  width: 1405px;
  position: relative;
  margin-top: 62px;
}

.macbook-pro .rectangle-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 757px;
  height: 375px;
}

.macbook-pro .rectangle-3 {
  position: absolute;
  top: 0;
  left: 706px;
  width: 699px;
  height: 375px;
  object-fit: cover;
}

.macbook-pro .group-24 {
  position: absolute;
  top: 28px;
  left: 29px;
  width: 658px;
  height: 320px;
}

.macbook-pro .frame-6 {
  width: 30.40%;
  height: 16.65%;
  top: 83.35%;
  left: 0;
  position: absolute;
  display: flex;
  gap: 12.3px;
  background-color: #ffffff33;
  border-radius: 51.28px;
  border: 1.03px solid;
  border-color: #ffffff;
  backdrop-filter: blur(2.05px) brightness(100%);
  -webkit-backdrop-filter: blur(2.05px) brightness(100%);
}

.macbook-pro .get-started-2 {
  margin-top: 14.4px;
  width: 118px;
  height: 25px;
  margin-left: 16.4px;
  text-shadow: 0px 4.1px 25.64px #1ed7601f;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 16.4px;
  letter-spacing: 0.16px;
  line-height: 24.6px;
  white-space: nowrap;
}

.macbook-pro .frame-7 {
  margin-top: 8.2px;
  width: 36.92px;
  height: 36.92px;
  position: relative;
}

.macbook-pro .group-25 {
  position: absolute;
  top: 0;
  left: 0;
  width: 662px;
  height: 242px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.macbook-pro .text-wrapper-12 {
  width: 648px;
  height: 128px;
  text-shadow: 0px 4px 12px #1ed7601a;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 44px;
  letter-spacing: 0.44px;
  line-height: 64px;
  box-shadow: var(--text-shadow-for-heading);
}

.macbook-pro .text-wrapper-13 {
  width: 658px;
  height: 102px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 34px;
}

.macbook-pro .rectangle-4 {
  position: absolute;
  top: 976px;
  left: calc(50.00% - 750px);
  width: 1500px;
  height: 753px;
  background-color: #121212;
  border-radius: 42px;
}

.macbook-pro .group-26 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1512px;
  height: 460px;
}

.macbook-pro .group-27 {
  position: absolute;
  left: calc(50.00% - 756px);
  bottom: 0;
  width: 1514px;
  height: 460px;
}

.macbook-pro .footer {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 1512px;
  height: 460px;
  display: flex;
  background-color: transparent;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ), linear-gradient(0deg, rgba(24, 23, 21, 1) 0%, rgba(24, 23, 21, 1) 100%);
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  margin-top: 100px;
}

.macbook-pro .line {
  margin-top: 280px;
  width: 1337px;
  height: 1.75px;
  margin-left: 87.5px;
}

.macbook-pro .powered-by-allied {
  position: absolute;
  width: 19.62%;
  height: 4.78%;
  top: 89.17%;
  left: 5.78%;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .text-wrapper-14 {
  font-weight: 500;
  color: #ffffff99;
}

.macbook-pro .text-wrapper-15 {
  font-weight: 700;
  color: #19e9b7;
}

.macbook-pro .group-28 {
  position: absolute;
  top: 100px;
  left: 377px;
  width: 761px;
  height: 274px;
}

.macbook-pro .mask-group {
  position: absolute;
  height: 53.85%;
  top: -4.41%;
  left: calc(50.00% - 100px);
  width: 198px;
  object-fit: cover;
}

.macbook-pro .terms-conditions {
  position: absolute;
  top: 173px;
  left: calc(50.00% - 380px);
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.macbook-pro .frame-8 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8.75px;
  position: absolute;
  top: 222px;
  left: calc(50.00% - 120px);
}

.macbook-pro .frame-9 {
  position: relative;
  flex: 0 0 auto;
}

.macbook-pro .group-29 {
  position: absolute;
  top: 400px;
  left: 1071px;
  width: 356px;
  height: 22px;
}

.macbook-pro .text-wrapper-16 {
  position: absolute;
  width: 94.28%;
  height: 100%;
  top: 0;
  left: 5.16%;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #fff9f799;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.macbook-pro .bi-c-circle {
  position: absolute;
  width: 3.93%;
  height: 63.64%;
  top: 18.18%;
  left: 0;
}

.macbook-pro .sub-container {
  position: absolute;
  top: 1006px;
  left: calc(50.00% - 756px);
  width: 1512px;
  height: 692px;
}

.macbook-pro .group-30 {
  position: absolute;
  top: 4000px;
  left: calc(50.00% - 756px);
  width: 1512px;
  height: 771px;
  display: flex;
  background: linear-gradient(
    180deg,
    rgba(25, 233, 183, 0.7) 0%,
    rgba(255, 255, 255, 0.5) 100%
  );
}

.macbook-pro .group-31 {
  margin-top: 20.2px;
  width: 1041px;
  margin-left: 236px;
  display: flex;
  justify-content: center;
}

.macbook-pro .group-32 {
  width: 1041px;
  height: 750.75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 29.8px;
}

.macbook-pro .group-33 {
  margin-left: 4px;
  height: 216px;
  width: 1045px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.macbook-pro .text-wrapper-17 {
  margin-left: -7px;
  height: 65px;
  width: 820px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 65.2px;
  white-space: nowrap;
}

.macbook-pro .text-wrapper-18 {
  margin-left: -4px;
  height: 41px;
  width: 1041px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27.1px;
}

.macbook-pro .group-34 {
  margin-left: -10.5px;
  width: 494.5px;
  display: flex;
  gap: 22px;
}

.macbook-pro .play-store {
  margin-top: 0.9px;
  width: 236.25px;
  height: 69.12px;
  object-fit: cover;
}

.macbook-pro .apple-store {
  width: 236.25px;
  height: 70px;
  object-fit: cover;
}

.macbook-pro .group-35 {
  margin-left: 1px;
  width: 1030px;
  display: flex;
  gap: 30px;
}

.macbook-pro .iphone-pro-max {
  width: 500px;
  height: 505px;
}

.macbook-pro .iphone-pro-max-2 {
  margin-top: 1px;
  width: 500px;
  height: 504px;
}

.macbook-pro .group-36 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1512px;
  height: 138px;
  z-index: 999;
}

.macbook-pro .mask-group-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 1512px;
  height: 138px;
  background-color: #12121233;
}

.macbook-pro .mask-group-2 {
  position: absolute;
  width: 7.28%;
  height: 78.42%;
  top: 4.44%;
  left: 2.00%;
  object-fit: cover;
}

.macbook-pro .frame-10 {
  width: 13.23%;
  height: 38.65%;
  top: 30.43%;
  left: 83.17%;
  position: absolute;
  display: flex;
  gap: 12.3px;
  background-color: #ffffff33;
  border-radius: 51.28px;
  border: 1.03px solid;
  border-color: #ffffff;
  backdrop-filter: blur(2.05px) brightness(100%);
  -webkit-backdrop-filter: blur(2.05px) brightness(100%);
}

.carousel-container {
  /* position: absolute; */
  /* top: 156px; */
  /* left: 759px; */
  width: 100%;
  max-width: 879px;
  height: auto;
  min-height: 743px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1440px) {
  .carousel-container {
    position: absolute;
    top: 156px;
    left: 759px;
    width: 879px;
    height: 743px;
  }
}
.main-carousel {
  width: 100%;
  height: 100%;
}

.carousel-cell {
  width: 33.33%; /* Each cell takes up a third of the carousel width */
  height: 100%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s;
  position: relative;
  z-index: 1; /* Default z-index for non-selected cells */
}

.carousel-cell img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.5s;
  transform: scale(0.9); /* Smaller scale for non-selected images */
}

/* Style for the main (selected) slide */
.carousel-cell.is-main-slide {
  z-index: 10; /* Bring the selected cell to the front */
  transform: scale(1.2); /* Reset cell scale */
}

.carousel-cell.is-main-slide img {
  transform: scale(1.2); /* Larger scale for the main image */
}

/* New sub-container-section styles */
.sub-container-section {

    position: absolute;
    top: 976px;
    /* left: calc(50% - 700px); */
    width: 100%;
    background-color: #121212;
    border-radius: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 60px;
    box-sizing: border-box;
    gap: 60px;
}

.sub-container-section .left-content {
  flex: 1; /* Take up available space */
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.sub-container-section .hero-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sub-container-section .logo-icon {
  /* width: 129px;
  height: 135px; */
  border-radius: 12px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.sub-container-section .logo-icon img {
  height: 100%;
  object-fit: contain;
}

.sub-container-section .main-title {
  font-family: "Montserrat", Helvetica; /* Consistent with other headings */
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0px 4px 12px #1ed7601a; /* Matches existing heading shadow */
}

.sub-container-section .main-description {
  font-family: "Montserrat", Helvetica; /* Consistent with other body text */
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #b0b0b0; /* A slightly lighter grey for body text */
  max-width: 500px;
}

.sub-container-section .stats-banner {
  background: #1a1a1a; /* Darker background for contrast */
  border-radius: 16px;
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #2a2a2a; /* Subtle border */
}

.sub-container-section .stats-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sub-container-section .stats-label {
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  color: #888;
}

.sub-container-section .stats-value {
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.sub-container-section .avatar-group {
  display: flex;
  align-items: center;
}

.sub-container-section .avatar {
  border-radius: 50%;
  border: 2px solid #1a1a1a;
  margin-left: -12px;
}

.sub-container-section .avatar:first-child {
  margin-left: 0;
}

.sub-container-section .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub-container-section .right-content {
  flex: 1; /* Take up available space */
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sub-container-section .phone-showcase {
  width: 100%;
  height: 500px; /* Set a fixed height or adjust as needed */
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
  aspect-ratio: 16/10;
}

.sub-container-section .phone-showcase video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* This will make the video cover the entire area */
  display: block; /* Remove extra space below video */
}

.sub-container-section .feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.sub-container-section .feature-box {
  background: #1a1a1a; /* Darker background */
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #1a1a1a;
}

.sub-container-section .feature-box.full-width {
  grid-column: 1 / -1; /* Span full width */
}

.sub-container-section .feature-title {
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  color: #888;
  margin-bottom: 12px;
  font-weight: 500;
}

.sub-container-section .feature-description {
  font-family: "Montserrat", Helvetica;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .sub-container-section {
    flex-direction: column; /* Stack columns */
    padding: 60px 40px;
    width: 90%; /* Adjust width for smaller screens */
    left: 5%;
  }

  .sub-container-section .main-title {
    font-size: 40px;
  }
}

@media (max-width: 640px) {
  .sub-container-section {
    padding: 40px 20px;
  }

  .sub-container-section .main-title {
    font-size: 32px;
  }

  .sub-container-section .feature-grid {
    grid-template-columns: 1fr; /* Stack feature boxes */
  }

  .sub-container-section .stats-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .sub-container-section .main-description {
    font-size: 16px;
  }
}


.macbook-pro .terms-conditions {
  display: flex; /* Make list items appear in a line */
  gap: 125px; /* Add some space between links */
  list-style: none; /* Remove bullet points */
  padding: 10px; /* Remove default padding */
  margin: 0px; /* Remove default margin */
}

.macbook-pro .terms-conditions li a {
  color: #ffffff; /* Set text color to white */
  text-decoration: none; /* Remove underline */
  font-family: "Montserrat", Helvetica; /* Consistent with other text */
  font-weight: 600; /* Match existing styleguide */
  font-size: 20px; /* Match existing styleguide */
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}


.terms-container {
  padding: 40px;
  color: #ffffff;
  font-family: "Montserrat", Helvetica;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
}
.terms-container h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
.terms-container h2 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
}
.terms-container p, .terms-container li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.terms-container ul {
  list-style-type: disc;
  padding-left: 20px;
}