.why-qtf {
  background: #CBE5E1;
}

.why-qtf .wrapper {
  display: flex;
  width: 100%;
}

.why-qtf .background-image {
  width: 100%;
  max-width: calc(100% / 3);
  display: flex;
  position: relative;
  overflow: hidden;
}

.why-qtf .background-image .floating-logo {
  position: absolute;
  width: 242px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 96px;
  z-index: 2;
}

.why-qtf .background-image .background-image-content {
  position: absolute;
  z-index: 1;
  height: 100%;
  object-fit: cover;
}

.why-qtf .left-content {
  width: 100%;
  padding: 100px 60px;
  display: flex;
  gap: 60px;
}

.why-qtf .left-content .column {
  width: 100%;
}

.why-qtf .left-content .column:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.why-qtf .left-content .divider {
  width: 1px;
  height: 100%;
  background: #244545;
}

.why-qtf .left-content .column h2 {
  margin-bottom: 54px;
}

.why-qtf .left-content .column .logo-wrapper {
  width: fit-content;
}

.why-qtf .left-content .column ul {
  margin-top: 30px;
  margin-bottom: 44px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.why-qtf .left-content .column ul li {
  position: relative;
  list-style: none;
  color: #3C3C3C;
  padding-left: calc(35px + 19px);
}
.why-qtf .left-content .column p {
  color: #3C3C3C;
}
.why-qtf .left-content .column ul li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%23244545'/%3E%3Cpath d='M26 7V15.1882L19.4441 24.0159H19.4435L18.4532 25.3495L16.4913 28L9.42615 25.7464L8 20.3653L14.5613 22.4581L26 7Z' fill='%23FAE053'/%3E%3C/svg%3E");
  height: 35px;
  width: 35px;
  display: block;
  position: absolute;
  left: 0;
}


@media screen and (max-width: 1350px) {
  .why-qtf .background-image {
    max-width: calc(100% / 2);
  }

  .why-qtf .left-content {
    max-width: calc(100% - 590px);
    flex-direction: column;
    gap: 30px;
  }

  .why-qtf .left-content .column:first-child {
    gap: 40px;
  }
  .why-qtf .left-content .divider {
    width: 100%;
    height: 1px;
  }
}

@media screen and (max-width: 1024px) {
  .why-qtf .left-content {
    max-width: 100%;  
    padding: 60px 40px;
  }
}

@media screen and (max-width: 990px) {
  .why-qtf .wrapper {
    flex-direction: column;
  }
  .why-qtf .background-image {
    max-width: 100%;
  } 
  .why-qtf .background-image .background-image-content {
    position: unset;
    max-height: 720px;
  }
}

@media screen and (max-width: 767px) {
  .why-qtf .wrapper {
    flex-direction: column;
  }

  .why-qtf .background-image .background-image-content {
    object-position: center -146px;
  }

  .why-qtf .background-image .floating-logo {
    width: 186px;
    top: 26px;
  }
  .why-qtf .left-content {
    padding: 60px 20px;
}
.why-qtf .left-content .column h2 {
  margin-bottom: 40px;
}
}

@media screen and (max-width: 540px) {

  .why-qtf .background-image .background-image-content {
    max-height: 550px;
  }
}