:root {
  	--dark-blue: #112F70;
  	--light-blue: #0C8CC8;
	--normal: 400;
	--medium:500;
	--semi-bold:600;
	--bold:700;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size: 16px;
}
ul li {
	list-style: none;
}
strong {
	font-weight: 700;
}

.main-wrapper, .banner-holder, .content-holder {
	padding: 0 2%;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.header-wrapper {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
}
.header-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
}
.logo-holder img {
	width: 200px;
}
.cta-button {
	background: var(--dark-blue);
	border-radius: 100px;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 20px;
	cursor: pointer;
	text-align: center;
}

.banner-wrapper {
	width: 100%;
	background: var(--dark-blue);
background: linear-gradient(145deg,var(--light-blue) 0%, var(--dark-blue) 100%);
}
.banner-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* .banner-img {
	
} */
.banner-img img {
	width: 100%;
}
.form-holder {
	background: #fff;
	color: var(--dark-blue);
	padding: 20px;
	border-radius: 20px;
	margin: 20px 0;
}
.form-holder h2 {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 10px;
}
.form-holder h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 30px;
}
.formfield {
	width: 100%;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 10px 10px;
	margin-bottom: 10px;
}
.formfield input, .formfield select {
	border: none;
  	background: none;
  	outline: none;
	font-size: 16px;
	width: 100%;
}
.form-disc {
	width: 100%;
	margin-bottom: 10px;
}
.form-disc label {
	padding-left: 10px;
	font-size: 12px;
}
.form-but {
	background: var(--dark-blue);
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 100px;
	position: relative;
}
.form-but img {
	margin-left: 10px;
}
.why-choose-section {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.why-choose-section h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-blue);
	line-height: 100%;
	margin-bottom: 10px;
}

.mySwiper1 .swiper-slide img {
	width: 100%;
	max-width: 100px;
}
.content-wrapper {
	width: 100%;
}
.hearing-aid-section {
	background: var(--light-blue);
	color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.hearing-aid-section h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	line-height: 100%;
}
.hearing-aid-features {
	padding: 30px 0;
}
.hearing-aid-features .swiper-wrapper {
	display: flex;
}
.hearing-aid-features .fearure-box {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	text-align: left;
	color: #000;

	height: auto;
}
.hearing-aid-features .fearure-box .tnctxt {
	margin-top: 10px;
	font-size: 10px;
}
.trusted-feature {
	padding-top: 50px;
	padding-bottom: 50px;
}
.trusted-feature .features-holder {
	display: flex;
    flex-wrap: wrap;
    gap: 10px; /* spacing between cards */
    max-width: 1000px;
    margin: auto;
}
.trusted-feature .features-holder .fearure-box {
	flex: 1 1 calc(33.333% - 10px); /* 3 cards per row */
    padding: 20px;
    text-align: left;
    box-sizing: border-box;
	align-content: center;
}
.trusted-feature .features-holder .box-shadow {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Soft shadow */
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.trusted-feature .features-holder .box-shadow:hover {
	transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); /* Slightly stronger shadow on hover */
}
.trusted-feature .features-holder h2 {
	font-size: 30px;
	color: var(--dark-blue);
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 10px;
}
.customer-review {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	background: #A9E4FF;
    background: -webkit-linear-gradient(55deg, #A9E4FF 0%, #E6F7FF 100%);
	text-align: center;
}
.customer-review h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-blue);
	line-height: 100%;
	margin-bottom: 10px;
}

.review-profile {
	display: flex;
	align-content: center;
	align-items: center;
	text-align: left;
	gap: 10px;
}
.profile-img img {
	height: 74px;
}
.review-name {
	font-weight: 600;
}
.chatarrow {
	margin-left: 25px;
}
.chatarrow img {
	display: block;
	border-radius:0 !important;
}
.review-box {
	text-align: left;
}
.review-box .review-txt {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	height: 310px;
}
.review-box-shadow img {
	width: 100%;
}

