.product-text-and-image {

}

.product-text-and-image.no_container {
   margin-bottom: 1.6em;
}

.product-text-and-image .title {
   margin-bottom: clamp(12px, 100/1920 * 1vw * 84, 84px);
}

.product-text-and-image.no_container .title {
   margin-bottom: 12px;
}

.product-text-and-image .content-wrapper {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
}

.product-text-and-image.no_container .content-wrapper {
   align-items: stretch;
}

.product-text-and-image .content-wrapper .image {
   flex: 0 0 45%;
   max-width: 45%;
}

.product-text-and-image.no_container .content-wrapper .image {
   display: flex;
}

.product-text-and-image .content-wrapper .content {
   flex: 0 0 47%;
   display: flex;
   flex-direction: column;
}

.product-text-and-image .content-wrapper .content {
   justify-content: space-between;
}

.product-text-and-image .content-wrapper .content .h2 {
   margin-bottom: clamp(12px, 100/1920 * 1vw * 20, 20px);
   font-weight: 500!important;
}


.product-text-and-image .content-wrapper .content p {
   margin-bottom: 0;
   font-weight: 500;
   text-transform: uppercase;
}

.white_bg.product-text-and-image .content-wrapper .content p,
.grey.product-text-and-image .content-wrapper .content p {
   color: #000;
}

.product-text-and-image .content-wrapper .content p {
   margin-bottom: 3em;
}

.product-text-and-image .content-wrapper .block-btn {
   text-align: start;
   margin-top: auto;
}

.product-text-and-image .content-wrapper .block-btn a {
   margin: 0;
   max-width: 334px;
   width: 100%;
}

.product-text-and-image.no_container .content-wrapper .content > h3 {
   font-weight: 500!important;
}


@media (max-width: 1919px) {
   .product-text-and-image.no_container .title {

   }

   .product-text-and-image.no_container .content-wrapper .content > h3 {
      font-size: 1em!important;
   }

   .product-text-and-image.no_container .content-wrapper .content p,
   .product-text-and-image.no_container .content-wrapper .block-btn a{
      font-size: 0.8em!important;
   }

   .product-text-and-image.no_container .content-wrapper .block-btn {
      text-align: start;
   }

}


@media (max-width: 600px) {
   .product-text-and-image .content-wrapper {
      flex-direction: column;
      gap: 12px;
   }
   .product-text-and-image .content-wrapper .image {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .product-text-and-image .content-wrapper .content {
      flex: 0 0 100%;
      max-width: 100%;
   }

   .product-text-and-image .content-wrapper .block-btn {
      text-align: start;
   }

   .product-text-and-image.no_container .content-wrapper .block-btn a {
      max-width: 100%
   }
}