/*
Theme Name: Contrelle
Theme URI: https://contrelle.com
Author: Contrelle
Author URI: https://contrelle.com
Description: Custom WordPress theme for Contrelle - Stop bladder leaks. Immediately. Custom dynamic header and footer with full customization options.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: contrelle
Tags: custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================
   Reset & Base Styles
   ============================================ */

:root {
  --navy: #1f2f46;
  --extra-light-pink: #FFEAEE;
  --soft-pink: #f4a6b5;
  --dusky-pink: #e26578;
  --coral: #e4575e;
  --blue: #0098ff;
  --dark-blue: #31465e;
  --light-blue: #ddedf5;
  --bg-light: #f6f7f9;
  --white: #ffffff;
  --extra-light-gray: #D5D5D5;
  --light-gray: #737373;
  --black: #000000;
  --mint-green: #61BCA7;
  --light-green: #E7FFF9;
  --light-purple: #804E8E;
}

.contact-hero-section .contact-form-right input:-webkit-autofill,
.contact-hero-section .contact-form-right input:-webkit-autofill:hover,
.contact-hero-section .contact-form-right input:-webkit-autofill:focus,
.contact-hero-section .contact-form-right textarea:-webkit-autofill,
.contact-hero-section .contact-form-right select:-webkit-autofill { 
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .entry-header {
  margin-bottom: 0px;
}
.post-thumbnail img { 
	object-fit: cover;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "CoHeadlineW08Bold";
  src: url("fonts/CoHeadlineW08Bold.eot");
  src: url("fonts/CoHeadlineW08Bold.eot") format("embedded-opentype"),
    url("fonts/CoHeadlineW08Bold.woff2") format("woff2"),
    url("fonts/CoHeadlineW08Bold.woff") format("woff"),
    url("fonts/CoHeadlineW08Bold.ttf") format("truetype"),
    url("fonts/CoHeadlineW08Bold.svg#CoHeadlineW08Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CoHeadline';
    src: url('fonts/CoHeadline.eot');
    src: url('fonts/CoHeadline.eot') format('embedded-opentype'),
         url('fonts/CoHeadline.woff2') format('woff2'),
         url('fonts/CoHeadline.woff') format('woff'),
         url('fonts/CoHeadline.ttf') format('truetype'),
         url('fonts/CoHeadline.svg#CoHeadline') format('svg');
         font-weight: normal;
         font-style: normal;
}
@font-face {
    font-family: 'CoHeadlineLight';
    src: url('fonts/CoHeadlineLight.eot');
    src: url('fonts/CoHeadlineLight.eot') format('embedded-opentype'),
         url('fonts/CoHeadlineLight.woff2') format('woff2'),
         url('fonts/CoHeadlineLight.woff') format('woff'),
         url('fonts/CoHeadlineLight.ttf') format('truetype'),
         url('fonts/CoHeadlineLight.svg#CoHeadlineLight') format('svg');
         font-weight: normal;
         font-style: normal;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
  font-weight: 400;
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "CoHeadlineW08Bold";
  font-weight: normal;
  color: var(--dark-blue);
}
h1 {
  font-size: 3.5rem;
  line-height: 4rem;
}
h1 span {
  color: var(--dusky-pink);
}
h2 {
  font-size: 2.5rem;
  line-height: 3rem;
}
h3 {
  font-size: 1.5rem;
  line-height: 2.625rem;
}
h4 {
  font-size: 1.25rem;
  line-height: 2.188rem;
}
img {
  max-width: 100%;
  vertical-align: top;
}
picture {
  width: 100%;
  height: 100%;
}
html body .slick-slide {
	height: auto;
} 
.ellipse {
  position: absolute;
  top: -212px;
  left: -186px;
  opacity: 1;
  background: rgba(226, 101, 120, 0.2); 
  width: 32.313rem;
  height: 32.313rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  filter: blur(9.375rem);
  -webkit-filter: blur(9.375rem);
}
.ellipse-1 {
  position: absolute;
  top: auto;
  bottom: -274px;
  right: -136px;
  opacity: 1;
  background: rgba(97, 188, 167, 0.2); 
  width: 32.313rem;
  height: 32.938rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  filter: blur(9.375rem);
  -webkit-filter: blur(9.375rem);
}
.ellipse-2 {
  position: absolute;
  top: auto;
  bottom: -220px;
  right: -138px;
  opacity: 1;
  background: rgba(128, 78, 142, 0.2); 
  width: 32.313rem;
  height: 32.938rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  filter: blur(9.375rem);
  -webkit-filter: blur(9.375rem);
}
.ellipse-3 {
  background-color: rgba(128, 78, 142, 0.2);
  bottom: -258px;
  right: -219px;
  z-index: -1;
}
.ellipse-3-only-show-mobile {
  display: none;
}
.ellipse-4 {
  background-color: rgba(107, 192, 151, 0.2);
  top: -286px;
  bottom: auto;
  left: -186px;
  right: auto;
}

/* Screen Reader Text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  display: block;
  font-size: 14px;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 999999;
}

.skip-link:focus {
  left: 6px;
  top: 7px;
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
}

/* ============================================
   Header Styles
   ============================================ */
.site-header {
  background-color: #fff;
  padding: 1.5rem 0px;
  z-index: 11;
  position: relative;
}

.header-container {
  max-width: 1308px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 15px;
}

.site-logo img {
  max-height: 48px;
  width: auto;
}

.site-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.site-title a {
  text-decoration: none;
  color: #1e3a5f;
}

.site-title a:hover {
  color: #0098ff;
}

.main-navigation {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.main-navigation ul {
  list-style: none;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin: 0;
  padding: 0;
}

.main-navigation li {
  margin: 0;
}

.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item a {
  text-decoration: none;
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
  transition: color 0.3s ease;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .down-arrow {
  display: none;
}

.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item:hover > a {
  color: #0098ff;
}
.main-navigation > .mobile-menu-inner > .nav-menu > li.menu-item.current-menu-item > a,
.main-navigation > .mobile-menu-inner > .nav-menu > li.menu-item.current_page_item > a {
  color: #0098ff;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu > .menu-item > a {
	display: block; 
	padding: 8px 20px;
  text-decoration: none;
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
  transition: color 0.3s ease;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu > .menu-item:hover > a {
  color: #0098ff;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu > .menu-item.current-menu-item > a,
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu > .menu-item.current_page_item > a {
  color: #0098ff;
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item.menu-item-has-children::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='none' viewBox='0 0 24 24' stroke='%23000000' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25L12 15.75L4.5 8.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat; 
}
.main-navigation > .mobile-menu-inner > .nav-menu > .menu-item.menu-item-has-children:hover::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='none' viewBox='0 0 24 24' stroke='%230098ff' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25L12 15.75L4.5 8.25'/%3E%3C/svg%3E");
}

.header-icons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-left: 0.25rem;
}

.header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

.header-icon:hover {
  color: #0098ff;
}

.header-icon svg {
  width: 24px;
  height: 24px;
}

.cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #dc2626;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
}

/* Search Modal */
.search-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-modal.active {
  display: flex;
}

.search-modal-content {
  background-color: #fff;
  padding: 40px;
  border-radius: 12px;
  max-width: 600px;
  width: 90%;
  position: relative;
}

.search-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 32px;
  color: #333;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
}

.search-modal-close:hover {
  color: #dc2626;
}

.search-form-wrapper {
  margin-top: 20px;
}

.search-form-wrapper form {
  display: flex;
  gap: 10px;
}

.search-form-wrapper input[type="search"] {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
}

.search-form-wrapper input[type="search"]:focus {
  outline: none;
  border-color: #0098ff;
}

.search-form-wrapper button[type="submit"] {
  padding: 12px 24px;
  background-color: #0098ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.search-form-wrapper button[type="submit"]:hover {
  background-color: #1d4ed8;
}

.header-cta {
  margin-left: 20px;
}

.header-cta .btn {
  background-color: #0098ff;
  color: #fff;
  padding: 12px 24px;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  transition: opacity 0.3s ease;
}

.header-cta .btn:hover {
  opacity: 0.9;
}

/* Mobile Menu Toggle */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #333;
  padding: 5px 10px;
}

/* Home page specific styles (mobile-first) */

/* Reset helpers */

.section {
  padding: 3.5rem 0rem;
}

/* HERO */
.home-hero {
  background: var(--white);
  padding: 0rem;
  border-bottom: 1px solid rgba(31, 47, 70, 0.04);
  position: relative;
  overflow: hidden;
}

.home-hero__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
  z-index: 1;
}
.home-hero__content {
  text-align: left;
  position: relative;
  padding: 3.75rem 4rem 3.75rem 0rem;
  max-width: 50%;
  width: 100%;
}
.home-hero__title {
  margin: 0rem 0rem 2.5rem 0rem;
}
.home-hero__lead {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 499px;
}
.page-template-page-product-information-hp .home-hero__lead,
.page-template-page-recommended .product-info-text {
  font-size: 18px !important;
  line-height: 22px !important;
}
.home-hero__lead p br {
  display: none;
}
.home-hero__lead span:not(.footnote-number):not(.footnote-wrapper),
.home-hero__lead strong:not(.footnote-number):not(.footnote-wrapper) {
  font-weight: 700;
  color: var(--dusky-pink);
}
.home-hero__actions {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  margin-bottom: 3.5rem;
}
.home-hero__logo {
  margin-top: 1.5rem;
}
.home-hero__media {
  position: absolute;
  padding: 0rem 0rem 0rem 0rem;
  max-width: 50%;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  left: calc(100% - 50%);
}
.home-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* FEATURES BAR */
.features-bar {
  background: var(--light-blue);
  padding: 1.188rem 0rem 1.125rem 0rem;
  position: relative;
  z-index: 3;
}
.features-bar .container {
  padding: 0px;
}
.features-bar .slick-list {
  overflow: visible;
}
.site-content {
  overflow: hidden;
}

.features-grid {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;  */
}

.feature-item {
  text-align: center;
}

.feature-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 0.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-item p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 700;
  color: var(--dark-blue);
}

/* PRODUCTS GRID */
.grid {
  display: grid;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-span-1 {
  grid-column: span 1 / span 1;
}
.grid-span-2 {
  grid-column: span 2 / span 2;
}
.grid-span-3 {
  grid-column: span 3 / span 3;
}
.grid-span-4 {
  grid-column: span 4 / span 4;
}
.grid-span-5 {
  grid-column: span 5 / span 5;
}
.grid-span-6 {
  grid-column: span 6 / span 6;
}
.grid-span-7 {
  grid-column: span 7 / span 7;
}
.grid-span-8 {
  grid-column: span 8 / span 8;
}
.grid-span-9 {
  grid-column: span 9 / span 9;
}
.grid-span-10 {
  grid-column: span 10 / span 10;
}
.grid-span-11 {
  grid-column: span 11 / span 11;
}
.grid-span-12 {
  grid-column: span 12 / span 12;
}
.product__section__title {
  margin-bottom: 1.5rem;
}
.product__section__subtitle {
  line-height: 1.188rem;
  margin-bottom: 0rem;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.available-text {
  margin: 2rem 0rem 1.5rem 0rem;
  line-height: 1.188rem;
}
.shop-section-logos-1 {
  width: 100%;
  max-width: 280px;
}

.product-card { 
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.product-card-image {
	background-color: var(--light-blue);
	width: 100%;
	height: auto;
	border-radius: 1.5rem;
	position: relative;
	min-height: 300px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0px 0px 20px 0px;
  overflow: hidden;
}
.product-card:hover .product-card-image {
  background-color: var(--extra-light-pink);
}
.product-card .product-card-image img {
  transition: transform 0.6s ease;
}
.product-card:hover .product-card-image img {
  transform: scale(1.1);
}
.product-card__img {
	width: auto;
	height: 220px;
	object-fit: cover; 
}
.badge {
  padding: 0.375rem 1rem;
  border-radius: 6.25rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  align-self: flex-start;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 1;
}
.badge--primary {
  background: var(--dusky-pink);
  color: var(--white);
}
.badge--secondary {
  background: var(--dark-blue);
  color: var(--white);
}
.product-card__title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--black);
  margin: 0rem 0rem 0.5rem 0rem;
}
.product-card .product-card-content .price {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--black);
  margin: 0rem 0rem 1rem 0rem;
  display: block;
}
.product-card__desc {
  color: var(--light-gray);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.938rem; 
  margin: 0rem 0rem 0rem 0rem;
}
.product-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 1.5rem 0rem 0rem 0rem;
}
.price {
  font-weight: 800;
  color: var(--navy);
}
.btn--secondary {
  background: #e6f6ff;
  color: var(--navy);
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}
.btn--secondary:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

/* TESTIMONIAL SECTION */
.testimonial-section {
  overflow: hidden;
  position: relative;
}
.testimonial-section h2 {
  text-align: center;
  margin-bottom: 2.5rem;
  color: var(--dark-blue);
}

.testimonial-inner {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  justify-content: center;
  position: relative; 
}
.testimonial-section .slick-slider {
  position: relative;
  z-index: 1;
}
.testimonial-image {
  width: 100%;
  max-width: 32%;
  min-width: 400px;
  overflow: hidden;
  border-radius: 1.5rem;
}
.testimonial-image img { 
  border-radius: 1.5rem;
  min-height: 400px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.testimonial-content {
  background: var(--dark-blue);
  color: var(--white);
  padding: 3.5rem 1rem 4.375rem 1rem;
  border-radius: 1.5rem;
  width: 100%;
  max-width: 68%;
  text-align: left;
  min-height: 400px;
}
.testimonial-content p,
.testimonial-content .testimonial-heading,
.testimonial-content span,
.testimonial-content .button-row {
  width: 100%;
  max-width: 38.25rem;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-content p {
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  /* overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
          line-clamp: 3; 
  -webkit-box-orient: vertical; */
}

.testimonial-content .testimonial-heading {
  font-size: 1rem;
  line-height: 2.125rem;
  font-weight: 400;
  margin-bottom: 0rem;
  font-style: italic;
}

.testimonial-content span {
  font-size: 1rem;
  line-height: 2.125rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  font-style: italic;
  display: block;
}

.read-btn {
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: #007bff;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
}

/* Slick Dots Custom */
.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 2.5rem auto 0rem auto;
}
.slick-dots li {
  list-style-type: none;
}
.slick-dots li button {
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  outline: none;
  background-color: var(--dark-blue);
  width: 1.5rem;
  height: 0.5rem;
  border-radius: 6.25rem;
  cursor: pointer;
  font-size: 0px;
}
.slick-dots li.slick-active button {
  width: 0.5rem; 
  background-color: var(--extra-light-gray);
}

/* WHO */
.who-section {
  background-color: var(--dusky-pink);
  position: relative;
  padding: 0px;
}
.who__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.who__media {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  max-width: 47%;
  height: 100%; 
}
.who__media img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.who__card { 
  padding: 4.563rem 0rem 4.563rem 4.563rem; 
  min-height: 498px;
  width: 100%;
  max-width: 53%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.who__title {
  margin: 0 0 1.5rem; 
  color: var(--white);
}
.who-section .who__card p {
  color: var(--white);
  margin: 0;
}
.who-section .who__card p br {
  display: none;
}
.who-section .who__card p:not(:last-child){
  margin: 0 0 1.5rem;
}

/* WHAT */
.what-section { 
  position: relative;
  overflow: hidden;
}
.what__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.what__text {
  min-height: 600px;
  width: 100%;
  max-width: 62.7%;
  padding: 0 1.5rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
}
.what-section .what__text h2,
.what-section .what__text p,
.what-section .what__text .button-row {
  width: 100%;
  max-width: 42.75rem;
}
.what-section .what__text p br {
  display: none;
}
.what__text h2 {
  color: var(--dark-blue);
  margin-bottom: 0rem;
}
.what__image {
	position: absolute;
	top: 3.5rem;
	right: 0px;
	width: 100%;
	max-width: 37.3%;
	height: calc(100% - 7rem);
	bottom: 3.5rem;
  text-align: right;
}
.what__image img {
	width: auto;
	height: auto;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

/* ANATOMICAL */
.anatomical-section {
  background-color: var(--light-blue);
  position: relative;
  padding: 0px;
  overflow: hidden;
}
.anatomical__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.anatomical__text {
  padding: 5rem 0rem 12.313rem 7.375rem; 
  min-height: 821px;
  width: 100%;
  max-width: 50%;
  display: flex;
  flex-direction: column; 
  gap: 1.5rem;
}
.anatomical__text p br {
  display: none;
}
.anatomical__image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  max-width: 50%;
  height: 100%; 
}
.anatomical__image img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.anatomical-section .anatomical__text p span:not(.footnote-number):not(.footnote-wrapper),
.anatomical-section .anatomical__text p strong:not(.footnote-number):not(.footnote-wrapper),
.text-pink:not(.footnote-number):not(.footnote-wrapper) {
  font-weight: 700;
  color: var(--dusky-pink);
}

/* PROVEN */
.proven__list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #2b3b4a;
}
.proven__list li {
  padding-left: 18px;
  position: relative;
}
.proven__list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--muted-teal);
}

/* CERTS */
.certs-section {
  margin: 0px;
  position: relative;
  padding: 0rem;
}
.page-template-page-home .certs-section {
  margin: -9.813rem 0 0 0;
}
.certs-bg {
  background-color: var(--dark-blue);
  border-radius: 1.5rem;
  padding: 2.5rem 1rem 4.5rem 1rem;
}
.certs-section-v2 {
  margin: 0px;
  background-color: var(--dark-blue);
  padding: 40px 1rem 72px 1rem;
}
.certs-section-v2 .certs-bg { 
  border-radius: 0rem; 
  padding: 0px;
}
.certs-bg h3 {
  color: var(--white);
  margin: 0 0 2rem 0;
  text-align: center;
}
.certs-boxs {
  width: 100%;
  max-width: 66.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.certs-boxs .certs-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.certs-boxs .certs-box img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
	margin: 0px auto;
}
.certs-boxs .certs-box span {
  color: var(--white);
  text-align: center;
  font-family: "CoHeadlineW08Bold";
  font-weight: normal;
  min-height: 2rem;
  font-size: 1rem;
  line-height: 1rem;
}


/* LIFESTYLE */
.lifestyle-section {
  padding: 0rem;
  margin: -10.625rem 0 0 0;
}
.lifestyle__img img {
  width: 100%;
  display: block; 
}

.featured-in-section {
  padding: 2.5rem 0rem;
}
.featured-in-section .container {
  max-width: 1440px;
}
.featured-in-section span {
  color: var(--dark-blue);
  display: block;
  text-align: center;
  padding: 0 0 1.25rem 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.featured-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0px;
  row-gap: 8px; 
}
.featured-logos .featured-logo {
  max-width: 129px;
}
.featured-logos .featured-logo:nth-child(1) {
  margin-right: 2px; 
}
.featured-logos .featured-logo:nth-child(2) {
  margin-right: 30px; 
}
.featured-logos .featured-logo:nth-child(3) {
  margin-right: 25px; 
}
.featured-logos .featured-logo:nth-child(4) {
  margin-right: 21px; 
}
.featured-logos .featured-logo:nth-child(5) {
  margin-right: 22px; 
}
.featured-logos .featured-logo:nth-child(6) {
  margin-right: 19px; 
}
.featured-logos .featured-logo:nth-child(7) {
  margin-right: 26px; 
}
.featured-logos .featured-logo:nth-child(8) {
  margin-right: 0px;
}
.featured-logos .featured-logo:nth-child(9) {
  margin-right: 0px; 
}
.women-chatting-coffee-section {
  position: relative;
  overflow: hidden; 
  min-height: 467px;
}
.women-chatting-coffee-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 467px;
}
.benefits-section {
  position: relative;
  overflow: hidden;
}
.benefits-section::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
  height: 100%;
	pointer-events: none;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 38.44%, #FFFFFF 60%);
	z-index: 1;
}
.benefits-section .benefits-content {
  padding: 64px 0px;
  width: 100%;
  max-width: 612px;
  position: relative;
  z-index: 3;
}
.benefits-section .benefits-content h2 { 
  margin-bottom: 40px; 
}
.benefits-section .benefit-item {
  display: flex;
  gap: 42px;
  align-items: flex-start;
}
.benefits-section .benefit-item:not(:last-child) {
  margin-bottom: 24px;
}
.benefits-section .icon-circle {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 50%;
}
.benefits-section .benefit-item h4 {
  margin: 0 0 8px;  
}
.benefits-section .benefit-item p {
  margin: 0; 
}
.benefits-section .benefit-item p br {
  display: none;
}
.benefits-section .benefit-item p strong,
.benefits-section .benefit-item p a {
  font-weight: 600;
  text-decoration: underline;
  color: var(--black);
}
.benefits-section .benefit-item p a:hover {
  color: var(--blue);
}
/* RIGHT IMAGE */
.benefits-section .benefits-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 62%;
}
.benefits-section .benefits-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.sizes-section {
  position: relative;
  overflow: hidden;
  background: var(--light-blue);
}
.sizes-section .container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* LEFT IMAGE */
.sizes-section .sizes-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 50%;
}
.sizes-section .sizes-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
/* RIGHT CONTENT */
.sizes-section .sizes-content {
  width: 50%;
  padding: 40px 0px 40px 118px;
}
.sizes-section .sizes-content h2 { 
  margin-bottom: 24px; 
}
.sizes-section .sizes-content p:not(:last-child) { 
  margin-bottom: 24px; 
}
.sizes-section .sizes-content p br {
  display: none;
}
.sizes-section .sizes-content p strong,
.sizes-section .sizes-content p a {
  font-weight: 500;
  text-decoration: underline;
  color: var(--black);
}
.sizes-section .sizes-content p a:hover {
  color: var(--blue);
}
/* STEP CIRCLES */
.sizes-section .sizes-content .size-steps {
  margin: 0px 0px 24px 0px;
  display: flex;
  gap: 40px;
}
.sizes-section .sizes-content .step {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-family: "CoHeadlineW08Bold";
}
.sizes-section .sizes-content .step-1 {
  border: 3px solid var(--mint-green);
  color: var(--mint-green);
}
.sizes-section .sizes-content .step-2 {
  border: 3px solid var(--dusky-pink);
  color: var(--dusky-pink);
}
.sizes-section .sizes-content .step-3 {
  border: 3px solid var(--light-purple);
  color: var(--light-purple);
}