.product-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}
.product-wrapper h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-blue);
	text-align: center;
	line-height: 100%;
	margin-bottom: 10px;
}
.product-holder {
	display: flex;
	gap: 20px;
}
.product-box {
	display: flex;
	gap:10px;
	margin: 30px 0;
}
.product-img {
	width: 40%
}
.product-img img {
	width: 100%;
}
.product-box h2 {
	text-align: left;
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
}
.product-txt {
	width: 60%;
}
.product-txt ul {
	padding-left: 15px;
}
.product-txt ul li {
	list-style: disc;
}
.gallery-wrapper {
	background: #F4F4F4;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.gallery-wrapper h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-blue);
	text-align: center;
	line-height: 100%;
	margin-bottom: 10px;
}
.tabs-holder {
	margin: 30px 0;
}
.tab {
	background: none;
	color: var(--dark-blue);
	border: 1px solid var(--dark-blue);
	padding: 5px 40px;
	text-decoration: none;
	font-size: 18px;
	border-radius: 100px;
}
.tab.active {
	background: var(--dark-blue);
	color: #fff;
	text-decoration: none;
	border-radius: 100px;
}
.gallery-grid ul {
		display: flex;
  flex-wrap: wrap;
  gap: 15px; /* Optional spacing between boxes */
	justify-content:space-between;
	}
	
	.gallery-grid ul li {
		flex: 0 0 calc(33.333% - 10px); /* 3 per row with 15px gap */
  box-sizing: border-box;
	}
.gallery-grid ul img {
	width: 100%;
}

/* Light Box CSS */
.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
}

.lightbox-content {
  max-width: 90%;
  max-height: 80%;
}

.lightbox video, .lightbox img {
  width: 100%;
  max-height: 80vh;
  border-radius: 10px;
}

.close {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

/* Light Box CSS End */


.video-thumb {
	display: none;
}
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}


.faqs-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}
.faqs-wrapper h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-blue);
	text-align: center;
	line-height: 100%;
	margin-bottom: 10px;
}
.faq-container {
	width: 100%;
  margin: 40px auto;
  font-family: sans-serif;
}

.faq {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
  margin-bottom: 20px;
}

.faq-question {
  background: #f7f7f7;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.faq-question span {
	font-weight: 600;
}

.arrow-icon {
  width: 16px;
  height: 16px;
  background-image: url('/static/images/website/lp/right-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
  display: inline-block;
}

.faq.active .arrow-icon {
  transform: rotate(90deg);
}

.faq-answer {
  display: none;
  padding: 15px 20px;
  background: #fff;
  color: #333;
}
.faq-answer ul {
	padding-left: 15px;
	padding-top: 5px;
}
.faq-answer ul li {
	margin-bottom: 5px;
	list-style: disc;
}

.cta-holder-desktop {
	visibility: hidden;
	opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.cta-holder-desktop.visible {
	visibility: visible;
	opacity: 1;
}

.cta-holder-mobile {
	visibility: hidden;
	opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.cta-holder-mobile.visible {
	visibility: visible;
	opacity: 1;
}

.cta-holder-mobile {
	position: fixed;
	z-index: 3;
	bottom: 10px;
	left: 50%;
    transform: translateX(-50%);
	width: 90%;	
}



/* Mobile (up to 767px) */
@media (max-width: 767px) {
	
	.header-holder .cta-holder-desktop {
		display: none;
	}
	
	.cta-holder-mobile {
		display: block;
}
	.header-holder {
		justify-content: center;
		padding: 10px 0;
	}
	.logo-holder img {
		width: 150px;
	}
	.banner-holder {
		flex-wrap: wrap;
		padding-top: 20px;
	}
	.banner-img {
		text-align: center;
	}
	.banner-img img {
		width: 80%;
	}
	.form-holder h2 {
		font-size: 30px;
	}
	.form-holder h3 {
		font-size: 20px;
	}
	.product-holder, .product-box {
		flex-direction: column;
	}
	.product-img {
		width: 80%;
		margin: 0 auto;
	}
	.product-txt {
		width: 100%;
	}
	.trusted-feature .features-holder {
		flex-direction: column;
	}
	.customer-review .swiper {
		width: 90%;
	}
	.review-box .review-txt {
		height: auto;
	}
	.gallery-grid ul {
		display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Optional spacing between boxes */
	}
	
	.gallery-grid ul li {
		flex: 0 0 calc(50% - 10px); /* 2 per row, minus half the gap */
  box-sizing: border-box;
	}
}