.action-and-details .btn {
  max-width: fit-content;
  margin-top: 30px;
}

.action-and-details .btn a {
  width: 100%;
}

.action-and-details .more-info-icon-text {
  justify-content: center;
}

.action-and-details .or-click {
  width: fit-content;
  margin: 0 auto;
}

.image-cubes {
  /* margin-top: 35px;
  padding: 35px 0; */
  padding-bottom: 35px;
  z-index: 1;
  position: relative;
  overflow-x: clip;
}

.image-cubes:has(+ .skills) {
  margin-bottom: 35px;
}

.image-cubes.custom-cubes {
  padding: 75px 0 0;
}

.image-cubes .left-part {
  display: none;
}

.image-cubes .right-text {
  width: 100%;
}

.image-cubes .image-left {
  width: 510px;
  height: auto;
  position: relative;
  filter: drop-shadow(-15px 16px 25px rgba(0, 0, 0, 0.17));
  margin: 30px auto 0;
  max-width: 100%;
}

.image-cubes .image-left .hex-mask {
  height: 100%;
}

.image-cubes .image-left .hex-mask img.hex-logo {
  filter: grayscale(1) invert(1) brightness(2);
}

.image-cubes:has(+ .skills) {
  padding-bottom: 0;
}

.image-cubes .image-left.blur-ele:before {
  left: -70px;
  top: 90px;
}

.image-cubes .image-left.blur-ele:after {
  bottom: 0;
}

.image-cubes .image-left .qube {
  position: absolute;
  display: none;
}

.image-cubes .left-part {
  width: 100%;
  margin: 0 0 30px;
}

.image-cubes .right-text {
  width: 100%;
  padding: 0;
}

.image-cubes .right-text .title-part {
  margin-bottom: 25px;
}

.image-cubes .right-text [class*="button-"] {
  padding: 30px 0 0;
  text-align: center;
}

.image-cubes .right-text [class*="button-"] a {
  text-align: left;
}

.image-cubes .qube-all {
  width: 603px;
  height: 617px;
  background: url(../../sprite-icon/cubes-technology_description_section.png) no-repeat 0 0;
  top: -17px;
  left: -10px;
}

.image-cubes .ul-check-arrow ul li {
  padding-left: 32px;
}

.image-cubes .ul-check-arrow ul li::before {
  width: 19px;
  height: 19px;
  
  /* background-image: url(../../images/tick-circle-white.svg), var(--primaryGradient); */
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: calc(100% + 5px); */
  /* background-color: var(--PrimaryGreen); */
  /* border-radius: 100px; */
  top: 6px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(4860%) hue-rotate(239deg) brightness(101%) contrast(97%);
}

.action-and-details {
  margin-left: auto;
  margin-right: auto;
}

/* ********* */
.image-cubes.image-cubes-new {
  /* margin-top: 0; */
}

.image-cubes-new .title-part.left {
  margin: 0 0 20px;
}

.image-cubes-new .img-wrap-count {
  position: absolute;
  padding: 20px 30px;
  /* background-color: var(--PrimaryGreen); */
  /* background: linear-gradient(135.86deg, #1472B6 1.79%, #8BBF37 100.34%); */
  background: var(--BluePrimary);
  display: flex;
  flex-direction: column;
  border-radius: 24px 24px 0 24px;
  bottom: -70px;
  left: -24px;
  box-shadow:
    rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
    rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.image-cubes-new .img-wrap-count .text {
  max-width: 190px;
  display: block;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  margin-top: 10px;
}

.image-cubes-new .img-wrap-count .count {
  display: block;
  color: var(--white);
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
}

.image-cubes-new .img-wrapper {
  position: sticky;
  top: 120px;
}

.image-cubes-new .img-wrapper img {
  border-radius: 12px;
}

.image-cubes-new .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.image-cubes-new .left-part {
  max-width: 520px !important;
}

.title-part .content.max {
  line-height: 1.45;
  font-size: 20px;
}

.image-cubes-new .section-title h2 {
  font-size: 28px;
  text-align: left;
}

/* ********* */

@media (min-width: 768px) {
  .image-cubes .image-left {
    /* margin: 60px auto 0; */
  }

  .image-cubes {
    /* margin-top: 50px; */
    /* padding: 50px 0; */
    padding-bottom: 50px;
  }

  .image-cubes .image-left .qube {
    display: block;
  }

  .image-cubes .right-text .title-part {
    margin-bottom: 40px;
  }

  .action-and-details {
    margin-top: 50px;
  }

  .image-cubes .right-text [class*="button-"] a {
    text-align: center;
  }

  .image-cubes:has(+ .skills) {
    margin-bottom: 50px;
  }

  .action-and-details .btn {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .image-cubes-new .section-title h2 {
    font-size: 30px;
  }
  .image-cubes .left-part {
    width: 400px;
    margin: 0;
  }

  .image-cubes .image-left .qube {
    max-width: 435px;
    background-size: 100% auto;
  }

  .image-cubes .right-text [class*="button-"] {
    padding: 50px 0 0;
  }

  .image-cubes .section-title {
    text-align: left;
    /* max-width: 800px; */
    max-width: 100%;
    /* margin-left: 0; */
  }
}

@media (min-width: 1200px) {
  .image-cubes .right-text [class*="button-"] {
    text-align: left;
  }

  .title-part .content.max {
    font-size: 22px;
  }

  .image-cubes .left-part {
    width: 500px;
  }
  .image-cubes-new .right-text {
    max-width: calc(100% - 520px) !important;
    width: 100% !important;
    padding: 5px 0 0 70px !important;
  }
  .image-cubes-new .section-title {
    max-width: 800px !important;
  }
  .action-and-details {
    max-width: 512px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .action-and-details .btn {
    margin-bottom: 26px;
  }

  .action-and-details {
    margin-left: 0;
    margin-right: unset;
  }

  .image-cubes .right-text {
    padding: 5px 0 0 50px;
    width: calc(100% - 500px);
  }

  .image-cubes .left-part {
    display: block;
  }
}

@media (min-width: 1430px) {
  .image-cubes {
    /* margin-top: 75px; */
    /* padding: 75px 0; */
    padding-bottom: 75px;
  }

  .image-cubes:has(+ .skills) {
    margin-bottom: 75px;
  }

  .image-cubes .left-part {
    width: 685px;
  }

  .image-cubes .image-left .qube {
    max-width: unset;
  }

  .image-cubes .image-left {
    height: 596px;
  }

  .image-cubes .right-text {
    width: calc(100% - 685px);
    padding: 5px 0 0 50px;
  }

  .image-cubes-new .section-title h2 {
    font-size: 34px;
  }
}

@media (min-width: 1660px) {
  .image-cubes .image-left {
    /* margin: 100px auto 0; */
  }

  .image-cubes .right-text {
    padding: 5px 0 0 114px;
  }
}