/* BOTTOM PINK SECTION */
.incontinence-types {
  background: var(--dusky-pink); 
}
.incontinence-types h2 {
  margin-bottom: 24px;
  color: var(--white);
  max-width: 819px;
}
.incontinence-types p {
  color: var(--white);
  max-width: 819px;
  margin: 0;
}
.incontinence-types p br {
  display: none;
}

/* ============================================
   Main Content
   ============================================ */
.site-main {
  min-height: 60vh;
}

.content-area {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.entry-header {
  margin-bottom: 20px;
}

.entry-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1e3a5f;
}

.entry-title a {
  color: #1e3a5f;
  text-decoration: none;
}

.entry-title a:hover {
  color: #0098ff;
}

.entry-content {
  font-size: 16px;
  line-height: 1.8;
}

.entry-content p {
  margin-bottom: 20px;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-meta {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.entry-meta span {
  margin-right: 15px;
}

.post-thumbnail {
  margin-bottom: 20px;
}

.post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.read-more {
  display: inline-block;
  margin-top: 15px;
  color: #0098ff;
  text-decoration: none;
  font-weight: 600;
}

.read-more:hover {
  text-decoration: underline;
}

.page-header {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e0e0e0;
}

.page-title {
  font-size: 36px;
  font-weight: 700;
  color: #1e3a5f;
}

.archive-description {
  margin-top: 10px;
  color: #666;
  font-size: 16px;
}

/* ============================================
   Footer Styles
   ============================================ */
.site-footer {
  background-color: var(--light-blue);
  padding: 3.5rem 0 3.5rem 0;
}

.footer-container {
  max-width: 1308px;
  margin: 0 auto;
  padding: 0 30px;
}

.footer-logo {
  margin: 0 0 2rem 0;
}
.footer-logo img {
  width: 100%;
  max-width: 150px;
}

.footer-as-seen-in {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.footer-as-seen-in h3 {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer-as-seen-in .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  opacity: 0.7;
}

.footer-as-seen-in .logos img {
  height: 28px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.footer-as-seen-in .logos img:hover {
  filter: grayscale(0%);
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0px;
}

.footer-column .footer-heading {
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 700; 
  margin-bottom: 1.5rem;
  color: var(--dark-blue); 
  text-transform: uppercase;
}
.footer-column .footer-heading a {
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: 700; 
  color: var(--dark-blue); 
  text-transform: uppercase;
  text-decoration: none;
}

.footer-column p {
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--black);
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.footer-column .footer-contact-email a {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--blue);
  line-height: 1.5rem;
  text-decoration: none;
}
.footer-column .footer-contact-email a:hover {
  color: var(--dark-blue);
  text-decoration: none;
}

.footer-column ul {
  list-style: none;
}

.footer-column ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.footer-column ul li a {
  color: var(--black);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.188rem;
  transition: color 0.3s ease;
}

.footer-column ul li a:hover {
  color: #0098ff;
}

.footer-social-links {
  display: flex;
  gap: 1rem;
}

.footer-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center; 
  color: var(--blue);
  text-decoration: none; 
  cursor: pointer;
  transition: color 0.3s ease;
}

.footer-social-links a:hover {
  color: var(--dark-blue);
}

.footer-payment-methods {
  text-align: center;
  padding: 30px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 30px 0;
}

.footer-payment-methods p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.footer-payment-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.footer-payment-logos img {
  height: 24px;
  width: auto;
  opacity: 0.6;
}

.footer-copyright {
  text-align: center;
  padding-top: 2.5rem;
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid var(--blue);
}

.footer-copyright p {
  font-size: 0.75rem;
  line-height: 0.938rem;
  color: var(--black);
  margin: 0;
}
.footer-copyright .footer-legal-links {
  display: flex;
  gap: 1.5rem;
}
.footer-copyright .footer-legal-links > div {
  line-height: 0.938rem;
}
.footer-copyright .footer-legal-links a {
  font-size: 0.75rem;
  line-height: 0.938rem;
  color: var(--black);
  text-decoration: none; 
}
.footer-copyright .footer-legal-links a:hover {
  color: var(--blue); 
}

/* ============================================
   Home Page Sections
   ============================================ */
.container {
  max-width: 1308px;
  margin: 0 auto;
  padding: 0 30px;
}

.section-title {
  font-size: 36px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 40px;
  text-align: center;
}

/* Hero Section */
.hero-section {
  background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
  padding: 80px 20px;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.hero-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.hero-content {
  max-width: 600px;
}

.hero-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  color: #1e3a5f;
  margin-bottom: 20px;
}

.hero-title .highlight {
  color: #dc2626;
}

.hero-description {
  font-size: 20px;
  color: #666;
  margin-bottom: 30px;
  line-height: 1.6;
}

.hero-benefits {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  color: #1e3a5f;
  font-size: 15px;
}

.hero-benefits li::before {
  content: "•";
  color: #0098ff;
  display: inline-block;
  margin-right: 6px;
}

.hero-cta {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.hero-secondary-nav {
  margin-top: 24px;
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  background-color: #e0edff;
  border-radius: 9999px;
}

.hero-tab {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 9999px;
  font-size: 14px;
  text-decoration: none;
  color: #1e3a5f;
  font-weight: 500;
  transition: all 0.2s ease;
}

.hero-tab.is-active,
.hero-tab:hover {
  background-color: #fff;
  color: #0098ff;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message { 
	background-color: var(--light-blue); 
}

.btn-action {
  display: inline-block;
  text-decoration: none;
  color: var(--black);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  transition: all 0.3s ease;
}
.btn-action:hover {
  color: var(--blue);
}

.btn,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
.contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] {
  display: inline-block;
  text-align: center;
  padding: 1rem 2.125rem;
  border-radius: 6.25rem;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 6.25rem;
  -moz-border-radius: 6.25rem;
  -ms-border-radius: 6.25rem;
  -o-border-radius: 6.25rem;
}

.btn-primary,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
  background-color: var(--blue);
  color: var(--white);
}

.btn-primary:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
  background-color: var(--dark-blue);
  color: var(--white);
}

.btn-secondary,
.contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] {
  background-color: var(--white);
  color: var(--blue);
}

.btn-secondary:hover,
.contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"]:hover {
  background-color: var(--blue);
  color: var(--white);
}

.btn-link {
  text-decoration: none;
  color: var(--black);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  transition: all 0.3s ease;
  position: relative;
}

.btn-link:hover {
  color: var(--blue);
  text-decoration: underline;
}
.menu-toggle,
.menu-close,
.search-form-wrapper-mobile {
  display: none;
}
.search-form-wrapper .search-form {
  position: relative;
}
.search-form-wrapper .search-form label,
.search-form-wrapper .search-form input[type="search"] {
  width: 100%; 
}
.search-form-wrapper .search-form input[type="search"] {
  padding-right: 70px;
}
.search-form-wrapper .search-form .search-submit {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 47px;
  height: 100%;
  cursor: pointer;
  border: 0px;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 0px;
  text-align: center;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.06176 7.66933C5.48796 4.24469 8.82961 2.01004 12.5393 2.00013C16.5375 1.97907 20.0926 4.54006 21.339 8.3391C22.5853 12.1381 21.2381 16.3074 18.0044 18.6588C14.7707 21.0103 10.3893 21.0068 7.15934 18.6501L4.27934 21.5301C3.98652 21.8226 3.51216 21.8226 3.21934 21.5301C2.92689 21.2373 2.92689 20.7629 3.21934 20.4701L6.00934 17.6801C3.40324 15.04 2.63556 11.094 4.06176 7.66933ZM5.39891 14.1691C6.59638 17.0547 9.41508 18.9342 12.5393 18.9301V18.8901C16.7796 18.8847 20.2219 15.4603 20.2493 11.2201C20.2534 8.09586 18.374 5.27717 15.4883 4.0797C12.6026 2.88223 9.27967 3.54208 7.07048 5.75127C4.86129 7.96046 4.20144 11.2834 5.39891 14.1691Z" fill="currentColor"></path></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

/* prodcut information css */
.product-info-hero {
  position: relative;
  overflow: hidden; 
}
.product-info-hero::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(221, 237, 245, 0) 36.65%, rgba(221, 237, 245, 0.661803) 42.52%, #DDEDF5 50.27%); 
  z-index: 0;
  transform: rotateY(-180deg);
  z-index: 1;
}

/* left copy */
.product-info-hero .product-info-copy {
  padding: 72px 0px;
  width: 100%;
  max-width: 56.66%;
  position: relative;
  z-index: 3;
}
.product-info-hero .heading { 
  margin: 0 0 33px 0; 
}

/* paragraph body */
.product-info-hero .product-info-text {
  font-size: 18px;
  line-height: 22px;
}
.product-info-hero .product-info-text p br {
  display: none;
}

/* right image column */
.product-info-hero .visual-img {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 50%;
}
.product-info-hero .visual-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transform: rotateY(-180deg);
} 

/* ensure copy floats above overlay */
.product-info-hero .copy,
.product-info-hero .visual {
  position: relative;
  z-index: 1;
}

