.order-wrapper .order-marketing {
   position: relative;
   width: 100%;
   margin-top: 38px;
   padding: 27px 30px 29px;
   overflow: hidden;
   border: 1px solid rgba(1, 167, 246, .22);
   border-radius: 16px;
   background: linear-gradient(120deg, rgba(1, 167, 246, .095), rgba(255, 255, 255, .96) 55%, rgba(1, 167, 246, .055));
   box-shadow: 0 12px 35px rgba(38, 78, 105, .06);
}

.order-wrapper .order-marketing::after {
   content: "";
   position: absolute;
   top: -105px;
   right: -72px;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   background: rgba(1, 167, 246, .07);
   pointer-events: none;
}

.order-wrapper .order-marketing-head {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   gap: 38px;
   padding-bottom: 21px;
   border-bottom: 1px solid rgba(31, 73, 97, .1);
}

.order-wrapper .order-marketing-eyebrow {
   margin-bottom: 7px;
   color: #019ce6;
   font-size: 11px;
   font-weight: 800;
   letter-spacing: .09em;
}

.order-wrapper .order-marketing h2 {
   margin: 0;
   color: #091b2a;
   font-size: 23px;
   font-weight: 800;
   line-height: 1.25;
}

.order-wrapper .order-marketing-head > p {
   width: 46%;
   margin: 0;
   color: rgba(9, 27, 42, .66);
   font-size: 14px;
   line-height: 1.55;
}

.order-wrapper .order-marketing-items {
   position: relative;
   z-index: 1;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 28px;
   padding-top: 23px;
}

.order-wrapper .order-marketing-item {
   min-width: 0;
   display: flex;
   align-items: flex-start;
   gap: 13px;
}

.order-wrapper .order-marketing-icon {
   flex: 0 0 38px;
   width: 38px;
   height: 38px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   color: #009ee9;
   background: #fff;
   box-shadow: 0 7px 18px rgba(1, 167, 246, .13);
}

.order-wrapper .order-marketing-icon svg {
   width: 21px;
   height: 21px;
   fill: none;
   stroke: currentColor;
   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.order-wrapper .order-marketing-item h3 {
   margin: 0 0 5px;
   color: #0a1b29;
   font-size: 15px;
   font-weight: 800;
   line-height: 1.3;
}

.order-wrapper .order-marketing-item p {
   margin: 0;
   color: rgba(9, 27, 42, .64);
   font-size: 13px;
   line-height: 1.5;
}

.order-wrapper .order-marketing + .order-content {
   margin-top: 45px;
}

@media (max-width: 767px) {
   .order-wrapper .order-marketing {
      margin-top: 28px;
      padding: 22px 20px 23px;
      border-radius: 13px;
   }

   .order-wrapper .order-marketing-head {
      align-items: flex-start;
      flex-direction: column;
      gap: 9px;
      padding-bottom: 18px;
   }

   .order-wrapper .order-marketing h2 {
      font-size: 19px;
   }

   .order-wrapper .order-marketing-head > p {
      width: 100%;
      font-size: 13px;
   }

   .order-wrapper .order-marketing-items {
      grid-template-columns: 1fr;
      gap: 18px;
      padding-top: 20px;
   }

   .order-wrapper .order-marketing-item h3 {
      font-size: 14px;
   }

   .order-wrapper .order-marketing-item p {
      font-size: 12px;
   }

   .order-wrapper .order-marketing + .order-content {
      margin-top: 34px;
   }
}