.stylish-developments-area {
  padding-top: 54px;
  padding-bottom: 169px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .stylish-developments-area {
    padding-bottom: 300px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .stylish-developments-area {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stylish-developments-area {
    padding-bottom: 260px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stylish-developments-area {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .stylish-developments-area {
    padding-bottom: 0px;
    padding-top: 50px;
  }
}
/* Updated Flying Image Responsive Styles */
.stylish-developments-area .flying_img {
  position: absolute;
  top: 252px;
  left: -5px;
  width: 510px;
}
/* New breakpoint for flying image (1700-1840px) */
@media (min-width: 1700px) and (max-width: 1840px) {
  .stylish-developments-area .flying_img {
    position: absolute;
    top: 252px;
    left: -70px;
    width: 510px;
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .stylish-developments-area .flying_img {
    top: 220px;
    left: -69px;
    width: 510px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .stylish-developments-area .flying_img {
    top: 200px;
    left: -87px;
    width: 490px;
  }
}
/* Mid-range breakpoint (992-1154px) */
@media (min-width: 992px) and (max-width: 1154px) {
  .stylish-developments-area .flying_img {
    top: 158px;
    left: -92px;
    width: 381px;
  }

  .question__headline {
    margin-left: 8%;
    margin-top: 65px;
    margin-bottom: 45px;
  }

  .question__headline h2 {
    font-size: 60px;
    letter-spacing: -1.5px;
    line-height: 94%;
  }
}
@media (min-width: 1154px) and (max-width: 1199px) {
  .stylish-developments-area .flying_img {
    top: 159px;
    left: -78px;
    width: 448px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stylish-developments-area .flying_img {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .stylish-developments-area .flying_img {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .stylish-developments-area .skills__marquee--two span {
    font-size: 30px !important;
  }
}
.stylish__title {
  display: flex;
  gap: 0 30px;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .stylish__title {
    justify-content: center;
  }
}
.stylish__title h2 {
  font-size: 244px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 90%;
  font-weight: 800;
  letter-spacing: -2px;
  color: #001a97;
  font-family: "Poppins", sans-serif;
  justify-content: flex-end;
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .stylish__title h2 {
    font-size: 225px;
    letter-spacing: -5px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .stylish__title h2 {
    font-size: 230px;
    letter-spacing: -5px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .stylish__title h2 {
    font-size: 218px;
    letter-spacing: -5px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .stylish__title h2 {
    font-size: 180px;
    letter-spacing: -5px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .stylish__title h2 {
    font-size: 160px;
    letter-spacing: -5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stylish__title h2 {
    font-size: 162px;
    letter-spacing: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stylish__title h2 {
    font-size: 110px;
    letter-spacing: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .stylish__title h2 {
    font-size: 84px;
    letter-spacing: -1px;
    text-align: center;
    display: block;
  }
}
.stylish__title h2 span {
  color: #000000;
}

/* Question Headline Responsive Styles */
.question__headline {
  margin-left: 26%;
  margin-top: 88px;
  margin-bottom: 64px;
}

.question__headline h2 {
  font-size: 82px;
  letter-spacing: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 800;
  line-height: 96%;
  display: flex;
  text-transform: uppercase;
  color: #000;
}

/* New breakpoint for question headline (1700-1840px) */
@media (min-width: 1700px) and (max-width: 1840px) {
  .question__headline {
    margin-left: 26%;
    margin-top: 110px;
    margin-bottom: 64px;
  }
  .question__headline h2 {
    font-size: 80px;
    letter-spacing: -2px;
  }
}

/* Desktop Large (1400px - 1699px) */
@media (min-width: 1400px) and (max-width: 1699px) {
  .question__headline {
    margin-left: 27%;
    margin-top: 90px;
    margin-bottom: 0px;
  }
  .question__headline h2 {
    font-size: 64px;
    letter-spacing: 0;
  }
}

/* Desktop Medium (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
  .question__headline {
    margin-left: 27%;
    margin-top: 80px;
  }
  .question__headline h2 {
    font-size: 64px;
  }
}

/* Desktop Small (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .question__headline {
    margin-left: 30%;
    margin-top: 70px;
    margin-bottom: 50px;
  }
  .question__headline h2 {
    font-size: 49px;
    letter-spacing: 0px;
    line-height: 102%;
  }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .question__headline {
    margin-left: 5%;
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .question__headline h2 {
    font-size: 50px;
    letter-spacing: -1px;
  }
}

/* Mobile (<768px) */
@media only screen and (max-width: 767px) {
  .question__headline {
    margin-left: 0;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
  }
  .question__headline h2 {
    font-size: 36px;
    letter-spacing: -0.5px;
    line-height: 110%;
  }
}

.stylish__title img {
  width: 500px;
  border-radius: 120px;
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .stylish__title img {
    width: 450px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .stylish__title img {
    width: 420px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .stylish__title img {
    width: 400px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .stylish__title img {
    width: 360px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .stylish__title img {
    width: 360px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stylish__title img {
    width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stylish__title img {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .stylish__title img {
    display: none;
  }
}
.start__project__wrap {
  float: right;
}
.start__project__wrap h2 {
  font-size: 195px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 88%;
  font-weight: 800;
  letter-spacing: -1px;
  color: #000000;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .start__project__wrap h2 {
    font-size: 183px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .start__project__wrap h2 {
    font-size: 170px;
    text-align: right;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .start__project__wrap h2 {
    font-size: 159px;
    text-align: right;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .start__project__wrap h2 {
    font-size: 147px;
    text-align: right;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .start__project__wrap h2 {
    font-size: 130px;
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .start__project__wrap h2 {
    font-size: 117px;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .start__project__wrap h2 {
    font-size: 100px;
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .start__project__wrap h2 {
    font-size: 113px;
    text-align: right;
    letter-spacing: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .start__project__wrap {
    float: none;
    text-align: center;
  }
  .start__project__wrap h2 {
    font-size: 52px;
    text-align: center;
    letter-spacing: -1px;
  }
}
.start__project__wrap .start__wrap {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
  margin-top: 40px;
  align-items: center;
  padding-left: 42px;
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .start__project__wrap .start__wrap {
    justify-content: flex-end;
    gap: 0 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .start__project__wrap .start__wrap {
    justify-content: flex-end;
    gap: 0 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .start__project__wrap .start__wrap {
    justify-content: space-between;
    gap: 0 24px;
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .start__project__wrap .start__wrap {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding-left: 0px;
  }
}
.start__project__wrap .start__wrap h3 {
  font-size: 81px;
  font-weight: 800;
  line-height: 90%;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  color: #000;
  letter-spacing: 0px;
  text-transform: uppercase;
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 73px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 71px;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 64px;
  }
  .start__project__wrap .start__wrap {
    padding-left: 322px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 54px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 37px;
  }
  .start__project__wrap .start__wrap {
    padding-left: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .start__project__wrap .start__wrap h3 {
    font-size: 30px;
    letter-spacing: -1px;
    margin-bottom: 25px;
  }
}
.common__btn--two {
  display: inline-flex;
  align-items: center;
  gap: 0 16px;
  padding: 14px 14px;
  padding-left: 32px;
  border-radius: 50px;
  background-color: #001a97;
  font-weight: 700;
  text-decoration: none;
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  transition: 0.3s;
  letter-spacing: 0;
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .common__btn--two {
    padding: 20px 16px;
    padding-left: 30px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .common__btn--two {
    padding: 16px 16px;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .common__btn--two {
    padding: 16px 16px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common__btn--two {
    padding: 14px 16px;
    padding-left: 24px;
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common__btn--two {
    padding: 12px 16px;
    padding-left: 24px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .common__btn--two {
    padding: 10px 16px;
    padding-left: 24px;
    font-size: 17px;
  }
}
.common__btn--two span {
  display: flex;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  background-color: #fff;
  width: 40px;
  height: 40px;
  color: #001a97;
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common__btn--two span {
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common__btn--two span {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .common__btn--two span {
    width: 32px;
    height: 32px;
  }
}
.common__btn--two:hover {
  background-color: #000000;
  color: #fff;
}
.common__btn--two:active {
  background-color: #000000;
  color: #fff;
}
.common__btn--two:focus {
  background-color: #000000;
  color: #fff;
}
.skills__marquee--two {
  margin-top: 40px;
  padding-top: 0;
}
.skills__marquee--two .text-marquee {
  background-color: #000000;
}
.skills__marquee--two .text-marquee .text-single img {
  top: -5px;
}

.stylish__brands {
  padding-left: 20px;
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .stylish__brands {
    padding-left: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stylish__brands {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .stylish__brands {
    padding-left: 0px;
  }
}
.stylish__brands .brand__logo {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .stylish__brands .brand__logo {
    margin-bottom: 15px;
    text-align: center;
  }
}
.stylish__brands .brand__logo img {
  width: auto;
  max-height: 70px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stylish__brands .brand__logo img {
    max-height: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stylish__brands .brand__logo img {
    max-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .stylish__brands .brand__logo img {
    max-height: 50px;
  }
}
.skills__marquee--slider .text-marquee {
  padding: 20px 0;
}
.skills__marquee--slider .text-marquee .text-single span {
  font-size: 48px;
  line-height: 100%;
}
.skills__marquee--slider .text-marquee .text-single span img {
  width: 38px;
  margin-right: 25px;
}
.marquee-webflow-slide-area {
  padding-bottom: 30px;
}
.marquee-webflow-slide-area .text-marquee {
  transform: rotate(0);
  background-color: #001a97;
}
.marquee-webflow-slide-area .text-marquee .text-single span {
  color: #fff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 120%;
  gap: 0px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .marquee-webflow-slide-area .text-marquee .text-single span {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .marquee-webflow-slide-area .text-marquee .text-single span {
    font-size: 80px;
  }
}
.marquee-webflow-slide-area .text-marquee .text-single span img {
  width: 55px;
  margin-left: 15px !important;
}
.skills__marquee--two {
  margin-top: 40px;
  padding-top: 0;
}
.skills__marquee--two .text-marquee {
  background-color: #000000;
}
.skills__marquee--two .text-marquee .text-single img {
  top: -5px;
}
.skills__marquee--slider .text-marquee {
  padding: 20px 0;
}
.skills__marquee--slider .text-marquee .text-single span {
  font-size: 48px;
  line-height: 100%;
  font-weight: 700;
}
.skills__marquee--slider .text-marquee .text-single span img {
  width: 38px;
  margin-right: 25px;
}
.stylish-developments-title .boska-text {
  color: #001a97;
}
.stylish-developments-background {
  background-color: #001a97;
}
.stylish-developments-link {
  color: #001a97;
}