/* product-info-hero-v2 css */
.product-info-hero.product-info-hero-v2 .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
  min-height: 408px;
}
.product-info-hero.product-info-hero-v2::before {
  background: linear-gradient(90deg, rgba(221, 237, 245, 0) 22.68%, rgba(221, 237, 245, 0.67619) 33.13%, #DDEDF5 47.53%);
  transform: none;
}
.product-info-hero.product-info-hero-v2 .visual-img {
  left: 0;
  right: auto;
  justify-content: flex-start;
  max-width: 55%;
}
.product-info-hero.product-info-hero-v2 .visual-img img {
  transform: none;
}
.product-info-hero.product-info-hero-v2 .product-info-copy {
	padding: 50px 0px; 
	max-width: 48%; 
}
.product-info-hero.product-info-hero-v2 .heading {
	margin: 0 0 30px 0;
}
.product-info-hero.product-info-hero-v2 .product-info-text {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 30px;
}

/* 5 unique modes of action Section Background */
.modes-section { 
  position: relative;
  overflow: hidden;
}
.modes-section .container {
  display: flex;
  flex-direction: column;
  align-items: flex-end; 
}
/* Left Image */
.modes-image {
	position: absolute;
	padding: 0rem 0rem 0rem 0rem;
	max-width: 42%;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modes-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
/* Right Content */
.modes-content {
	width: 60%;
	padding: 104px 0px 104px 130px; 
}
.modes-content h2 { 
  margin-bottom: 24px; 
}
.modes-content p:not(:nth-last-child(2)) { 
  margin-bottom: 24px; 
}
.modes-content p br {
  display: none;
}
/* List Style */
.modes-list {
  list-style: none;
  padding: 0px;
  margin: 0px 0px 24px 0px;
}
.modes-list li {
  background: var(--light-blue); 
  padding: 12px 32px 12px 32px;
  border-radius: 16px;
  position: relative;
  font-weight: 600;
  color: var(--dark-blue);
  display: flex;
  align-items: center;
  gap: 32px;
}
.modes-list li:not(:last-child) {
  margin-bottom: 16px;
}
/* Number Circle */
.modes-list li span { 
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 3px solid var(--dark-blue);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  font-family: "CoHeadlineW08Bold";
}

.incontinence-section { 
  padding: 0px;
  overflow: hidden;
}
.incontinence-section.green{
  background: var(--light-green);
}
.incontinence-section.red{
  background: var(--extra-light-pink);
}
.incontinence-section.blue{
  background: var(--light-blue);
}
/* Tabs */
.incontinence-section .incontinence-tabs {
  display: flex; 
}
.incontinence-section .incontinence-tabs .tab {
  flex:1;
  padding: 16px; 
  border: 0px;
  border-bottom: 4px solid transparent;
  cursor:pointer;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  font-family: "CoHeadlineW08Bold";
  position: relative;
}
.incontinence-section .incontinence-tabs .tab:nth-child(1) {
  color: var(--mint-green); 
  background: var(--light-green);
}
.incontinence-section .incontinence-tabs .tab:nth-child(1)::before {
  content: "";
  position: absolute;
  left: -5000px;
  top: 0;
  width: 5000px;
  height: calc(100% + 4px);
  background: var(--light-green);
}
.incontinence-section .incontinence-tabs .tab:nth-child(2) {
  color: var(--dusky-pink); 
  background: var(--extra-light-pink);
}
.incontinence-section .incontinence-tabs .tab:nth-child(3) { 
  color: var(--blue); 
  background: var(--light-blue);
}
.incontinence-section .incontinence-tabs .tab:nth-child(3)::after {
  content: "";
  position: absolute;
  right: -5000px;
  top: 0;
  width: 5000px;
  height: calc(100% + 4px);
  background: var(--light-blue);
}
.incontinence-section .incontinence-tabs .tab.active:nth-child(1) { 
  border-bottom: 4px solid var(--mint-green);
}
.incontinence-section .incontinence-tabs .tab.active:nth-child(2) { 
  border-bottom: 4px solid var(--dusky-pink);
}
.incontinence-section .incontinence-tabs .tab.active:nth-child(3) { 
  border-bottom: 4px solid var(--blue);
}
/* Content */
.incontinence-section .tab-content-wrapper .tab-content {
  display:none;
}
.incontinence-section .tab-content-wrapper .tab-content.active {
  display:block;
}
/* Layout */
.incontinence-section .tab-content-wrapper .tab-grid {
  display: flex; 
  gap: 130px; 
}
.incontinence-section .tab-content-wrapper .tab-image {
  max-width: 506px;
  width: 100%;
}
.incontinence-section .tab-content-wrapper .tab-image img { 
  width:100%;
  height: auto;
}
.incontinence-section .tab-content-wrapper .tab-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 506px;
  width: 100%;
  padding: 40px 0px;
}
.incontinence-section .tab-content-wrapper .tab-text p br {
  display: none;
}

.pi-environmental-benefits-section {
  position: relative;
  overflow: hidden;
  padding: 0px;
}
.pi-environmental-benefits-section .pi-environment__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pi-environmental-benefits-section .pi-environment__text {
  padding: 80px 130px 80px 0px;
  width: 100%;
  max-width: 68%;
  position: relative;
  z-index: 1;
}
.pi-environmental-benefits-section .pi-environment__text h2 {
  margin-bottom: 40px;
}
.pi-environmental-benefits-section .pi-environment__text h4 {
  margin: 0px 0px 8px 0px;
}
.pi-environmental-benefits-section .pi-environment__text p:not(:last-child) {
  margin: 0px 0px 24px 0px;
}
.pi-environmental-benefits-section .pi-environment__text p br {
  display: none;
}
.pi-environmental-benefits-section .pi-environment__text p strong {
  color: var(--dusky-pink);
  font-weight: 700; 
  font-size: 18px;
  line-height: 24px;
  display: block;
  max-width: 660px;
}
.pi-environmental-benefits-section .pi-environment__text .winner-award-btn-row {
  display: flex; 
  width: 100%;
  margin-bottom: 24px;
}
.pi-environmental-benefits-section .pi-environment__text .winner-award-btn-row .winner-award-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  background-color: var(--mint-green);
  border-radius: 18px;
  color: var(--white);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.pi-environmental-benefits-section .pi-environment__text .winner-award-btn-row .winner-award-btn svg {
  min-width: 24px;
  min-height: 24px;
}
.pi-environmental-benefits-section .pi-environment__graphic {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 34.5%;
}
.pi-environmental-benefits-section .pi-environment__graphic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.cta-contrelle-section{
  background: var(--dark-blue);
  padding: 0px 0px;
}
.cta-contrelle-section .cta-container{ 
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 129px;
}
.cta-contrelle-section .cta-content {
  padding: 84px 0px 84px 0px;
  max-width: 613px;
}
/* LEFT CONTENT */
.cta-contrelle-section .cta-content h2 { 
  color:var(--white); 
  margin-bottom: 8px;
}
.cta-contrelle-section .cta-content h2 br {
  display: none;
}
.cta-contrelle-section h4 {
  color: var(--dusky-pink); 
  margin-bottom: 32px; 
}
/* BUTTONS */
.cta-contrelle-section .cta-buttons {
  display:flex;
  gap: 24px;
  flex-wrap: wrap;
}
.cta-contrelle-section .cta-buttons .btn-primary {
  border: 1px solid var(--blue);
}
.cta-contrelle-section .cta-buttons .btn-primary:hover {
  color: var(--blue);
  border: 1px solid var(--blue);
}

.certs-section-slider-v3 {
  padding: 24px 0px !important;
}
.certs-section-slider-v3 .container {
  padding: 0px;
  max-width: 1440px;
}
.certs-section-slider-v3 .certs-bg h3 {
  display: none;
}
.certs-section-slider-v3 .certs-boxs {
  max-width: 100%;
}
.certs-section-slider-v3 .certs-boxs .slick-list .slick-track {
  display: flex;
}
.certs-section-slider-v3 .certs-boxs .certs-box { 
  display: flex !important;
	flex-direction: row;  
  padding-right: 80px !important;
  max-width: none !important;
  width: auto !important;
}
.certs-section-slider-v3 .certs-boxs .certs-box span { 
	text-align: left; 
	min-height: auto; 
}
.certs-section-slider-v3 .certs-boxs .certs-box img {
	max-width: 80px;
	max-height: 80px;
}
/* .certs-section-slider-v3 .certs-boxs .certs-box:nth-child(5) span {
  max-width: 182px;
  text-align: center;
} */
.absolute-left {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.absolute-right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
}
.relative-hidden {
  position: relative;
  overflow: hidden;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proven-evidence-section {
  padding: 0px;
}
.proven-evidence-section .proven-evidence-left-text,
.proven-results-section .proven-results__stats,
.proven-highlight-section .proven-highlight-content,
.proven-trials-section .proven-trials__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 62%;
  padding: 64px 50px 64px 0px;
}
.proven-evidence-section .proven-evidence-title,
.proven-evidence-section .evidence-card,
.proven-evidence-section .proven-evidence-label {
  max-width: 718px;
}
.proven-evidence-section .evidence-card {
  background-color: var(--light-blue);
  border-radius: 24px;
  padding: 16px 32px;
}
.proven-evidence-section .evidence-card p strong {
  font-size: 18px;
  font-weight: 700;
  color: var(--dusky-pink);
}
.proven-evidence-section .proven-evidence-label strong {
  font-size: 20px;
  font-weight: 700;
  color: var(--dusky-pink);
}
.proven-evidence-section h2 span {
  color: var(--dusky-pink);
}
.proven-evidence-section .proven-evidence__media {
  max-width: 38%;
}

.proven-results-section {
  padding: 0px;
  background-color: var(--light-blue);
}
.proven-results-section .proven-results__image {
  max-width: 36%;
  height: 100%;
}
.proven-results-section .proven-results__stats { 
  max-width: 64%;
  margin-left: auto; 
  padding: 80px 0px 80px 80px;
}
.proven-results-section .proven-results__stats h2 span {
  color: var(--dusky-pink);
}
.proven-results-section .proven-results__stats p strong {
  color: var(--dusky-pink);
  font-weight: 700;
  font-size: 18px;
}
.proven-results-section .proven-results__stats .proven-stats li,
.proven-results-section .proven-results__stats .confidence-stats li:not(.confidence-info) {
  display: flex;
  gap: 16px;
  font-weight: 500;
  line-height: 19px;
  align-items: center;
}
.proven-results-section .proven-results__stats .proven-stats li strong,
.proven-results-section .proven-results__stats .confidence-stats li:not(.confidence-info) strong {
  font-family: "CoHeadlineW08Bold";
  font-weight: normal;
  font-size: 32px;
  line-height: 56px;
  color: var(--dark-blue);
}
.proven-results-section .proven-results__stats .confidence-stats li.confidence-info:nth-last-child(1) p strong {
  font-size: 20px;
}
.proven-results-section .proven-results__stats ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proven-results-section .proven-results__stats li {
  list-style-type: none;
}

.proven-highlight-section {
  overflow: hidden;
  background-color: var(--dusky-pink);
  padding: 0px;
}
.proven-highlight-section .proven-highlight-image::before {
  content: "";
  position: absolute;
  right: -44%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(226, 101, 120, 0) 38.34%, rgba(226, 101, 120, 0.722907) 46.94%, #E26578 55.52%); 
  z-index: 1;
}
.proven-highlight-section .proven-highlight-image {
  max-width: 48%;
  height: 100%;
}
.proven-highlight-section .proven-highlight-content {
  padding: 96px 0px 96px 80px;
  max-width: 55%;
  margin-left: auto;
  gap: 0px;
  position: relative;
  z-index: 3;
}
.proven-highlight-section .proven-highlight-content h2 {
	color: var(--white);
	max-width: 555px;
  margin-bottom: 40px;
}
.proven-highlight-section .proven-highlight-content p {
  color: var(--white); 
}

.proven-trials-section {
  padding: 0px;
}
.proven-trials-section .proven-trials__content {
	max-width: 64%; 
	padding: 80px 80px 80px 0px;
}
.proven-trials-section .proven-trials__content h2 span {
  color: var(--dusky-pink);
}
.proven-trials-section .proven-trials__content p strong {
  color: var(--dusky-pink);
  font-size: 18px;
  font-weight: 700;
}
.proven-trials-section .proven-trials__media {
  max-width: 36%;
  height: 100%;
}

.getting-started-hero {
  position: relative;
}
.getting-started-hero .ellipse-1 {
  left: -186px;
  top: -212px;
}
.getting-started-hero .ellipse {
  right: -136px;
  left: auto;
  top: auto;
  bottom: -380px;
}
.getting-started-hero .started-hero__media {
	width: 100%;
	max-width: 46.5%;
	text-align: right;
}
.getting-started-hero .started-hero__media img {
  height: auto;
  width: 100%;
  max-width: 667px;
}
.getting-started-hero .started-hero__content {
  /* max-width: 56.1%; */
  max-width: 62%;
  padding: 124px 0px 54px 0px;
}
.getting-started-hero .started-hero__content h1 {
  margin-bottom: 40px;
}
.getting-started-hero .started-hero__content .home-hero__actions { 
	margin-top: 2.5rem;
	margin-bottom: 0rem;
}
.getting-started-hero .started-hero__content p {
  font-size: 20px;
  line-height: 24px;
}
.getting-started-hero .started-hero__content p:not(:last-child) {
  margin-bottom: 16px;
}
.getting-started-hero .started-hero__content p a {
  color: var(--dark-blue);
  text-decoration: underline;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.getting-started-hero .started-hero__content p a:hover {
  color: var(--dusky-pink);
}
.page-template-page-getting-started .site-main {
  overflow: hidden;
}

.using-contrelle-key-points {
  padding: 56px 0px;
  position: relative;
}
.using-contrelle-key-points .container-1 {
  max-width: 1308px;
  margin: 0 auto;  
}
.using-contrelle-key-points .container {
	max-width: 100%;
	padding-right: 0;
	padding-left: calc(50% - 655px);
  overflow: hidden;
}
.using-contrelle-key-points h2 {
  text-align: center;
  margin-bottom: 56px;
  padding: 0px 30px;
}
.using-contrelle-key-points .using-key-points {
  display: flex;
  align-items: center; 
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 30px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.using-key-points::-webkit-scrollbar { height: 6px; }
.using-key-points::-webkit-scrollbar-track { background: rgba(255,255,255,0.1); border-radius: 3px; }
.using-key-points::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 3px; }
.using-contrelle-key-points .using-key-points .key-point-title {
  background-color: var(--light-blue);
  border-radius: 100px;
  padding: 8px 16px;
  color: var(--blue);
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.25s, color 0.25s;
  flex-shrink: 0;
}
.using-contrelle-key-points .using-key-points .key-point-title.active {
  background-color: var(--dusky-pink);
  color: var(--white);
}
.using-contrelle-key-points .key-points-info {
  display: flex; 
  overflow: hidden;
  gap: 24px;
  padding: 0px 0px 0px 30px;
  counter-reset: step;
}
.using-contrelle-key-points .key-points-info .key-point-card  { 
  background-color: var(--dark-blue);
  border-radius: 24px;
  display: flex;
  overflow: hidden;
  counter-increment: step; 
  flex-shrink: 0;
  transition: flex-basis 0.9s ease, opacity 0.8s; 
  position: relative;
}

.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content {
  padding: 56px 56px 56px 56px;
  width: 100%;
  max-width: 100%;
  position: relative;
  flex: 1; min-width: 0;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content h3 {
  color: var(--white);
  margin-bottom: 24px;
  line-height: 32px;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content p {
  color: var(--white);
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content .key-point-content {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 182px;
}
.using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content .key-point-content {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 61.06%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.using-contrelle-key-points .key-points-info .key-point-card.state-active .key-point-left-content .key-point-content {
  position: relative;
  max-width: 100%
} 
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content p strong { 
  font-weight: 700;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content p:not(:last-child) {
  margin-bottom: 16px;
}
.using-contrelle-key-points .key-points-info .key-point-card.state-active .key-point-left-content {
  max-width: 52.3%;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-image {
  display: none;
  border-radius: 0px 24px 24px 0px;
  width: 100%;
  max-width: 47.7%;
  flex-shrink: 0;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-image img {
  border-radius: 0px 24px 24px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.using-contrelle-key-points .key-points-info .key-point-card.state-active .key-point-image {
  display: block;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content .key-point-subtitle::before{
  content: counter(step);
  min-width: 56px;
  min-height: 56px;
  width: 56px;
  height: 56px;
  border-radius: 100px;
  font-weight: 400;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  font-family: "CoHeadlineW08Bold";
  border: 3px solid var(--white);
  color: var(--white);
  display: none;
  align-items:center;
  justify-content:center;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content .counter-wrapper {
  min-width: 56px;
  min-height: 56px;
  width: 56px;
  height: 56px;
  border-radius: 100px;
  font-weight: 400;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  font-family: "CoHeadlineW08Bold";
  border: 3px solid var(--white);
  color: var(--white);
  display: flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 8px;
}
.using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content .counter-wrapper .key-point-number {
	display: block;
	line-height: 1;
	padding-bottom: 6px;
}
.key-point-card.state-active {
    flex-basis: 62%;
    min-width: 62%;
}
.key-point-card.state-folded {
    flex-basis: 22%;
    min-width: 22%;
}
.key-point-card.state-sliver {
    flex-basis: 15%;
    min-width: 15%;
}
.key-point-card.state-sliver .key-point-subtitle,
.key-point-card.state-sliver .key-point-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.key-point-card.state-sliver .key-point-image { display: none; }
.key-point-card.state-hidden {
    flex-basis: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    opacity: 0;
    pointer-events: none;
}
.key-point-card.state-hidden .key-point-content,
.key-point-card.state-hidden .key-point-image { display: none; }

.experiencing-issues {
    background: var(--light-blue);
    padding: 56px 0px;
}
.experiencing-issues .container { 
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: space-between;
}
/* Left column */
.issue-content {
    flex: 0 0 580px;
}
.experiencing-issues .issue-content h2 {
    margin: 0 0 24px 0;
}
.experiencing-issues .issue-content .exp-issues-action {
  margin-top: 40px;
}
/* Right column - FAQ accordion */
.faq-list { 
    min-width: 0;
}
.faq-wrapper {
    display: flex;
    flex-direction: column; 
}
.faq-item {
    border-radius: 24px;
    padding: 0px 0px;
    cursor: pointer; 
    transition: border-color 0.2s, background 0.2s;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 612px;
}
.faq-item:not(:last-child) {
  margin-bottom: 16px;
}
.faq-item.active {
    background: #DD6377;
}
.faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--white);
    position: relative;
    z-index: 1;
    background-image: url("assests/faq-q-bg-img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 24px 20px;
    min-height: 92px;
    border-radius: 24px;
}
.faq-item .faq-question span.text {
  max-width: 380px;
  width: 100%;
  display: block;
}
.faq-item.active .faq-question {
  border-radius: 24px 24px 0px 0px;
}
.faq-item .faq-question .chevron {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.faq-item .faq-question .chevron svg {
    width: 20px;
    height: 20px;
}
.faq-item.active .faq-question .chevron {
    transform: rotate(180deg);
}
.faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    position: relative;
    z-index: 1;
}
.faq-item .faq-answer-inner {
    padding: 24px 20px; 
    color: var(--white);
}
.faq-item .faq-answer-inner p { margin: 0 0 16px 0; }
.faq-item .faq-answer-inner p:last-child { margin-bottom: 0; }
.faq-item .faq-answer-inner p a,
.faq-item .faq-answer-inner li a { 
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  /* color: #000000;
  text-decoration: none; */
  font-weight: 400; 
  color: var(--blue);
  text-decoration: underline;
}
.faq-item .faq-answer-inner p a:hover,
.faq-item .faq-answer-inner li a:hover {
  /* color: var(--blue); */
  color: var(--dusky-pink);
}
.page-template-page-contact .faq-item .faq-answer-inner p a,
.page-template-page-contact .faq-item .faq-answer-inner li a {
  color: #ffffff;
  text-decoration: none;
}
.page-template-page-contact .faq-item .faq-answer-inner p a:hover,
.page-template-page-contact .faq-item .faq-answer-inner li a:hover {
  color: #ffffff;
  text-decoration: none;
}

.faq-item .faq-answer .faq-answer-inner ul,
.faq-item .faq-answer .faq-answer-inner ul li,
.faq-item .faq-answer .faq-answer-inner ol,
.faq-item .faq-answer .faq-answer-inner ol li {
  padding: 0px;
  margin: 0px;
}
.faq-item .faq-answer .faq-answer-inner ul,
.faq-item .faq-answer .faq-answer-inner ol {
  padding: 0px 0px 0px 20px;
}
.faq-item .faq-answer .faq-answer-inner ol ol {
  padding: 0px;
}

.shop-banner-section { 
  padding: 0px 0px;
  position: relative;
  overflow: hidden;
  min-height: 380px;
  background-color: #FFEAEE;
}
.shop-banner-section .shop-banner__media { 
  width: auto;
  height: 100%;
}
.shop-banner-section .shop-banner__media .img-cover {
	width: auto;
	height: 770px !important;
	object-fit: cover; 
  transform: translateY(-391px) translateX(-120px);
}
.shop-banner-section .shop-banner__media::before {
  content: "";
  background: linear-gradient(90deg, rgba(255, 234, 238, 0) 51.56%, #FFEAEE 71.75%); 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: translateX(17%);
}
.shop-banner-section .shop-banner__content {
  padding: 111px 0px;
  position: relative;
  z-index: 2;
  max-width: 294px;
  width: 100%;
  margin-left: auto;
  margin-right: 106px;
}
.shop-banner-section .shop-banner__content h1 {
  line-height: 98px;
  margin-bottom: 16px;
}
.shop-banner-section .shop-banner__content p {
  font-size: 18px;
  line-height: 22px;
}
.shop-products-list-section {
  position: relative;
  overflow: hidden;
}
.shop-products-list-section .ellipse-1 {
  height: 557px;
  bottom: -332px;
}
.shop-products-list-section .shop-products-title {
  line-height: 56px;
  margin-bottom: 16px;
}
.shop-products-list-section .product-card { 
	gap: 16px;
}
.shop-products-list-section .product-card-image {
	min-height: 408px;   
}
.shop-products-list-section .product-card-image .product-card__img { 
	height: 320px !important; 
}
.shop-products-list-section .product-card__title { 
	margin: 0rem 0rem 1rem 0rem;
}
.shop-products-list-section .product-card-content .name-price-inline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.shop-banner-section.shop-detail-banner-section .shop-banner__media .img-cover {
  transform: translateY(-123px) translateX(-120px);
}
.single-product .content-area {
  max-width: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.woocommerce .woocommerce-breadcrumb {
  max-width: 1308px;
  margin: 0 auto;
  padding: 56px 30px 0px;
}
.woocommerce .woocommerce-notices-wrapper {
  max-width: 1308px;
  margin: 0 auto;
  padding: 48px 30px 0px; 
}
.woocommerce .woocommerce-notices-wrapper:empty {
  display: none;
}
.woocommerce .product .product-entry-wrapper {
  max-width: 1308px;
  margin: 0 auto;
  padding: 48px 30px 0px;
  display: flex;
  flex-wrap: wrap; 
  position: relative;
  z-index: 1;
}
.woocommerce .product .product-entry-wrapper .woocommerce-product-gallery {
  width: 100%;
  max-width: 42%;
  padding: 0px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .woocommerce-variation-add-to-cart {
  display: flex;
}
.woocommerce .product .product-entry-wrapper .entry-summary #wc-stripe-express-checkout-element { 
	margin-top: 24px !important;
  width: 100%;
  max-width: 100%;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__meta { 
	flex-wrap: wrap;
}
.woocommerce .product .product-entry-wrapper .entry-summary {
  width: 100% !important;
  max-width: 58%;
  padding: 0px 0px 0px 24px;
  margin: 0px !important;
}
.woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image { 
  min-height: 516px;  
  height: 100%; 
  padding: 0px;
  align-items: center;
}
.woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image img {
  width: auto;
  height: 100%;
  object-fit: cover;
  max-height: 425px;
  margin-top: 46px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content {
  width: 100%;
  max-width: 598px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc,
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc p {
  line-height: 19px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc {
  margin-bottom: 40px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc p:not(:last-child) {
  margin-bottom: 16px;
}
.price-wrapper {
  margin-bottom: 8px;
}
.price {
	font-weight: 700;
	color: var(--black);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: var(--black);
	font-size: 24px;
  line-height: 29px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__title {
  font-size: 24px;
  line-height: 29px;
  color: var(--black);
  font-weight: 700;
  margin: 0px 0px 16px 0px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__attributes {
  margin: 40px 0px 0px 0px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__meta {
  margin: 40px 0px 0px 0px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__attribute strong,
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__variation strong,
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__variation label {
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 19px;
  display: block;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__variation tr {
  display: flex;
  flex-direction: column;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card__variation tr th {
  line-height: 19px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label input[type="radio"] {
  display: none;
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .size-globel {
  border-radius: 30px;
  padding: 8px 40px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  display: block;
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-1 {
  outline: 2px solid var(--mint-green);
  color: var(--black);
  background-color: var(--mint-green);
  color: var(--white);
}
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+1) input[type="radio"] + .size-globel {
   outline: 2px solid var(--mint-green);
   color: var(--black);
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-1.selected,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+1) input[type="radio"]:checked + .size-globel {
  outline: 2px solid var(--mint-green);
  background-color: var(--mint-green);
  color: var(--white);
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-2,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+2) input[type="radio"] + .size-globel {
  outline: 2px solid var(--dusky-pink);
  color: var(--black);
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-2.selected,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+2) input[type="radio"]:checked + .size-globel {
  outline: 2px solid var(--dusky-pink);
  background-color: var(--dusky-pink);
  color: var(--white);
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-3,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+3) input[type="radio"] + .size-globel {
  outline: 2px solid var(--light-purple);
  color: var(--black);
}
.woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel.size-3.selected,
.woocommerce .product .product-entry-wrapper .entry-summary .radio-variation .variation-label:nth-child(3n+3) input[type="radio"]:checked + .size-globel {
  outline: 2px solid var(--light-purple);
  background-color: var(--light-purple);
  color: var(--white);
  cursor: pointer;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .product-card__variations {
  margin-bottom: 40px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart {
  margin: 0px;
  width: 100%;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity-cart-btn {
	display: flex; 
  flex-wrap: wrap;
	gap: 0px;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity {
  margin: 0px 16px 0px 0px;
  display: flex;
  border: 2px solid #B5B5B5;
  border-radius: 30px; 
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .input-text {
  min-width: 51px;
  width: 51px;
  text-align: center;
  border: 0px;
  border-left: 2px solid #B5B5B5;
  border-right: 2px solid #B5B5B5;
  background-color: transparent;
  border-radius: 0px;
  padding: 12px 4px;
  margin: 0px;
  height: auto;
  outline: none !important;
  box-shadow: none !important;
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: var(--black);
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .qty-btn {
  min-width: 55px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--black);
  background-color: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  height: auto;
  outline: none !important;
  box-shadow: none !important;
  font-size: 0px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .qty-btn.minus {
  background-image: url(./assests/minus-icon.svg);
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .qty-btn.plus {
  background-image: url(./assests/pluse-icon.svg);
}
.woocommerce .product .product-entry-wrapper .entry-summary .cart::before,
.woocommerce .product .product-entry-wrapper .entry-summary .cart::after {
  display: none;
}
/* Hide arrows in Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Hide arrows in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.woocommerce .product .product-entry-wrapper .entry-summary .single_add_to_cart_button {
  min-width: 270px;
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  padding: 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.woocommerce .product .product-entry-wrapper .entry-summary .single_add_to_cart_button:hover {
  background-color: var(--dark-blue);
  color: var(--white);
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message { 
	box-shadow: none !important;
	outline: none !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb span {
	font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--black);
  text-decoration: none;
  outline: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.woocommerce .woocommerce-breadcrumb { 
	display: flex;
	align-items: center;
}
.woocommerce-breadcrumb .ct-separator {
	margin: 0 8px;
}
.woocommerce-tabs-section {
  padding: 48px 0px 62px 0px;
  position: relative; 
}
.woocommerce-tabs-section .ellipse-2 {
  right: -136px;
  bottom: -263px;
  display: block;
}
.woocommerce-tabs-section .container {
  position: relative;
  z-index: 3;
}
.woocommerce-tabs-section .woocommerce-tabs {
  display: flex;
  flex-wrap: wrap; 
  overflow: hidden;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs {
  padding: 0px 0px 10px 0px !important;
  margin: 0px 0px 32px 0px !important;
  display: flex;
  align-items: center;
  gap: 96px;
  border-bottom: 4px solid #B5B5B5;
  overflow: visible !important;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs::before,
.woocommerce-tabs-section .woocommerce-tabs .tabs::after {
  display: none !important;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs li::before,
.woocommerce-tabs-section .woocommerce-tabs .tabs li a::before,
.woocommerce-tabs-section .woocommerce-tabs .tabs li::after,
.woocommerce-tabs-section .woocommerce-tabs .tabs li a::after {
  display: none !important;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs li.active::after {
  display: block !important;
  width: calc(100% + 48px) !important;
  position: absolute;
  top: auto !important;
  right: 0px !important;
  bottom: -14px !important;
  left: 0px !important;
  border-radius: 0px !important;
  border: 0px !important;
  border-bottom: 4px solid var(--dark-blue) !important; 
  height: 4px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs li,
.woocommerce-tabs-section .woocommerce-tabs .tabs li a {
  position: relative;
  color: #737373;
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;
  font-family: "CoHeadlineW08Bold";
  border: 0px !important;
  background-color: transparent !important;
  padding: 0px !important;
  margin: 0px !important;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs li {
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.woocommerce-tabs-section .woocommerce-tabs .tabs li.active,
.woocommerce-tabs-section .woocommerce-tabs .tabs li.active a {
  color: var(--dark-blue) !important;
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel {
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol li,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul li {
  margin: 0px;
  padding: 0px;
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul {
  padding: 0px 0px 0px 16px;
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol ol,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul ul {
  padding: 0px;
  margin: 0px;
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol li,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul li {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--black);
}
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ol li::first-letter,
.woocommerce-tabs-section .woocommerce-tabs .woocommerce-Tabs-panel ul li::first-letter {
  text-transform: uppercase;
}
.woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__desc {
  margin-bottom: 40px;
}
.available-prescription-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 56px 0px;
  background-image: url(./assests/faq-bg-v2-img.png);
  background-color: var(--dusky-pink);
  position: relative;
}
.available-prescription-section .prescription-content-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.single .available-prescription-section .prescription-title {
  width: 100%;
  max-width: 660px;
}
.available-prescription-section h2 {
  color: var(--white);
  line-height: 56px;
  /* max-width: 612px; */
  max-width: 100%;
  width: 100%;
}
.available-prescription-section .prescription-content-inner .prescription-hero__actions {
  min-width: 240px;
}
.available-prescription-section .prescription-content-inner .prescription-hero__actions .btn {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}
.desktop-tablet-hide-title {
  display: none;
}
.faqs-list-section { 
  padding: 56px 0px; 
  position: relative;
  overflow: hidden;
}
.faqs-list-section .ellipse-1 {
  height: 517px;
  bottom: -255px;
}
.faqs-list-section .container {
  position: relative;
  z-index: 3;
}
.faqs-list-section .faq-page-title,
.faqs-list-section .faq-page-title h1 {
  text-align: center;
  font-size: 48px;
  line-height: 84px;
  font-weight: 400;
  text-align: center; 
  margin: 0px;
  padding: 0px;
}
.faqs-list-section .faq-page-title {
  margin-bottom: 56px;
}
.faqs-list-section .faq-page-title strong,
.faqs-list-section .faq-page-title span {
  color: var(--dusky-pink);
  font-weight: 400;
}
.faqs-list-section .faq-tabs {
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 16px;
  row-gap: 24px; 
  width: 100%;
  max-width: 1009px;
  margin: 0px auto 40px auto;
}
.faqs-list-section .tab-btn {
  background: var(--light-blue);
  border:none;
  padding: 8px 16px;
  border-radius: 100px;
  cursor: pointer;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-align: center;
  color: var(--blue);
  font-family: "Inter", sans-serif;
  border: 0px;
  outline: none;
  box-shadow: none;
}
.faqs-list-section .tab-btn.active{
  background: var(--dusky-pink);
  color: var(--white);
}
.faqs-list-section .faq-grid {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 24px;
}
.faqs-list-section .faq-item {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}
.faqs-list-section .faq-item.active {
	background-color: transparent;
}
.faqs-list-section .faq-question {
  border: 0px;
  outline: none;
  box-shadow: none;
  background-image: none;
  background-color: rgba(143, 194, 223, 0.3);
  width: 100%;
  text-align: left;
  color: var(--black);
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
.faqs-list-section .faq-item.active .faq-question {
	border-radius: 24px 24px 0px 0px;
}
.faqs-list-section .faq-item.active .faq-answer {
  border-radius: 0px 0px 24px 24px;
  background-color: rgba(143, 194, 223, 0.3);
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner {
  color: var(--black);
}
.page-template-page-contact .site-content {
  overflow: hidden;
}
.contact-hero-section {
  padding: 56px 0px;
  position: relative;
}
.contact-hero-section .ellipse {
  background: rgba(107, 192, 151, 0.2);
}
.contact-hero-section .container {
  display: flex;
  flex-wrap: wrap; 
  position: relative;
}
.contact-hero-section .contact-hero__content {
  width: 100%;
  max-width: 50.9%;
  padding: 0px 50px 0px 0px;
}
.contact-hero-section .contact-hero__content .faq-wrapper {
  width: 100%;
  max-width: 506px;
  margin: 40px 0px 0px 0px;
}
.contact-hero-section .contact-hero__content .faq-wrapper .faq-item .faq-question {
  border: 0px;
  outline: none;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  text-align: left;
  cursor: pointer;
  background-image: none;
  background-color: var(--dusky-pink);
  width: 100%;
  max-width: 100%;
}
.contact-hero-section .contact-hero__content .faq-wrapper .faq-item.active {
  background-color: var(--dusky-pink);
}
.contact-hero-section .contact-hero__content .faq-wrapper .faq-item .faq-question .chevron svg path {
  fill: #ffffff !important;
}
.contact-hero-section .contact-hero__content .contact-hero_title,
.contact-hero-section .contact-hero__content .contact-hero__lead {
  width: 100%;
  max-width: 506px;
}
.contact-hero-section .contact-hero__content .contact-hero_title  {
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 56px;
}
.contact-hero-section .contact-hero__content .contact-hero__lead p {
  line-height: 19px;
}
.contact-hero-section .contact-hero__content .contact-hero__lead p a {
  color: var(--blue);
  text-decoration: underline;
}
.contact-hero-section .contact-hero__content .contact-hero__lead p a:hover {
  color: var(--dusky-pink);
}
.contact-hero-section .contact-hero__content .contact-hero__lead p:not(:last-child) {
  margin-bottom: 24px;
}
.contact-hero-section .contact-form-right {
  width: 100%;
  max-width: 49.1%;
  background-color: var(--dark-blue);
  padding: 56px;
  border-radius: 24px;
  height: 100%;
}
.contact-hero-section .contact-form-right p {
  margin: 0px;
  padding: 0px;
}
.contact-hero-section .contact-form-right p br {
  display: none;
}
.wpcf7-form-control-wrap {
  display: block;
  margin: 0px 0px 32px;
}
.contact-hero-section .contact-form-right .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  border: 0px;
  outline: none;
  border-radius: 0px;
  box-shadow: none;
  background-color: transparent;
  font-size: 16px;
  line-height: 19px;
  color: var(--white);
  font-family: "Inter", sans-serif;
  border-bottom: 2px solid var(--white);
  padding: 0px 0px 8px 0px;
  margin: 0px 0px;
  height: 30px;
}
.contact-hero-section .contact-form-right .wpcf7-form-control::placeholder {
  opacity: 1;
  color: var(--white); 
}
.contact-hero-section .contact-form-right .wpcf7-submit {
  margin-top: 8px;
}
.contact-hero-section .contact-form-right .wpcf7-submit:hover {
  background-color: var(--white);
  color: var(--blue);
}
.wpcf7 form .wpcf7-response-output {
  border: 0px;
  padding: 0px;
  border-color: transparent;
}
.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output { 
	border: 0px;
	padding: 0px;
	color: #dc3232;
}
.contact-subscribe-form-section {
  padding: 0px 0px 56px 0px;
  position: relative;
}
.contact-subscribe-form-section .container {
  position: relative;
  z-index: 3;
}
.contact-subscribe-form-section .newsletter-form {
	padding: 37px 56px;
	border-radius: 24px;
	background-color: var(--dusky-pink);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
  background-image: url(./assests/faq-bg-v2-img.png); 
}
.contact-subscribe-form-section .newsletter-form .newsletter-form-content-wrapper {
  width: 100%;
  max-width: 450px;
}
.contact-subscribe-form-section .newsletter-form .form-title {
  font-size: 40px;
  line-height: 48px;
  color: var(--white);
  margin-bottom: 24px; 
}
.contact-subscribe-form-section .newsletter-form p {
  margin: 0px;
  line-height: 19px;
  color: var(--white);
}
.contact-subscribe-form-section .newsletter-form .subscribe-form {
  width: 100%;
  max-width: 500px;
  position: relative;
}
.contact-subscribe-form-section .newsletter-form .subscribe-form input[type="email"] {
  width: 100%;
  border: 0px;
  outline: none;
  border-radius: 100px;
  box-shadow: none;
  background-color: transparent;
  font-size: 16px;
  line-height: 19px;
  color: var(--white);
  font-family: "Inter", sans-serif;
  border: 2px solid var(--white);
  padding: 24px 45% 24px 32px;
  margin: 0px 0px;
}
.contact-subscribe-form-section .newsletter-form .subscribe-form input[type="email"]::placeholder {
  opacity: 1;
  color: var(--white); 
}
.contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  padding-left: 10.2%;
  padding-right: 10.2%;
}
.about-hero-section {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  padding: 96px 0px;
}
.about-hero-section .container {
  position: relative;
}
.about-hero-section .about-img {
  height: 100%;
}
.about-hero-section .about-img::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 14.47%, rgba(0, 0, 0, 0) 48.23%);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.about-hero-section .about-title,
.about-hero-section .about-info-text { 
  max-width: 507px;
  width: 100%;
  color: #ffffff;
}
.about-hero-section .about-title {
  font-size: 48px;
  line-height: 84px;
  margin-bottom: 16px;
}
.about-hero-section .about-info-text {
  font-size: 18px;
  line-height: 22px;
}
.about-hero-section .about-info-text br {
  display: none;
}
.about-how-it-started-section {
  position: relative;
  overflow: hidden;
}
.about-how-it-started-section .how-started-img {
  width: 100%;
  max-width: 42%;
  height: 100%;
}
.about-how-it-started-section .how-started-content-wrapper {
  width: 100%;
  max-width: 59.5%;
  padding: 136px 10.40% 136px 0px;
}
.about-how-it-started-section .how-started-content-wrapper h2 {
  margin-bottom: 24px;
  line-height: 56px;
}
.about-how-it-started-section .how-started-content-wrapper p:not(:last-child) {
  margin-bottom: 24px;
}
.about-how-it-started-section .how-started-content-wrapper p strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  font-family: "CoHeadlineW08Bold";
  color: var(--dusky-pink);
}
.testimonial-person-details-section {
  background-color: var(--dark-blue);
}
.testimonial-person-details-section .testimonial-info {
  display: flex;
  align-items: center;
  gap: 131px;
  padding: 56px 0px;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 506px;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-img {
  width: 200px;
  height: 200px;
  min-width: 200px;
  min-height: 200px;
  border-radius: 100%;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-img img {
  width: 100%;
  height: 100%;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-name-func {
	display: flex;
	flex-direction: column;
	gap: 16px;
	color: var(--white);
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-name-func strong {
  font-family: "CoHeadlineW08Bold";
  font-weight: 400;
  font-size: 24px;
  line-height: 42px;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-name-func span {
  line-height: 19px;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-right-description {
  width: 100%;
  max-width: 611px;
}
.testimonial-person-details-section .testimonial-info .ab-testimonial-right-description p {
  color: var(--white);
  font-family: "CoHeadlineW08Bold";
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
}
.genuine-genuine-section {
  position: relative;
  overflow: hidden;
}
.genuine-genuine-section .genuine-delight-img {
  width: 100%;
  max-width: 42%;
  height: 100%;
}
.genuine-genuine-section .genuine-delight-content-wrapper {
  width: 100%;
  max-width: 59.5%;
  padding: 56px 0px 56px 10.40%;
  margin: 0px 0px 0px auto;
}
.genuine-genuine-section .genuine-delight-content-wrapper h2 {
	margin-bottom: 24px;
	line-height: 56px;
}
.genuine-genuine-section .genuine-delight-content-wrapper p strong {
	font-weight: 400;
	font-size: 20px;
	line-height: 35px;
	font-family: "CoHeadlineW08Bold";
	color: var(--dusky-pink);
}
.genuine-genuine-section .genuine-delight-content-wrapper p:not(:last-child) {
	margin-bottom: 24px;
}
.working-with-nhs-section {
  background-color: #FFEAEE;
}
.working-with-nhs-section .working-nhs-content {
  padding: 96px 0px 64px 0px;
}
.working-with-nhs-section .working-nhs-content h2 {
  font-size: 56px;
  line-height: 56px;
  margin-bottom: 24px;
}
.working-with-nhs-section .working-nhs-content p {
  color: var(--dark-blue);
}
.working-with-nhs-section .working-nhs-content p:not(:last-child) {
  margin-bottom: 24px;
}
.working-with-nhs-section .working-nhs-content p strong {
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  font-family: "CoHeadlineW08Bold";
  color: var(--dusky-pink);
}
.working-with-nhs-section .working-nhs-content-img .nhs-img img {
  width: 100%;
  height: 100%; 
  object-fit: cover;
}
.quotes-section {
  padding: 112px 0px;
}
.quotes-section  .quotes-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.quotes-section  .quotes-cards .quote-card {
  width: 100%;
  max-width: calc(33.33333333333333% - 16px);
  background-color: var(--light-blue);
  border-radius: 24px;
  padding: 24px;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
.quotes-section  .quotes-cards .quote-card .quote-icon {
  position: absolute;
  left: 24px;
  top: -24px;
  width: 56px;
  height: 47px;
  display: block;
}
.quotes-section  .quotes-cards .quote-card:nth-child(1) .quote-icon {
  color: var(--dusky-pink);
}
.quotes-section  .quotes-cards .quote-card:nth-child(2) .quote-icon {
  color: var(--mint-green);
}
.quotes-section  .quotes-cards .quote-card:nth-child(3) .quote-icon {
  color: var(--light-purple);
}
.quotes-section  .quotes-cards .quote-card .quote-card__title {
  font-size: 24px;
  line-height: 42px;
  color: var(--dark-blue);
  margin-bottom: 16px;
}
.quotes-section  .quotes-cards .quote-card .quote-card__text p {
  font-size: 18px;
  line-height: 31px;
  color: var(--dark-blue);
  margin-bottom: 0px;
  font-family: "CoHeadlineW08Bold";
}
.quotes-section  .quotes-cards .quote-card .quote-card__text p strong {
  color: var(--dusky-pink);
  font-weight: 400;
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner {
  overflow-x: auto;
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table {
  text-align: left;
  width: 100%;
  max-width: 100%; 
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table th,
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table td {
  padding: 12px 4px;
  white-space: nowrap;
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table tr th:nth-child(1),
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table tr td:nth-child(1) {
  padding-left: 0px;
}
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table tr th:nth-last-child(1),
.faqs-list-section .faq-item .faq-answer .faq-answer-inner table tr td:nth-last-child(1) {
  padding-right: 0px;
}
.news-hero-section {
  width: 100%;
  min-height: 380px;
  position: relative;
  overflow: hidden; 
}
.news-hero-section .news-img {
  height: 100%;
}
.news-hero-section .container {
  position: relative;
  padding-block: 111px;
}
.news-hero-section .news-title h1 {
  margin-bottom: 16px;
  max-width: 507px;
  width: 100%;
}
body:not(.category) .news-hero-section .news-title h1 {
  line-height: 98px;
}
body.category .news-hero-section .news-title h1 {
  max-width: 570px;
  margin-bottom: 24px;
}
.news-hero-section .news-description p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0px;
  max-width: 507px;
  width: 100%;
}
.latest-posts-lists-section {
  padding-block: 56px;
  position: relative;
  overflow: hidden;
}
.latest-posts-lists-section .ellipse {
  left: auto;
  right: -136px;
  top: auto;
  bottom: -179px;
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs {
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn,
.latest-posts-lists-section .full-width-post .post-info .post-category,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-category {
  border-radius: 100px;
  padding-inline: 16px;
  padding-block: 8px; 
  background-color: var(--dusky-pink);
  color: var(--white);
  text-align: center;
  border: 0px;
  outline: none;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700; 
  white-space: nowrap; 
  text-decoration: none !important;
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn { 
  background-color: var(--extra-light-pink);
  color: var(--dusky-pink);
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn.cat-blog {
  background-color: var(--light-blue);
  color: var(--blue);
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn.cat-events { 
  background-color: var(--extra-light-pink);
  color: var(--dusky-pink);
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn.cat-press {
  background-color: #E8DAEB;
  color: var(--light-purple);
}
.latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn.cat-real-life-experiences {
  background-color: #DFF7F2;
  color: var(--mint-green);
}
/* .latest-posts-lists-section .news-taxonomy-lists .news-tabs .tab-btn.active {
  background-color: var(--dusky-pink);
  color: var(--white);
} */
.latest-posts-lists-section .latest-posts {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 48px;
  column-gap: 24px;
}
.latest-posts-lists-section .full-width-post {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #DDEDF5;
  border-radius: 24px;
  margin: 0px 0px 0px 0px;
}
.latest-posts-lists-section .full-width-post .post-thumbnail {
  width: 100%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 24px 0px 0px 24px;
  margin: 0px;
}
.latest-posts-lists-section .full-width-post .post-thumbnail a {
  display: block;
  height: 100%;
}
.latest-posts-lists-section .full-width-post .post-thumbnail img {
  border-radius: 24px 0px 0px 24px; 
  height: 100%;
}
.latest-posts-lists-section .full-width-post .post-info {
  width: 100%;
  max-width: 50%; 
  padding: 56px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.latest-posts-lists-section .full-width-post .post-info .post-category,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-category,
.latest-posts-lists-section .latest-posts .three-column-post:nth-child(2) .post-info .post-category {
  display: inline-block;
  vertical-align: top;
}
.latest-posts-lists-section .latest-posts .post-info .post-category {
  background-color: var(--blue);
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-blog {
  background-color: var(--blue);
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-press {
  background-color: #804E8E;
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-real-life-experiences {
  background-color: var(--mint-green);
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-case-studies {
  background-color: #804E8E;
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-events {
  /* background-color: var(--mint-green);
  color: var(--white); */
  background-color: var(--dusky-pink);
  color: var(--white);
}
.latest-posts-lists-section .latest-posts .post-info .post-category.cat-press {
  /* background-color: var(--dusky-pink);
  color: var(--white); */
  background-color: #804E8E;
  color: var(--white);
}
.latest-posts-lists-section .full-width-post .post-info .post-content-block,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.latest-posts-lists-section .full-width-post .post-info .post-content-block .post-title,
.latest-posts-lists-section .full-width-post .post-info .post-content-block .post-title a,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title a {
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: #000;
  text-decoration: none;
  width: 100%;
  max-width: 360px;
}
.latest-posts-lists-section .full-width-post .post-info .post-content-block .post-date,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-date {
  order: 1;
  font-size: 12px;
  line-height: 15px; 
  color: #737373; 
}
.latest-posts-lists-section .full-width-post .post-info .post-content-block .post-title,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title {
  order: 2;
}
.latest-posts-lists-section .full-width-post .post-info .post-content-block .post-excerpt,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-excerpt {
  order: 3; 
  line-height: 19px; 
}
.latest-posts-lists-section .full-width-post .post-info .btn,
.latest-posts-lists-section .latest-posts .three-column-post .post-info .btn {
  min-width: 200px;
}
.latest-posts-lists-section .latest-posts .three-column-post { 
  width: 100%; 
  max-width: calc(33.33333333333333% - 16px);
}
.latest-posts-lists-section .latest-posts .three-column-post .post-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 408px;
  min-height: 408px;
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 24px;
}
.latest-posts-lists-section .latest-posts .three-column-post .post-thumbnail a,
.latest-posts-lists-section .latest-posts .three-column-post .post-thumbnail img {
  position: absolute;
  height: 100%;
  inset: 0px;
  border-radius: 24px; 
  background-color: #D5D5D5;
}
.latest-posts-lists-section .latest-posts .three-column-post .post-info {
  width: 100%;
  max-width: 100%; 
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block {
	gap: 8px; 
}
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title, 
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title a {
	font-size: 20px;
	line-height: 24px; 
	max-width: 100%;
}
.latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-excerpt p {
	font-size: 14px;
	line-height: 17px;
}
.product-info-hero.recommended-hero-banner-section {
  min-height: 691px;
}
.product-info-hero.recommended-hero-banner-section .visual-img {
  max-width: 75%;
}
.product-info-hero.recommended-hero-banner-section .visual-img img { 
	transform: none;
}
.product-info-hero.recommended-hero-banner-section::before { 
	transform: none; 
	background: linear-gradient(90deg, #DDEDF5 42%, rgba(221, 237, 245, 0.725191) 52%, rgba(221, 237, 245, 0) 60%);
}
.product-info-hero.recommended-hero-banner-section .heading {
	margin: 0 0 40px 0;
}
.product-info-hero.recommended-hero-banner-section .product-info-text {
	font-size: 20px;
	line-height: 24px;
  margin-bottom: 56px;
}
.product-info-hero.recommended-hero-banner-section .product-info-text p:not(:last-child) {
  margin-bottom: 24px;
}
.product-info-hero.recommended-hero-banner-section .recommend-footer p {
  line-height: 19px; 
  max-width: 506px;
}
.product-info-hero.recommended-hero-banner-section .home-hero__logo img {
  margin-right: 24px;
}
.product-info-hero.recommended-hero-banner-section .product-info-copy {
	padding: 80px 0px; 
	max-width: 593px; 
}
.contrelle-not-found {
  padding: 56px 0px;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-direction: column;
}
.contrelle-not-found .container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-direction: column;
}
.product-usage-section {
    position: relative;
    padding: 64px 0px 64px;
    overflow: hidden;
}
.product-usage-section .ellipse {  
  top: -189px;
}
.product-usage-section .container {
  position: relative;
}
.product-usage-section .section-title-1 {
    text-align: center;
    line-height: 70px;
    margin-bottom: 32px;
}
.product-usage-section .section-description {
    text-align: center;
    max-width: 1036px;
    margin: 0 auto 40px;
}
.product-usage-section .button-group {
	display: grid;
  grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-bottom: 40px; 
	/* max-width: 818px; */
  max-width: 824px;
	margin: 0px auto 40px auto;
}
.product-usage-section .button-group .btn {
  width: 100%; 
}
.product-usage-section .steps-grid {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 24px;
}
.product-usage-section .step-card {
    background: var(--light-blue);
    border-radius: 16px;
    padding: 32px 32px 40px;
    width: 100%;
    grid-column: span 2/span 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-usage-section .step-card-1 {
  grid-column: span 8/span 8;
}
.product-usage-section .step-card-2 {
  grid-column: span 4/span 4;
}

.product-usage-section .step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid var(--dark-blue);
    font-family: "CoHeadlineW08Bold";
    font-size: 32px;
    font-weight: 400;
    color: var(--dark-blue);
    flex-shrink: 0;
    padding-bottom: 4px;
    margin-bottom: 8px;
}
.product-usage-section .step-label {
    font-size: 20px;
    font-family: "CoHeadlineW08Bold";
    line-height: 35px;
    font-weight: 400;
    color: var(--dark-blue);
}

.product-usage-section .step-card p a {
    color: var(--dark-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 600;
}
.product-usage-section .step-card p a:hover {
    color: var(--blue);
}

.product-code-section {   
  position: relative;
} 
.product-code-section h2 {
  line-height: 70px;
  margin-bottom: 40px;
}
/* ── Info Cards Row ── */
.product-code-section .info-row {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.product-code-section .info-item {
    display: flex;
    align-items: center;
    gap: 13px;
    grid-column: span 4/span 4;
}
.product-code-section .info-item.info-item--packs {
  gap: 20px;
}
.product-code-section .info-item.info-item--packs .info-text {
  max-width: 280px;
}
.product-code-section .info-item.info-item--retail { 
    background: var(--light-blue);
    border-radius: 18px;
    padding: 16px 16px;
    gap: 16px;
}
.product-code-section .info-text { 
    color: var(--dark-blue);
}
.product-code-section .info-item.info-item--retail .info-text {
  font-size: 18px;
  line-height: 22px;
}
/* ── Table ── */
.product-code-section .table-wrapper {
    background: var(--light-blue);
    border-radius: 24px;
    padding: 16px;
}

.product-code-section .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.product-code-section .product-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 0;
    min-width: 680px;
}
.product-code-section .product-table tr {
  display: flex;
  gap: 7px;
}
.product-code-section .product-table thead th {
    background: var(--dark-blue);
    padding: 32px 16px 8px;
    font-family: "CoHeadlineW08Bold";
    color: var(--white);
    font-weight: 400;
    font-size: 20px; 
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
    min-width: 237px;
}
.product-code-section .product-table thead th {
  border-radius: 16px 16px 0px 0px;
}
.product-code-section .product-table thead th:first-child {
    border-radius: 16px 16px 0px 0px
}
.product-code-section .product-table thead th:last-child {
    border-radius: 16px 16px 0px 0px;
}

.product-code-section .product-table tbody td {
    background: var(--dark-blue);
    padding: 8px 16px;
    color: var(--white);
    font-weight: 400;
    font-size: 16px; 
    line-height: 24px;
    border-bottom: 1px solid var(--white);
    white-space: nowrap;
    min-width: 237px;
}

.product-code-section .product-table tbody tr:last-child td {
    border-bottom: none;
    border-radius: 0 0 0 0;
    padding-bottom: 32px;
}
.product-code-section .product-table tbody tr:last-child td {
  border-radius: 0px 0px 16px 16px;
}
.product-code-section .product-table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 16px 16px;
}
.product-code-section .product-table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 16px 16px;
}
.product-info-2-hero-section .ellipse {
  width: 517px;
  height: 517px;
  left: -186px;
  top: -212px;
  bottom: auto;
  right: auto;
}
.product-info-2-hero-section .product-info-2-hero-content { 
	padding: 86px 30px 85px 0px; 
}
.product-info-2-hero-section .product-info-2-hero-content .home-hero__title {
  font-size: 40px;
  line-height: 48px;
}
.product-info-2-hero-section .home-hero__lead {
	margin-bottom: 0px;  
	gap: 24px;
	max-width: 490px;
}
.page-template-page-product-information-hp .features-bar .container,
.page-template-page-home .features-bar .container,
.page-template-page-proven-results .certs-section-slider-v3 .container  {
  padding: 0px;
  max-width: 100%;
}
.product-indications-section {
  background-color: var(--light-blue);
  padding: 56px 0px;
}
.product-indications-section .container {
  display: flex;
  flex-wrap: wrap;
}
.product-indications-section .indication-content-wrapper {
  padding-right: 30px;
  width: 100%;
  max-width: 50%;
}
.product-indications-section .indication-content-wrapper .prod-indication,
.product-indications-section .indication-content-wrapper .indication-content {
  width: 100%;
  max-width: 503px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-indications-section .indication-content-wrapper .prod-indication {
  margin-bottom: 24px;
}
.product-indications-section .nice-imdicator-content {
  width: 100%;
  max-width: 50%;
  background-color: var(--dusky-pink);
  border-radius: 24px;
  padding: 32px;
}
.product-indications-section .nice-imdicator-content .nice-img {
  margin-bottom: 20px;
}
.product-indications-section .nice-imdicator-content .nice-subtitle h2 {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  max-width: 550px;
}
.product-indications-section .nice-imdicator-content .nice-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-indications-section .nice-imdicator-content .nice-description strong {
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
  font-weight: 700;
}
.product-indications-section .nice-imdicator-content .nice-description strong em {
  text-decoration: underline;
  color: var(--white);
  font-style: normal !important;
}
.product-indications-section .nice-imdicator-content .nice-description p {
  color: var(--white);
  line-height: 19px;
} 
.device-overview-section {
  position: relative;
  overflow: hidden;
  min-height: 682px;
}
.device-overview-section .device-overview-left-img {
  height: 100%; 
  max-width: 50%;
}
.device-overview-section .device-overview-right-content {
	width: 100%;
	max-width: 50%;
	padding: 51px 0px 33px 96px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-left: auto;
}
.page-template-page-product-information-hp .modes-section {
  padding: 179px 0px 185px 0px;
}
.page-template-page-product-information-hp .modes-section .modes-image {
  left: auto;
  right: 0px;
  position: relative;
  width: 100%;
  max-width: 41%;
}
.page-template-page-product-information-hp .modes-section .modes-image,
.page-template-page-product-information-hp .modes-section .modes-image img {
  /* border-radius: 24px; */
}
.page-template-page-product-information-hp .modes-section .container { 
	/* align-items: flex-start; */
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-template-page-product-information-hp .modes-section .modes-content {
	padding: 0px 130px 0px 0px;
  width: 100%;
  max-width: 59%;
}
.page-template-page-product-information-hp .modes-section .modes-content h2 {
  line-height: 56px;
}
.page-template-page-product-information-hp .modes-section .modes-content .modes-list { 
	margin: 0px 0px 40px 0px;
}
.page-template-page-product-information-hp .modes-section .modes-content h5 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: var(--dark-blue);
  margin-bottom: 8px;
}
.page-template-page-product-information-hp .modes-section .modes-content p a {
  color: var(--dark-blue);
  text-decoration: underline;
  font-weight: 700;
}
.page-template-page-product-information-hp .modes-section .modes-content p a:hover {
  color: var(--blue);
}
.page-template-page-product-information-hp .certs-section {
  margin: 0px;
  background-color: var(--dark-blue);
}
.page-template-page-product-information-hp .certs-section .certs-bg {
  border-radius: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.page-template-page-product-information-hp .certs-section .certs-bg .certs-boxs {
  max-width: 100%;
}
.options-comparison-section {
  padding: 80px 0px;
  background-color: transparent !important;
}
.options-comparison-section .options-comparison-header {
  text-align: center;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.options-comparison-section .options-comparison-header h2 {
  line-height: 70px;
}
.options-comparison-section .ptions-comparison-tabs-wrappper {
  background-color: var(--light-blue);
  border-radius: 24px;
}
.incontinence-section.options-comparison-section .incontinence-tabs {
  border-bottom: 1px solid var(--dark-blue);
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab {
  border-bottom: 0px !important;
  background-color: transparent !important;
  font-size: 20px !important;
  line-height: 20px !important;
  color: var(--dark-blue) !important;
  text-align: center;
  padding: 30px 11px;
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab:not(:last-child) {
  border-right: 1px solid var(--dark-blue);
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-child(1) {
  border-radius: 24px 0px 0px 0px;
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-last-child(1) {
  border-radius: 0px 24px 0px 0px;
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-child(1)::before,
.incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-child(3)::after {
	display: none !important;
}
.incontinence-section.options-comparison-section .incontinence-tabs .tab.active {
  background-color: var(--dark-blue) !important;
  color: var(--white) !important;
}
.incontinence-section.options-comparison-section .tab-content-wrapper {
  padding: 98px 40px 99px 40px;
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid { 
	gap: 90px;
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image {
  background-color: var(--dark-blue);
  border-radius: 24px;
  padding: 140px 26px;
  text-align: center;
  width: 100%;
  max-width: 466px;
  height: 100%;
  min-height: 624px;
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image img {
  width: auto;
  height: auto;
  max-height: 242px; 
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image h2 {
  color: var(--white);
  text-align: center;
  line-height: 70px;
  margin-bottom: 32px;
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text {
  max-width: 100%;
  gap: 0px;
  padding: 0px 5px 0px 0px; 
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text h5 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--dark-blue);
  margin-bottom: 0px;
}
.incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text p:not(:last-child) {
  margin-bottom: 24px;
}
.page-template-page-product-information-hp .lifestyle-section {
	padding: 0px;
	margin: 0px; 
}
.medical-device-section {
  padding: 85px 0px 56px 0px;
}
.medical-device-section .medical-info {
  background-color: var(--light-blue);
  border-radius: 24px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  grid-column: span 4/span 4;
}
.medical-device-section .medical-info h5 {
  color: var(--dark-blue);
  font-size: 24px;
  line-height: 32px;
}
.medical-device-section .medical-info-wrapper {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 24px;
  margin-bottom: 24px;
}
.medical-device-section .medical-info-wrapper .medical-info {
  gap: 0px;
}
.medical-device-section .medical-info-wrapper .medical-info svg {
  margin-bottom: 16px;
}
.medical-device-section .medical-info-wrapper .medical-info h5 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
.medical-device-section .medical-info-wrapper .medical-info p {
  margin-bottom: 16px;
}
.medical-device-section .medical-info-wrapper .medical-info .get-action-row { 
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: auto;
}
.medical-device-section .medical-info-wrapper .medical-info .get-action-row a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--blue);
  font-weight: 600;
  text-decoration: none !important;
}
.medical-device-section .medical-info-wrapper .medical-info .get-action-row a:hover {
  color: var(--dark-blue);
}
.medical-device-section .medical-info-wrapper .medical-info .get-action-row svg {
  margin: 0px !important;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content {
  padding: 64px 80px 64px 0px;
  max-width: 55%;
  margin-left: 0; 
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner {
  width: 100%;
  max-width: 608px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .proven-highlight__title {
  margin-bottom: 0px;
  line-height: 70px;
  max-width: 100%;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner p {
  max-width: 100%;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner p a {
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner p a:hover {
  color: var(--white);
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .cta-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.proven-highlight-section.prescribing-availability-section .proven-highlight-image::before {
  right: 0px;
	left: 0px;
	background: linear-gradient(270deg, rgba(226, 101, 120, 0) 65.63%, rgba(226, 101, 120, 0.821024) 85.85%, #E26578 100%);
}
/*Terms & Condition */
.page-terms-conditions {
    padding: 44px 0 88px;
    background: #ffffff;
}

.page-terms-conditions .terms-content-section .container,
.page-terms-conditions .terms-conditions-list .container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 30px;
}

.page-terms-conditions .terms-content-wrapper {
    color: #31465e;
    font-size: 22px;
    line-height: 1.58;
    font-weight: 400;
}

.page-terms-conditions .terms-content-wrapper h1,
.page-terms-conditions .terms-content-wrapper h2,
.page-terms-conditions .terms-content-wrapper h3 {
    color: #1f2f46;
    margin: 0 0 28px;
}

.page-terms-conditions .terms-content-wrapper h1 {
    font-size: 56px;
    line-height: 1.08;
}

.page-terms-conditions .terms-content-wrapper h2 {
    font-size: 46px;
    line-height: 1.16;
}

.page-terms-conditions .terms-content-wrapper h3 {
    font-size: 34px;
    line-height: 1.18;
}
.page-terms-conditions .terms-content-wrapper h4 {
    font-size: 24px;
    line-height: 1.18;
}

.page-terms-conditions .terms-content-wrapper p,
.page-terms-conditions .terms-content-wrapper ul,
.page-terms-conditions .terms-content-wrapper ol {
    margin: 0 0 26px;
}

.page-terms-conditions .terms-content-wrapper ul,
.page-terms-conditions .terms-content-wrapper ol {
    padding-left: 1.35em;
}

.page-terms-conditions .terms-content-wrapper li {
    margin-bottom: 10px;
}

.page-terms-conditions .terms-content-wrapper a {
    color: #0098ff;
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}
.responsive-table {
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
/* .page-template-page-terms-conditions .terms-conditions-list .accordion .accordion-content .accordion-content-inner table,
.privacy-policy .site-content .site-main .content-area table {
  width: 100% !important; 
}
.page-template-page-terms-conditions .terms-conditions-list .accordion .accordion-content .accordion-content-inner table tr td,
.privacy-policy .site-content .site-main .content-area table tr td {
  width: auto !important;
}
.page-template-page-terms-conditions .terms-conditions-list .accordion .accordion-content .accordion-content-inner table tr td:nth-child(1),
.privacy-policy .site-content .site-main .content-area table tr td:nth-child(1) {
  width: auto !important;
  padding-right: 20px;
  min-width: 120px;
}
.page-template-page-terms-conditions .terms-conditions-list .accordion .accordion-content .accordion-content-inner table tr td:nth-child(2),
.privacy-policy .site-content .site-main .content-area table tr td:nth-child(2){
  width: auto !important;
} */

.page-terms-conditions .terms-conditions-list {
    margin-top: 14px;
}

.page-terms-conditions .accordion {
    border-top: 1px solid #d9e5ee;
}

.page-terms-conditions .accordion-item {
    border-bottom: 1px solid #d9e5ee;
}

.page-terms-conditions .accordion-trigger {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    text-align: left;
    padding: 24px 0;
    color: #1f2f46;
}

.page-terms-conditions .accordion-title {
    margin: 0;
    font-family: "CoHeadlineW08Bold", sans-serif;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    color: #1f2f46;
}

.page-terms-conditions .chevron {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0098ff;
    transition: transform 0.25s ease;
}

.page-terms-conditions .accordion-item.active .chevron {
    transform: rotate(45deg);
}

.page-terms-conditions .accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.2s ease;
}

.page-terms-conditions .accordion-item.active .accordion-content {
    opacity: 1;
    padding: 4px 0 28px;
}

.page-terms-conditions .accordion-content-inner {
    color: #31465e;
    font-size: 20px;
    line-height: 1.55;
}

.page-terms-conditions .accordion-content-inner p:last-child,
.page-terms-conditions .accordion-content-inner ul:last-child,
.page-terms-conditions .accordion-content-inner ol:last-child {
    margin-bottom: 0;
}

/* Single post page  */
.content-area {
  padding: 44px 0 88px;
  background: #fff;
}

.content-area > .container,
.content-area .container {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 30px;
}

.content-area article {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 30px;
}
.single .content-area article,
.single .content-area > .container,
.single .content-area .container {
  max-width: 1308px; 
}

.entry-header {
  margin-bottom: 22px;
}

.entry-title {
  margin: 0 0 12px;
  color: var(--dark-blue);
  font-size: 56px;
  line-height: 1.1;
}

.entry-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: #31465e;
  font-size: 16px;
  line-height: 1.4;
}

.entry-meta a {
  color: #0098ff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.post-thumbnail {
  margin: 22px 0 26px;
  border-radius: 16px;
  overflow: hidden;
}

.post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

/* Content typography (applies to both WP editor + ACF WYSIWYG output) */
.entry-content,
.post-content-wrapper {
  color: #31465e;
  font-size: 20px;
  line-height: 1.65;
}

.entry-content > *:first-child,
.post-content-wrapper > *:first-child {
  margin-top: 0;
}

.entry-content p,
.entry-content ul,
.entry-content ol,
.post-content-wrapper p,
.post-content-wrapper ul,
.post-content-wrapper ol {
  margin: 0 0 20px;
}

.entry-content ul,
.entry-content ol,
.post-content-wrapper ul,
.post-content-wrapper ol {
  padding-left: 1.35em;
}

.entry-content li,
.post-content-wrapper li {
  margin: 0 0 10px;
}

.entry-content a,
.post-content-wrapper a {
  color: #0098ff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-content h2,
.post-content-wrapper h2 {
  margin: 28px 0 14px;
  font-size: 40px;
  line-height: 1.18;
  color: var(--dark-blue);
}

.entry-content h3,
.post-content-wrapper h3 {
  margin: 22px 0 12px;
  font-size: 30px;
  line-height: 1.22;
  color: var(--dark-blue);
}

.entry-content h4,
.post-content-wrapper h4 {
  margin: 18px 0 10px;
  font-size: 22px;
  line-height: 1.25;
  color: var(--dark-blue);
}

.entry-content blockquote,
.post-content-wrapper blockquote {
  margin: 22px 0;
  padding: 16px 18px;
  border-left: 4px solid #0098ff;
  background: #f6f7f9;
  border-radius: 12px;
}

.entry-content hr,
.post-content-wrapper hr {
  border: 0;
  border-top: 1px solid #d9e5ee;
  margin: 26px 0;
}

.entry-footer {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid #d9e5ee;
}

.post-tags a {
  display: inline-block;
  margin: 6px 8px 0 0;
  padding: 6px 10px;
  border: 1px solid #d9e5ee;
  border-radius: 999px;
  color: #31465e;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2;
}

.post-tags a:hover {
  border-color: #0098ff;
  color: #0098ff;
}
.post-content {
  margin-top: 34px;
}
.footnote-wrapper {
  position: relative;
  display: inline-block;
  line-height: 15px;
}

.footnote-number {
	font-size: 10px;
  line-height: 13px;
	/* color: var(--blue) !important; */
	cursor: pointer;
	margin-left: 0px;
	font-weight: 400 !important;
	font-family: "Inter", sans-serif !important;
}

.footnote-popup {
  display: block;
  position: absolute;
  bottom: 0px; 
  top: 100%;
  transform: translateX(-50%);
  left: 100%;
  width: 270px;
  box-shadow: 0 5px 5px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 1px 0px var(--tw-shadow-color, #0000001f), 0px 1px 2px 0px var(--tw-shadow-color, #0000001f), 0px 2px 8px 0px var(--tw-shadow-color, #0000001f);
  background: var(--white);
  border-radius: 12px; 
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
  font-size: 12px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: var(--black) !important;
  font-family: "Inter", sans-serif !important;
  max-height: 110px;
  min-height: 110px;
  height: 100%;
  margin-top: 7px;
}
.footnote-popup .footnote-wrapper-inner {
  max-height: 110px;
  height: 100%;
  overflow-y: auto;
  min-height: 110px;
  display: block;
  font-size: 12px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: var(--black) !important;
  font-family: "Inter", sans-serif !important;
  padding: 12px;
}
.sources-section p {
  font-size: 12px;
  line-height: 18px;
  color: var(--black); 
  font-family: 'CoHeadlineLight';
}
.sources-section p sup {
  font-weight: 700;
}
.sources-section p:not(:last-child) {
  margin-bottom: 15px;
}
.footnote-popup::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: white;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  transform: translateX(-50%) rotate(45deg);
}

.footnote-wrapper:hover .footnote-popup {
  opacity: 1;
  visibility: visible;
}
/* .footnote-wrapper:not(:last-of-type) .footnote-number:after {
  content: ",";
} */
/* .footnote-wrapper:not(:last-child):has(+ .footnote-wrapper) .footnote-number::after {
  content: ",";
  margin-left: 1px;
} */


/* This css added for popup */

.popup-overlay {
  position: fixed;
  inset: 0px;
  width: 100%;
  /* height: 100%; */
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 30px;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-overlay .modal-dialog { 
	margin: 1.75rem auto;
  position: relative;  
  pointer-events: none;
}
.popup-overlay.modal.fade {
	opacity: 0;
	transition: opacity .15s linear;
}
.popup-overlay.modal.fade.show {
	opacity: 1;
}
.popup-overlay.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform: translate(0,-25%);
	transform: translate(0,-25%);
}
.popup-overlay.modal.show .modal-dialog {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.popup-overlay .modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	min-height: calc(100% - (1.75rem * 2));
}
.popup-overlay .modal-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: auto;
	background-clip: padding-box;
	outline: 0;
}
.popup-overlay .popup-box {
  background: var(--white);
  padding: 0px;
  border-radius: 24px;
  max-width: 824px;
  width: 100%;
  position: relative;
  margin: 0px auto;
}

.popup-overlay .popup-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.popup-left {
  width: 100%;
  max-width: 400px; 
  padding: 10px 10px 10px 10px;
}
.popup-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
}
.popup-right {
  width: 100%;
  max-width: 424px;
  padding: 45px 32px 45px 22px;
}
.popup-right h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 30px;
  max-width: 324px;
}
.popup-right .btn {
  width: 100%;
  color: var(--white);
  font-weight: 700;
  font-family: "Inter", sans-serif;
}
.popup-right .wpcf7-form-control.wpcf7-email {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 16px 40px 16px 40px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--black);
  font-family: "Inter", sans-serif;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  border: 2px solid var(--blue);
  box-shadow: none !important;
  outline: none !important;
}
.popup-right .wpcf7-form-control::placeholder {
  color: var(--black);
  opacity: 1;
  font-family: "Inter", sans-serif;
}
.popup-right .wpcf7-form-control-wrap { 
	margin: 0px 0px 10px;
}
.popup-right .wpcf7-spinner {
  position: absolute;
  display: none;
  margin-top: 10px;
}
.popup-right form.submitting .wpcf7-spinner {
	position: relative;
  display: block;
}
.popup-right .form__legals {
  margin-top: 30px;
}
.popup-right .form__legals p,
.popup-right .form__legals p a {
  font-size: 10px;
  line-height: 12px;
  color: #3D3D3D;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.popup-right .form__legals p a {
  text-decoration: underline;
}
.popup-right .form__legals p a:hover {
  color: #3D3D3D;
}
.popup-right .form__legals p br {
  display: none;
}
.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  width: 48px;
  height: 48px;
  background-color: rgba(187, 187, 187, 1);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .entry-content .wc-block-components-product-name {
    font-size: 1em; 
}   
html body .woocommerce-error li, 
html body .woocommerce-info li, 
html body .woocommerce-message li { 
	padding-left: 40px !important; 
}
.woocommerce form .form-row label .woocommerce-form__input {
  margin-right: 10px;
}

/* ============================================
   Responsive Styles
   ============================================ */

/* Responsive: tablet and up */
@media (min-width: 768px) {
  .testimonial__inner {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .who__inner {
    grid-template-columns: 520px 1fr;
  }
  .what__inner {
    grid-template-columns: 1fr 420px;
  }
  .anatomical__inner {
    grid-template-columns: 420px 1fr;
  }
  .proven__list {
    flex-direction: row;
    gap: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item a { 
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu {
    background: #fff;
    border: 0px solid #ccc;
    box-shadow: 0 5px 5px rgba(0,0,0,0.19);
    font-weight: 400;
    min-width: 230px;
    padding: 0;
    display: none;
    left: -20px;
    top: 100%;
    margin: 0 !important;
    position: absolute;
    z-index: 1; 
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item:hover > .sub-menu {
    display: block;
  } 
}

@media (max-width: 1320px) {
  .shop-products-list-section .product-card-image {
    min-height: 381px;
  }
  .shop-products-list-section .product-card-image .product-card__img {
    height: 260px !important;
  }
  .anatomical__text {
    padding: 5rem 0rem 12rem 50px; 
  }
}

@media (max-width: 1299px) {
  .about-how-it-started-section .how-started-content-wrapper p br,
  .testimonial-person-details-section .testimonial-info .ab-testimonial-right-description p br,
  .genuine-genuine-section .genuine-delight-content-wrapper p br,
  .working-with-nhs-section .working-nhs-content p br,
  .quotes-section .quotes-cards .quote-card .quote-card__text p br {
    display: none;
  }
  .anatomical__text {
    padding-top: 55px;
    padding-bottom: 233px;
    min-height: auto;
  }
  .page-template-page-home .certs-section { 
    margin-top: -200px;
  }
}

@media (max-width: 1280px) {
  .getting-started-hero .started-hero__content {
    max-width: 65%; 
  }
  .getting-started-hero .started-hero__media { 
    max-width: 37%; 
    top: 79px;
    right: -59px;
  }
  .anatomical__image img { 
    height: 93%; 
  }
}

@media (max-width: 1140px) {
  .main-navigation ul {
    gap: 1rem;
  }
  .main-navigation a {
    font-size: 1rem;
    line-height: 1.188rem;
  }
  .modes-content {
    width: 57%;
    padding: 104px 0px 104px 70px;
  }
  .modes-image { 
    max-width: 45%; 
  }
  .benefits-section .benefits-image {
    position: relative;
    height: auto; 
    max-width: 100%;
  }
  .benefits-section .benefits-image::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -40%;
    bottom: auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 45.8%, #FFFFFF 54.2%);
    z-index: 1;
  }
  .benefits-section .benefits-content {
    padding: 56px 0px; 
    max-width: 100%; 
  }
  .benefits-section::before {
    display: none;
  }
  .benefits-section .benefit-item p br {
    display: none;
  }
  .sizes-section .sizes-content {
    width: 50%;
    padding: 40px 0px 40px 50px;
  }
  .sizes-section .sizes-content p br {
    display: none;
  }
  .incontinence-section .container {
    padding: 0px;
  }
  .incontinence-section .tab-content-wrapper {
    padding: 0px 16px;
  }
  .pi-environmental-benefits-section .pi-environment__graphic { 
    max-width: 40%;
  }
  .pi-environmental-benefits-section .pi-environment__text {
    padding: 56px 70px 56px 0px; 
    max-width: 60%; 
  }
  .cta-contrelle-section .cta-content {
    padding: 54px 0px 54px 0px;
    max-width: 461px;
  }
  .cta-contrelle-section .cta-content h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .cta-contrelle-section .cta-content h4 {
    font-size: 16px;
    line-height: 28px;
  }
  .cta-contrelle-section .cta-image {
    max-width: 250px;
    width: 100%;
  }
  .cta-contrelle-section .cta-container { 
    gap: 63px;
  }
  .cta-contrelle-section .cta-content .btn {
    padding: 1rem 2rem;
    font-size: 16px;
    line-height: 19px;
  }
  .women-chatting-coffee-section { 
    min-height: 450px;
  }
  .women-chatting-coffee-section img { 
    min-height: 450px; 
  }
  .product-info-hero.product-info-hero-v2 .container { 
    min-height: auto;
  }
  .product-info-hero.product-info-hero-v2 .product-info-copy {
    padding: 33px 0px;
    max-width: 69%; 
  }
  .product-info-hero.product-info-hero-v2 .visual-img { 
    max-width: 50%;
  }
  .proven-evidence-section .proven-evidence-left-text, 
  .proven-results-section .proven-results__stats, 
  .proven-highlight-section .proven-highlight-content, 
  .proven-trials-section .proven-trials__content { 
    max-width: 100%;
    padding: 56px 0px 40px 0px;
  }
  .proven-evidence-section .proven-evidence__media {
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .proven-evidence-section .proven-evidence-title, 
  .proven-evidence-section .evidence-card, 
  .proven-evidence-section .proven-evidence-label {
    max-width: 100%;
    width: 100%;
  }
  .proven-results-section .proven-results__image {
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .proven-highlight-section .proven-highlight-content {
    padding: 56px 0px 80px 0px;
    max-width: 65%; 
  }
  .proven-highlight-section .proven-highlight-content br {
    display: none;
  }
  .proven-highlight-section .proven-highlight-image {
    max-width: 50%; 
  }
  .proven-trials-section .proven-trials__media {
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .proven-trials-section .proven-trials__content p br {
    display: none;
  }
  .proven-evidence-section .evidence-card p br,
  .proven-results-section .proven-results__stats br {
    display: none;
  }
  .proven-trials-section .proven-trials__content p strong + br { 
    display: block;
  }
  .proven-trials-section .proven-trials__content {
    max-width: 99%;
  }

  .key-points-info {
      flex-direction: column;
      min-height: 0;
      overflow: visible;
  }
  .key-point-card {
      width: 100%;
      min-width: 100%;
      margin-right: 0;
      margin-bottom: 0px;
      flex-basis: auto;
      transition: max-height 0.35s ease;
  }
  .key-point-card.state-active .key-point-content,
  .key-point-card.state-active .key-point-image { display: block; opacity: 1; }
  .key-point-card.state-folded {
      max-height: 300px;
      height: 300px;
      min-height: 300px;
      overflow: hidden;
  }
  .key-point-card.state-folded .key-point-image { display: none !important; }
  .using-contrelle-key-points .key-points-info { 
    padding: 0px 30px 0px 30px; 
  }
  .using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content {
    padding: 56px 56px 0px 56px; 
  }
  .using-contrelle-key-points .key-points-info .key-point-card.state-active .key-point-left-content {
    padding: 56px 30px 56px 30px; 
  }
  .using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content h3 {
    line-height: 32px;
  }
  .using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content .key-point-content {
    max-width: calc(100% - 112px);
  }
  .using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content .key-point-content {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .using-contrelle-key-points {
    padding: 56px 0px 48px; 
  }
  .getting-started-hero .started-hero__inner .started-hero__content .started-hero__actions .btn-action {
    display: none;
  }
  .getting-started-hero .started-hero__media { 
    max-width: 50%;  
  }
  .getting-started-hero .started-hero__content p br {
    display: none;
  }
  .getting-started-hero .started-hero__content {
    max-width: 56%;
    padding: 56px 0px 56px 0px;
  } 
  .getting-started-hero .ellipse {
    right: -127px; 
    bottom: -160px;
    width: 364px;
    height: 364px;
    background: rgba(128, 78, 142, 0.2);
  }
  .experiencing-issues .container { 
    gap: 0px; 
    flex-wrap: wrap;
  }
  .issue-content {
    flex: auto;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px; 
  }
  .faq-list { 
    width: 100%;
  }
  .faq-wrapper { 
    width: 100%;
  }
  .faq-item { 
    max-width: 100%;
  } 
  .experiencing-issues .issue-content .issue-content-wrapper .exp-issues-desp p br {
    display: none;
  }
  .experiencing-issues .issue-content .issue-content-wrapper {
    margin-top: -14px;
  }
  .experiencing-issues .issue-content .exp-issues-action {
    min-width: 200px;
    margin: 0px;
  }
  .experiencing-issues .issue-content .exp-issues-action .btn {
    width: 100%;
  }
  .shop-banner-section { 
    min-height: 250px;
  }
  .shop-banner-section .shop-banner__content {
    padding: 53px 0px; 
    max-width: 282px; 
    margin-right: 0px;
  }
  .shop-banner-section .shop-banner__content h1 {
    line-height: 84px; 
  }
  .shop-banner-section .shop-banner__media .img-cover { 
    height: 493px !important; 
    transform: translateY(-242px) translateX(-65px);
  }
  .shop-banner-section.shop-detail-banner-section .shop-banner__media .img-cover {
    transform: translateY(-73px) translateX(-35px);
    height: 458px !important;
  }
  .shop-banner-section.shop-detail-banner-section .shop-banner__media::before { 
    transform: translateX(5%);
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery { 
    max-width: 40%;
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image {
    /* min-height: 377px;  */
    min-height: 410px; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary { 
    max-width: 60%; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc, 
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc p {
    line-height: 15px;
    font-size: 12px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card__title {
    font-size: 20px;
    line-height: 24px; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc {
    margin-bottom: 16px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc p:not(:last-child) {
    margin-bottom: 8px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card__attributes {
    margin: 16px 0px 0px 0px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .cart .product-card__variations {
    margin-bottom: 16px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .qty-btn {
    min-width: 53px !important; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .input-text {
    min-width: 44px;
    width: 44px; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card__variation strong {
    line-height: 19px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .variation-label,
  .woocommerce .product .product-entry-wrapper .entry-summary .variation-options .variation-label {
    width: 100%;
    max-width: calc(33.3333% - 11px);
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .size-select-wrapper .size-globel, 
  .woocommerce .product .product-entry-wrapper .entry-summary .variation-options .size-globel { 
    padding: 8px 40px;  
    display: flex;
    padding: 8px 8px;
    width: 100%; 
    justify-content: center;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .single_add_to_cart_button {
    min-width: auto; 
    width: 100%;
    max-width: calc(100% - 170px);
  }
  .woocommerce-tabs-section .ellipse-2 {
    right: -174px;
    bottom: -30px;
    width: 360px;
    height: 360px;
  }
  .woocommerce-tabs-section {
    padding: 30px 0px 30px 0px; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__desc {
    margin-bottom: 16px;
  }
  .available-prescription-section { 
    padding: 30px 0px; 
  }
  .available-prescription-section h2 { 
    line-height: 32px;
    max-width: 382px; 
    font-size: 24px;
  }
  .faqs-list-section {
    padding: 30px 0px 14px 0px; 
  }
  .faqs-list-section .container {
    padding: 0px;
  }
  .faqs-list-section .faq-page-title,
  .faqs-list-section .faq-grid {
    padding: 0px 30px;
  }
  .faqs-list-section .faq-page-title {
    margin-bottom: 24px;
  }
  .faqs-list-section .faq-grid {
    display: block; 
    gap: 0px;
  }
  .faqs-list-section .faq-item {
    margin-bottom: 16px; 
  }
  .faqs-list-section .faq-tabs {
    display: flex;
    flex-wrap: nowrap;  
    gap: 0px; 
    max-width: calc(100% - 30px);
    margin: 0px auto 48px 30px;
    overflow-y: hidden;
    overflow-x: auto;
    justify-content: flex-start;
  }
  .faqs-list-section .tab-btn {
    white-space: nowrap;
    margin-right: 16px;
  }
  .faqs-list-section .ellipse-1 {
    bottom: -129px !important;
    width: 377px;
    height: 377px;
    right: -86px;
    top: auto !important;
  }
  .faqs-list-section .faq-item .faq-question span.text {
    max-width: 100%; 
  }
  .faqs-list-section .faq-item .faq-question { 
    min-height: 72px; 
  }
  .contact-hero-section .ellipse { 
    width: 350px;
    height: 350px;
    left: -103px;
  }
  .contact-subscribe-form-section .ellipse-2 {
    width: 360px;
    height: 360px;
    top: -232px;
    bottom: auto;
    right: -174px;
  }
  .contact-hero-section .contact-hero__content { 
    max-width: 100%;
    padding: 0px 0px 30px 0px;
  }
  .contact-hero-section {
    padding: 30px 0px;
    position: relative;
  }
  .contact-hero-section .contact-hero__content .contact-hero_title { 
    line-height: 84px;
  }
  .contact-hero-section .contact-hero__content .contact-hero_title, 
  .contact-hero-section .contact-hero__content .contact-hero__lead { 
    max-width: 100%;
  }
  .contact-hero-section .contact-hero__content .faq-wrapper { 
    max-width: 100%; 
  }
  .contact-hero-section .contact-hero__content .faq-wrapper .faq-item .faq-question {
    width: 100%;
    max-width: 100%;
  }
  .contact-hero-section .contact-hero__content .faq-wrapper .faq-item .faq-question span.text {
    max-width: 100%; 
  }
  .contact-hero-section .contact-hero__content .contact-hero__lead p br {
    display: none;
  }
  .contact-hero-section .contact-form-right {
    max-width: 100%;
  }
  .contact-subscribe-form-section .newsletter-form {
    padding: 35px 30px; 
  }
  .contact-subscribe-form-section .newsletter-form .newsletter-form-content-wrapper { 
    max-width: 290px;
  }
  .contact-subscribe-form-section .newsletter-form .form-title {
    font-size: 24px;
    line-height: 32px; 
    margin-bottom: 8px;
  }
  .contact-subscribe-form-section .newsletter-form .subscribe-form input[type="email"] { 
    padding: 24px 57% 24px 32px; 
  }
  .contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] { 
    padding-left: 12.8%;
    padding-right: 12.8%;
  }
  .about-hero-section { 
    min-height: 250px;
    padding: 42px 0px;
  }
  .about-how-it-started-section .how-started-content-wrapper { 
    max-width: 100%;
    padding: 30px 0px 32px 0px;
  }
  .about-how-it-started-section .how-started-img { 
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .testimonial-person-details-section .testimonial-info {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
    padding: 30px 0px;
  }
  .testimonial-person-details-section .testimonial-info .ab-testimonial-left-img {
    gap: 0px;
    max-width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-img {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px; 
    margin-bottom: 24px;
  }
  .testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-name-func { 
    width: 100%;
    text-align: center;
    margin: 0px 0px 40px 0px;
  }
  .testimonial-person-details-section .testimonial-info .ab-testimonial-right-description { 
    max-width: 100%;
    text-align: center;
  }
  .genuine-genuine-section .genuine-delight-img { 
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .genuine-genuine-section .genuine-delight-content-wrapper { 
    max-width: 100%;
    padding: 30px 0px 30px 0px; 
  }
  .working-with-nhs-section .working-nhs-content h2 {
    font-size: 40px; 
  }
  .quotes-section {
    padding: 56px 0px;
  }
  .quotes-section .quotes-cards { 
    gap: 0px;
  }
  .quotes-section .quotes-cards .quote-card { 
    max-width: 100%; 
    border-radius: 24px;
    padding: 40px 24px;
    min-height: 235px; 
    flex-direction: row; 
    gap: 16px;
  }
  .quotes-section .quotes-cards .quote-card:not(:last-child) {
    margin-bottom: 40px;
  }
  .quotes-section .quotes-cards .quote-card .quote-card__title {
    margin-bottom: 0px;
    min-width: 243px;
  }
  .news-hero-section { 
    min-height: 250px; 
  }
  .news-hero-section .container { 
    padding-block: 53px;
  }
  .news-hero-section .news-title h1 {
    line-height: 84px; 
    max-width: 339px; 
    font-size: 48px;
  }
  .news-hero-section .news-description p {
    max-width: 339px; 
  }
  .latest-posts-lists-section .full-width-post .post-info { 
    padding-right: 28px;
  }
  .latest-posts-lists-section .latest-posts .three-column-post .post-thumbnail { 
    max-height: 242px;
    min-height: 242px; 
  }
  .latest-posts-lists-section .ellipse { 
    right: -174px; 
    bottom: -134px;
    width: 360px;
    height: 360px;
  }
  .product-info-hero.recommended-hero-banner-section .product-info-copy {
    padding: 88px 0px;
    max-width: 506px;
  }
  .product-info-hero.recommended-hero-banner-section .visual-img {
    max-width: 92%;
  }
  .product-info-hero.recommended-hero-banner-section::before { 
    background: linear-gradient(90deg, #DDEDF5 39.61%, rgba(221, 237, 245, 0.725191) 58.95%, rgba(221, 237, 245, 0) 74.86%);
  }
  .product-usage-section { 
    padding: 56px 0px 56px; 
  }
  .product-usage-section .button-group {
    display: flex; 
    gap: 20px; 
    max-width: 100%; 
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .product-usage-section .button-group .btn {
    width: auto;
  }
  .product-usage-section .step-card-1 {
    grid-column: span 12/span 12;
  }
  .product-usage-section .step-card-2 {
    grid-column: span 12/span 12;
  }
  .product-usage-section .steps-grid { 
    gap: 26px;
  }
  .product-code-section .info-item { 
    gap: 16px;
    grid-column: span 6/span 6;
  }
  .product-code-section .info-item.info-item--packs,
  .product-code-section .info-item.info-item--retail {
    gap: 16px;
  }
  .product-code-section .info-row { 
    gap: 16px;
    margin-bottom: 32px;
  }
  .product-code-section h2 {
    line-height: 48px;
    margin-bottom: 32px;
  }
  .product-code-section .product-table tr { 
    gap: 5px;
  }
  .product-code-section .product-table thead th { 
    min-width: 144px;
    font-size: 15px;
    line-height: 26px;
    padding: 32px 16px 4px;
  }
  .product-code-section .product-table tbody td { 
    min-width: 144px;
    font-size: 11px; 
    padding: 4px 16px;
  }
  .product-indications-section .indication-content-wrapper {
    padding-right: 0px; 
    max-width: 100%;
    margin-bottom: 24px;
  }
  .product-indications-section .indication-content-wrapper .prod-indication, 
  .product-indications-section .indication-content-wrapper .indication-content { 
    max-width: 100%; 
  }
  .product-indications-section .nice-imdicator-content { 
    max-width: 100%; 
  }
  .product-indications-section .nice-imdicator-content .nice-subtitle h2 { 
    max-width: 100%;
  }
  .device-overview-section .device-overview-left-img {
    height: auto;
    max-width: 100%;
    position: relative;
  }
  .device-overview-section .device-overview-right-content { 
    max-width: 100%;
    padding: 40px 0px 40px 0px; 
  }
  .page-template-page-product-information-hp .modes-section {
    padding: 56px 0px 56px 0px;
  }
  .page-template-page-product-information-hp .modes-section .modes-content {
    padding: 40px 0px 0px 0px; 
    max-width: 100%;
    order: 2;
  }
  .page-template-page-product-information-hp .modes-section .modes-image {
    order: 1;
    max-width: 100%;
  }
  .page-template-page-product-information-hp .certs-section .certs-bg { 
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .options-comparison-section {
    padding: 100px 30px 80px; 
  }
  .incontinence-section.options-comparison-section .incontinence-tabs .tab { 
    padding: 20px 4px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper {
    padding: 56px 30px 56px 30px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid {
    gap: 0;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image { 
    padding: 59px 15px; 
    margin: 0px;
    max-width: 632px;
  } 
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text { 
    padding: 50px 10px 10px 10px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content {
    padding: 56px 0px 56px 0px;
    max-width: 100%; 
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner { 
    max-width: 100%;  
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-image {
    max-width: 100%;
    position: relative;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-image::before { 
    background: linear-gradient(360deg, rgba(226, 101, 120, 0) 55.53%, rgba(226, 101, 120, 0.821024) 77.47%, #E26578 100%);
  }
  .medical-device-section {
    padding: 56px 0px 56px 0px;
  }
  .medical-device-section .medical-info { 
    grid-column: span 12/span 12;
  }
  .anatomical__image {
    position: relative; 
    max-width: 100%;
    height: auto;
    background-color: var(--white);
    text-align: center;
  }
  .anatomical__image img {
    width: auto;
    height: auto; 
  }
  .anatomical-section .anatomical__inner { 
    /* margin-top: -20%; */
    margin-top: -143px;
    background-color: var(--light-blue);
    position: relative;
  }
  .anatomical__text {
    padding: 2.5rem 0rem 3.5rem 0rem;
    min-height: auto; 
    max-width: 100%; 
  }
  .page-template-page-home .certs-section {
    margin: 0rem;
  }
  .certs-section .container {
    padding: 0px;
  }
  .certs-section .certs-bg {
    border-radius: 0rem;
  }
  .lifestyle-section { 
    margin: 0rem;
  }
  .proven-highlight-section .proven-highlight-image::before { 
    right: -30%; 
    background: linear-gradient(90deg, rgba(226, 101, 120, 0) 26.18%, rgba(226, 101, 120, 0.722907) 40.55%, #E26578 51.93%);
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image img { 
    max-height: 299px;
    margin-top: 15px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image {
    min-height: 375px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image img { 
    max-height: 155px; 
  }
  .contact-hero-section .contact-form-right {
    height: auto;
  }

}

@media (max-width: 1024px) {
  .product-info-hero .visual-img { 
    max-width: 35%; 
  }
  .product-info-hero .product-info-copy {
    padding: 40px 0px; 
    max-width: 69.6%; 
  }
  .product-info-hero .heading {
    margin: 0 0 16px 0;
  }
  .product-info-hero::before {  
    background: linear-gradient(90deg, rgba(221, 237, 245, 0) 25%, rgba(221, 237, 245, 0.661803) 30%, #DDEDF5 35%);
  }
  .page-terms-conditions {
      padding: 34px 0 72px;
  }

  .page-terms-conditions .terms-content-wrapper {
      font-size: 20px;
  }

  .page-terms-conditions .terms-content-wrapper h1 {
      font-size: 48px;
  }

  .page-terms-conditions .accordion-title {
      font-size: 31px;
  }
  .content-area {
    padding: 34px 0 72px;
  }
  .entry-title {
    font-size: 48px;
  }
  .entry-content,
  .post-content-wrapper {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .mobile-overlay {
    display: none;
  }
}

@media (max-width: 991px) {
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu {
    display: none;
    width: 100%;
    margin: 0px;
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item {
    width: 100%;
    flex-wrap: wrap;
  }  
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item.menu-item-has-children::after {
    display: none;
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item.menu-item-has-children > .down-arrow {
    display: flex;
    position: absolute;
    right: 0px;
    top: 0;
    cursor: pointer;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item.menu-item-has-children:hover > .down-arrow {
    color: var(--blue);
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > a {
    width: 100%;
  }
  .main-navigation > .mobile-menu-inner > .nav-menu > .menu-item > .sub-menu > .menu-item > a { 
    padding: 8px 20px 8px 20px;
  }
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  } 
  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  } 
  .ellipse-1 { 
    top: -258px;
    bottom: auto;
    right: -238px;
    width: 517px;
    height: 507px;
  }
  .home-hero__content { 
    padding: 1.875rem 0rem 2.5rem 0rem;
    max-width: 100%;
    width: 100%;
  }
  .home-hero__media {
    position: relative; 
    max-width: 100%; 
    height: auto;
    left: 0rem;
  }
  .shop-section {
    padding: 2.5rem 0rem;
  }
  .shop-section .shop-grid {
    gap: 0rem;
    grid-template: none;
  }
  .shop-section .section__header,
  .shop-section .products-grid,
  .shop-products-list-section .products-grid {
    grid-template: none;
    grid-column: inherit;
  }
  .shop-section .products-grid,
  .shop-products-list-section .products-grid {
    column-gap: 4.625rem;
    row-gap: 4rem;
    display: flex;
    flex-wrap: wrap;
  }
  .shop-products-list-section .products-grid {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .shop-section .products-grid .product-card,
  .shop-products-list-section .products-grid .product-card {
    grid-column: inherit; 
    width: 100%;
    max-width: calc(50% - 37px);
  }
  .shop-products-list-section .products-grid .product-card {
    max-width: 100%;
    grid-column: span 6 / span 6;
  }
  .shop-section .section__header {
    display: flex;
    gap: 2rem;
    margin-bottom: 4rem;
  }
  .available-text {
    margin: 0rem 0rem 1.5rem 0rem; 
  }
  .shop-section .section__header .left-side {
    width: 100%;
  }
  .shop-section .section__header .right-side {
    min-width: 280px;
  }
  .testimonial-section {
    padding: 4rem 0rem;
  }
  .testimonial-content { 
    padding: 1.875rem; 
    max-width: 100%; 
    min-height: 352px;
  }
  .testimonial-content p {
    font-size:1.25rem;  
    margin-bottom: 1rem;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .testimonial-content span { 
    margin-bottom: 1rem; 
  }
  .slick-dots { 
    gap: 0.5rem;
    margin: 2.5rem auto 0rem auto;
  }
  .testimonial-image {
    max-width: 30%;
    min-width: 242px;
  }
  .testimonial-image img { 
    min-height: 352px; 
  }
  .who__media {
    position: relative;
    max-width: 100%;
  }
  .who__card {
    padding: 2.5rem 0rem 2.5rem 0rem;
    min-height: auto;
    max-width: 100%;
  }
  .what__text {
    min-height: auto;
    width: 100%;
    max-width: calc(100% - 336px);
    padding: 0px;
    justify-content: flex-start;
  }
   .what__image {
    max-width: 380px;
    min-width: 380px;
  }  
  .anatomical__text {
    padding: 2.5rem 0rem 3.5rem 0rem;
    min-height: auto; 
    max-width: 100%; 
  }
  .page-template-page-home .certs-section {
    margin: 0rem;
  }
  .certs-section .container {
    padding: 0px;
  }
  .certs-section .certs-bg {
    border-radius: 0rem;
  }
  .lifestyle-section { 
    margin: 0rem;
  }
  .featured-in-section {
    padding: 1.875rem 0rem;
  }
  .featured-in-section .container {
    padding: 0px 10px;
  }
  .featured-in-section span {
    padding: 0 0 1rem 0;
  }
  .featured-logos .featured-logo {
    max-width: 64px;
  }
  .featured-logos .featured-logo:nth-child(1) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(2) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(3) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(4) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(5) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(6) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(7) {
    margin-right: 24px; 
  }
  .featured-logos .featured-logo:nth-child(8) {
    margin-right: 24px;
  }
  .featured-logos .featured-logo:nth-child(9) {
    margin-right: 0px; 
  }
  .site-footer { 
    padding: 1.875rem 0 1.875rem 0;
  }
  .footer-copyright {
    padding-top: 1.875rem;
    margin-top: 1.875rem;
  }
  .site-footer .footer-contact-info p {
    max-width: 286px;
  }
  .site-footer .footer-contact-info p br {
    display: none;
  } 
  .site-header {
    position: relative;
  }
  .site-header .header-icons .search-icon {
    display: none;
  } 
  .header-icons {
    gap: 1rem;
    margin: 0rem;
    position: absolute;
    right: 30px;
    top: auto;
    bottom: auto;
    left: auto;
  }
  .site-branding { 
    gap: 0rem;
    margin: 0px auto;
  }
  .menu-toggle {
    display: block;
    position: absolute;
    right: auto;
    top: auto;
    bottom: auto;
    left: 30px;
  }
  .menu-close {
    display: block;
  }
  .main-navigation { 
    justify-content: flex-start;
    align-items: flex-start; 
  }
  .main-navigation ul {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 36px;
  }
  body.menu-open {
    overflow: hidden;
  }
  /* Hide menu by default */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 9999;
    overflow-y: auto;
  }

  /* When menu is active */
  .mobile-menu.active {
    transform: translateX(0);
  }

  /* Inner spacing */
  .mobile-menu-inner {
    padding: 40px 20px;
    width: 100%;
  }

  /* Close button */
  .menu-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    margin-bottom: 24px;
  }

  /* Overlay */
  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    z-index: 9998;
  }

  .menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .search-form-wrapper-mobile {
    display: block;
  }

  .modes-content {
    width: 100%;
    padding: 40px 0px 80px 0px;
  }
  .modes-image {
    height: auto;
    max-width: 100%;
    /* max-height: 450px; */
    position: relative;
    overflow: hidden;
    /* min-height: 450px; */
  }
  /* .modes-image img {
    position: absolute;
    inset: 0;
    height: calc(100% + 55px);
    transform: translateY(-55px);
  } */
  .certs-section-v2 {
    margin: 0px;
    background-color: var(--dark-blue);
    padding: 56px 1rem 56px 1rem;
  }
  .certs-section-v2 .certs-boxs {
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .certs-section-v2 .certs-boxs .certs-box { 
    max-width: calc(33.333% - 16px);
    width: 100%;
  }
  .sizes-section .sizes-content {
    width: 100%;
    padding: 40px 0px 40px 0px;
  }
  .sizes-section .sizes-image { 
    position: relative; 
    height: auto; 
    max-width: 100%;
  }
  .incontinence-section .tab-content-wrapper .tab-grid { 
    gap: 0px;
    flex-wrap: wrap;
  }
  .incontinence-section .tab-content-wrapper .tab-image {
    max-width: 400px;
    margin: 0px auto 40px;
  }
  .incontinence-section .tab-content-wrapper {
    padding: 56px 16px;
  }
  .incontinence-section .tab-content-wrapper .tab-text { 
    max-width: 100%; 
  }
  .incontinence-section .incontinence-tabs .tab {
    font-size: 18px;
    padding-right: 20px;
  }
  .pi-environmental-benefits-section .pi-environment__graphic { 
    max-width: 100%;
    height: auto;
    position: relative;
  }
  .pi-environmental-benefits-section .pi-environment__text {
    padding: 56px 0px 40px 0px; 
    max-width: 100%; 
  }
  .using-contrelle-key-points .using-key-points { 
    margin-left: 30px;
    padding: 0px;
    justify-content: flex-start;
  }
  .shop-products-list-section .ellipse-1 {
    width: 357px;
    height: 357px;
    left: auto;
    top: auto;
    bottom: -134px;
    right: -101px;
  } 
  .product-info-2-hero-section .product-info-2-hero-content {
    padding: 30px 0px 40px 0px;
  }
  .product-info-2-hero-section .home-hero__lead { 
    gap: 16px;
    max-width: 100%;
  }
  .home-hero__lead { 
    max-width: 100%;
  }  
  .popup-left { 
    max-width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .popup-right { 
    max-width: 100%;
    padding: 22px 16px 34px 16px;
  }
  .popup-right h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    max-width: 100%;
    text-align: center;
  }
  .popup-right .wpcf7-form-control.wpcf7-email {
    text-align: center;
  }
  .popup-right .form__legals {
    margin-top: 24px;
  }
  .close-btn { 
    top: 16px;
    right: 16px; 
  }

}

@media (max-width: 830px) {
  .contact-subscribe-form-section .newsletter-form .subscribe-form input[type="email"] {
    padding: 24px 165px 24px 20px;
  }
  .contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }   
  .ellipse-1 {
    top: auto;
    bottom: -122px;
    right: -169px;
    width: 391px;
    height: 383px;
  }
  .shop-section .products-grid,
  .shop-products-list-section .products-grid {
    column-gap: 0rem;
    row-gap: 2.5rem;
  }
  .shop-products-list-section .products-grid {
    row-gap: 3.5rem;
  }
  .shop-products-list-section .product-card-content .name-price-inline { 
    display: block;
  }
  .shop-products-list-section .product-card__title {
    margin: 0rem 0rem 8px 0rem;
  }
  .shop-products-list-section .product-card__meta { 
    margin: 16px 0rem 0rem 0rem;
  }
  .shop-products-list-section .product-card .product-card-content .price { 
    margin: 0rem 0rem 8px 0rem; 
  }
  .shop-products-list-section .product-card-image {
    min-height: 340px;
  }
  .shop-products-list-section .product-card-image .product-card__img {
    height: 250px !important;
  }
  .shop-section .products-grid .product-card,
  .shop-products-list-section .products-grid .product-card {  
    max-width: calc(100% - 0px);
  }
  .shop-products-list-section .products-grid .product-card {
    grid-column: span 12 / span 12;
  }
  .shop-section .section__header { 
    flex-wrap: wrap;
  }
  .shop-section .section__header .right-side {
    min-width: auto;
  }
  .testimonial-inner { 
    gap: 1.5rem; 
    flex-wrap: wrap;
  }
  .testimonial-image {
    max-width: 100%;
    min-width: auto;
  }
  .testimonial-image img {
    min-height: auto;
    width: 100%;
    height: auto;
  }
  .testimonial-content { 
    min-height: auto;
  }
  .testimonial-content p {
    overflow: visible;
    display: block;
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    -webkit-box-orient: vertical;
  }
  .what__text {
    max-width: 100%;
    margin-bottom: 40px;
    padding: 0px 30px;
  }
  .what__image {
    position: relative;
    top: 0;
    right: 0px;
    width: 100%;
    max-width: none;
    height: auto;
    bottom: 0;
    text-align: right;
    min-width: auto;
    /* padding-left: 70px; */
    padding-left: 17%;
  }
  .what__image img { 
    height: 100%; 
    width: 100%;
  }
  .what__inner { 
    flex-wrap: wrap;
  }
  .what-section .container {
    padding: 0px;
  } 
  .certs-boxs .certs-box { 
    width: 100%;
    max-width: calc(50% - 16px);
  }
  .certs-boxs { 
    max-width: 100%; 
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .featured-logos .featured-logo {
    max-width: 59px;
  }
  .footer-logo { 
    text-align: center;
  }
  .footer-columns { 
    gap: 0;
    margin-bottom: 0px;
    flex-wrap: wrap;
    width: 100%;
  } 
  .footer-column {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .footer-column.footer-company {
    margin-bottom: 32px;
  }
  .footer-column .footer-heading { 
    margin-bottom: 0; 
  }
  .site-footer .footer-contact-info p {
    max-width: 100%;
  }
  .footer-column ul {
    margin-top: 24px;
  }
  .footer-column p {
    font-size: 1rem;  
    max-width: 100%;
    text-align: center;
  }
  .footer-contact-email {
    text-align: center;
  }
  .footer-column .footer-contact-email a {
    font-size: 1rem; 
  }
  .footer-column:nth-last-child(1) {
    margin-bottom: 0px;
  }
  .footer-social-links {
    margin-top: 24px;
    justify-content: center; 
  } 
  .footer-copyright { 
    flex-wrap: wrap;
  }
  .footer-copyright p { 
    margin: 0px 0px 16px 0px;
    width: 100%;
    text-align: center;
  }
  .footer-copyright .footer-legal-links { 
    width: 100%;
    justify-content: space-between;
  }
  .featured-logos { 
    column-gap: 0px; 
  } 
  .featured-logos .featured-logo:nth-child(1) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .featured-logos .featured-logo:nth-child(2) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .featured-logos .featured-logo:nth-child(3) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .featured-logos .featured-logo:nth-child(4) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .featured-logos .featured-logo:nth-child(5) {
    margin-right: 5px;
    margin-left: 5px;
  }
  .featured-logos .featured-logo:nth-child(6) {
    margin-right: 13px;
    margin-left: 13px;
  }
  .featured-logos .featured-logo:nth-child(7) {
    margin-right: 13px;
    margin-left: 13px;
  }
  .featured-logos .featured-logo:nth-child(8) {
    margin-right: 13px;
    margin-left: 13px;
  }
  .featured-logos .featured-logo:nth-child(9) {
    margin-right: 13px;
    margin-left: 13px;
  }
  .featured-logos { 
    flex-wrap: wrap;
  }

  .product-info-hero {
    background-color: var(--light-blue);
  }
  .product-info-hero .heading {
    line-height: 3rem;
  }
  .product-info-hero .container {
    padding: 0px;
  }
  .product-info-hero .visual-img { 
    max-width: 100%; 
    height: auto;
    position: relative;
  }
  .product-info-hero .product-info-copy {
    padding: 40px 30px 40px; 
    max-width: 100%; 
    text-align: center;
  } 
  .product-info-hero::before {
    display: none;
  }
  .product-info-hero .visual-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: -100%;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    transform: rotateY(-180deg);
    z-index: 1;
    background: linear-gradient(0deg, rgba(221, 237, 245, 0) 32.93%, rgba(221, 237, 245, 0.661803) 40.29%, #DDEDF5 46.83%);
  }
  .modes-section .container {
    overflow: hidden;
    order: 1;
  }
  .modes-content { 
    padding: 56px 0px 40px 0px;
    position: relative;
  }
  .ellipse-3 { 
    top: -216px;
    left: -221px;
    background-color: rgba(226, 101, 120, 0.2);
  }
  .ellipse-3-only-show-mobile {
    display: block;
  }
  .ellipse-3-only-show-desktop {
    display: none;
  }
  .modes-section { 
    display: flex;
    flex-direction: column;
  }
  .modes-image { 
    order: 2;
    margin-bottom: 0px;
  }
  .certs-section-v2 .certs-boxs { 
    column-gap: 0;
    row-gap: 40px;
  }
  .certs-section-v2 .certs-boxs .certs-box {
    max-width: 100%; 
  }
  .women-chatting-coffee-section img {  
    height: 100%;
  }
  .benefits-section .icon-circle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 50%;
  }
  .benefits-section .benefit-item { 
    gap: 8px; 
    flex-direction: column;
  }
  .sizes-section .sizes-content { 
    padding: 80px 0px 40px 0px;
  }
  .incontinence-types {
    padding: 32px 0px 56px 0px;
  }
  .incontinence-section .incontinence-tabs { 
    flex-wrap: wrap;
    flex-direction: column;
  }
  .incontinence-section .incontinence-tabs .tab { 
    padding: 8px 16px;
    padding-right: 135px;
    width: 100%;
    max-width: 100%;
  }
  .pi-environmental-benefits-section {
    display: flex;
    flex-direction: column;
  }
  .pi-environmental-benefits-section .pi-environment__graphic {
    order: 2;
  }
  .pi-environmental-benefits-section .pi-environment__inner {
    order: 1;
  }
  .pi-environmental-benefits-section .ellipse-4 {
    display: none;
  }
  .pi-environmental-benefits-section .pi-environment__text .winner-award-btn-row .winner-award-btn {
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 24px;
    text-align: left; 
  }
  .cta-contrelle-section .cta-content {
    padding: 30px 0px 40px 0px;
    max-width: 100%;
  }
  .cta-contrelle-section .cta-image {
    max-width: 100%; 
    margin-bottom: 40px;
  }
  .cta-contrelle-section .cta-container {
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .cta-contrelle-section .cta-content .btn { 
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    max-width: 271px;
    margin: 0 auto;
  }
  .product-info-hero.product-info-hero-v2 .product-info-copy {
    padding: 33px 30px;
    max-width: 100%;
  }
  .product-info-hero.product-info-hero-v2 .visual-img {
    max-width: 100%;
  }
  .proven-highlight-section .proven-highlight-image {
    max-width: 100%;
    position: relative;
  }
  .proven-highlight-section .proven-highlight-content {
    padding: 76px 0px 0px 0px;
    max-width: 100%;
  }
  .proven-highlight-section .proven-highlight-image::before { 
    right: 0%; 
    top: -40%;
    background: linear-gradient(0deg, rgba(226, 101, 120, 0) 36.57%, rgba(226, 101, 120, 0.722907) 44.84%, #E26578 56.87%);
  }
  .proven-highlight-section .proven-highlight-image img {
    min-width: 500px;
    min-height: 432px;
  }
  .proven-highlight-section .proven-highlight-content h2 { 
    max-width: 333px; 
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .key-points-info { flex-direction: column; min-height: 0; overflow: visible; }

  .using-contrelle-key-points .key-points-info .key-point-card {
    flex-wrap: wrap;
  }
  .using-contrelle-key-points .key-points-info .key-point-card .key-point-left-content {
    padding: 30px 30px 0px 30px;
  }
  .using-contrelle-key-points .key-points-info .key-point-card.state-active .key-point-left-content {
    max-width: 100%;
    padding: 56px 30px 56px 30px;
  }
  .using-contrelle-key-points .key-points-info .key-point-card .key-point-image { 
    border-radius: 0px 0px 24px 24px; 
    max-width: 100%; 
  } 
  .using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content .key-point-content {
    max-width: calc(100% - 60px);
  }
  .using-contrelle-key-points .key-points-info .key-point-card:not(.state-active) .key-point-left-content .key-point-content {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .using-contrelle-key-points {
    padding: 30px 0px 0px; 
  }
  .using-contrelle-key-points .key-points-info .key-point-card .key-point-image {
    height: 250px;
    overflow: hidden;
  }
  .using-contrelle-key-points .key-points-info .key-point-card .key-point-image img {
    border-radius: 0px 0px 24px 24px; 
    transform: scale(1.6) translateY(33px) translateX(10px);
    transform-origin: bottom;
  }

  .getting-started-hero .ellipse-1 { 
    width: 517px;
    height: 517px;
  }
  .getting-started-hero .started-hero__content {
    max-width: 100%;
    padding: 56px 0px 46px 0px;
  }
  .getting-started-hero .started-hero__media {
    max-width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    /* padding-left: 70px; */
    padding-left: 17%;
  }
  .getting-started-hero .started-hero__media img {
    height: 100%;
    max-width: 100%;
  }
  .getting-started-hero .started-hero__content h1 {
    line-height: 3rem;
  }
  .getting-started-hero .started-hero__content p,
  .getting-started-hero .started-hero__content p a { 
    font-size: 18px;
    line-height: 22px;
  }
  .getting-started-hero .ellipse {
    right: -237px;
    bottom: auto;  
    top: -284px;
  }
  .btn { 
    padding: 1rem 1.5rem;
  }
  .issue-content {
    flex-wrap: wrap;
  }
  .experiencing-issues .issue-content .issue-content-wrapper {
    margin-top: 0px;
  }
  .faq-item .faq-question { 
    padding: 13px 20px; 
  }
  .shop-banner-section .shop-banner__media::before { 
    background: linear-gradient(180deg, #FFEAEE 15.01%, rgba(255, 234, 238, 0.787879) 37.57%, rgba(255, 234, 238, 0) 69.16%);
    transform: none;
  }
  .shop-banner-section .shop-banner__media {
    width: 100%;
  }
  .shop-banner-section .shop-banner__media .img-cover { 
    transform: none !important;
    height: 100% !important;
    width: 100%;
  }
  .shop-banner-section .shop-banner__content {
    padding: 3px 0px; 
    text-align: center;
    margin: 0px;
    max-width: none;
  }
  .shop-banner-section .shop-banner__content h1 {
    margin-bottom: 0px;
    font-size: 3rem;
  }
  .shop-banner-section.shop-detail-banner-section .shop-banner__media::before {
    transform: none;
    background: linear-gradient(180deg, #FFEAEE 30%, rgba(255, 234, 238, 0.787879) 40%, rgba(255, 234, 238, 0) 70%);
  }
  .shop-banner-section.shop-detail-banner-section .shop-banner__media .img-cover {
    transform: translateY(70px) translateX(0px) !important;
    height: 100% !important;
  }
  .only-mobile-show-title {
    display: block;
    padding: 30px 0px 0px 0px;
  } 
   .only-mobile-show-title .shop-banner__title {
    text-align: center;
    font-size: 40px;
    line-height: 70px;
  }
  .woocommerce .woocommerce-breadcrumb { 
    padding: 30px 30px 0px;
  }
  .woocommerce .product .product-entry-wrapper { 
    padding: 30px 30px 0px; 
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery {
    max-width: 100%;
    margin: 0px 0px 24px 0px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary {
    max-width: 100%;
    padding: 0;
  }
  .woocommerce-tabs-section .woocommerce-tabs .tabs {  
    gap: 15px; 
    justify-content: space-between;
    width: 100%;
  }
  .woocommerce-tabs-section .woocommerce-tabs .tabs li, .woocommerce-tabs-section .woocommerce-tabs .tabs li a { 
    font-size: 16px;
    line-height: 28px;
  }
  .woocommerce-tabs-section .woocommerce-tabs .tabs li.active::after { 
    width: calc(100% + 20px) !important; 
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .input-text {
    min-width: 33px;
    width: 33px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .cart .quantity .qty-btn {
    min-width: 45px !important;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .single_add_to_cart_button { 
    max-width: calc(100% - 143px);
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image {
    min-height: 200px;
    max-height: 200px;
    padding: 0px;
    align-items: center;
  }
  .woocommerce .product .product-entry-wrapper .woocommerce-product-gallery .product-card-image img {
    width: auto;
    height: 180px; 
    max-height: none;
    margin-top: 0px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc {
    margin-bottom: 24px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__desc {
    margin-bottom: 24px;
  }
  .woocommerce .product .product-entry-wrapper .entry-summary .product-card-content .product-card__full-desc p:not(:last-child) {
    margin-bottom: 16px;
  }
  .available-prescription-section .prescription-content-inner {
    display: block; 
    gap: 0;
  }
  .available-prescription-section h2 { 
    max-width: 334px; 
    margin-bottom: 24px;
  }
  .available-prescription-section .prescription-content-inner .prescription-hero__actions .btn {
    width: auto;
    min-width: 240px;
  }
  .faqs-list-section .faq-question {
    font-size: 16px;
    line-height: 19px;
  }
  .faqs-list-section .faq-page-title, 
  .faqs-list-section .faq-page-title h1 { 
    font-size: 40px;
    line-height: 40px; 
  }
  .faqs-list-section .ellipse {  
    width: 381px;
    height: 381px; 
  }
  .faqs-list-section .faq-tabs { 
    margin: 0px auto 24px 30px; 
  }
  .faqs-list-section .ellipse-1 {
    bottom: -157px !important; 
    right: -158px; 
  }  
  .contact-hero-section .ellipse {
    width: 517px;
    height: 517px;
    left: -325px;
    top: -296px;
  }
  .contact-subscribe-form-section .ellipse-2 {
    width: 517px;
    height: 517px;
    top: -268px;
    bottom: auto;
    right: -265px;
  }
  .contact-subscribe-form-section {
    padding: 0px 0px 30px 0px; 
  }
  .contact-hero-section .contact-hero__content .contact-hero_title { 
    font-size: 48px;
    line-height: 48px;
  }
  .contact-hero-section .contact-form-right { 
    padding: 30px; 
  }
  .contact-hero-section .contact-form-right .wpcf7-submit { 
    min-width: 200px;
  }
  .contact-subscribe-form-section .newsletter-form {
    padding: 24px 30px;
    flex-wrap: wrap;
    text-align: center;
  }
  .contact-subscribe-form-section .newsletter-form .subscribe-form input[type="email"] {
    padding: 13px 20px 13px 20px;
    text-align: center;
    line-height: 21px;
  }
  .contact-subscribe-form-section .newsletter-form .subscribe-form button[type="submit"] { 
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    margin: 16px 0px 0px 0px;
    padding: 13px 15px;
    line-height: 25px;
  }
  .about-hero-section { 
    padding: 0px 0px 54px 0px;
    text-align: center;
  }
  .about-hero-section .about-img::before {
    background: linear-gradient(177.47deg, rgba(0, 0, 0, 0.5) 49.13%, rgba(0, 0, 0, 0) 111.23%);
  }
  .about-hero-section .about-title {
    font-size: 40px;
    line-height: 70px;  
  }
  .about-hero-section .about-title, 
  .about-hero-section .about-info-text {
    max-width: 100%; 
  }
  .testimonial-person-details-section .testimonial-info .ab-testimonial-left-img .testimonial-img {
    width: 124px;
    height: 124px;
    min-width: 124px;
    min-height: 124px; 
  }
  .working-with-nhs-section .working-nhs-content h2 {
    line-height: 48px;
  }
  .working-with-nhs-section .working-nhs-content {
    padding: 30px 0px 64px 0px;
  }
  .quotes-section .quotes-cards .quote-card { 
    min-height: auto;
    flex-direction: column;
    gap: 0;
  }
  .quotes-section .quotes-cards .quote-card .quote-card__title {
    margin-bottom: 16px;
    min-width: auto;
  }
  .quotes-section .quotes-cards .quote-card:nth-child(2) .quote-icon,
  .quotes-section .quotes-cards .quote-card:nth-child(3) .quote-icon { 
    top: -61px;
  }
  .news-hero-section .container {
    padding-block: 0px;
    padding-bottom: 20px;
    text-align: center;
  }
  .news-hero-section .news-title h1 { 
    max-width: 100%;
    margin: 0px;
  }
  .news-hero-section .news-description p {
    max-width: 100%;
  }
  .latest-posts-lists-section {
    padding-block: 30px; 
  }
  .latest-posts-lists-section .container {
    padding-right: 0px;
  }
  .latest-posts-lists-section .news-taxonomy-lists .news-tabs { 
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 30px;
    margin-bottom: 32px;
  }
  .latest-posts-lists-section .latest-posts {
    row-gap: 0px;
    column-gap: 0px;
    padding-right: 30px;
  }
  .latest-posts-lists-section .full-width-post .post-thumbnail { 
    border-radius: 24px 24px 0px 0px; 
    max-width: 100%;
    max-height: 333px;
    overflow: hidden;
    min-height: 333px;
  }
  .latest-posts-lists-section .full-width-post .post-thumbnail img {
    border-radius: 24px 24px 0px 0px; 
  }
  .latest-posts-lists-section .full-width-post .post-info {
    max-width: 100%;
    padding: 30px; 
    gap: 24px;
  }
  .latest-posts-lists-section .full-width-post .post-info .post-content-block, 
  .latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block {
    gap: 8px;
  }
  .latest-posts-lists-section .full-width-post .post-info .post-content-block .post-title, .latest-posts-lists-section .full-width-post .post-info .post-content-block .post-title a, .latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title, .latest-posts-lists-section .latest-posts .three-column-post .post-info .post-content-block .post-title a {
    font-size: 20px;
    line-height: 24px; 
    max-width: 100%;
  }
  .latest-posts-lists-section .full-width-post { 
    margin: 0px 0px 48px 0px;
  }
  .latest-posts-lists-section .latest-posts .three-column-post {
    width: 100%;
    max-width: 100%;
  }
  .latest-posts-lists-section .latest-posts .three-column-post:not(:last-child) {
    margin-bottom: 40px;
  }
  .latest-posts-lists-section .ellipse { 
    right: -265px; 
    bottom: -251px;
    width: 517px;
    height: 517px;
  }
 .product-info-hero.recommended-hero-banner-section .visual-img {
    max-width: 100%;
    position: absolute;
    height: auto;
    bottom: 0;
    top: auto;
    min-height: 367px;
  }
  .product-info-hero.recommended-hero-banner-section .visual-img img {
    position: absolute;
    inset: 0;
    min-width: 165vw;
    transform: translate3d(-39%, 29px, 0);
  }
  .product-info-hero.recommended-hero-banner-section .visual-img::before { 
    transform: none; 
    background: linear-gradient(180deg, #DDEDF5 39.61%, rgba(221, 237, 245, 0.725191) 58.95%, rgba(221, 237, 245, 0) 74.86%);
  }
  .product-info-hero.recommended-hero-banner-section .product-info-copy {
    padding: 12px 30px;
    max-width: 100%;
    text-align: left;
  } 
  .product-info-hero.recommended-hero-banner-section .visual-img::before { 
    top: -60%; 
  } 
  .product-usage-section .button-group .btn {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    padding: 16px 15px;
  }
  .product-usage-section .step-card { 
    padding: 32px 32px; 
  }
  .product-code-section .info-item { 
    grid-column: span 12/span 12;
  }
  .product-code-section .info-item img {
    min-width: 74px;
    min-height: 74px;
  }
  .product-code-section .info-item.info-item--retail img {
    min-width: auto;
    min-height: auto;
  }
  .product-code-section .info-item.info-item--packs {
    gap: 20px;
  }
  .product-code-section .container {
    padding-right: 0px;
  }
  .product-code-section .section-title-1,
  .product-code-section .info-row {
    padding-right: 30px;
  }
  .product-code-section .table-wrapper { 
    padding-right: 0px;
    border-radius: 24px 0px 0px 24px;
  }
  .product-code-section .table-scroll { 
    padding-right: 16px;
  }
  .product-info-2-hero-section .product-info-2-hero-content .home-hero__title {
    font-size: 32px;
    line-height: 40px;
  }
  .page-template-page-product-information-hp .certs-section .certs-bg {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .options-comparison-section {
    padding: 47px 0px 0px;
  }
  .options-comparison-section .options-comparison-header { 
    margin-bottom: 59px; 
    padding: 0px 15px;
  }
  .options-comparison-section .options-comparison-header h2 {
    line-height: 48px;
  }
  .incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-child(1) {
    border-radius: 0px;
  }
  .incontinence-section.options-comparison-section .incontinence-tabs .tab:nth-last-child(1) {
    border-radius: 0px 0px 0px 0px;
  }
  .options-comparison-section .ptions-comparison-tabs-wrappper { 
    border-radius: 0px;
  }
  .incontinence-section.options-comparison-section .incontinence-tabs {
    border-bottom: 0px solid var(--dark-blue);
  }
  .incontinence-section.options-comparison-section .incontinence-tabs .tab {
    padding: 8px 16px;
    text-align: left;
    line-height: 32px !important;
  }
  .incontinence-section.options-comparison-section .incontinence-tabs .tab:not(:last-child) {
    border-right: 0px solid var(--dark-blue);
    border-bottom: 1px solid var(--dark-blue) !important;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper {
    padding: 48px 0px 48px 0px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text {
    padding: 50px 30px 10px 30px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image {
    padding: 59px 15px 73px; 
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-image h2 { 
    line-height: 56px; 
    font-size: 32px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .proven-highlight__title { 
    line-height: 48px; 
    font-size: 40px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .btn { 
    padding: 16px 16px;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-image::before { 
    top: 0px;
  }
  .page-terms-conditions .terms-content-section .container,
  .page-terms-conditions .terms-conditions-list .container {
      padding: 0 20px;
  }

  .page-terms-conditions {
      padding: 28px 0 56px;
  }

  .page-terms-conditions .terms-content-wrapper {
      font-size: 17px;
      line-height: 1.6;
  }

  .page-terms-conditions .terms-content-wrapper h1 {
      font-size: 36px;
      line-height: 1.15;
  }

  .page-terms-conditions .terms-content-wrapper h2 {
      font-size: 31px;
      line-height: 1.2;
  }

  .page-terms-conditions .terms-content-wrapper h3 {
      font-size: 27px;
      line-height: 1.24;
  }

  .page-terms-conditions .accordion-trigger {
      padding: 18px 0;
      gap: 14px;
  }

  .page-terms-conditions .accordion-title {
      font-size: 27px;
      line-height: 1.2;
  }

  .page-terms-conditions .accordion-content-inner {
      font-size: 17px;
      line-height: 1.6;
  }
  .proven-trials-section .proven-trials__content {
    max-width: 100%;
  }
  .content-area {
    padding: 28px 0 56px;
  }
  .content-area article,
  .content-area > .container,
  .content-area .container {
    padding: 0 20px;
  }
  .entry-title {
    font-size: 34px;
    line-height: 1.15;
  }
  .entry-content h2,
  .post-content-wrapper h2 {
    font-size: 30px;
  }
  .entry-content h3,
  .post-content-wrapper h3 {
    font-size: 24px;
  }
  .anatomical-section .anatomical__inner {
    margin-top: -20%; 
  }
  
}

@media (max-width: 389px) {
  .popup-right .btn { 
    font-size: 16px;
  }
}

@media (max-width: 374px) {
  .header-container {
    padding: 0 20px;
  }
  .container { 
    padding: 0 20px;
  }
  .what__text { 
    padding: 0px 20px;
  }
  .certs-bg { 
    padding: 2.5rem 20px 4.5rem 20px;
  }
  .footer-container { 
    padding: 0 20px;
  }
  .header-icons { 
    right: 20px; 
  }
  .menu-toggle { 
    left: 20px;
  }
  .product-info-hero .product-info-copy {
    padding: 40px 20px 40px;  
  } 
  .modes-list li { 
    padding: 12px 20px 12px 20px; 
    gap: 20px;
  }
  .product-info-hero.product-info-hero-v2 .product-info-copy {
    padding: 33px 20px; 
  }
  .using-contrelle-key-points h2 { 
    padding: 0px 20px;
  }
  .using-contrelle-key-points .using-key-points {
    margin-left: 20px; 
  }
  .using-contrelle-key-points .key-points-info {
    padding: 0px 20px 0px 20px;
  }
  .faqs-list-section .faq-page-title, 
  .faqs-list-section .faq-grid {
    padding: 0px 20px;
  }
  .faqs-list-section .faq-tabs {
    margin: 0px auto 24px 20px;
    max-width: calc(100% - 20px);
  }
  .woocommerce .woocommerce-breadcrumb { 
    padding: 30px 20px 30px;
  }
  .woocommerce .product .product-entry-wrapper { 
    padding: 30px 20px 0px; 
  }
  .latest-posts-lists-section .news-taxonomy-lists .news-tabs {  
    padding-right: 20px;
  }
  .latest-posts-lists-section .latest-posts { 
    padding-right: 20px;
  }
  .product-info-hero.recommended-hero-banner-section .product-info-copy {
    padding: 12px 20px; 
  }
  .product-code-section .section-title-1,
  .product-code-section .info-row {
    padding-right: 20px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text {
    padding: 50px 20px 10px 20px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .btn { 
    font-size: 17px; 
  }
  .proven-highlight-section .proven-highlight-image img {
    min-width: 390px;
    min-height: 380px;
  }
  .popup-overlay { 
    padding: 20px;
  }
}

@media (max-width: 359px) {
  .header-container {
    padding: 0 15px;
  }
  .container { 
    padding: 0 15px;
  }
  .what__text { 
    padding: 0px 15px;
  }
  .certs-bg { 
    padding: 2.5rem 15px 4.5rem 15px;
  }
  .footer-container { 
    padding: 0 15px;
  }
  .header-icons { 
    right: 15px; 
  }
  .menu-toggle { 
    left: 15px;
  }
  .product-info-hero .product-info-copy {
    padding: 40px 15px 40px;  
  } 
  .modes-list li { 
    padding: 12px 16px 12px 16px; 
    gap: 16px;
  }
  .product-info-hero.product-info-hero-v2 .product-info-copy {
    padding: 33px 15px; 
  }
  .using-contrelle-key-points h2 { 
    padding: 0px 15px;
  }
  .using-contrelle-key-points .using-key-points {
    margin-left: 15px; 
  }
  .using-contrelle-key-points .key-points-info {
    padding: 0px 15px 0px 15px;
  }
  .faqs-list-section .faq-page-title, 
  .faqs-list-section .faq-grid {
    padding: 0px 15px;
  }
  .faqs-list-section .faq-tabs {
    margin: 0px auto 24px 15px;
    max-width: calc(100% - 15px);
  } 
  .woocommerce .woocommerce-breadcrumb { 
    padding: 30px 15px 30px;
  }
  .woocommerce .product .product-entry-wrapper { 
    padding: 30px 15px 0px; 
  }
  .latest-posts-lists-section .news-taxonomy-lists .news-tabs {  
    padding-right: 15px;
  }
  .latest-posts-lists-section .latest-posts { 
    padding-right: 15px;
  }
  .product-info-hero.recommended-hero-banner-section .product-info-copy {
    padding: 12px 15px; 
  }
  .product-code-section .section-title-1,
  .product-code-section .info-row {
    padding-right: 15px;
  }
  .incontinence-section.options-comparison-section .tab-content-wrapper .tab-content .tab-grid .tab-text {
    padding: 50px 15px 10px 15px;
  }
  .proven-highlight-section.prescribing-availability-section .proven-highlight-content .proven-highlight-content-inner .btn { 
    font-size: 15px; 
    padding: 16px 12px;
    text-align: center;
  }
  .popup-overlay { 
    padding: 15px;
  }
  .content-area article,
  .content-area > .container,
  .content-area .container {
    padding: 0 15px;
  }
}

.image-card-wrapper {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.image-card {
    width: calc(33.3333% - 30px);
    /* background: #fff; */
    border-radius: 12px;
    padding: 0px;
    /* box-shadow: 0 4px 10px rgba(0,0,0,0.1); */
    text-align: center;
}

.image-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.card-text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}

/* Health Professional Checkbox Css  */
#professional-form.professional-opt-in {
  font-size: 20px;
  line-height: 1.5;
  color: #0b8fff;
  margin: 20px 0;
  display: flex;
  max-width: 712px;
  width: 100%;
  margin: 60px auto;
  justify-content: center;

}

#professional-form .fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

#professional-form .field.choice {
  display: flex;
  align-items: flex-start;
}

#professional-form input[type="checkbox"].checkbox {
  margin: 2px 10px 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

#professional-form label.label {
  cursor: pointer;
  font-weight: 500;
  color: #0b8fff;
  display: inline-block;
  max-width: calc(100% - 26px);
}

/* Add line break before "Please tick" */
#professional-form label.label span {
  white-space: normal;
}

/* Force line break before "Please tick" */
#professional-form label.label span::after {
  content: "";
  display: block;
  margin-top: 2px;
}

#professional-form label.label span {
  /* Replace the text with manual line break using HTML */
  white-space: normal;
}

/* Responsive */
@media (max-width: 768px) {
    .image-card {
        width: 100%;
    }
}