/*===========================================27-09-2021================================================*/
div#home-banner-text {
	max-width: 100% !important;
	width: 100% !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div#home-banner-text>.container {
	max-width: 100% !important;
	width: 100% !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 !important;
	padding: 0 115px 0 100px !important;
}

div#about-us-text {
	width: 50%;
	position: absolute;
	top: 30%;
	right: 8%;
}

.client-login-btn {
	margin-top: 30px !important;
}

.partner-cont-banner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.form-login-error p {
	color: #dc3545;
}

.addtional-buss-quote {
	display: none;
}

.form-login-info p {
	color: #40b649;
}

.validate-has-error {
	color: red;
}

.form-login-error {
	color: red;
}

.a_disabled {
	pointer-events: none;
	cursor: default;
	color: red;
}

.notifaction-alert.circle.orange {
	background-color: #ff7f00;
	border: 7px solid rgb(255 191 130);
}

.notifaction-alert.circle.green {
	background-color: #40b649;
	border: 7px solid rgb(121 255 131);
}

.profile-port-arrow:hover .back-space {
	color: #033381 !important;
}

.slide-1 {
	position: relative;
	background-image: url("../images/slider-background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 14px;
	width: 100%;
	padding-bottom: 20px;
}

.background-image {
	width: 100%;
	height: auto;
	display: block;
	height: 100vh;
}

/* .main-wrapper.about-us-wrapp {
	height: 100vh !important;
} */
.main-wrapper.contact-page {
	height: 100vh !important;
}

.main-wrapper.contact-page .container {
	padding-top: 120px;
}

section.gap-100 {
	height: 100vh !important;
}

.main-wrapper {
	height: 96vh !important;
}

.client-login-btn {
	text-align: left;
}

.nav-grid-1>img {
	width: 100%;
	height: 100%;
	border-radius: 26px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	object-fit: cover;
}

.nav-talk-button {
	background-color: transparent;
	border: none;
	color: white;
	font-weight: 400;
	font-size: 13px;
}

.talk-container {
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid #cbcbcb;
	height: 40px;
}

.talk-container:hover {
	background-color: white;
}

.talk-container {
	display: inline-flex;
	align-items: center;
	padding: 7px 8px;
	position: relative;
	background-color: transparent;
	transition: background-color 0.5s ease;
}

.talk-container img {
	transition: filter 0.5s ease;
}

.talk-container .nav-talk-button {
	background-color: none;
	border: none;
	color: white;
	cursor: pointer;
	margin-left: 4px;
	padding-right: 0;
	transition: color 0.5s ease;
}

.talk-container:hover {
	background-color: white;
}

.talk-container:hover img {
	filter: invert(27%) sepia(82%) saturate(3176%) hue-rotate(190deg) brightness(92%) contrast(90%);
}

.talk-container:hover .nav-talk-button {
	color: #033381;
}

div#dropdown-item-1 img {
	width: 20px;
}

div#dropdown-item-2 img {
	width: 20px;
}

.dropdown-menu {
	display: none;
	position: absolute;
	left: 0px;
	top: 43px;
	background-color: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 0px;
	z-index: 10;
}

.dropdown-item {
	padding: 8px 16px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	transition: background-color 0.5s ease;
}

.dropdown-item:hover {
	background-color: #f0f0f0;
}

#dropdown-item-1 {
	display: flex;
	/* width: 237.664px; */
	/* height: 58.654px; */
	height: 55px;
	/* padding: 13px 15.232px 13.661px 16px; */
	gap: 14px;
	align-items: center;
}

#dropdown-item-1>p {
	font-size: 10px;
	margin-bottom: 0;
}

#dropdown-item-1>p>span {
	font-size: 14px;
	font-weight: 600;
	color: #033381;
}

#dropdown-item-2 {
	display: flex;
	/* width: 239.767px;
	height: 59.173px; */
	height: 55px;
	gap: 14px;
	align-items: center;
}

#dropdown-item-2>p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}

.profile-cont>span {
	color: white;
	font-size: 18px;
}

.profile-block {
	display: inline-block;
	position: relative;
	background-color: transparent;
	padding: 7px;
	transition: background-color 0.3s ease;
}

.profile-block:hover {
	background-color: white;
}

.profile-cont {
	display: flex;
	align-items: center;
	gap: 10px;
}

.profile-cont img {
	width: 24px;
	height: 24px;
	transition: filter 0.3s ease;
}

.profile-cont span {
	font-size: 13px;
	transition: color 0.3s ease;
}

.profile-block:hover .profile-cont span {
	color: #033381;
}

.profile-block:hover .profile-cont img {
	filter: invert(27%) sepia(82%) saturate(3176%) hue-rotate(190deg) brightness(92%) contrast(90%);
}

button.btn.btn-raised.load-m.waves-effect.waves-light {
	display: flex;
	align-items: center;
}

/* ======================= home three donts start ====================== */
.three-dots-container .profile-sub {
	/* min-width: 198px !important; */
	width: 100% !important;
	border-radius: 4px !important;
	position: absolute;
	left: -40px;
}

.three-dots-container .profile-sub ul li a {
	width: 100% !important;
	padding: 4px 7px !important;
	font-size: 12px;
	font-weight: 700;
}

.employee-login-page-to-home {
	display: none !important;
}

.three-dots-container {
	display: block !important;
}

/* ========================= home three donts end =============================== */

/* ========================= privacy policy start =============================== */

.privacy-policy-wrapper .item.full-width,
.terms-and-conditions-wrapper .item.full-width {
	height: 100%;
	position: relative;
}

.privacy-policy-heading-contents-part,
.terms-and-conditons-heading-contents-part {
	margin: 150px 110px 80px 100px;
	background-color: #ffffff;
	overflow-y: auto;
	border-radius: 8px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.privacy-policy-main-heading,
.terms-and-condtion-main-heading {
	background-color: #eff4fc;
	font-size: 24px;
	color: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
	font-weight: 700;
	margin-bottom: 0;
	font-family: Playfair Display;
}

.privacy-policy-heading-contents-part .inner-text,
.terms-and-conditons-heading-contents-part .inner-text {
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
}

.terms-and-conditons-heading-contents-part .inner-text {
	padding-left: 55px !important;
}

.privacy-policy-heading-contents-part .inner-text h3,
.terms-and-conditons-heading-contents-part .inner-text h3 {
	margin-bottom: 0;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}

.privacy-policy-heading-contents-part .inner-text p,
.terms-and-conditons-heading-contents-part .inner-text p {
	margin-bottom: 0;
	padding-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
	text-align: justify;
}

.terms-and-conditons-heading-contents-part .inner-text ol {
	margin-bottom: 0 !important;
	padding-left: 0;
}

.terms-and-conditons-heading-contents-part .inner-text ol li {
	font-size: 14px;
	font-weight: 400;
	color: #000000 !important;
	padding-bottom: 10px;
	text-align: justify;
}

.terms-and-conditons-heading-contents-part .inner-text ol li:nth-child(4)::marker {
	font-weight: bold;
}

/* ========================= privacy policy end =============================== */

.profile-sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.profile-sub ul li {
	margin: 5px 0;
}

.profile-sub ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	transition: color 0.3s ease;
}

.profile-sub ul li a img {
	width: 20px;
	height: 20px;
	transition: filter 0.3s ease;
}

.profile-block:hover .profile-sub ul li a {
	color: #033381;
}

.profile-block:hover .profile-sub ul li a img {
	filter: invert(27%) sepia(82%) saturate(3176%) hue-rotate(190deg) brightness(92%) contrast(90%);
}

.noti-link {
	border-radius: 4px;
	border: 1px solid #fff;
	padding-right: 0px !important;
	height: 45px;
	margin-left: 15px;
	padding-left: 14px;
	padding-top: 8px;
	padding-bottom: 11px;
}

.nav-url {
	border-radius: 0px !important;
	background-color: #d2dbe9;
	color: #033381;
	padding: 6px 15px;
}

.nav-url.active {
	border-radius: 3px !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: #fff !important;
	background-color: #033381 !important;
}

.sidebar-container {
	background-color: #033381;
}

.back-space:hover {
	text-decoration: none;
}

.sideCont>img {
	background-color: white;
	border-radius: 25px;
	padding: 4px;
	width: 31px;
}

#sidebar-container-main {
	background-color: #1b54a3;
}

.sideCont>p {
	color: #fff;
	font-size: 12px;
}

.sideCont {
	display: flex;
	flex-direction: column;
	gap: 3px;
	align-items: center;
	text-align: center;
}

li.item-1 {
	margin-top: 22px;
	cursor: pointer;
}

.health-card-nav {
	width: 67px;
}

.nav-grid-opt {
	width: 60%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 57px;
	grid-column-gap: 20px !important;
	grid-row-gap: 20px;
	margin-right: 10px;
}

.nav-grid-1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	cursor: pointer;
	height: 279px;
}

.image-hover-effect {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.nav-grid_blank {
	border-radius: 14.748px;
	background: linear-gradient(180deg, #fff 0%, #999 100%);
	box-shadow: 0 2.269px 2.269px 0 rgba(0, 0, 0, 0.25);
}

.image-hover-effect:hover {
	transform: scale(1.2);
	filter: brightness(0.7);
}

#Footer-public {
	width: 90%;
	padding-left: 11.5%;
	line-height: normal;
	padding-top: 10px;
}

nav#public-navbar {
	background-color: white !important;
}

#public-main-header {
	position: unset;
}

.partners-grid {
	display: flex;
}

.alete-plancover {
	width: 350px;
}

.alete-plancover>img {
	width: 215px;
	height: 215px;
}

/* .partner-wrap-cont {
	height: 75vh !important;
} */
.Howden {
	width: 350px;
}

.Howden>img {
	width: 332px;
}

.Howden {
	display: flex;
	align-items: center;
}

/* ====================== twin css ============================== */
#twin-health-modal {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.3s ease;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

#twin-health-modal.show {
	visibility: visible;
	opacity: 1;
}

button#twin-health-submit-btn {
	background-color: #033381;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 4px;
	border: none;
	padding: 8px 60px;
	margin: 10px auto 0;
	display: table;
}

form#twin-health-modal-page img {
	width: 160px;
	margin: 0 auto;
	display: table;
}

p.twin-health-heading {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #033381 !important;
}

.form-modal-twin-content-block {
	background-color: white;
	padding: 5px 15px 15px 15px;
	border-radius: 4px;
	z-index: 10000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 400px;
	width: 100%;
}

div#twin-health-section img {
	width: 340px;
	margin-top: 16px;
}

.modal-twin-health-container input {
	width: 100% !important;
	border-radius: 4px !important;
	outline: 0 !important;
	box-shadow: none !important;
	height: 38px !important;
	margin-bottom: 5px !important;
	padding: 0 20px !important;
	color: #000000 !important;
}

/* ================================================ */

.image-text-9 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-1 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-2 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-3 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-4 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-5 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.renew-policy-cont {
	margin-left: 0;
	padding: 0;
}

.image-text-6 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.no-policy-padd {
	padding: 15px 0px;
}

.image-text-7 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.image-text-8 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

nav#public-navbar {
	padding: 0;
}

.products-main-wrapp {
	height: 100vh !important;
}

section.services-wrapp {
	padding-top: 35px;
}

#main-cont-head .profile-block {
	border: 1px solid transparent;
	margin-left: 10px;
}

/* ==========================================================
dashboard 
========================================================== */

.block.slide-main-cont {
	display: flex;
	width: 100%;
	gap: 30px;
	padding-left: 130px;
}

.dashboard-left-side {
	width: 40%;
}

#public-logo-a {
	margin-left: 0;
}

.image-text-1 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	z-index: 2;
}

.image-text-2 {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	z-index: 2;
}

.hover-links {
	display: none;
	margin-top: 5px;
}

.small-link {
	font-size: 0.8em;
	color: #fff;
	margin-right: 10px;
}

.small-link:hover {
	text-decoration: underline;
	color: white;
}

.nav-grid-1:hover .hover-links {
	display: flex;
	flex-direction: column;
}

.image-hover-effect-1 {
	transition: transform 0.3s ease, filter 0.3s ease;
}

.image-hover-effect-2 {
	transition: transform 0.3s ease, filter 0.3s ease;
}

.hover-link>a:hover {
	color: green;
}

.block.border-radius-0.gap-top-25.personal-quote {
	margin-left: 110px;
}

.block.border-radius-0.gap-top-50.personal-quote {
	margin-left: 110px;
}

.nav-grid-1:hover .image-hover-effect-1 {
	transform: scale(1.1);
	filter: brightness(0.7);
}

.image-hover-effect-1 {
	pointer-events: none;
}

.image-text-1 {
	pointer-events: auto;
}

.nav-grid-1:hover .image-hover-effect-2 {
	transform: scale(1.1);
	filter: brightness(0.7);
}

.image-hover-effect-2 {
	pointer-events: none;
}

.image-text-2 {
	pointer-events: auto;
}

/* Sidebar CSS */
.sidebar {
	position: fixed;
	top: 88px;
	left: 0;
	height: 100vh;
	width: 122px;
	background-color: #1b54a3;
	overflow-y: auto;
	padding: 0;
	overflow-y: auto;
	z-index: 1000;
	padding-bottom: 100px;
}

.sidebar-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sidebar-menu .item-1 {
	width: 80%;
	margin: 15px auto;
}

.sidebar-menu .sideCont {
	display: flex;
	align-items: center;
	padding: 12px 6px;
}

.sidebar-menu .item-1.active {
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.sidebar-menu .sideCont img {
	width: 30px;
	height: 30px;
}

.sidebar-menu .sideCont p {
	margin: 0;
	font-size: 11px;
	color: white;
}

.sidebar::-webkit-scrollbar {
	width: 7px;
}

.sidebar::-webkit-scrollbar-track {
	background-color: #e0e0e0;
	border-radius: 10px;
}

.sidebar::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 10px;
	border: 2px solid #e0e0e0;
}

.sidebar::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

#logo-new-mobile {
	display: none;
}

div#Footer-Client {
	padding-right: 0;
	margin: 0;
	margin-left: 11%;
	width: 86%;
	display: none !important;
}

#profilePortfolio {
	margin-top: 0;
}

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar-expand-lg .navbar-nav {
	align-items: center;
}

a.nav-link.contact-us-button {
	background-color: #0075e8;
	padding: 8px 10px !important;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	color: #ffffff !important;
}

div#navbarTogglerDemo03 .navbar-nav .nav-item {
	margin-left: 20px !important;
}

.welcome-name {
	font-size: 20px;
	margin-bottom: 2px;
	padding-top: 20px;
	padding-bottom: 5px;
}

.products-main-wrapp .request-quote-cont {
	gap: 14px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-right: 20px;
}

.hamburger-menu {
	display: none;
	font-size: 24px;
	cursor: pointer;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1000;
}

.products-main-wrapp .products-quote-cont {
	margin-top: 120px !important;
	padding-left: 45px !important;
	padding-right: 25px !important;
	display: flex !important;
	gap: 30px !important;
	flex-direction: column !important;
}

.products-main-wrapp .personal-quote {
	border-radius: 22px !important;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: #fff;
	padding-bottom: 20px;
}

.products-heading {
	font-size: 19px;
	font-weight: 400 !important;
}

.sidebar {
	transition: transform 0.3s ease-in-out;
}

.sidebar.visible {
	transform: translateX(0);
}

ul#pills-tab {
	margin-bottom: 30px;
	margin-left: 60px;
}

.family-memeber-part .border-radius-4 {
	margin-top: 75px !important;
	margin-left: 130px !important;
	margin-right: 28px !important;
}

/* ======================portfolio section============================= */
.my-portfolio-page>.border-radius-4 {
	margin-left: 130px;
	margin-top: 75px !important;
	margin-right: 24px !important;
}

.my-company-page>.border-radius-4 {
	margin-left: 130px;
	margin-top: 75px !important;
	margin-right: 24px !important;
}

.policy-main-cont {
	width: 99% !important;
}

.portfolio-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.poli-opt {
	display: flex;
	align-items: center;
}

div#welcome-policy {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filter-option {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6 !important;
	color: #1e1e1e85;
	border-radius: 24px;
	padding: 6px 15px;
	margin-right: 8px;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

#policy-table-body>tr>td:hover {
	color: green;
}

.details-padd>th {
	padding-left: 16px !important;
	padding-top: 16px !important;
	padding-right: 16px !important;
}

.dropdown-container .expand-arrow {
	margin-left: 8px;
}

.portfolio-policy-table #policy-table-body .clickable-person-row-data td,
.portfolio-policy-table #policy-table-body .clickable-row td {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	vertical-align: text-bottom;
}

table.no-hover tbody tr td {
	padding-left: 16px !important;
	padding-top: 4px !important;
}

.table-wrapper {
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
		rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 1px solid #d1d5dc;
	border-left: 1px solid #d1d5dc;
	border-right: 1px solid #d1d5dc;
	padding-bottom: 16px !important;
}

.filter-option.all {
	background-color: #3fc00f !important;
	color: white;
}

td.next-prem {
	display: flex;
}

#policy-table-body>tr>td {
	padding-left: 10px;
}

.fixed-length-policy-no {
	display: inline-block;
	color: #000000 !important;
	text-decoration: none !important;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.policy-icon-flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 65px;
}

.policy-download-icon {
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.dash-cont-main {
	margin-top: 45px;
}

div#page-content-wrapper table th {
	font-weight: bold;
	padding-left: 10px;
	font-size: 14px;
	padding-bottom: 15px;
	width: 100%;
	vertical-align: top;
	font-weight: 600;
}

table.portfolio-policy-table tbody#policy-table-body tr.clickable-row {
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}

.no-policies-message {
	padding: 40px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #555;
}

.my-family-part {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6 !important;
	color: #1e1e1e85;
	border-radius: 24px;
	padding: 6px 15px 6px 15px;
	margin-right: 8px;
	cursor: pointer;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

.my-company-part {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6;
	color: #1e1e1e85;
	border-radius: 24px;
	padding: 6px 15px;
	margin-right: 8px;
	cursor: pointer;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

.my-family-part:hover,
.my-company-part:hover {
	background-color: #ffffff !important;
	color: #033381 !important;
	border: 1px solid #033381 !important;
}

.portfolio-options .poli-opt a.filter-option:hover {
	background-color: #ffffff !important;
	color: #033381 !important;
	border: 1px solid #033381 !important;
}

.add-pol>a:hover {
	background: #ffffff !important;
	color: #033381 !important;
	border: 1px solid #033381;
}

.my-portfolio-page .portfolio-policy-table .clickable-person-row-data td {
	font-size: 12px;
	font-weight: 600;
	vertical-align: top;
}

.expired-policy-section tr.clickable-person-row-data td {
	font-size: 12px;
	font-weight: 600;
	vertical-align: top;
}

tr.clickable-person-row-data td {
	vertical-align: top;
}

.my-family-part.active-btn {
	border-color: transparent;
	background-color: #033381 !important;
	color: #ffffff !important;
}

/* =========================dropdown===================================== */
.dropdown-container {
	position: relative;
	display: inline-block;
}

.family-policy-dropdown-content {
	display: block;
	position: absolute;
	top: 42px;
	left: 0px !important;
	background-color: white;
	min-width: 195px;
	max-width: 90vw;
	width: max-content;
	white-space: nowrap;
	overflow-wrap: break-word;
	white-space: normal;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 4px !important;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	z-index: 1000;
}

.family-policy-dropdown-content div {
	padding: 5px;
	border-bottom: 1px solid #eee;
}

.family-policy-dropdown-content div:last-child {
	border-bottom: none;
}

.family-policy-dropdown-content div:hover {
	background-color: #f5f5f5;
}

.family-member-img>a {
	display: flex;
	align-items: center;
	gap: 10px;
}

.family-member-img>a>div>img {
	width: 20px;
}

.arrow-icon {
	color: red;
	transition: color 0.3s;
}

.arrow-icon:hover {
	color: yellow;
}

/* ===================================end=================================== */

/* ============================ Documents start ========================================= */
.documents-main-cont {
	padding-right: 24px;
	padding-top: 65px;
	padding-left: 150px;
}

.documents-main-cont>.nav {
	margin-bottom: 40px;
}

.documents-main-cont .nav-item .nav-link {
	background-color: #f3f4f6 !important;
	border: 1px solid #f3f4f6 !important;
	color: #1e1e1e85;
	padding: 6px 15px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 24px;
	margin-right: 8px;
}

.documents-main-cont .nav-item .nav-link.active {
	border-bottom: 0px !important;
	border: 1px solid #033381 !important;
	background-color: #033381 !important;
	color: #ffffff !important;
}

.documents-main-cont p.documents {
	font-size: 22.5px !important;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.documents-main-cont table {
	width: 100%;
	border-collapse: collapse;
}

.documents-main-cont .documents-table-header th {
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 10px !important;
	padding-bottom: 10px !important;
	color: #000000 !important;
	text-align: left;
	position: relative;
	background-color: #dde6e8;
}

.documents-main-cont .documents-table-header th:not(:first-child) {
	text-align: center;
}

.documents-main-cont .documents-table-header th:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 70%;
	width: 1px;
	background-color: #000000;
}

.documents-main-cont .documents-dropdown-header {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.documents-main-cont .documents-dropdown-header .documents-dropdown-title {
	margin-bottom: 0;
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.documents-dropdown-container {
	margin-top: 20px;
}

.documents-dropdown-container .documents-dropdown-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.documents-dropdown-container .documents-dropdown-content>table {
	border: 1px solid #5250564d;
	margin-top: 10px;
	border-radius: 4px !important;
	border-collapse: separate;
}

.documents-dropdown-container.active .documents-dropdown-content {
	max-height: 1000px;
}

.documents-dropdown-container.active .dropdown-toggle-icon {
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.documents-dropdown-container .documents-dropdown-content table tbody tr td {
	padding: 10px 10px 10px 20px !important;
	font-size: 14px;
	font-weight: 400;
}

.documents-dropdown-container .documents-dropdown-content table tbody tr td:not(:first-child) {
	text-align: center;
}

.documents-dropdown-container a.download-documents {
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	background-color: #033381 !important;
	padding: 6px 15px !important;
	border-radius: 4px !important;
	display: inline-block !important;
	border: 1px solid #033381 !important;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.documents-dropdown-container a.download-documents:hover {
	border: 1px solid #033381 !important;
	background-color: #ffffff !important;
	color: #033381 !important;
}

/* ============================ Documents end============================================ */

/* ============================ Health Card section start ============================================ */
.health-card-main-container {
	padding-right: 20px;
	padding-top: 65px;
	padding-left: 150px;
	background-color: #f9fafb;
}

.health-card-details-main-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 20px;
}

.health-card-main-container .health-card-left-wrapper .health-card-left .health-card-main-heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff;
	margin-bottom: 0px;
}

.health-card-main-container .health-card-left-right-container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.health-card-main-container .health-card-left-wrapper {
	width: 50%;
	display: flex;
	gap: 20px;
	border-radius: 8px;
	position: relative;
}

.health-card-left-right-container .health-card-left-wrapper .health-card {
	width: 95%;
	height: 296px;
	margin: 0 auto;
	border-radius: 30px;
	position: absolute;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	overflow: hidden;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	cursor: pointer;
}

.health-card-left-right-container .hdfc-ergo-card-wrapper .health-card {
	width: 100% !important;
}

.health-card-left-right-container .card-content {
	display: flex;
	flex-direction: column;
	gap: 0px;
	position: absolute;
	top: 95px;
	left: 15px;
}

.health-card-left-right-container .health-card .card-content .health-card-label-value {
	display: flex;
	align-items: center;
	gap: 6px;
}

.health-card-details-main-container .hospital-near-global-health-card-left-section .text-emergency-img>img,
.health-card-details-main-container .hospital-near-global-health-card-left-section .text-plus-img>img {
	background-color: #ffffff69;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.niva-member-niva-name-wrapper {
	display: flex;
	gap: 20px;
}

.niva_bhupa-health-card-wrapper .health-card {
	position: static !important;
}

.niva-member-age-part,
.niva-name-valid-part {
	display: flex;
	gap: 17px;
}

.health-card-left-right-container .health-card .card-content .niva-member-age-part .health-card-label-value {
	flex-direction: column;
	align-items: start;
}

.niva-name-valid-part .health-card-label-value,
.niva-name-valid-part .health-card-label-value {
	flex-direction: column;
	align-items: start !important;
}

/*  ============================ hdfc-ergo-card start ============================ */
.hdfc-ergo-policy-number {
	display: flex;
}

.validity-and-renewal-date {
	display: flex;
	gap: 20px;
}

.validity-and-renewal-date .validity-label-value {
	display: flex;
}

.renewal-date-label-value {
	display: flex;
}

.hdfc-ergo-header-content {
	position: absolute;
	left: 180px;
	top: 20px;
}

.hdfc-ergo-header-content .health-label {
	font-size: 12px;
	font-weight: 900;
	color: #000000;
	margin-bottom: 0;
}

.hdfc-ergo-header-content .health-value {
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	padding-left: 4px;
	margin-bottom: 0;
}

.hdfc-ergo-body-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 45px;
	flex-wrap: wrap;
	padding: 0 10px 0 18px;
	position: absolute;
	top: 64px;
}

.hdfc-ergo-body-content .left-section {
	flex: 1;
	min-width: 180px;
}

.hdfc-ergo-body-content .right-section {
	display: flex;
	flex: 2;
	justify-content: space-between;
	gap: 10px;
}

.hdfc-ergo-body-content .health-card-label-value {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.hdfc-ergo-body-content .health-label {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}

.hdfc-ergo-body-content .health-value {
	color: #000000;
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 0;
}

.health-card-left-right-container .hdfc-ergo-card-wrapper .health-card {
	border-radius: 0px;
}

/*  ============================ hdfc-ergo-card end ============================ */

.health-card-label-value .validity-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 120px;
}

.health-card-left-right-container .health-card .card-content .health-card-label-value .validity {
	display: flex;
	align-items: center;
	gap: 6px;
}

.health-card-left-right-container .health-card .card-content .health-card-label-value .health-label {
	font-size: 16px;
	font-weight: 600;
	color: #525252;
	margin-bottom: 0;
}

.health-card-left-right-container .health-card .card-content .health-card-label-value .health-value {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0;
}

.health-card-left-right-container .health-card-left-wrapper .health-card .card-content .health-card-policy-number {
	margin-top: 40px;
}

.manipal-cigna-health-card-wrapper .health-card-policy-number {
	margin-top: 0px !important;
	margin-bottom: 40px;
}

.health-card-left-right-container .download-share {
	position: absolute;
	bottom: 0px;
	left: 20px;
}

.health-card-left-right-container .health-card-left-wrapper .download-share .download-card {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #000000cc;
	cursor: pointer;
	border: 1px solid #00000047;
	border-radius: 6px;
	padding: 6px 12px;
	margin-right: 8px;
	text-decoration: none;
}

.health-card-left-right-container .health-card-left-wrapper .download-share .share-card {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #000000cc;
	cursor: pointer;
	border: 1px solid #00000047;
	border-radius: 6px;
	padding: 6px 12px;
	text-decoration: none;
}

/* Health Card Layout Container */
.health-card-main-container .health-card-left-right-container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.health-card-main-container .health-card-left-wrapper {
	width: 50%;
	display: flex;
	gap: 20px;
	border-radius: 8px;
	position: relative;
}

.health-card-main-container .health-card-right-wrapper {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	border-radius: 8px;
	height: 100%;
}

.health-card-main-container .health-card-left-wrapper>.health-card-left {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	height: 470px;
}

.health-card-right-first-card {
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	height: 470px;
}

.health-card-right-first-card-header {
	width: 100%;
	background: linear-gradient(90deg,
			rgba(3, 53, 132, 1) 51%,
			rgba(0, 114, 228, 1) 100%);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 16px 8px;
}

.health-card-left-first-card-header {
	width: 100%;
	background: linear-gradient(90deg,
			rgba(3, 53, 132, 1) 51%,
			rgba(0, 114, 228, 1) 100%);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 28px 0;
	text-align: center;
}

.health-card-main-container .health-card-view-tab-container {
	margin-bottom: 25px;
}

.health-card-main-container .health-card-right-wrapper .coverage-status-heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin-bottom: 0px;
	text-align: center;
	padding-bottom: 4px;
}

.health-card-right-first-card-header>p.sub-heading {
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
}

.hospital-near-global-health-card-section {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
	width: 100%;
	min-height: 210px;
	flex-wrap: nowrap;
}

.hospital-near-global-health-card-left-section {
	display: flex;
	width: 50%;
	gap: 20px;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}

.hospital-near-global-health-card-left-section .nine-one-one-box {
	width: 50%;
	min-height: 210px;
}

.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 210px;
	background: linear-gradient(90deg,
			rgba(254, 109, 111, 1) 68%,
			rgba(232, 1, 23, 1) 100%);
	border-radius: 10px;
	text-decoration: none;
	padding: 20px;
	position: relative;
	z-index: 3;
}

.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img img {
	background-color: #ffffff69;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
}

.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img span {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.hospital-near-global-health-card-left-section .hospital-near-me-box {
	width: 50%;
	min-height: 210px;
}

.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 210px;
	background: linear-gradient(90deg,
			rgba(23, 220, 126, 1) 62%,
			rgba(2, 159, 104, 1) 100%);
	border-radius: 10px;
	text-decoration: none;
	padding: 20px;
	position: relative;
	z-index: 3;
}

.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img img {
	background-color: #ffffff69;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
}

.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img span {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.hospital-near-global-health-card-right-section {
	position: relative;
	width: 50%;
	padding: 20px;
	min-height: 210px;
	background: linear-gradient(180deg,
			rgba(255, 255, 255, 1) 8%,
			rgba(174, 212, 255, 1) 77%);
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	z-index: 1;
	flex-shrink: 0;
}

.hospital-near-global-health-card-right-section .global-coverage-part {
	background: linear-gradient(90deg,
			rgba(99, 95, 255, 1) 47%,
			rgba(171, 71, 255, 1) 99%);
	width: fit-content;
	position: absolute;
	left: 0;
	top: 0;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	padding: 4px 6px;
}

.hospital-near-global-health-card-right-section .global_coverage_img {
	margin-right: 8px;
}

.health-card-right-quick-actions-part .hospital-near-global-health-card-right-section>h3 {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin-bottom: 10px;
}

.health-card-right-quick-actions-part .hospital-near-global-health-card-right-section>p {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 16px !important;
}

.health-card-main-container .hospital-near-global-health-card-right-section .only-for-global-health-heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #525056 !important;
	text-align: center;
	margin-bottom: 20px;
}

.health-card-main-container .download-card img.health-card-download-icon {
	margin-right: 10px;
}

.health-card-main-container a.share-card img.health-card-share-icon {
	margin-right: 10px;
}

.care-health-card-wrapper {
	perspective: 1000px;
}

/* Universal Health Card Flipping Styles */
.health-card-main-container .care-health-card-wrapper {
	perspective: 1000px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
	margin-top: -10px;
}

.health-card-main-container .health-card-flip-container {
	position: relative;
	width: 500px;
	height: 315px;
	margin: 0;
	transform-style: preserve-3d;
	transition: transform 0.6s ease-in-out;
	cursor: pointer;
	flex-shrink: 0;
}

.health-card-main-container .health-card-flip-container:hover {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.health-card-main-container .health-card {
	width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.health-card-main-container .health-card-front {
	z-index: 2;
}

.health-card-main-container .health-card-back {
	transform: rotateY(180deg);
	z-index: 1;
}

.health-card-main-container .care-health-card-wrapper.flipped .health-card:nth-child(3) {
	transform: rotateY(180deg);
}

.health-card-main-container .care-health-card-wrapper.flipped .health-card:nth-child(2) {
	transform: rotateY(180deg);
}

.health-card-main-container .care-health-card-wrapper.flipped .health-card-flip-container {
	transform: rotateY(180deg);
}

.health-card-main-container .flip-instruction {
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
	font-weight: 500;
}

/* Responsive Design for Health Card Flipping */
@media (max-width: 768px) {
	.health-card-main-container .health-card-flip-container {
		width: 90%;
		max-width: 400px;
		height: 252px;
	}

	.health-card-main-container .care-health-card-wrapper {
		padding: 0 20px;
	}
}

@media (max-width: 480px) {
	.health-card-main-container .health-card-flip-container {
		width: 95%;
		max-width: 320px;
		height: 202px;
	}

	.health-card-main-container .care-health-card-wrapper {
		padding: 0 10px;
	}

	.health-card-main-container .flip-instruction {
		font-size: 12px;
	}
}

/* Print Styles - Disable flipping for print */
@media print {
	.health-card-main-container .health-card-flip-container {
		transform: none !important;
	}

	.health-card-main-container .health-card-back {
		display: none;
	}

	.health-card-main-container .flip-instruction {
		display: none;
	}
}

/* .health-card-right-first-card-content {
	padding: 20px;
	max-height: 330px;
	overflow-y: auto;
	transition: overflow 0.3s ease;
} */
.health-card-right-first-card-content table {
	border-spacing: 0 20px;
	border-collapse: separate;
	padding: 0 20px;
}

.health-card-right-first-card-content table tr th {
	width: 33.33% !important;
	padding: 10px 20px !important;
	font-size: 14px !important;
	color: #000000 !important;
}

.health-card-right-first-card-content table tr td {
	padding: 10px 20px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

.health-card-right-first-card-content table tr td:first-child {
	text-align: left;
}

.health-card-right-first-card-content table tr td:last-child {
	text-align: right;
}

.health-card-right-first-card-content table tr:first-child {
	background-color: #e8eff8;
	text-align: center;
}

.health-card-right-first-card-content table tr th:first-child {
	border-top-left-radius: 10px;
	text-align: left;
}

.health-card-right-first-card-content table tr th:last-child {
	border-top-right-radius: 10px;
	text-align: right;
}

.health-card-right-first-card-content table tr td a.health-quick-action-number {
	text-decoration: none;
	color: #000000;
}

.health-card-right-first-card-content table tr td a.health-quick-action-gmail {
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #0164cd;
	padding: 6px 12px;
	border-radius: 6px;
}

.health-card-right-first-card-content table tr td {
	margin-right: 8px;
}

/* ================================ health card tabs ==================================== */
.health-card-view-tab-container ul#pills-tab {
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0 !important;
}

.health-card-main-container .nav-pills .nav-link {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6;
	color: #1e1e1e85;
	border-radius: 24px !important;
	padding: 6px 15px;
	margin-right: 8px;
	cursor: pointer;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

.health-card-main-container .nav-pills .nav-link:hover {
	background-color: #ffffff;
	color: #033381;
	border: 1px solid #033381;
}

.health-card-main-container .nav-pills .nav-link.active {
	background-color: #033381 !important;
	color: white;
	border: 1px solid #033381 !important;
}

.health-card-main-container .nav-pills .nav-link:hover.active {
	background-color: #ffffff !important;
	border: 1px solid #033381;
	color: #033381;
}

/* ================================ health card 4 card ==================================== */
.health-card-main-container .health-card-right-section-all-part {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.health-card-main-container .only-for-global-health-card {
	flex: 1;
	height: 130px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: transform 0.2s ease;
	cursor: pointer;
}

.health-card-main-container .only-for-global-health-card:hover {
	transform: translateY(-3px);
}

.health-card-main-container .only-for-global-health-card .text-content>p {
	font-size: 10px;
	font-weight: 600;
	color: #000000;
	text-align: center;
	margin-bottom: 0;
}

.health-card-main-container .only-for-global-health-card .text-content>a {
	width: 100%;
	display: inline-block;
	font-size: 8px;
	font-weight: 400;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

.only-for-global-health-card .text-content .gray-phone-icon {
	margin-right: 4px;
}

/* ================== Health Card Responsive Design ======================== */
@media screen and (max-width: 768px) {
	.health-card-main-container .health-card-left-right-container {
		flex-direction: column;
		gap: 20px;
	}

	.health-card-main-container .health-card-left-wrapper,
	.health-card-main-container .health-card-right-wrapper {
		width: 100%;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left,
	.health-card-right-first-card {
		height: auto;
		min-height: 300px;
	}
}

@media screen and (max-width: 768px) {
	.hospital-near-global-health-card-section {
		flex-direction: column;
		gap: 15px;
	}

	.hospital-near-global-health-card-left-section,
	.hospital-near-global-health-card-right-section {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section {
		gap: 15px;
	}
}

@media screen and (max-width: 480px) {
	.health-card-main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.health-card-main-container .health-card-left-right-container {
		gap: 15px;
	}

	.health-card-right-first-card-content table {
		padding: 0 10px;
	}

	.health-card-right-first-card-content table tr td {
		padding: 8px 10px;
		font-size: 12px;
	}

	.hospital-near-global-health-card-left-section {
		flex-direction: column;
		gap: 10px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box,
	.hospital-near-global-health-card-left-section .hospital-near-me-box {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section .text-emergency-img,
	.hospital-near-global-health-card-left-section .text-plus-img {
		height: 150px;
		padding: 15px;
	}
}

/* ================== Health Card section end  ======================== */

/* ================== Find Hospital Near To Me Start   ================== */
.find-hospital-near-to-me-container {
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.find-hospital-near-to-me-container .find-hospital-near-to-me-wrapper .heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #000000;
	margin-bottom: 30px !important;
}

.find-hospital-near-to-me-container .search-container {
	width: 100%;
	max-width: 80%;
	position: relative;
}

.find-hospital-near-to-me-container .search-container input {
	width: 100%;
	height: 44px;
	padding: 10px 15px 10px 40px;
	border: 1px solid #00000033;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 6px;
	margin-bottom: 0;
}

.find-hospital-near-to-me-container .search-container .search-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #888;
}

.find-hospital-near-to-me-container .search-bar-dropdown-filter-part {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
}

.find-hospital-near-to-me-container .dropdown-filter {
	width: 20%;
	height: 44px;
	position: relative;
	display: flex;
	align-items: center;
	background-color: #f3f3f5;
	border: 1px solid #00000033;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 6px;
	padding: 8px 16px;
}

.find-hospital-near-to-me-container .dropdown-filter .tower-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.find-hospital-near-to-me-container .dropdown-filter select {
	flex: 1;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	outline: none;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #00000059;
	background-color: transparent;
	appearance: none;
	cursor: pointer;
}

.find-hospital-near-to-me-container .dropdown-filter .dropdown-arrow {
	position: absolute;
	right: 15px;
	width: 12px;
	height: 12px;
	pointer-events: none;
}

.find-hospital-near-to-me-container .hospitals-details-container {
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin-top: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.find-hospital-near-to-me-container .hospitals-details-container .hospitals-detials-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hospitals-details-container .left-part .hospital-name-heading {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 10px !important;
	color: #033381 !important;
}

.hospitals-details-container .hospitals-detials-wrapper .location-distance-rating-part {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.hospitals-details-container .left-part .hospital-location-details {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	color: #00000059 !important;
	padding-right: 10px;
}

.hospitals-details-container .left-part .hospital-distance {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	color: #00000059 !important;
	position: relative;
	padding: 0 14px;
	margin: 0 10px;
}

.hospitals-details-container .left-part .hospital-distance::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #00000059 !important;
}

.hospitals-details-container .left-part .hospital-distance::after {
	content: "";
	position: absolute;
	right: 0;
	top: 7px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #00000059 !important;
}

.hospitals-details-container .left-part .hospital-rating-heading {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	color: #00000059 !important;
}

.hospitals-details-container .hospitals-detials-wrapper .location-distance-rating-part .rating-part {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hospitals-details-container .location-img-location-detials-part {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hospitals-details-container .hospital-distance-rating-part {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hospitals-details-container .hospitals-detials-wrapper .hospital-contact-details-part {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hospital-contact-details-part .hospital-contact-details {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	color: #00000059 !important;
	text-decoration: none;
}

.hospital-contact-details-part .hospital-contact-details>img {
	margin-right: 10px;
}

.hospital-contact-details-part .hospital-contact-details a {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	color: #00000059 !important;
	text-decoration: none;
}

.hospitals-details-container .hospitals-detials-wrapper .right-part .view-map-btn {
	display: flex;
	align-items: center;
	border: 1px solid #033381;
	border-radius: 4px;
	padding: 10px;
	gap: 8px;
	cursor: pointer;
}

.hospitals-details-container .hospitals-detials-wrapper .right-part .call-btn {
	display: flex;
	align-items: center;
	gap: 8px;
}

.health-card-main-container .hospitals-details-container .right-part {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hospitals-details-container .right-part .view-map-btn .view-map-heading {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	color: #033381;
}

.hospitals-details-container .right-part .call-btn {
	color: #ffffff;
	background-color: #1faf38;
	border: 1px solid #1faf38;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}

.hospitals-details-container .right-part .call-btn:hover {
	background-color: #ffffff;
	border: 1px solid #1faf38;
}

.hospitals-details-container .right-part .call-btn:hover a {
	color: #1faf38;
}

.health-card-main-container .call-btn .contact-detail {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #ffffff;
	text-decoration: none;
}

.health-card-main-container .call-btn .contact-detail>img {
	margin-right: 8px;
	margin-top: -3px;
}

.health-card-main-container .call-btn .contact-detail a {
	font-size: 16px !important;
	font-weight: 600 !important;
	text-decoration: none;
	color: #ffffff;
}

.hospitals-details-container .right-part .call-btn:hover .contact-detail>img {
	fill: green !important;
	filter: brightness(0) saturate(100%) invert(37%) sepia(88%) saturate(420%) hue-rotate(80deg) brightness(97%) contrast(90%);
}

/* ================ Find Hospital Near To Me End  ===================== */

/* ================ No Health Card Found start  ======================= */
.no-health-card-found-container {
	width: 100%;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.no-health-card-found-image-wrapper {
	position: relative;
	background-color: #ffffff;
	border-radius: 8px;
	padding: 10px 0;
	text-align: center;
}

.no-health-card-found-image-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px dashed #000;
	border-radius: 8px;
	pointer-events: none;
	/* border-image: repeating-linear-gradient(
		to right,
		#000000 0 10px,
		transparent 10px 14px 
	) 1 round; */
}

.no-health-card-found-text-wrapper {
	text-align: center;
}

.no-health-card-found-text-wrapper h3.heading {
	font-size: 22px;
	font-weight: 700;
	color: #525056;
	margin-top: 18px;
	margin-bottom: 0;
}

.no-health-card-found-text-wrapper p.sub-heading {
	font-size: 14px;
	font-weight: 400;
	color: #525056;
	margin-top: 20px;
	margin-bottom: 0;
}

/* ================== Health Card Responsive Design ======================== */
@media screen and (max-width: 768px) {
	.health-card-main-container .health-card-left-right-container {
		flex-direction: column;
		gap: 20px;
	}

	.health-card-main-container .health-card-left-wrapper,
	.health-card-main-container .health-card-right-wrapper {
		width: 100%;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left,
	.health-card-right-first-card {
		height: auto;
		min-height: 300px;
	}

	.hospital-near-global-health-card-section {
		flex-direction: column;
		gap: 15px;
	}

	.hospital-near-global-health-card-left-section,
	.hospital-near-global-health-card-right-section {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section {
		gap: 15px;
	}
}

@media screen and (max-width: 480px) {
	.health-card-main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.health-card-main-container .health-card-left-right-container {
		gap: 15px;
	}

	.health-card-right-first-card-content table {
		padding: 0 10px;
	}

	.health-card-right-first-card-content table tr td {
		padding: 8px 10px;
		font-size: 12px;
	}

	.hospital-near-global-health-card-left-section {
		flex-direction: column;
		gap: 10px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box,
	.hospital-near-global-health-card-left-section .hospital-near-me-box {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section .text-emergency-img,
	.hospital-near-global-health-card-left-section .text-plus-img {
		height: 150px;
		padding: 15px;
	}
}

/* =================== No Health Card Found end ========================== */

/* =================== No Health Card policy start ========================== */
.no-health-card-policy-container .no-health-card-policy-part {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.no-health-card-policy-container .health-card-right-first-card {
	position: relative;
}

.no-health-card-policy-container .unlock-title-sub-title-part>h3 {
	margin-bottom: 0;
	font-size: 16px !important;
	color: #525056 !important;
}

.no-health-card-policy-container .unlock-title-sub-title-part>p {
	margin-bottom: 0;
	font-size: 14px !important;
	color: #000000;
}

.no-health-card-policy-container .health-card-left-right-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.no-health-card-policy-container .health-card-main-container .health-card-left-wrapper {
	width: 50%;
}

.no-health-card-policy-container .health-card-main-container .health-card-left-wrapper>.health-card-left {
	width: 100%;
}

.no-health-card-policy-container .no-health-policy-card-wrapper {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	position: relative;
}

.no-health-card-policy-container .no-health-policy-card-wrapper img {
	background-color: #ffffff69;
	padding: 3px 3px 4px 6px;
	border-radius: 10px;
}

.no-health-card-policy-container .no-health-policy-card-wrapper .lock-icon-and-heading-part {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
}

.no-health-card-policy-container .lock-icon-and-heading-part .unavailable {
	color: #ffffff;
	font-size: 16px !important;
	font-weight: 700 !important;
	margin-bottom: 0;
}

.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part {
	width: 100%;
	background-color: rgba(254, 230, 133, 0.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 1;
	position: absolute;
	bottom: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 20px;
}

.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .unlock-instant-health-card_star-heading-part {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
}

.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .unlock-instant-health-card_star-heading-part .unlock-heading {
	margin-bottom: 0;
	color: #E68522;
	font-size: 16px !important;
	font-weight: 700;
}

.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .sub-heading {
	margin-bottom: 0;
	color: #E68522;
	font-size: 14px;
	font-weight: 400;
}

.no-health-card-policy-container .hospital-near-global-health-card-section {
	margin-top: 0px;
}

/* =================== No Health Card policy end ========================== */
.add-pol {
	display: flex;
	align-items: center;
}

.add-pol>a {
	font-size: 16px;
	font-weight: 500;
	background-color: #033381;
	color: #ffffff;
	border-radius: 4px;
	text-decoration: none !important;
	border: 1px solid #033381 !important;
	padding: 6px 15px;
	text-align: center;
	border: 1px solid;
	transition: all 0.3s ease-in-out;
}

.add-pol>a:hover {
	background-color: #033381;
	color: #ffffff;
}

.filter-icon-mobile {
	display: none;
	cursor: pointer;
	font-size: 20px;
	color: #033381;
}

.mobile-filter-menu {
	display: none;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid #033381;
	border-radius: 4px;
	padding: 10px;
	position: absolute;
	top: 125px;
	right: 20px;
	z-index: 1000;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.mobile-filter-menu a {
	text-decoration: none;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 12px;
	text-align: center;
}

.portfolio-policy-table {
	/* border-spacing: 0 10px; */
	border-collapse: unset;
	table-layout: fixed;
	border-radius: 5px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	padding: 15px 15px 0px 15px;
	position: relative;
}

.clickable-person-row-data:after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.24);
	width: 95%;
	height: 0.5px;
	left: 25px;
}

/* ====================================================
expired policy section 
==================================================== */
.third-party-soucrc-policy-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 12px;
	margin-top: 25px;
}

.third-party-soucrc-policy-wrapper>h4 {
	width: 60% !important;
}

.portfolio-policy-table tbody tr.clickable-person-row-data td {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	padding-left: 10px !important;
	font-size: 12px;
	font-weight: 600;
}

.third-party-soucrc-message {
	padding: 0px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #555;
}

.third-party-soucrc-message td {
	text-align: center;
	font-size: 20px;
	padding: 10px 0 20px 0;
}

.third-party-soucrc-part {
	font: normal normal bold 16px / 22px Open Sans;
	color: #000000;
}

.third-party-soucrc-policy-title {
	font-size: 16px !important;
	color: #033381 !important;
}

.filter-option.active {
	background-color: #033381 !important;
	color: #ffffff;
	border: 1px solid #033381 !important;
}

.filter-option:hover.active {
	background-color: #ffffff !important;
	color: #033381 !important;
	border: 1px solid #033381 !important;
}

.title-ellipse {
	display: inline-block;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
}

.black-text {
	color: black !important;
}

a.blue-text.title-ellipse {
	position: relative;
	top: 6px;
}

/* ================================= Renewals part start ================================= */
.upcoming-renewals-table-data .table-renewals tbody td {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	vertical-align: text-bottom;
}

.upcoming-renewals-table-data .table-renewals tbody td:last-child {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.renewal-policy-container {
	padding-top: 65px !important;
}

.upcoming-renewals-table-data {
	position: relative;
}

.upcoming-renewals-table-data .table-renewals,
.add-policy-wrapp-renewals-wrapper .table-renewals {
	border-collapse: unset;
	table-layout: fixed;
	border-radius: 5px;
	border: 2px solid rgba(0, 0, 0, 0.24);
	padding: 15px 15px 10px 15px;
}

.upcoming-renewals-data-part .upcoming-renewals-table-data {
	padding-left: 0px !important;
}

.renew-btn-logo-container .renew-btn {
	display: inline-block;
	background-color: #033381;
	border: 1px solid #033381;
	padding: 6px 15px 6px 15px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none !important;
	position: absolute;
	top: 50% !important;
	transform: translateY(-50%);
	cursor: pointer !important;
	transition: all 0.3s ease-in-out;
}

.renew-btn-logo-container .renew-btn:hover {
	background-color: #ffffff;
	color: #033381;
	border: 1px solid #033381;
}

.add-policy-wrapp-renewal-table .renew-policy-cont .table-renewals td a.blue-text {
	position: relative;
	left: 10px;
}

.upcoming-renewals-part {
	padding-left: 150px !important;
	padding-right: 28px !important;
}

.upcoming-renewals-table-data a.blue-text {
	font-weight: 600 !important;
	color: #000000 !important;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td {
	padding-left: 10px !important;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td:nth-child(1) {
	pointer-events: none;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td:nth-child(2) {
	pointer-events: none;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td:nth-child(4) {
	pointer-events: none;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td:nth-child(5) {
	pointer-events: none;
}

.upcoming-renewals-data-part .renew-policy-parent .renew-policy-cont .table-renewals tbody tr td:nth-child(6) {
	pointer-events: none;
}

.add-policy-wrapp-renewals-wrapper .renew-policy-cont .table-renewals tbody tr td {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	padding-left: 10px !important;
}

.renewal-policy-container.upcoming-renewals-part ul#pills-tab {
	margin-bottom: 40px;
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.upcoming-renewals-part .add-policy-wrapp-container>.block {
	padding-left: 0 !important;
}

.upcoming-renewals-part .nav-pills .nav-link {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6;
	color: #1e1e1e85;
	border-radius: 24px !important;
	padding: 6px 15px;
	margin-right: 8px;
	cursor: pointer;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

.upcoming-renewals-part .nav-pills .nav-link:hover {
	background-color: #ffffff !important;
	color: #033381;
	border: 1px solid #033381;
}

.upcoming-renewals-part .nav-pills .nav-link.active {
	background-color: #033381 !important;
	color: white;
	border: 1px solid #033381 !important;
}

.upcoming-renewals-part .nav-pills .nav-link:hover.active {
	color: #033381;
	background-color: #ffffff !important;
	border: 1px solid #033381 !important;
}

.upcoming-renewals-table-data .renewals-row-data-part:after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.24);
	width: 95%;
	height: 0.5px;
	left: 25px;
}

.upcoming-renewals-part .tab-content .add-policy-wrapp-renewals-wrapper {
	position: relative;
}

.upcoming-renewals-part .tab-content .add-policy-wrapp-renewals-wrapper .renewals-row-data-part:after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.24);
	width: 95%;
	height: 0.5px;
	left: 25px;
}

tr.renewals-row-data-part td a.blue-text {
	color: #000000 !important;
	font-weight: 600;
}

.renew-view-btn-mobile-only .view-policy-btn-desktop {
	display: none;
}

.upcoming-renewals-part .table-head-renew {
	position: relative;
}

.upcoming-renewals-part .table-head-renew td {
	border: none;
	text-align: left;
}

.upcoming-renewals-part .table-head-renew th {
	border: none;
	text-align: left;
	font-weight: bold;
}

/* ========================= renewals animation ===================== */
.renew-btn-logo-container {
	position: relative;
}

.renew-btn-logo-container .renew-logo-wrapper {
	position: absolute;
	left: 70px;
	top: -30px;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	animation: sharedPulse 2s ease-in-out infinite;
	transform-origin: center;
}

.renew-logo-wrapper .bg-image {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	animation: rotateOnly 6s linear infinite;
	transform-origin: center;
	pointer-events: none;
}

.renew-logo-wrapper .renew-text {
	position: relative;
	z-index: 1;
	color: white;
	font-weight: bold;
	font-size: 8px;
	text-align: center;
	pointer-events: none;
	display: inline-block;
}

@keyframes sharedPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.25);
	}
}

@keyframes rotateOnly {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#page-content-wrapper.dimmed-background {
	min-height: calc(100vh - 140px);
	position: relative;
	background-color: rgba(0, 0, 0, 0.3);
	transition: background-color 0.3s ease-in-out;
	filter: blur(1px);
}

/* ================================= Renewals part end ================================= */
.add-policy-wrapp-family-members a.blue-text {
	position: relative;
	left: 10px;
	font-weight: 600;
	color: #000000 !important;
}

.add-policy-wrapp-family-members {
	padding-left: 80px;
	padding-right: 20px;
}

/* ======================= claim part start ============================= */
.claim-username-right-filter-sort-btn-part {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.claim-main-cont {
	margin-top: 80px;
	padding-left: 150px;
	padding-right: 24px;
}

.back-arrow-container {
	gap: 6px;
	margin-bottom: 15px;
}

.back-arrow-container .page-user-name {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #525056 !important;
	margin-bottom: 0;
}

.no-family-members {
	text-align: center;
	padding: 20px;
	color: #666;
	font-size: 16px;
	background-color: #f8f9fa;
	border-radius: 8px;
	margin: 15px;
}

.claim-main-cont .nav-left-right-pills-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.claim-main-cont .nav-right-pills-part ul {
	display: flex;
	gap: 8px;
}

.claim-main-cont .nav-right-pills-part li:first-child {
	font-size: 16px;
	font-weight: 500;
	background-color: #ffffff;
	color: #033381;
	border-radius: 24px;
	padding: 6px 15px 6px 15px;
	border: 1px solid #033381;
	cursor: pointer !important;
	transition: all 0.3s ease-in-out;
}

.claim-main-cont .nav-right-pills-part li:first-child:hover {
	border: 1px solid #033381;
	background-color: #033381;
	color: #ffffff;
}

.claim-main-cont .nav-right-pills-part li:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	background-color: #ffffff;
	color: #033381;
	border-radius: 24px;
	padding: 6px 15px 6px 15px;
	border: 1px solid #033381;
	cursor: pointer !important;
	transition: all 0.3s ease-in-out;
}

.claim-main-cont .nav-right-pills-part li:last-child:hover {
	border: 1px solid #033381;
	background-color: #033381;
	color: #ffffff;
}

.claim-main-cont .nav-pills .nav-link {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: 500;
	background-color: #f3f4f6;
	color: #1e1e1e85;
	border-radius: 24px !important;
	padding: 6px 15px;
	margin-right: 8px;
	cursor: pointer;
	border: 1px solid #f3f4f6;
	transition: all 0.3s ease-in-out;
}

.claim-main-cont .nav-pills .nav-link:hover {
	background-color: #ffffff !important;
	color: #033381;
	border: 1px solid #033381;
}

.claim-main-cont .nav-pills .nav-link.active {
	background-color: #033381 !important;
	color: white;
	border: 1px solid #033381 !important;
}

.claim-main-cont .nav-pills .nav-link:hover.active {
	border: 1px solid #033381 !important;
	background-color: #ffffff !important;
	color: #033381;
}

.claim-main-cont .table-claim {
	border-collapse: unset;
	table-layout: fixed;
	padding: 15px 15px 15px 15px;
}

.pills-tabContent_new {
	border-radius: 17px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 0 3px 12.2px 0 rgba(0, 0, 0, 0.25);
	margin-top: 20px;
}

.claim-main-cont table th {
	padding-left: 10px !important;
}

.claim-main-cont table tr.claim-table-row {
	position: relative;
}

/* .claim-main-cont table tr.claim-table-row::after {
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, 0.24);
	width: 100%;
	height: 0.5px;
	left: 0;
	top: 0;
} */

.claim-main-cont table tr td {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
}

.claim-main-cont table tr td a {
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}

.claim-main-cont table tr td:last-child a {
	pointer-events: visible;
	cursor: pointer;
}

.claim-main-cont .nav-right-pills-part-desktop-view {
	display: block;
}

.claim-main-cont .nav-right-pills-part-mobile-view {
	display: none;
}

.claim-main-cont .view-policy-btn-desktop {
	display: inline-block;
	background-color: white;
	border: 1px solid #033381;
	padding: 6px 15px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	color: #033381;
	text-decoration: none !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.claim-main-cont .view-policy-btn-desktop:hover {
	background-color: #033381;
	color: white;
}

.claim-filter-sort-icon {
	margin-right: 10px;
}

/* ============================ payment mode option ==================================== */
.payment-mode-option-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 586px;
	max-width: 100%;
	background-color: #f6f6f6;
	border-radius: 8px;
	padding: 22px 25px;
	z-index: 1000;
}

#payment-mode-option-container {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.5s ease-out;
	padding: 0;
	margin: 0;
	border: none;
}

#payment-mode-option-container.open {
	max-height: 800px;
}

.payment-mode-option-wrapper {
	background-color: #ffffff;
	padding: 17px 22px;
	border: 1px solid #00000030;
	border-radius: 8px;
}

.payment-mode-option-container .payment-mode-option-wrapper label {
	margin-bottom: 7px !important;
	font-size: 14px;
	font-weight: 400;
	color: #1e1e1e;
}

.payment-mode-option-container .payment-mode-option-wrapper input[type="radio"] {
	width: 16px;
	height: 16px;
	margin-bottom: 0;
}

.payment-mode-option-container .main-heading-part {
	font-size: 16px;
	font-weight: 600;
	color: #00000082;
	margin-bottom: 0;
	padding-bottom: 4px;
}

.payment-mode-option-container .sub-heading-part {
	font-size: 14px;
	font-weight: 400;
	color: #00000082;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.payment-mode-option-container .paypal-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #0000002e;
	padding: 15px 10px;
	border-radius: 8px;
	margin-bottom: 10px;
}

.payment-mode-option-container .paypal-section .heading {
	font-size: 16px;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.payment-mode-option-container .left-paypal-section {
	display: flex;
	align-items: center;
	gap: 13px;
}

.payment-mode-option-container .credit-card-section {
	border-radius: 8px;
	border: 1px solid #0000002e;
	margin-bottom: 10px;
}

.payment-mode-option-container .credit-card-details-section {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-bottom: 10px;
}

.payment-mode-option-container .credit-card-radio-part {
	display: flex;
	align-items: center;
	padding: 15px 10px;
	gap: 13px;
}

.payment-mode-option-container .credit-card-radio-part .heading {
	font-size: 16px;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.payment-mode-option-container .googlePay-card-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #0000002e;
	padding: 15px 10px;
	border-radius: 8px;
	margin-bottom: 10px;
}

.payment-mode-option-container .left-googlePay-section {
	display: flex;
	align-items: center;
	gap: 13px;
}

.payment-mode-option-container .left-googlePay-section .heading {
	font-size: 16px;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.payment-mode-option-container .phonepe-card-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #0000002e;
	padding: 15px 10px;
	border-radius: 8px;
	margin-bottom: 10px;
}

.payment-mode-option-container .phonepe-card-section .left-phonepe-section {
	display: flex;
	align-items: center;
	gap: 13px;
}

.payment-mode-option-container .phonepe-card-section .heading {
	font-size: 16px;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.others-card-section {
	border-radius: 8px;
	border: 1px solid #0000002e;
	margin-bottom: 10px;
}

.payment-mode-option-container .others-card-section .other-card-input-heading-part {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 10px;
	border-radius: 8px;
}

.payment-mode-option-container .others-card-section .heading {
	font-size: 16px;
	font-weight: 600;
	color: #525056;
	margin-bottom: 0;
}

.payment-mode-option-container .credit-label-input-part {
	display: flex;
	flex-direction: column;
	margin-bottom: 6px;
}

.payment-mode-option-container .credit-input-img-part {
	position: relative;
}

input.credit-input-field {
	margin-bottom: 0;
	border-radius: 8px;
	height: 40px;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
}

.payment-mode-option-container .credit-label-input-part .right-credit-card-section {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 45%;
	transform: translateY(-45%);
}

.payment-mode-option-container .credit-card-section .credit-input-field::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #b3b3b3 !important;
}

.active-payment-option {
	background-color: #f2f6ff;
	border: 1px solid #d0dbff;
	border-radius: 8px;
	transition: 0.3s ease;
	cursor: pointer;
}

.payment-mode-option-container .payment-mode-option-wrapper .pay-button {
	background-color: #033381;
	color: #ffffff;
	width: 100%;
	padding: 6px 0;
	font-size: 16px;
	font-weight: 600;
	outline: none;
	border-radius: 8px;
	border: none;
}

.payment-mode-option-container .credit-card-expanded-section {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0px 14px 0px 14px;
	transition: max-height 0.9s ease, opacity 0.9s ease;
}

.payment-mode-option-container .upiid-expanded-section {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.7s ease, opacity 0.6s ease, padding 0.5s ease;
}

.payment-mode-option-container .upiid-expanded-section.active {
	max-height: 300px;
	opacity: 1;
}

.payment-mode-option-container .credit-card-expanded-section.active {
	max-height: 1000px;
	opacity: 1;
}

.payment-mode-option-container .upiid-input-img-part {
	display: flex;
	gap: 20px;
	align-items: center;
}

.payment-mode-option-container .upiid-label-input-part {
	padding: 0 14px;
	margin-bottom: 10px;
}

.payment-mode-option-container input.upi-input-field {
	border-radius: 8px;
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	width: 100%;
	height: 40px;
	margin-bottom: 0 !important;
}

.payment-mode-option-container input.upi-input-field::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: #b3b3b3 !important;
}

.payment-mode-option-container .upiid-input-img-part .upi-verify {
	font-size: 16px;
	font-weight: 600;
	background-color: #033381;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	padding: 0px 20px;
	height: 40px;
}

.form-login-error p {
	color: #dc3545;
}

.form-login-info p {
	color: #40b649;
}

.validate-has-error {
	color: red;
}

.form-login-error {
	color: red;
}

.a_disabled {
	pointer-events: none;
	cursor: default;
	color: red;
}

.notifaction-alert.circle.orange {
	background-color: #ff7f00;
	border: 7px solid rgb(255 191 130);
}

.notifaction-alert.circle.green {
	background-color: #40b649;
	border: 7px solid rgb(121 255 131);
}

.form-bottom {
	display: none;
}

.container {
	text-align: start;
}

.internal-contact-cont {
	height: 320px;
}

.profile-sub {
	min-width: 163px;
}

/* Button Style */
div#client-login-btn .green-btn {
	font-size: 16px;
	font-weight: 600;
	background-color: #33cc33;
	color: white;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
}

h2#home-pub-h2 {
	font-size: 32px;
	font-family: Playfair Display;
	font-weight: 600 !important;
	color: #ffffff !important;
}

.main-wrapper.contact-page .gap-100 {
	padding: 0;
}

.contact-form-view {
	height: 90% !important;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.contact-message {
	font-size: 24px !important;
	padding-top: 20px !important;
	font-weight: 600 !important;
}

.green-btn:hover {
	background-color: #28a828;
}

.form-container {
	background-color: white;
	padding: 25px;
	border-radius: 18px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-container input {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}

#phone {
	display: none;
}

.form-head {
	color: #033381;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

#toggleEye {
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

.form-bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.col-md-5.p-0 {
	max-width: 45%;
}

.col-md-6.p-0 {
	max-width: 45%;
}

.form-bottom button {
	padding: 6.303px 70.909px;
	border-radius: 5px;
	background-color: #033381;
	color: #fff;
	font-size: 14px;
}

#otpButton {
	color: #0073e4;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

#otpButton:hover {
	text-decoration: underline;
}

.form-container {
	width: 400px;
	height: 210px;
}

.index-finger-employee-login-wrapper {
	display: flex;
	gap: 25px;
	align-items: center;
	padding-left: 20px;
	padding-bottom: 25px;
}

.index-finger-employee-login-wrapper .client-login-link {
	margin-bottom: 0 !important;
}

form#existing_client_login-page p.client-login-link>a {
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	color: gray;
	position: relative;
	cursor: pointer;
}

form#existing_client_login-page p.client-login-link>a::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: gray;
}

.index-finger-employee-login-wrapper .employee-login-link {
	margin-bottom: 0 !important;
}

form#existing_client_login-page p.employee-login-link>a {
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	color: #033381;
	position: relative;
	cursor: pointer;
}

form#existing_client_login-page p.employee-login-link>a::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 22px;
	background-color: #033381;
}

.index-finger-employee-login-wrapper .user-login-link {
	margin-bottom: 0 !important;
}

form#existing_client_login-page p.user-login-link>a {
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	color: #033381;
	position: relative;
	cursor: pointer;
}

.index-finger-employee-login-wrapper .index-finger {
	width: 18px;
	height: 18px;
}

.Howden {
	width: auto;
}

.Howden>img {
	width: 250px;
}

.Howden {
	display: flex;
	align-items: center;
}

.form-container {
	display: none;
}

.background-image {
	width: 100%;
	display: block;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.login-btn {
	padding: 8px 90px;
	border-radius: 5px;
	background-color: #033381;
	color: #fff;
	font-size: 14px;
}

.partners-grid {
	display: flex;
	gap: 35px;
}

.alete-plancover {
	width: auto;
}

.alete-plancover>img {
	width: 180px;
	height: 180px;
}

#Footer-public {
	width: 100%;
	padding: 5px 10px;
	text-align: justify;
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	box-shadow: 0px -3px 6px #0000001f !important;
}

div#about-us-text .about-banner-text>p {
	text-align: justify;
}

#main-cont-head {
	margin: 0 !important;
	padding-left: 100px !important;
	max-width: 100% !important;
	padding-right: 65px !important;

	position: fixed !important;
	top: 43px !important;
	z-index: 1 !important;
	background-color: #ffffff !important;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px !important;
}

/* ================ health form page of product start ==================== */
#health_form .health-form-container {
	padding-top: 120px;
}

#health_form .health-form-container .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
}

#health_form .health-form-container .row img.ar-img {
	top: 0 !important;
}

#health_form .health-form-container .row .col-md-12,
#health_form .health-form-container .row .col-md-6,
#health_form .health-form-container .row .col-md-4 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#health_form .custom-date-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

#health_form .health-form-container input[type="text"],
#health_form .health-form-container input[type="tel"],
#health_form .health-form-container input[type="email"] {
	width: 93% !important;
}

.custom-date-wrapper input[type="date"] {
	width: 93% !important;
	padding-right: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	z-index: 1;
}

#health_form .health-form-container .custom-calendar-icon {
	position: absolute;
	right: 30px;
	top: 45%;
	transform: translateY(-45%);
	height: 20px;
	width: 20px;
	cursor: pointer;
	z-index: 2;
}

#health_form .health-icon-heading-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 16px !important;
}

.health-form-container .health-heading-wrapper {
	width: 100%;
}

.health-form-container .health-heading {
	font-family: Playfair Display;
	margin-bottom: 0 !important;
	text-align: center;
}

#home_and_property_form .property-heading-wrapper {
	text-align: center;
	width: 100%;
}

.health-form-container .blu-btn.btn-v.big-btn {
	font-weight: 600;
	font-size: 16px;
}

#health_form label {
	font-size: 14px !important;
	font-weight: 400 !important;
}

/* =================== health form page of product end ======================= */

/* =================== Property Insurance start  ============================= */
#home_and_property_form .property-insurance-container {
	padding-top: 120px;
}

#home_and_property_form .property-insurance-container .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

#home_and_property_form .property-insurance-container .row img.ar-img {
	top: 0 !important;
}

#home_and_property_form .property-insurance-container .row .col-md-12,
#home_and_property_form .property-insurance-container .row .col-md-6,
#home_and_property_form .property-insurance-container .row .col-md-4 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

#home_and_property_form .property-insurance-container input[type="text"],
#home_and_property_form .property-insurance-container input[type="tel"],
#home_and_property_form .property-insurance-container input[type="email"] {
	width: 93% !important;
}

#home_and_property_form .custom-date-wrapper input[type="date"] {
	width: 95% !important;
}

.property-insurance-heading-back-wrapper {
	display: flex;
	align-items: center;
}

#home_and_property_form .custom-date-wrapper {
	position: relative;
	width: 98% !important;
}

.property-insurance-container .property-insurance-heading {
	font-family: Playfair Display;
	text-align: center;
	margin-bottom: 0 !important;
}

.property-insurance-heading-back-wrapper {
	margin-bottom: 16px;
}

.property-insurance-container input[type="email"] {
	width: 93% !important;
}

#home_and_property_form label {
	font-size: 14px !important;
	font-weight: 400 !important;
}

.property-insurance-container .blu-btn.btn-v.big-btn {
	font-weight: 600;
	font-size: 16px;
}

#home_and_property_form .property-insurance-container .custom-calendar-icon {
	position: absolute;
	right: 25px;
	top: 45%;
	transform: translateY(-45%);
	height: 20px;
	width: 20px;
	cursor: pointer;
	z-index: 2;
}

/* ================= Property Insurance end ================== */

/* ================= Life Insurance start ==================== */
#life-and-annuity_form .life-insurance-container {
	padding-top: 120px;
}

#life-and-annuity_form .life-insurance-container .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}

#life-and-annuity_form .life-insurance-container .row img.ar-img {
	top: 0 !important;
}

#life-and-annuity_form .life-insurance-container .row .col-md-12,
#life-and-annuity_form .life-insurance-container .row .col-md-6,
#life-and-annuity_form .life-insurance-container .row .col-md-4 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.life-insurance-container .life-insurance-heading {
	font-family: Playfair Display;
	text-align: center;
	margin-bottom: 0 !important;
}

.life-insurance-heading-back-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

#life-and-annuity_form .life-insurance-container .custom-calendar-icon {
	position: absolute;
	right: 30px;
	top: 40px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	z-index: 2;
}

.life-select-gender-dropdown select {
	background-color: #efefef;
	height: 45px !important;
	border: none !important;
	width: 93% !important;
}

#life-and-annuity_form .life-insurance-container input[type="text"],
#life-and-annuity_form .life-insurance-container input[type="email"] {
	width: 93% !important;
}

#life-and-annuity_form .life-insurance-container input[type="tel"] {
	width: 95% !important;
}

#life-and-annuity_form .life-insurance-container input[type="date"] {
	width: 95% !important;
}

#life-and-annuity_form .life-insurance-container input[type="email"] {
	margin-bottom: 0 !important;
}

#life-and-annuity_btn_whatsapp {
	margin-left: 10px !important;
}

.life-insurance-container .blu-btn.btn-v.big-btn {
	font-size: 16px;
	font-weight: 600;
}

.life-select-gender-dropdown select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	margin-bottom: 5px;
}

#life-and-annuity_form .life-select-gender-dropdown>.form-group {
	position: static !important;
}

.life-select-gender-dropdown select.form-control:focus {
	outline: none !important;
	box-shadow: none !important;
	background-color: #efefef;
}

.product-gender-dropdown-icon {
	position: absolute;
	right: 30px;
	top: 44px;
	pointer-events: none;
	transition: transform 0.3s ease;
}

.dropdown-wrapper select:focus+.product-gender-dropdown-icon {
	transform: translateY(-50%) rotate(180deg);
}

/* =================== Life Insurance end ======================= */
.modal-login-container {
	position: relative;
	border-bottom: 2px solid transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-modal-content-block .modal-content-block .password {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

input.modal-login-email {
	position: relative;
	width: 100%;
	background-color: #5250561f;
	height: 48px !important;
	padding-left: 8px !important;
	font-size: 14px;
	font-weight: 400;
	border-radius: 0 !important;
}

input.modal-login-opt {
	position: relative;
	width: 85%;
	background-color: #5250561f;
	height: 48px !important;
	padding-left: 8px !important;
	font-size: 14px;
	font-weight: 400;
}

.form-modal-content-block {
	width: 416px;
	background-color: #ffffff;
	position: absolute;
	top: 35%;
	right: 6%;
	border-radius: 12px;
	padding: 16px 0px;
	z-index: 100;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	transform: translate(0%, 0%) scale(0.8);
}

.form-modal-content-block.show {
	opacity: 1;
	transform: translate(0%, 0%) scale(1);
}

.form-modal-content-block .welcome-back {
	font-size: 16px;
	font-weight: 600;
	color: #033381;
	line-height: 21.46px;
	padding: 5px 0 0px 20px;
	margin-bottom: 15px !important;
}

.modal-content-block .modal-login-container .otp {
	width: 50%;
	color: #033381;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: end;
	height: 48px;
	background-color: #5250561f;
	margin-top: -5px;
	padding-right: 8px !important;
}

.varify-login-btn {
	font-size: 16px;
	font-weight: 600;
	border-radius: 4px;
	background-color: #033381;
	display: flex;
	padding: 6px 70px;
	justify-content: center;
	align-items: center;
	border: none;
	color: #ffffff;
	margin-left: 24px;
	margin-top: 24px;
}

form#existing_client_login-page input#login_phone:focus,
form#existing_client_login-page input#login_otp {
	background-color: #5250561f;
}

.modal-login-email,
.modal-login-opt {
	background-color: #ffffff;
	border-radius: unset;
	padding: 0;
}

.modal-login-email:focus,
.modal-login-opt:focus {
	border: none !important;
	background-color: #ffffff;
}

.show-hide-icon-container {
	background-color: #5250561f;
	width: 15%;
	text-align: end;
	padding-right: 8px;
	height: 48px;
	margin-top: -5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.navbar-collapse {
	flex-basis: unset !important;
	-ms-flex-positive: 1;
	flex-grow: unset !important;
	-ms-flex-align: center;
	align-items: center;
	display: flex !important;
	margin-right: 30px;
}

form#existing_client_login-page {
	display: none;
	z-index: 1000;
	background-color: white;
	border-radius: 8px;
	width: 83vw;
	max-width: 400px;
	max-height: 90vh;
	overflow-y: auto;
}

.active-btn {
	border-color: transparent;
	background-color: #033381;
}

.expired-btn {
	border-color: #cf0000;
}

.upload-btn {
	border-color: #ec8e22;
}

.alls-btn {
	border-color: #f3f4f6;
}

.dashboard-navbar-collapse {
	display: flex;
	align-items: center;
	padding-right: 25px;
}

ul.dash-navbar-nav {
	margin-bottom: unset !important;
}

.dash-navbar-nav li {
	list-style: none;
}

.my-profile-section {
	padding-top: 75px !important;
}

.my-profile-section .block.border-radius-4 {
	padding-left: 140px !important;
}

.my-profile-section .my-profile-title-wrapper>h2 {
	padding-left: 136px;
}

.my-profile-tabs {
	margin-left: 100px !important;
	margin-right: 20px !important;
}

.my-portfolio-section {
	display: none;
	margin-top: 100px !important;
}

.servicing-request-section {
	padding-top: 75px !important;
	padding-left: 150px !important;
}

.servicing-request-section>h2 {
	padding-left: 20px;
}

.upload-profile-input-img {
	padding-left: 120px;
}

.upload-profile-title {
	padding-left: 120px;
}

.upld-documents {
	padding-left: 140px;
	margin-left: 0px !important;
}

.upload-documents-btn {
	padding-left: 120px;
}

.all-download-documents-pdf {
	padding-left: 140px;
}

.policy-non-life-insurance-data-part {
	padding-left: 135px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.policy-table-data-part {
	padding-left: 120px !important;
}

.policy-health-insurance-data-part,
.policy-motor-insurance-data-part,
.policy-property-insurance-data-part,
.policy-travel-insurance-data-part {
	margin-left: 145px !important;
	margin-top: 50px !important;
	margin-right: 25px !important;
}

.policy-detail-document-title {
	padding-left: 140px;
}

.policy-detail-view {
	padding-top: 50px;
}

.table-responsive {
	overflow-x: unset !important;
}

.table-responsive.policy-table-data-part .back-arrow-bttn {
	margin-top: 30px;
}

.block.border-radius-4.mt-4.policy-non-life-insurance-data-part a.back-arrow-bttn {
	margin-top: 30px;
}

.policy-non-life-insurance-data-part .policy-detail-heading {
	margin-top: 20px;
}

.policy-non-life-insurance-data-part table tbody tr td {
	padding-bottom: 0px;
	padding-top: 0 !important;
}

.block.border-radius-4.details-resp.attachment-part {
	padding-top: 0 !important;
}

.life-policy-premimum {
	margin-top: 20px !important;
}

.policy-life-insurance-data-part .policy-table-data-part table.no-hover tbody tr.details-padd th {
	padding-left: 16px !important;
	padding-top: 16px !important;
	padding-right: 16px !important;
}

.policy-life-insurance-data-part table tbody tr td {
	padding-bottom: 0px;
	padding-top: 4px !important;
}

.table-responsive.policy-table-data-part table.no-hover tr.details-padd>th {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

footer p {
	font-size: 8px !important;
	padding: 0 100px;
	font-family: Open Sans;
}

/* ====================== my profile ========================= */
.my-profile-section {
	background-color: #dee8f1;
	margin-top: 43px !important;
	margin-bottom: 0px !important;
}

.my-profile-section .my-profile-page {
	padding-left: 150px !important;
	padding-right: 30px !important;
	margin-bottom: 0px !important;
	padding-bottom: 1px !important;
}

.my-profile-section .my-profile-page .back-arrow-part {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
}

.my-profile-section .my-profile-page .back-arrow-part>.back-arrow {
	font-size: 16px;
	font-weight: 400;
	color: #525056 !important;
	transform: rotate(180deg);
}

.my-profile-section .my-profile-page .back-arrow-part>.back-arrow:hover {
	text-decoration: none !important;
}

.my-profile-section .my-profile-page .back-arrow-part h2 {
	margin-bottom: 0 !important;
	font-size: 22.5px !important;
	font-weight: 600 !important;
	color: #525056 !important;
}

/* ===============downloadb - View policy button =================== */
.backbtn-download-policybtn-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.back-space {
	transform: rotate(180deg);
	display: inline-block;
	text-decoration: none;
	color: #525056 !important;
	font-size: 22px !important;
	font-weight: 600;
}

.backbtn-download-policybtn-container .back-space {
	font-size: unset !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	margin-right: 4px;
}

.back-arrow-bttn {
	max-width: 100%;
	width: 85px;
	background-color: #033381;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #033381;
	padding: 7px 12px;
	border-radius: 4px;
	margin-bottom: 15px;
	display: block;
	text-decoration: none !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
		rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	transition: all 0.3s ease-in-out;
}

.back-arrow-bttn:hover {
	background-color: #ffffff !important;
	color: #033381;
	border: 1px solid #033381;
}

/* =============== download policy button =================== */
.backbtn-download-policybtn-container .download-policybtn {
	border: none;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	background-color: #033381;
	padding: 7px 12px;
	border: 1px solid #033381;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.backbtn-download-policybtn-container .download-policybtn:hover {
	background-color: #ffffff !important;
	color: #033381;
	border: 1px solid #033381;
}

.my-profile-customer-detail-heading {
	width: 100%;
	padding: 42px 64px 10px 64px;
	background-color: #ffffff;
	border-radius: 14px;
	margin-bottom: 35px;
}

.customer-detail-container {
	display: flex;
	justify-content: space-between;
	gap: 28px;
}

.customer-detail-container .customer-detail-row,
.contact-person-detail-row,
.family-member-detail-row {
	width: 50%;
}

.my-profile-section label {
	margin-bottom: 0 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	color: #033381;
	text-align: center;
}

.my-profile-section input {
	background-color: #ffffff !important;
	padding-left: 0 !important;
	height: 28px;
	border-radius: 0 !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #0000004d;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	color: #5250568f;
}

.family-member-detail-heading-btn,
.contact-person-detail-heading-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.customer-detail-container .customer-detail-row .form-part,
.contact-person-detail-row .form-part,
.family-member-detail-row .form-part {
	margin-bottom: 22px;
}

.contact-person-detail-container,
.family-member-detail-container {
	width: 100%;
	background-color: #ffffff;
	border-radius: 14px;
	padding: 42px 64px 10px 64px;
	margin-bottom: 35px;
}

.contact-person-detail-container>.title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #525056;
}

.contact-person-detail-part,
.family-member-detail-part {
	display: flex;
	gap: 28px;
}

.save-changes-btn-container {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 28px;
}

.family-member-detail-heading-btn,
.contact-person-detail-heading-btn {
	margin-bottom: 41px;
}

.family-member-detail-heading-btn>.title,
.contact-person-detail-heading-btn .title {
	font-size: 20px;
	font-weight: 600;
	color: #525056;
}

.save-changes-btn,
.family-member-detail-btn,
.contact-person-details-btn {
	background-color: #033381;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 19.36px;
	padding: 14px 39px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

.policy-detail-heading {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 600;
	background-color: #033381 !important;
	color: #ffffff !important;
	margin-top: 30px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
		rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

#downloaded-part {
	display: none;
}

span.download-toggle {
	color: #1e1e1e !important;
}

div#familyDropdown .p-v-p-wrapp {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.add-policy-views .back-arrow-container {
	margin-left: -17px;
}

.add-new-policy-part {
	padding-left: 152px !important;
	padding-top: 65px !important;
	margin-right: 20px !important;
}

.add-new-policy-part>.back-arrow-bttn {
	margin-left: -15px !important;
}

/* .add-policy-wrapp.max-width-85 {
	padding-left: 135px;
	padding-top: 74px;
	margin-right: 20px;
} */
.gap-top-50.add-policy-wrapp.max-width-85 {
	padding-top: 65px !important;
	padding-left: 135px;
}

.life-and-annuity-insurance,
.motor-insurance-form,
.travel-insurance-form,
.employee-benefits-insurance-form {
	padding-top: 50px !important;
}

.personal-bussiness-policy-wrapper {
	display: flex;
	gap: 50px;
}

.personal-bussiness-policy-wrapper .add-personal-policy-part {
	width: 40% !important;
}

.block.add-bussiness-policy {
	width: 60% !important;
}

.add-personal-policy-part>.row,
.block.add-bussiness-policy>.row {
	background-color: #0333811c;
	border-radius: 12px;
	height: 484px;
}

.my-familiy-container-part {
	padding-left: 140px !important;
	padding-top: 80px !important;
	padding-right: 20px !important;
}

.download-policy-btn {
	display: none;
}

ul.all-login-option {
	width: 165px;
	padding-left: 0;
	text-align: center;
}

ul.all-login-option li {
	list-style: none;
	padding: 12px 20px;
	background-color: #ffffff;
	border-radius: 2.6px;
}

ul.all-login-option li a {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

.all-login-option {
	background-color: #fff;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 999;
	border-radius: 2.5px;
}

.client-login-btn:hover .all-login-option {
	opacity: 1;
	visibility: visible;
	transform: translate(0);
}

ul.all-login-option li {
	border-bottom: 1px solid #dddddd;
}

ul.all-login-option li:hover {
	background-color: #033381;
}

ul.all-login-option li:hover a {
	color: #ffffff;
}

.client-login-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =================== my profile ======================= */
.my-profile-contact-container {
	display: flex;
	gap: 81px;
	margin-bottom: 30px;
}

.my-profile-wrapper {
	width: 35%;
	display: flex;
	background-color: #ffffff;
	border-radius: 20px 45px 53px 100px;
	justify-content: center;
	align-items: center;
	gap: 18px;
}

.my-profile-details-wrapper .heading {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 39px !important;
	color: #525056;
}

.my-profile-details-wrapper .heading::after {
	content: "";
	position: absolute;
	left: 170px;
	top: 15px;
	width: 185px;
	height: 1px;
	background-color: #00000054;
}

.insurer-detail-container {
	display: flex;
	gap: 260px;
}

.my-profile-name>.name {
	font-size: 20px;
	font-weight: 600;
	color: #525056;
}

.policy-insured-tag {
	display: flex;
	gap: 4px;
	align-items: center;
	background-color: #eaeef4;
	padding: 10px;
	border-radius: 3px;
}

.policy-insured-tag .tag {
	font-size: 14px;
	font-weight: 300;
	color: #033381;
	margin-bottom: 0;
}

.my-profile-details-right {
	width: 65%;
	background-color: #ffffff;
	border-radius: 17px;
	padding: 23px 34px;
}

.logo-insurer-detail-wrapper {
	display: flex;
	gap: 9px;
}

.contact-details-row-part {
	display: flex;
	flex-direction: column;
	gap: 21px;
}

.contact-details-part p.label {
	font-size: 14px;
	font-weight: 500;
	color: #033381;
	margin-bottom: 0 !important;
}

.contact-details-row-part p.value {
	font-size: 14px;
	font-weight: 400;
	color: #1e1e1e;
	margin-bottom: 0 !important;
}

.tag-and-detail>p {
	margin-bottom: 0;
}

input#insurerImage {
	width: 130px;
	height: 130px;
	border: none;
	border-radius: 50% !important;
	margin-bottom: 0 !important;
}

.my-profile-logo-part {
	position: relative;
}

.my-profile-logo {
	width: 130px;
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 10px solid #eaeef4;
	border-radius: 50% !important;
}

input#myFile {
	width: 166px;
	height: 166px;
	border-radius: 20px !important;
}

div#welcome-policy div#filter-icon-mobile {
	display: none;
}

.my-profile-logo label {
	width: 28px;
	height: 28px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	top: 70%;
	left: 76%;
	cursor: pointer;
}

.my-profile-contact-container .upload-profile-text {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #033381;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

div#familyDropdown {
	padding-top: 30px;
}

img.upload-profile-img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.modal-login-email:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
	box-shadow: 0 0 0 1000px #eaeaea inset !important;
	-webkit-text-fill-color: #000 !important;
}

.download-policy-btn-mobile-container {
	display: none;
}

.view-policy-btn-desktop-container {
	display: block;
}

.view-policy-btn-desktop-container .view-policy-btn-desktop {
	display: inline-block;
	background-color: #033381;
	border: 1px solid #033381;
	padding: 6px 15px 6px 15px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.view-policy-btn-desktop-container .view-policy-btn-desktop:hover {
	background-color: #ffffff;
	color: #033381;
	border: 1px solid #033381;
}

a#myFamilyDropdown>img {
	width: 10px;
	height: 20px;
}

.renewal-options {
	position: relative;
	margin-left: 100px;
	margin-top: 31.5px;
}

.renew-policy-parent {
	margin-top: 12.5px;
}

/* ===============  product part ==================== */
.all-products-wrapper {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.products-main-container {
	padding-left: 100px !important;
	padding-right: 100px !important;
	padding-top: 100px !important;
	padding-bottom: 50px !important;
}

/* ================ health part ======================*/
.health-policy-responsive-table {
	width: 100%;
	overflow-x: auto;
}

.health-policy-responsive-table table {
	width: 100%;
	border-collapse: collapse;
}

.health-policy-responsive-table table th {
	border: 1px solid #ccc;
	padding: 8px !important;
	font-size: 12px !important;
	background-color: #e3e3e3;
	color: #4d4c5c !important;
	font-weight: 600;
}

.health-policy-responsive-table table td {
	border: 1px solid #ccc;
	padding: 8px !important;
	font-size: 12px !important;
	color: #525056;
}

/* ========================================================
all policy data accordion
======================================================== */
.accordion {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	background-color: #033381;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	text-align: left;
	border: none;
	outline: none;
	transition: background-color 0.3s ease;
	display: none;
}

.accordion:hover {
	background-color: #033381;
}

textarea#enq_contact_message {
	height: 150px !important;
	border: 1px solid #0075e8;
}

/* =========================== internal  product quotes ======================= */
.product-main-inside-wrapp .products-main-container {
	padding-left: 150px !important;
	padding-right: 30px !important;
	padding-top: 60px !important;
	padding-bottom: 0px !important;
}

.product-main-inside-wrapp .services-wrapp h2 {
	font-size: 20px;
}

#public-main-header .privacy-policy {
	display: none;
}

#public-main-header .terms-conditions {
	display: none;
}

.navbar-brand>img {
	width: 140px;
	padding-bottom: 6px;
	margin-left: 24px;
}

.sidebar {
	top: 93px !important;
}

/* Dashboard Header slider */

.quick_ins {
	color: #fff;
	font-size: 13.613px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 15px;
	margin: 0;
}

.insight_container {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.insight_img_cont {
	width: 22px;
	background: #285468;
}

.insight_img_cont>img {
	width: 100%;
	border-radius: 6px;
	border: 1px solid #fff;
	padding: 3px;
}

.insight_grid {
	border-radius: 18px;
	border-radius: 18px;
	border: 0.5px solid grey;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(70.5999984741211px);
	margin: 0px 15px;
	padding: 10px;
}

.insight_head {
	display: flex;
	align-items: center;
	gap: 5px;
}

.latest_policy_text {
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.added_interval {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.ins-policy-dot {
	width: 10px;
	height: 10px;
	background-color: #00e676;
	border-radius: 50%;
	position: relative;
	bottom: 12px;
	right: 10px;
}

.ins-cust {
	margin-top: 7px;
}

.ins-cust>span {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.ins-cust2>span {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.ins_start_end>span {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.ins_start_end>span:nth-child(3) {
	margin-left: 5px;
}

.coverage_view {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.coverage_view>div>span:nth-child(1) {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.coverage_view>div>span:nth-child(2) {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.coverage_view>a {
	text-decoration: none;
	display: flex;
	height: 22px;
	padding: 10px 10px 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 1px;
	flex-shrink: 0;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.ins_renew_img {
	background: #5b5551;
}

.renew_dot {
	background-color: #8f7329;
}

.ins_renew_head_l {
	display: flex;
	align-items: center;
	gap: 5px;
}

.renew_head_ins {
	justify-content: space-between;
}

.days_left {
	border-radius: 6px;
	border: 1px solid #ff7500;
	background: #483d3b;
	padding: 2px 5px;
}

.days_left>span {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.claim_dot {
	background-color: #51a2ff;
}

.current_status {
	border-radius: 6px;
	border: 1px solid #2974ff;
	background: #1e5baa;
}

.ins-cust3>span {
	color: #fff;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

/* Claims */
#claims_heading_new {
	color: #033381;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.top_claims {
	border-radius: 17px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 0 3px 12.2px 0 rgba(0, 0, 0, 0.25);
	padding: 25px;
	margin-bottom: 25px;
}

.claims_grid_conatiner {
	display: flex;
	gap: 20px;
}

.claim_grid {
	width: 330px;
	height: 280px;
	border-radius: 8px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}

.claim_grid_top {
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.claim_grid_top>p {
	color: #033381;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.claim_grid_top>span {
	color: #000;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
}

.claim_grid_mid {
	padding: 0 15px;
}

.claim_grid_mid>p:nth-child(1) {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin: 0;
}

.claim_grid_mid>p:nth-child(2) {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.claim_grid_botom {
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}

.claim_b2 {
	padding: 0;
}

.initiate_claim_new {
	width: 100%;
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
	display: flex;
	justify-content: center;
	padding: 11px 0;
	align-items: center;
	border-radius: 0px 0px 8px 8px;
}

.initiate_claim_new:hover {
	background: linear-gradient(115deg, #033584 40%, #0072E4 90%), #033381;
	color: white;
}

#claims_heading_new2 {
	color: #033381;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 25px 0px 0px 25px;
}

.claims_grid_conatiner {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding: 16px 8px;
	scroll-behavior: smooth;
}

.claims_grid_conatiner::-webkit-scrollbar {
	height: 4px;
}

.claims_grid_conatiner::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

.claim_grid {
	flex: 0 0 auto;
	/* prevents shrinking and allows side-scroll */
	background: #f8f9fa;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.docUpload-uploadProgress {
	background: white;
	border-radius: 10px;
	padding: 16px;
	width: 100%;
	box-sizing: border-box;
}

.docUpload-sectionTitle {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 20px;
	font-size: var(--fontSize-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--lineHeights-xxl, 26px);
	/* 144.444% */
	letter-spacing: var(--letterSpacing-xsm, -0.2px);
}

.docUpload-progressWrapper {
	display: flex;
	align-items: center;
	gap: 12px;
}

.docUpload-progressBar {
	flex: 1;
	height: 8px;
	background-color: #e5e7eb;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.docUpload-progressBarInner {
	height: 100%;
	width: 0%;
	background-color: #2563eb;
	border-radius: 4px;
	transition: width 0.3s ease;
}

.docUpload-progressText {
	font-size: 13px;
	color: #6b7280;
	white-space: nowrap;
}

.upload-group {
	margin-bottom: 20px;
}

.upload-group label {
	display: block;
	margin-bottom: 0px;
	font-weight: 600;
	color: var(--text-color, #252B42);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	/* 133.333% */
	letter-spacing: 0.1px;
}


.upload-box {
	display: flex;
	align-items: center;
}

.upload-box input[type="file"] {
	display: none;
}

.upload-choose-btn {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 8px 12px;
	border-radius: 4px 0px 0px 4px;
	flex: 1;
	cursor: pointer;
}

.upload-submit-btn {
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #23A6F0;
	color: white;
	border: none;
	padding: 10px 30px;
	border-radius: 0px 4px 4px 0px;
	cursor: pointer;
}

.upload-group {
	position: relative;

	gap: 10px;
}

.upload-tick {
	color: green;
	font-size: 20px;
	font-weight: bold;
}


.upload-tick {
	color: green;
	margin-left: 8px;
}

.download_claim_container {
	border-radius: 11px;
	border: 1px solid rgba(0, 0, 0, 0.23);
	background: #FFF;
	padding: 15px;
}

.download_claim_container>p:nth-child(1) {
	color: #033381;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0;
}

.download_claim_container>p:nth-child(2) {
	overflow: hidden;
	color: var(--textColor-secDefault, #6D6D6D);
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fontSize-sm, 14px);
	font-style: normal;
	font-weight: 400;
	line-height: var(--lineHeights-md, 20px);
	/* 142.857% */
	letter-spacing: var(--letterSpacing-md, 0);
}

.download_claim_container>a {
	border-radius: 3px;
	border: 1px solid #033381;
	color: #033381;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.upload-status {
	font-size: 13px;
	margin-top: 4px;
	color: #666;
	display: flex;
	align-items: center;
}

.upload-hint {
	font-size: 12px;
	color: #999;
	margin-left: auto;
}

.upload-progress-wrapper {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.upload-progress-bar {
	background: #e0e0e0;
	border-radius: 5px;
	height: 10px;
	flex: 1;
	overflow: hidden;
}

.upload-progress {
	height: 10px;
	background: white;
	width: 0;
}

.upload-list {
	margin-top: 10px;
}

.upload-list-item {
	background: white;
	padding: 8px 12px;
	border-radius: 4px;
	margin-bottom: 6px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.upload-remove-btn {
	background: none;
	border: none;
	font-weight: bold;
	cursor: pointer;
	color: #444;
}

.initiate_claim_container {
	background: #F9FAFB !important;
}

.claim-main-cont {
	background: #F9FAFB !important;
}

.claim_middle_cont {
	width: 100%;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
	padding: 20px;
	padding-bottom: 70px;
}

.top_fetch_doc_cont>p:nth-child(1) {
	color: var(--textColor-default, #0B0B0B);
	font-size: var(--fontSize-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--lineHeights-xxl, 26px);
	/* 144.444% */
	letter-spacing: var(--letterSpacing-xsm, -0.2px);
}

.below_uploadbar_cont {
	display: flex;
	justify-content: space-between;
}

.fetch_documents_cont {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.upload-choose-btn>img {
	width: 33px;
}

.top_fetch_doc_cont {
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 25px;
	display: flex;
	flex-direction: column;
	gap: 17px;
}

.top_fetch_doc_cont>div {
	display: flex;
	gap: 7px;
	align-items: center;
}

.top_fetch_doc_cont>div>span {
	color: token('color.text');
	font-size: var(--Font-Size-Body-M, 14px);
	font-style: normal;
	font-weight: var(--Font-Weight-Body-Regular, 400);
	line-height: var(--Line-Height-Body-M, 20px);
	/* 142.857% */
}

.uploaded-files-list {

	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 25px;
}

.uploaded-files-list h3 {
	margin-bottom: 10px;
	color: var(--textColor-default, #0B0B0B);
	font-size: var(--fontSize-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--lineHeights-xxl, 26px);
	/* 144.444% */
	letter-spacing: var(--letterSpacing-xsm, -0.2px);
}

.files-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.uploaded-file-item {
	background: #f0fff0;
	border: 1px solid #b2f5ea;
	padding: 8px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
}

.uploaded-file-item a {
	color: #2c7a7b;
	text-decoration: none;
	font-weight: 500;
}

.remove-file-btn {
	background: transparent;
	border: none;
	color: #555;
	font-size: 18px;
	cursor: pointer;
}

.claim-confirmation-container {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.checkbox-label {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 3px;
	cursor: pointer;
	width: 16px;
}

.claim-submit-container {
	display: flex;
	justify-content: flex-end;
	padding-right: 6%;
}

.submit-claim-btn {
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
	margin-bottom: 25px;
	display: inline-flex;
	padding: 10px 55px 10px 54px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
}

.submit-claim-btn:hover {
	background: linear-gradient(90deg, #0056b3, #003f7f);
}

.submit-claim-btn:disabled {
	cursor: not-allowed;
}


/* claim success */

.claim-details-heads {
	display: flex;
	justify-content: space-between;
}

.claim-details-heads>div>p:nth-child(1) {
	color: #000;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 136.481%;
	/* 21.837px */
	margin-bottom: 3px;
}

.claim-details-heads>div>p:nth-child(2) {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.claim-details-heads {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 1px 4.1px 0 rgba(0, 0, 0, 0.25);
	padding: 22px;
}

.claim-details-heads>div:nth-child(1)>p:nth-child(2) {
	color: #033381;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 136.481%;
	margin-bottom: 3px;
}

.claim-details-heads>div:nth-child(2)>p:nth-child(2) {
	color: var(--Primary-Blue, #033381);
	font-size: 13px;
	font-style: normal;
	width: fit-content;
	font-weight: 510;
	line-height: normal;
	background: linear-gradient(180deg, #f8f8f8 0%, #f0f0f0 100%);
	border-radius: 999px;
	padding: 6px 16px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.claimStepper_container {
	background: white;
	border-radius: 12px;
	padding: 30px 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 30px;
}

.claimStepper_step {
	flex: 1;
	text-align: center;
	position: relative;
}

/* Line between steps */
.claimStepper_step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: #d9d9d9;
	z-index: 0;
}

/* Step Circle */
.claimStepper_circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	z-index: 1;
	position: relative;
	top: 4px;
}

/* Active & Completed step */
.claimStepper_step.claimStepper_active .claimStepper_circle,
.claimStepper_step.claimStepper_completed .claimStepper_circle {
	background-color: #003087;
	color: white;
}

/* Inactive step */
.claimStepper_step.claimStepper_inactive .claimStepper_circle {
	border: 2px solid #d9d9d9;
	color: #999;
	background: white;
}

/* Step Title */
.claimStepper_title {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	text-align: start;
}

.claimStepper_title span {
	font-weight: normal;
	color: #999;
	margin-left: 4px;
	font-size: 12px;
}

/* Step Description */
.claimStepper_desc {
	font-size: 13px;
	margin-top: 5px;
	line-height: 1.4;
	text-align: start;
	margin-right: 7px;
}

.claimStepper_green {
	color: #2ecc71;
}

.claimStepper_blue {
	color: #1e40af;
}

.claimStepper_date {
	font-size: 12px;
	color: #777;
	margin-top: 5px;
	text-align: start;
}

/* Line coloring for completed steps */
.claimStepper_step.claimStepper_completed::after {
	background-color: #003087;
}

.gdiv-app {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	margin-top: 25px;
}

/* Outer pill container */
.gdiv-pill-wrapper {
	margin-bottom: 22px;
	display: flex;
	justify-content: center;
	padding: 25px;
}

/* Pill track */
.gdiv-pill {
	display: flex;
	gap: 12px;
	align-items: center;
	background: linear-gradient(90deg, #f1f3f5 0%, #f0f2f4 100%);
	padding: 10px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.03);
	width: 100%;
	position: relative;
}

/* Individual tab */
.gdiv-pill__tab {
	position: relative;
	z-index: 1;
	background: transparent;
	border: 0;
	padding: 14px 30px;
	border-radius: 999px;
	font-weight: 600;
	cursor: pointer;
	flex: 1 1 0;
	text-align: center;
	color: #1f2937;
	transition: color .18s ease;
	outline: none;
	user-select: none;
}

/* Active tab look (white inner pill) */
.gdiv-pill__tab--active {
	background: #ffffff;
	color: #0f172a;
	box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
	transform: translateY(-1px);
	z-index: 2;
}

/* make active pill slightly larger visually */
.gdiv-pill__tab--active {
	padding-top: 16px;
	padding-bottom: 16px;
}

/* Small responsive tweak */
.gdiv-pill__tab {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Content area */
.gdiv-content {
	background: #ffffff;
	border-radius: 12px;
	padding: 22px;
	box-shadow: 0 6px 18px rgba(16, 24, 40, 0.04);
	min-height: 140px;
}

/* Panels */
.gdiv-panel {
	animation: gdiv-fadeIn .18s ease both;
}

.gdiv-panel h2 {
	font-size: 16px;
	margin-bottom: 30px !important;
}

.gdiv-panel p {
	color: #374151;
	line-height: 1.45;
	margin-bottom: 12px;
}

/* Simple list styling for documents */

/* animation */
@keyframes gdiv-fadeIn {
	from {
		opacity: 0;
		transform: translateY(6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* Accessibility focus */
.gdiv-pill__tab:focus {
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
	border-radius: 999px;
}

#panel-overview>div:nth-child(1) {
	display: flex;
	gap: 10px;
	background: #eff6ff;
	border-radius: 8px;
	padding: 15px;
}

#panel-overview>div>div:nth-child(2)>p:nth-child(1) {
	font-size: 14px;
	color: #4761ba;
	font-weight: 700;
	margin-bottom: 4px;
}


#panel-overview>div>div:nth-child(2)>p:nth-child(2) {
	font-size: 12px;
	color: #85b6e6;
	font-weight: 400;
}

.claim_details_cont {
	display: flex;
	justify-content: space-between;
}

.gdiv-policy-container {
	display: flex;
	gap: 20px;
	margin-top: 25px;
}

.gdiv-policy-card {
	flex: 1;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	height: fit-content;
}

.gdiv-policy-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}

.gdiv-policy-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 16px;
}

.gdiv-label {
	font-size: 13px;
	color: #6b7280;
}

.gdiv-value {
	font-size: 14px;
	color: #111827;
}

.gdiv-bold {
	font-weight: bold;
}

.gdiv-status-wrap {
	display: flex;
	flex-direction: column;
}

.gdiv-status-badge {
	background: #f0fdf4;
	color: #16a34a;
	font-size: 12px;
	padding: 3px 8px;
	border-radius: 20px;
	border: 1px solid #bbf7d0;
	text-transform: lowercase;
	width: fit-content;
}

.gdiv-next-action {
	color: #1a3c88;
}

.gdiv-contact-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.gdiv-contact-label {
	font-weight: bold;
	font-size: 14px;
}

.gdiv-contact-value {
	font-size: 14px;
	color: #374151;
}

.btnContainer_Xhs82 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 65px 25px 0px;
}

.btnOutline_Xhs82 {
	padding: 8px 16px;
	border: 1px solid #1a73e8;
	background-color: transparent;
	color: #1a73e8;
	font-weight: 600;
	font-size: 14px;
	border-radius: 3px;
	cursor: pointer;
}

.btnOutline_Xhs82:hover {
	background-color: rgba(26, 115, 232, 0.05);
}

.btnFilled_Xhs82 {
	padding: 8px 16px;
	border: none;
	color: white;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	border-radius: 3px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
}

.btnFilled_Xhs82:hover {
	opacity: 0.9;
}

.docUpload-list {
	margin: 0 auto;
}

.docUpload-item {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: background 0.2s ease;
}

.docUpload-item:hover {
	background: #f9fafb;
}

.docUpload-icon {
	flex-shrink: 0;
	background: transparent;
	/* Remove unwanted background */
	display: block;
}

.docUpload-title {
	font-size: 15px;
	font-weight: 600;
	color: #111827;
}

.claimMessages-container {
	margin: 0 auto;
}

.claimMessage-card {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 35px;
	margin-bottom: 12px;
	background: #fff;
}

.claimMessage-left {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.claimMessage-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.claimMessage-text {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.claimMessage-title {
	font-size: 15px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 4px;
}

.claimMessage-desc {
	font-size: 14px;
	color: #4b5563;
	line-height: 1.4;
}

.claimMessage-date {
	font-size: 12px;
	color: #6b7280;
	white-space: nowrap;
}

.claimMessages-button {
	display: block;
	width: 100%;
	text-align: center;
	border-radius: 3px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 9px;
	cursor: pointer;
	border: none;
	margin-top: 40px;
	transition: opacity 0.2s ease;
}

.claimMessages-button:hover {
	opacity: 0.9;
}

.claim-form-container {
	background: #fff;
	padding: 25px;
	border-radius: 15px;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
}

.claim-form-title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}

.claim-form-group {
	margin-bottom: 12px;
}

.claim-form-label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 6px;
}

.claim-form-input,
.claim-form-select,
.claim-form-textarea {
	width: 100%;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	outline: none;
	transition: 0.2s;
	background: #fff;
}

.claim-form-input:focus,
.claim-form-select:focus,
.claim-form-textarea:focus {
	border-color: #6366f1;
	box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

.claim-form-textarea {
	resize: none;
	min-height: 80px;
}

.below_uploadbar_cont>div:nth-child(1) {
	width: 46%;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.auto-doc-container {
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
}

.auto-doc-title {
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 15px;
}

.auto-doc-item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 12px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.auto-doc-item svg {
	width: 20px;
	height: 20px;
}

.auto-doc-item span {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.claim-step-container {
	display: none;
}

.claim-step-container.active {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.claim-step-buttons {
	margin-top: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.claim-step-buttons button {
	border-radius: 5.744px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
	border: none;
	color: #fff;
	padding: 12px 30px;
	font-size: 14px;
	cursor: pointer;
	width: 100%;
}

.claim-timeline-container {
	margin: 20px auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	padding: 16px;
}

.claim-timeline-header {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.claim-step {
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
	position: relative;
}

.claim-step:last-child {
	margin-bottom: 0;
}

/* Circle styles */
.claim-circle {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	margin-right: 12px;
	flex-shrink: 0;
	position: relative;
}

.claim-circle::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 30px;
	background: #e0e0e0;
	z-index: -1;
}

.claim-step:last-child .claim-circle::after {
	display: none;
}

.claim-circle--green {
	background: #00b26a;
	color: #fff;
	font-size: 14px;
}

.claim-circle--blue {
	border: 2px solid #1976d2;
	color: #1976d2;
	background: #fff;
}

.claim-circle--gray {
	border: 2px solid #bdbdbd;
	color: #bdbdbd;
	background: #fff;
}

/* Step content */
.claim-content {
	flex: 1;
}

.claim-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
}

.claim-subtitle {
	font-size: 13px;
	line-height: 1.4;
}

.claim-subtitle--green {
	color: #00b26a;
	font-weight: 500;
}

.claim-subtitle--blue {
	color: #1976d2;
	font-weight: 500;
}

.claim-subtitle--gray {
	color: #9e9e9e;
}

.claim-date {
	font-size: 12px;
	color: #9e9e9e;
	margin-top: 4px;
}

.claim-grid-data {
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, 0.18);
	background: #FFF;
	padding: 25px;
	margin-bottom: 10px;
}

.claim-grid-data>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.claim-grid-data>div:nth-child(1)>p:nth-child(1) {
	color: rgba(30, 30, 30, 0.52);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.claim-grid-data>div:nth-child(1)>p:nth-child(2) {
	border-radius: 696.429px;
	background: #FCF3DB;
	font-size: 12px;
	color: #D56824;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 5px;
}

.claim-grid-data>div:nth-child(2)>p {
	color: #033381;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.claim-grid-data>div:nth-child(3)>div>p:nth-child(1) {
	color: rgba(30, 30, 30, 0.52);
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 5px;
}

.claim-grid-data>div:nth-child(3)>div>p:nth-child(2) {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.Claim-data-mobile {
	display: none;
}

.claims_count_mobile {
	display: flex;

}

.claims_count_mobile>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 6.874px;
	border: 0.687px solid #D1D1D1;
	padding: 10px;
}

.claims_count_mobile>div:nth-child(1)>p:nth-child(1) {
	color: #033381;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.claims_count_mobile>div>p:nth-child(2) {
	color: rgba(30, 30, 30, 0.52);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.claims_count_mobile>div:nth-child(2)>p:nth-child(1) {
	color: #14AE5C;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.claims_count_mobile>div:nth-child(3) {
	border-radius: 6.874px;
	border: 0.687px solid #D1D1D1;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%);
}

.claims_count_mobile>div:nth-child(3)>p:nth-child(1) {
	font-size: 26px;
}

.claims_count_mobile>div:nth-child(3)>p {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.claims_count_mobile {
	display: none;
}

.alert.alert-info {
	color: black !important;
}

.phone_cont {
	color: rgba(0, 0, 0, 0.35);
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.hospital-actions.text-right {
	display: flex;
	gap: 15px;
}

.contact-buttons.mb-2 {
	border-radius: 4px;
	border: 1px solid #1FAF38;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #1FAF38;
	display: flex;
	height: fit-content;
	width: 80px;
	padding: 5px 5px;
	align-items: center;
}

a.btn.btn-sm.btn-primary.mb-1 {
	background: transparent;
	border: 0;
	color: white !important;
	padding: 5px;
	box-shadow: none;
}

.contact-buttons>div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.distance-dropdown-container {
	position: relative;
	display: inline-block;
	background: #f7f7f9;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 15px;
	bottom: 2px;
	font-size: 14px;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 175px;
	width: fit-content;
}

.hospital-search-container.mb-3 {
	display: flex;
	gap: 15px;
}

.distance-dropdown-icon {
	width: 16px;
	height: 16px;
	fill: #aaa;
}

.distance-dropdown-arrow {
	margin-left: auto;
	width: 16px;
	height: 16px;
	fill: #aaa;
}

.distance-dropdown-menu {
	display: none;
	position: absolute;
	top: 105%;
	left: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	min-width: 160px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.distance-dropdown-item {
	padding: 10px;
	font-size: 14px;
	color: #444;
	cursor: pointer;
}

.distance-dropdown-item:hover {
	background: #f2f2f2;
}

.distance-dropdown-container:hover .distance-dropdown-menu {
	display: block;
}

select#document_type {
	background: #F5F6FA;
}

select#policy_category {
	background: #F5F6FA;
}

select#cust_group {
	background: rgb(245, 246, 250);
}

textarea#notes {
	background: rgb(245, 246, 250);
}

button.btn.btn-secondary {
	border-radius: 3px;
	border: 1px solid #033381;
	background: white;
	color: #033381;
}

button.btn.btn-primary {
	border-radius: 3px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%);
}

#documents.form-control-file {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.form-control-file-label {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 14px 16px;
	background-color: #f7f8fc;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	cursor: pointer;
	color: #6b7280;
	font-size: 14px;
	line-height: 1;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control-file-label:hover {
	border-color: #d1d5db;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}

.form-control-file-label svg {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	color: currentColor;
}

/* Helper text */
.form-text.text-muted {
	font-size: 12px;
	color: #6b7280;
	margin-top: 6px;
}

#file-list {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#file-list>* {
	padding: 6px 10px;
	background: #f7f8fc;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	font-size: 12px;
	color: #374151;
}

/* Service Request */
.service_request_cont {
	display: flex;
	justify-content: space-between;
}

.srvreq_container {
	padding: 25px;
	border-radius: 16px;
	border-radius: 17px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 0 3px 12.2px 0 rgba(0, 0, 0, 0.25);
	width: 48%;
}

.srvreq_title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}

.srvreq_subtitle {
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}

.srvreq_group {
	margin-bottom: 15px;
}

.srvreq_label {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 600;
}

.srvreq_select,
.srvreq_textarea,
.srvreq_file {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
	transition: border 0.3s;
	color: grey;
}

.srvreq_select:focus,
.srvreq_textarea:focus {
	border: 1px solid #3b82f6;
	box-shadow: 0 0 0 1px #3b82f6;
}

.srvreq_textarea {
	height: 90px;
	resize: none;
	background: white;
}

.srvreq_file {
	border: 1px solid #ddd;
	padding: 10px;
	background: #fff;
	cursor: pointer;
}

.srvreq_btn {
	width: 100%;
	padding: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.3s;
}

.srvreq_btn:hover {
	opacity: 0.9;
}

.contact_card_container {
	padding: 25px;
	width: 49%;
	border-radius: 17px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 0 3px 12.2px 0 rgba(0, 0, 0, 0.25);
}

.contact_card_title {
	font-size: 16px;
	font-weight: 600;
	color: #2563eb;
	margin-bottom: 4px;
}

.contact_card_subtitle {
	font-size: 13px;
	color: #666;
	margin-bottom: 18px;
}

.contact_card_section {
	font-size: 14px;
	font-weight: 600;
	margin: 16px 0 10px;
}

.contact_card_item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #fff;
}

.contact_card_item:hover {
	background: #f9fafb;
}

.contact_card_icon {
	font-size: 20px;
	color: #2563eb;
}

.contact_card_text {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.contact_card_main {
	font-size: 14px;
	font-weight: 500;
	color: #111827;
}

.contact_card_secondary {
	font-size: 12px;
	color: #6b7280;
}

.contact_card_hours {
	background: #f0f6ff;
	padding: 14px;
	border-radius: 10px;
}

.contact_card_hours p {
	margin: 6px 0;
	font-size: 14px;
	font-weight: 500;
	color: #111827;
}

.contact_card_hours span {
	display: block;
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}

#claims_heading_container {
	display: flex;
	justify-content: space-between;
}

#claims_heading_container>div {
	display: flex;
	gap: 15px;
}

#claims_heading_container>div>p:nth-child(1) {
	color: #1D55A4;
	font-family: "Open Sans";
	font-size: 13.182px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border-radius: 10px;
	background: #F3F4F6;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 5px;
}

#claims_heading_container>div>p:nth-child(2) {
	color: #14AE5C;
	font-family: "Open Sans";
	font-size: 13.182px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border-radius: 10px;
	background: #F3F4F6;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
	padding: 5px;
}

#product_quotes_cont {
	padding-left: 145px !important;
	padding-right: 20px !important;
	padding-top: 50px !important;
}

.past_claim_container {
	display: flex;
	justify-content: space-between;
}

.claim_info_cont {
	display: flex;
	flex-direction: column;
	width: 48%;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
	padding: 25px 50px;
}

.past_claim_heading {
	color: var(--textColor-default, #0B0B0B);
	font-size: var(--fontSize-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--lineHeights-xxl, 26px);
	/* 144.444% */
	letter-spacing: var(--letterSpacing-xsm, -0.2px);
}

.claim_info_first_cont {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.claim_info_first_grid>div {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.claim_info_first_grid {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.claim_info_first_grid>div>div>p {
	margin-bottom: 3px;
}

.claim_info_first_grid>div>div>p:nth-child(1) {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.claim_info_first_grid>div>div>p:nth-child(2) {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#top_view_claim {
	padding-top: 25px;
}

#settled_amount {
	color: #14AE5C;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.custom-line {
	width: 90%;
	margin: 25px auto;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.32);
}

.past_claim_second_grid {
	width: 48%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.timeline_list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
	padding: 25px;
}

.quick_actions_cont {
	display: flex;
	flex-direction: column;
	gap: 15px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
	padding: 25px;
}

.timeline_list>div {
	display: flex;
	gap: 15px;
}

.tick_container>img {
	border-radius: 20px;
	border: 2px solid var(--Colors-Green, #34C759);
	background: rgba(71, 255, 89, 0.10);
	padding: 7px;
}

.timeline_details>p:nth-child(1) {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 3px;
	/* 142.857% */
}

.timeline_details>p:nth-child(2) {
	color: var(--Secondary, #ABB7C2);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 142.857% */
}

.quick_action_list {
	display: flex;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	padding: 12px;
	gap: 10px;
}

.quick_action_list>p {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0;
}

.assistance_container {
	margin-top: 25px;
	padding: 25px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0 4px 10.9px 0 rgba(0, 0, 0, 0.25);
}

.assistance_container>div:nth-child(1)>span {
	color: var(--Primary-Blue, #033381);
	font-size: var(--fontSize-lg, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--lineHeights-xxl, 26px);
	/* 144.444% */
	letter-spacing: var(--letterSpacing-xsm, -0.2px);
}

.assistance_container>div:nth-child(1) {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 60px;
}

.assistance_container>div:nth-child(1)>img {
	width: 35px;
}

.assistance_Call {
	display: flex;
	align-items: start;
	gap: 15px;
	margin-top: 30px;
}

.assistance_Call>img {
	width: 35px;
}

.assistance_Call>div>p:nth-child(1) {
	color: black;
	font-size: var(--Font-Size-Body-M, 14px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-Height-Body-M, 20px);
	/* 142.857% */
	margin-bottom: 3px;
}

.assistance_Call>div>p:nth-child(2) {
	color: #ABB7C2;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: var(--Line-Height-Body-M, 20px);
	/* 166.667% */
}

.assistance_container>p {
	color: #ABB7C2;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: var(--Line-Height-Body-M, 20px);
	/* 166.667% */
	margin-top: 25px;
	margin-bottom: 0;
}

.back_to_dash {
	display: flex;
	justify-content: end;
	margin-top: 25px;
	width: 93%;
}

.back_to_dash>a {
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	border-radius: 3px;
	background: linear-gradient(115deg, #033584 0%, #0072E4 100%), #033381;
	line-height: normal;
	padding: 10px 30px;
}

/* ===================================================================
media Query part
=================================================================== */

@media (min-width: 1678px) and (max-width: 2000px) {

	.nav-grid-opt {
		grid-column-gap: 40px;
	}

	.contact-info-wrapp {
		height: 100%;
	}

	.contact-form-view {
		height: 100% !important;
	}

	.sidebar {
		top: 85px !important;
	}

	.my-portfolio-page>.border-radius-4 {
		margin-left: 110px;
		margin-top: 65px !important;
	}
}

@media (min-width: 1679px) {
	.renew-policy-cont {
		padding-left: 16px !important;
	}
}

@media (min-width: 1676px) {
	.navbar-brand>img {
		width: 165px;
	}
}

@media (max-width: 1676px) {
	.navbar-brand>img {
		width: 140px;
		padding-bottom: 6px;
		margin-left: 24px;
	}

	.sidebar {
		top: 75px !important;
	}
}

@media screen and (max-width: 1600px) {
	.welcome-name {
		width: 100%;
	}

	.nav-grid-1 {
		height: 158px;
	}
}

@media (min-width: 1600px) {
	.main-wrapper.contact-page {
		height: 100vh !important;
	}
}

@media (min-width: 1201px) and (max-width: 1400px) {
	.nav-grid-opt {
		grid-column-gap: 20px !important;
		grid-row-gap: 20px !important;
	}
}

@media (min-width: 1510px) {
	.nav-grid-1 {
		width: 100%;
	}
}

@media (min-width: 1500px) {
	.main-wrapper.contact-page {
		height: auto !important;
	}

	.product-block {
		width: 100%;
	}

	.addtional-buss-quote {
		display: block;
	}
}

@media (max-width: 1500px) {
	.personal-bussiness-policy-wrapper {
		gap: 40px;
	}

}

@media (max-width: 1400px) {
	.insurer-detail-container {
		display: flex;
		gap: 200px;
	}

	a.download-icon-link {
		padding-right: 0px;
	}

	.policy-icon-flex-container {
		padding-right: 55px !important;
	}

	#main-cont-head {
		padding-left: 70px !important;
		padding-right: 40px !important;
	}

	div#home-banner-text>.container {
		padding: 0 90px 0 70px !important;
	}

	.products-main-container {
		padding-left: 75px !important;
		padding-right: 85px !important;
	}

	.three-dots-container .profile-sub {
		left: -70px;
	}

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 150px 85px 80px 70px;
	}

	.hdfc-ergo-body-content .left-section {
		min-width: 140px;
	}

	.hdfc-ergo-body-content {
		gap: 20px;
	}

	.hdfc-ergo-header-content {
		left: 150px;
	}

}

@media (max-width: 1350px) {
	.niva_bhupa-health-card-wrapper .niva-member-niva-name-wrapper .niva-member-age-part .health-card-label-value .heath-value-named {
		max-width: 150px;
	}
}

@media (max-width: 1300px) {
	header .navbar a.nav-link {
		font-size: 14px !important;
	}

	.policy-icon-flex-container {
		padding-right: 45px !important;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-label {
		font-size: 14px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-value {
		font-size: 14px;
	}

	.hdfc-ergo-header-content {
		left: 120px;
	}
}

@media (min-width: 1250px) {
	#add-grid {
		display: none;
	}
}

@media (max-width: 1250px) {
	.container>p {
		margin-left: 70px !important;
	}

	.hover-image-block {
		padding: 33px 20px 34px 20px !important;
	}

	a.download-icon-link {
		padding-right: 0px;
	}

	.fixed-length-policy-no {
		max-width: 60px;
	}

	.policy-icon-flex-container {
		padding-right: 35px !important;
	}

	.health-card-right-first-card-content table tr th {
		padding: 10px 6px !important;
	}

	.health-card-right-first-card-content table tr td {
		padding: 10px 4px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-label {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-value {
		font-size: 12px;
	}

	.health-card-label-value .validity-wrapper {
		gap: 80px;
	}
}

@media screen and (max-width: 1200px) {
	#main-cont-head {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}

	div#about-us-text {
		top: 25%;
		right: 5%;
	}

	.navbar-collapse {
		margin-right: 5px;
	}

	.three-dots-container .profile-sub {
		left: -100px;
	}

	div#home-banner-text>.container {
		padding: 0 60px 0px 40px !important;
	}

	#navbarTogglerDemo03 .navbar-nav .nav-item {
		margin-left: 10px !important;
	}

	.dash-navbar-nav .noti-link {
		padding-top: 9px;
		padding-bottom: 11px;
	}

	.form-modal-content-block {
		position: absolute;
		top: 35%;
	}

	.partner-cont-banner {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.hover-change-icon-block {
		height: 78px;
	}

	.hover-image-block {
		padding: 28px 20px 28px 20px !important;
	}

	.black-text,
	span.hover-text-block {
		font-size: 12px;
		margin: 0 auto;
		display: table;
	}

	.hover-image-block {
		padding: 28px 10px 28px 10px !important;
	}

	.add-personal-policy-part>.row,
	.block.add-bussiness-policy>.row {
		background-color: #0333811c;
		border-radius: 12px;
		height: 432px;
	}

	.my-profile-contact-container {
		gap: 20px !important;
	}

	.my-profile-wrapper {
		width: 40%;
	}

	.my-profile-details-right {
		width: 60%;
	}

	.insurer-detail-container {
		gap: 100px;
	}

	a.download-icon-link {
		padding-right: 0px;
	}

	.products-main-container {
		padding-left: 40px !important;
		padding-right: 50px !important;
	}

	.products-grid-wrapp {
		margin-bottom: 10px;
	}

	.health-form-container .health-heading {
		font-size: 18px !important;
	}

	.property-insurance-container .property-insurance-heading {
		font-size: 18px !important;
	}

	.life-insurance-container .blu-btn.btn-v.big-btn {
		padding: 10px 20px !important;
	}

	.life-insurance-container .life-insurance-heading {
		font-size: 18px !important;
	}

	.nav-grid-opt {
		grid-row-gap: 20px;
	}

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 150px 50px 80px 40px;
	}

	.products-main-container .products-grid-content {
		column-gap: 15px;
	}

	.products-main-container .product-block {
		margin-bottom: 15px;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		width: 30%;
	}

	.find-hospital-near-to-me-container .search-container {
		width: 100%;
		max-width: 70%;
	}

	.health-card-left-right-container .card-content {
		left: 15px;
	}

	.hdfc-ergo-header-content {
		left: 100px;
	}

	.hdfc-ergo-body-content .left-section {
		min-width: 120px;
	}

	.hdfc-ergo-body-content .right-section {
		gap: 10px;
	}

	.hdfc-ergo-body-content {
		padding: 0 10px 0 15px;
	}

	.niva_bhupa-health-card-wrapper .niva-member-niva-name-wrapper .niva-member-age-part .health-card-label-value .heath-value-named {
		max-width: 110px;
	}

	.hospital-near-global-health-card-right-section .global-coverage-part {
		font-size: 10px;
	}

	.hospital-near-global-health-card-right-section .global-coverage-part img.global_coverage_img {
		width: 12px;
		height: 12px;
		margin-top: -1px;
		margin-right: 6px;
	}
}

@media (min-width: 1150px) and (max-width: 1200px) {
	#home-pub-h2 {
		font-size: 35px;
	}

	div#main-cont-head {
		margin-left: 9%;
	}
}

@media (min-width: 1100px) and (max-width: 1150px) {
	div#main-cont-head {
		margin-left: 9%;
	}

	.banner-btn {
		margin-left: -80px !important;
	}

	.hdfc-ergo-header-content {
		left: 90px;
	}

	.validity-and-renewal-date {
		gap: 10px;
	}
}

@media screen and (max-width: 1130px) {
	.health-card-main-container .health-card-left-right-container {
		display: flex;
		flex-direction: column;
	}

	.health-card-main-container .health-card-left-wrapper {
		width: 100%;
	}

	.health-card-main-container .health-card-right-wrapper {
		width: 100%;
	}
}

@media (min-width: 1025px) and (max-width: 1100px) {
	.hdfc-ergo-header-content .health-label {
		font-size: 11px;
	}

	.hdfc-ergo-header-content .health-value {
		font-size: 11px;
	}

	.hdfc-ergo-header-content {
		left: 82px;
		top: 25px;
	}

	.validity-and-renewal-date {
		gap: 4px;
	}

	.hdfc-ergo-body-content .health-label {
		font-size: 11px;
	}

	.hdfc-ergo-body-content .health-value {
		font-size: 11px;
	}

	.hdfc-ergo-body-content {
		padding: 0 10px 0 10px;
		gap: 10px;
	}

	.hdfc-ergo-body-content .left-section {
		min-width: 100px;
	}

	.hdfc-ergo-body-content .right-section {
		gap: 4px;
	}

	.hdfc-ergo-body-content {
		top: 66px;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.nav-grid-opt {
		grid-column-gap: 20px;
	}

	.nav-grid-1 {
		width: 100% !important;

	}
}

@media (max-width: 1170px) {
	.request-quote-cont {
		grid-template-columns: repeat(3, 1fr);
	}

	.title-ellipse {
		width: 100px;
	}

	div#page-content-wrapper table th {
		font-size: 12px;
	}
}

@media (max-width: 1150px) {
	div#navbarTogglerDemo03 .navbar-nav .nav-item {
		margin-left: 15px !important;
	}

	.policy-icon-flex-container {
		padding-right: 30px !important;
	}
}

@media screen and (max-width: 1100px) {
	.welcome-name {
		font-size: 20px;
	}

	.block.slide-main-cont {
		gap: 20px !important;
	}

	.banner-btn {
		margin-left: -100px !important;
	}

	#home-banner-text {
		width: 85%;
	}

	header .navbar a.nav-link {
		font-size: 12px !important;
	}

	.policy-icon-flex-container {
		padding-right: 20px !important;
	}
}

@media screen and (max-width: 1024px) {
	.p-v-p-wrapp {
		margin-bottom: 0px !important;
	}

	.insurer-detail-container {
		display: flex;
		gap: 25px;
	}

	a.download-icon-link {
		padding-right: 15px;
	}

	.fixed-length-policy-no {
		max-width: 60px;
	}

	.all-products-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

	div#navbarTogglerDemo03 .navbar-nav .nav-item {
		margin-left: 10px !important;
	}

	.policy-icon-flex-container {
		padding-right: 0px !important;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		padding: 6px 15px;
	}

	.products-main-wrapp {
		height: unset !important;
	}

	.health-card-main-container .health-card-left-right-container {
		display: flex;
		flex-direction: column;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left {
		height: 470px !important;
	}

	.health-card-main-container .health-card-left-wrapper {
		width: 100%;
	}

	.health-card-main-container .health-card-right-wrapper {
		width: 100%;
	}

	.hospitals-details-container .left-part .hospital-distance {
		margin: 0px !important;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img {
		height: 180px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img {
		height: 180px;
	}

	.health-card-main-container .only-for-global-health-card {
		height: 100px;
	}

	.hdfc-ergo-header-content {
		left: 77px;
		top: 27px;
	}

	.hdfc-ergo-header-content .health-label {
		font-size: 10px;
	}

	.hdfc-ergo-header-content .health-value {
		font-size: 10px;
	}

	.hdfc-ergo-body-content {
		gap: 10px;
		top: 66px;
	}

	.hdfc-ergo-body-content .health-label {
		font-size: 10px;
	}

	.hdfc-ergo-body-content .health-value {
		font-size: 10px;
	}

	.hdfc-ergo-body-content .left-section {
		min-width: 100px;
	}

	.niva_bhupa-health-card-wrapper .niva-member-niva-name-wrapper .niva-member-age-part .health-card-label-value .heath-value-named {
		max-width: 80px;
	}

	.no-health-card-policy-container .health-card-left-right-container {
		flex-direction: row;
	}
}

@media screen and (min-width: 1000px) {
	#main-cont-head {
		margin: 5px 10%;
	}
}

@media screen and (max-width: 1000px) {
	#home-banner-text .container {
		flex-direction: column;
	}

	#banner-text-container {
		flex: unset;
	}

	h2#home-pub-h2 {
		margin-bottom: 40px !important;
		text-align: center;
	}

	.banner-text {
		flex: none !important;
	}

	#Footer-public {
		padding: 10px 25px;
	}

	.home-page-wrapp .banner-btn {
		margin-left: 0px !important;
		margin-top: 0px !important;
	}

	.form-modal-content-block {
		top: 40%;
		right: 28%;
	}
}

@media screen and (max-width: 992px) {
	#public-main-header .privacy-policy {
		display: block;
	}

	#public-main-header .terms-conditions {
		display: block;
	}

	#public-main-header .three-dots-container {
		display: none;
	}

	#main-cont-head {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.navbar-collapse {
		left: 0px;
		width: 40%;
		background-color: #fff;
		height: 100vh;
	}

	.navbar-nav {
		text-align: center;
		margin: 0 auto !important;
		display: table !important;
	}

	div#talkContainer {
		margin-right: 25px;
	}

	.main-wrapper.contact-page .container {
		padding-top: 115px;
	}

	.partner-cont-banner {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.srvreq_container {
		margin-left: 0;
	}

	div#welcome-policy {
		margin-left: 0;
	}

	.products-main-container {
		padding-top: 30px !important;
	}

	.block.slide-main-cont {
		flex-direction: column !important;
	}

	.dashboard-left-side {
		width: 50%;
	}

	.nav-grid-opt {
		width: 100% !important;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin-top: 0px;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		position: relative;
	}

	.nav-grid-1 {
		height: 190px !important;
	}

	.service_request_cont {
		flex-direction: column;
		gap: 25px;
	}

	.srvreq_container {
		width: 100%;
	}

	.contact_card_container {
		width: 100%;
	}

	.dashboard-left-side {
		width: 100% !important;
	}

	.slide-1 {
		width: 100% !important;
		left: 0% !important;
	}

	.navbar-collapse {
		margin-right: 22px;
	}

	.profile-block {
		margin-left: 0px !important;
	}

	div#talkContainer {
		margin-right: 15px !important;
	}

	.noti-link {
		margin-left: 5px;
		padding-top: 10px;
		padding-bottom: 11px;
	}

	.collapse:not(.show) {
		display: none !important;
	}

	.alete-plancover>img {
		width: 140px !important;
		height: 140px !important;
	}

	.Howden>img {
		width: 220px !important;
	}

	.navbar-nav {
		text-align: center;
		margin: 0 auto !important;
		display: table !important;
		position: absolute;
		left: 50%;
		top: 100px;
		transform: translateX(-50%);
	}

	.navbar-collapse {
		transition: left 0.4s ease-in-out;
	}

	.form-modal-content-block {
		top: 35%;
		right: 27%;
	}

	.dashboard-navbar-collapse {
		padding-right: 24px !important;
	}

	.sidebar {
		top: 75px !important;
	}

	div#welcome-policy {
		padding-right: 0px !important;
	}

	.portfolio-options {
		padding-right: 0px !important;
	}

	h2#home-pub-h2 {
		font-size: 26px;
	}

	footer p {
		font-size: 6px !important;
		padding: 0px !important;
	}

	.personal-bussiness-policy-wrapper {
		display: flex;
		gap: 30px;
		flex-direction: column;
	}

	.personal-bussiness-policy-wrapper .add-personal-policy-part {
		width: 100% !important;
	}

	.add-new-policy-part {
		padding-left: 142px !important;
	}

	.block.add-bussiness-policy {
		width: 100% !important;
	}

	.flex.personal-bussiness-policy-wrapper .row {
		height: auto !important;
		padding-bottom: 12px !important;
	}

	.my-profile-details-wrapper .heading {
		font-size: 14px;
	}

	.my-profile-details-wrapper .heading::after {
		left: 135px;
		top: 12px;
		width: 109px;
	}

	.my-profile-name>.name {
		font-size: 14px;
	}

	.my-profile-logo {
		width: 90px;
		height: 90px;
	}

	.policy-insured-tag {
		padding: 4px;
	}

	.my-profile-details-right {
		padding: 12px 12px;
	}

	.insurer-detail-container {
		gap: 12px;
	}

	.my-profile-wrapper {
		width: 40%;
		padding: 12px;
		gap: 10px;
	}

	.my-profile-contact-container {
		gap: 10px !important;
	}

	.family-member-detail-heading-btn>.title {
		font-size: 14px;
	}

	.contact-person-detail-heading-btn .title {
		font-size: 14px;
	}

	.Claim-data-mobile {
		display: block;
	}

	.save-changes-btn,
	.family-member-detail-btn,
	.contact-person-details-btn {
		font-size: 14px;
		line-height: 14.36px;
		padding: 14px 28px !important;
		cursor: pointer !important;
	}

	.customer-detail-container {
		width: 100%;
		background-color: #ffffff;
		border-radius: 14px;
		display: flex;
		justify-content: space-between;
		gap: 15px;
	}

	.contact-person-detail-container,
	.family-member-detail-container {
		padding: 20px 30px 10px 30px !important;
	}

	.policy-insured-tag .tag {
		font-size: 10px;
		font-weight: 500;
	}

	.my-profile-contact-container .upload-profile-text {
		font-size: 8px;
		font-weight: 500;
	}

	#page-content-wrapper h2:nth-child(1) {
		font-size: 16px !important;
		margin-bottom: 12px !important;
	}

	.my-profile-customer-detail-heading {
		padding: 20px 30px 10px 30px !important;
	}

	.family-member-detail-heading-btn,
	.contact-person-detail-heading-btn {
		margin-bottom: 20px;
	}

	.my-profile-customer-detail-heading {
		padding: 12px 0px 0px 14px !important;
	}

	.customer-detail-container {
		padding: 0 15px 0 0 !important;
	}

	.contact-person-detail-container,
	.family-member-detail-container {
		padding: 10px 15px 10px 15px !important;
	}

	img.upload-profile-img {
		width: 70px;
		height: 70px;
		border-radius: 50%;
	}

	.table-responsive.policy-table-data-part table.no-hover tr.details-padd {
		height: 10px !important;
	}

	.my-company-part {
		font-size: 16px;
	}

	.family-policy-dropdown-content {
		min-width: 175px;
	}

	.my-portfolio-page>.border-radius-4 {
		margin-left: 120px !important;
	}

	.upcoming-renewals-part {
		padding-left: 140px !important;
	}

	.my-company-page>.border-radius-4 {
		margin-left: 120px;
	}

	.family-memeber-part .border-radius-4 {
		margin-left: 120px !important;
	}

	a.download-icon-link {
		padding-right: 0px;
	}

	.policy-icon-flex-container {
		padding-right: 20px !important;
	}

	.pills-tabContent_new {
		display: none;
	}

	.fixed-length-policy-no {
		max-width: 50px;
	}

	.clickable-person-row-data:after {
		width: 92%;
	}

	.products-main-container {
		padding-left: 30px !important;
		padding-right: 40px !important;
	}

	a.nav-link.contact-us-button {
		background-color: transparent;
		padding: 8px 10px !important;
		border-radius: unset;
		box-shadow: unset;
		color: #000000 !important;
	}

	a.nav-link.contact-us-button.active {
		padding-bottom: 20px !important;
	}

	.contact-info-wrapp .contact-info {
		margin-bottom: 30px;
	}

	.documents-main-cont {
		padding-top: 65px;
		padding-left: 140px;
	}

	.documents-main-cont th {
		font-weight: 600 !important;
	}

	.health-form-container .health-heading {
		font-size: 16px !important;
	}

	#health_form .health-heading-wrapper {
		margin-left: 10px !important;
	}

	#health_form .health-form-container .col-md-6 .center-form {
		padding: 14px !important;
	}

	.custom-date-wrapper input[type="date"] {
		width: 100% !important;
	}

	#health_form .health-form-container input[type="email"] {
		width: 100% !important;
	}

	.property-insurance-container .property-insurance-heading {
		font-size: 16px !important;
	}

	#home_and_property_form .property-insurance-container .col-md-6 .center-form {
		padding: 14px !important;
	}

	#health_form .health-form-container .custom-calendar-icon {
		right: 10px !important;
	}

	#home_and_property_form .custom-date-wrapper input[type="date"] {
		width: 100% !important;
	}

	#home_and_property_form .property-insurance-container input[type="email"] {
		width: 100% !important;
	}

	#home_and_property_form .property-insurance-container .custom-calendar-icon {
		right: 10px;
	}

	.health-quotes-back-button img.health-arrow-btn {
		width: 20px;
	}

	.homeproperty-quotes-back-button img.home-arrow-btn {
		width: 20px;
	}

	.lifeandannuity-back-button img.life-arrow-btn {
		width: 20px;
	}

	#life-and-annuity_form .life-insurance-container .center-form {
		padding: 14px !important;
	}

	#life-and-annuity_form .life-insurance-container input[type="date"] {
		width: 100% !important;
	}

	#life-and-annuity_form .life-insurance-container input[type="tel"] {
		width: 100% !important;
	}

	#life-and-annuity_form .life-insurance-container .custom-calendar-icon {
		right: 10px;
	}

	.life-select-gender-dropdown .product-gender-dropdown-icon {
		right: 25px;
	}

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 140px 35px 60px 30px;
	}

	#health_form .health-form-container {
		padding-top: 50px;
	}

	#home_and_property_form .property-insurance-container {
		padding-top: 50px;
	}

	#life-and-annuity_form .life-insurance-container {
		padding-top: 50px;
	}

	.health-card-main-container {
		padding-left: 140px;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-left: 140px !important;
	}

	.find-hospital-near-to-me-container .hospitals-details-container .hospitals-detials-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		width: 40%;
	}

	.find-hospital-near-to-me-container .search-container {
		width: 100%;
		max-width: 60%;
	}

	/* ================claim================== */
	.claim-main-cont {
		margin-top: 95px;
		padding-left: 140px;
		padding-right: 24px;
	}

	.table-claim {
		border-collapse: collapse;
		width: 100%;
		display: block;
		border: none !important;
		padding: 0 !important;
	}

	.table-claim thead {
		display: none;
	}

	.table-claim tbody,
	.table-claim tr,
	.table-claim td {
		display: block;
		width: 100%;
	}

	.table-claim tr {
		margin: 10px 0;
		border: 1px solid transparent;
		border-radius: 5px;
		background-color: #ffffff;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
			rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	}

	.table-claim td {
		display: flex;
		justify-content: space-between;
		padding: 10px 10px;
		border: none;
		border-bottom: 1px solid #eee;
	}

	.table-claim td::before {
		content: attr(data-label);
		flex: 0 0 50%;
		text-align: left;
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-claim td:last-child {
		border-bottom: none;
	}

	.table-claim td:nth-child(1)::before {
		content: "Claim ID";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(2)::before {
		content: "Policy No.";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(3)::before {
		content: "Insurer Name";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(4)::before {
		content: "Claim Amount";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(5)::before {
		content: "Claim Type";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(6)::before {
		content: "Date Submitted";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(7)::before {
		content: "Status";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.table-claim td:nth-child(8)::before {
		content: "Action";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
		text-align: left;
		width: 50%;
	}

	.claim-main-cont .table-claim tr td a.black-text {
		font-size: 12px;
		font-weight: 600;
		color: #000000;
		text-align: right;
		margin: unset;
	}

	.claim-main-cont .view-policy-btn-desktop {
		position: unset;
		transform: unset;
	}

	.claim-main-cont table tr.claim-table-row::after {
		content: "";
		position: absolute;
		background-color: transparent;
		height: 0px;
	}

	.claim-main-cont table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}

	.gap-top-50.add-policy-wrapp.max-width-85 {
		padding-left: 125px;
	}

	/* ============= claim dropdown part================== */
	.clinet-three-dropdown-wrapper {
		position: relative;
		display: inline-block;
		margin-top: 5px;
	}

	.three-dot-icon {
		cursor: pointer;
		user-select: none;
	}

	.client-dropdown-menu {
		position: absolute;
		top: 34px;
		right: -10px;
		background-color: white;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
		z-index: 1000;
		width: 160px;
		opacity: 0;
		transform: translateY(-10px);
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	.client-dropdown-menu.active {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		pointer-events: auto;
	}

	.client-dropdown-menu ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
	}

	.client-dropdown-menu ul li {
		padding: 10px;
		cursor: pointer;
		transition: background 0.2s ease;
		margin: 2px 0;
	}

	.client-dropdown-menu ul li:hover {
		background-color: #f0f0f0;
	}

	.target-up-arrow {
		position: absolute;
		top: -9px;
		right: 11px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 10px solid white;
	}

	.target-up-arrow::before {
		content: "";
		position: absolute;
		top: -1px;
		left: -8px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 10px solid rgba(0, 0, 0, 0.1);
		z-index: -1;
		filter: blur(1px);
	}

	.claim-main-cont .nav-right-pills-part-desktop-view {
		display: none;
	}

	.hospital-near-global-health-card-right-section {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section {
		width: 100%;
	}

	.hospital-near-global-health-card-section {
		flex-direction: column;
	}

	.hdfc-ergo-header-content {
		left: 200px;
		top: 25px;
	}

	.hdfc-ergo-body-content {
		padding: 0 20px 0 24px;
	}

	.health-card-main-container .health-card-left-wrapper {
		flex-direction: column;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left {
		width: 100%;
	}

	.health-card-main-container .health-card-right-wrapper {
		width: 100% !important;
	}

	.health-card-right-first-card {
		height: 420px;
	}

	.no-health-card-policy-container .health-card-main-container .health-card-right-wrapper {
		width: 50% !important;
	}

	.no-health-card-policy-container .health-card-main-container .health-card-left-wrapper>.health-card-left {
		height: 420px !important;
	}

	.no-health-card-policy-container .no-health-policy-card-wrapper {
		height: 330px;
	}

	.no-health-card-policy-container .health-card-left-right-container {
		flex-direction: column;
	}

	.no-health-card-policy-container .health-card-main-container .health-card-left-wrapper {
		width: 100%;
	}

	.no-health-card-policy-container .health-card-main-container .health-card-right-wrapper {
		width: 100% !important;
	}

	a.view-policy-btn-desktop {
		height: fit-content;
	}
}

@media screen and (min-width: 991px) and (max-width: 992px) {
	div#home-banner-text {
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.partner-cont-banner {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media screen and (max-width: 991px) {
	div#blackOverlay {
		padding-top: 25px;
	}

	.main-wrapper.about-us-wrapp.partner-wrap-cont {
		height: 89vh !important;
	}

	.main-wrapper {
		height: 86vh !important;
	}

	.dash-cont-main {
		margin-top: 55px;
	}

	.profile-block {
		margin-left: 20px;
	}

	.profile-sub {
		left: -16px;
	}

	.policy-table-data-part table td {
		padding: 10px 10px 10px 0px !important;
	}

	.policy-table-data-part {
		margin-top: 0 !important;
	}

	.add-new-policy-part {
		padding-top: 62px !important;
	}

	.policy-main-cont>.border-radius-4 {
		margin-top: 72px !important;
	}

	.claim-main-cont {
		margin-top: 93px;
	}

	.partners-grid {
		justify-content: center !important;
	}

	.Howden {
		justify-content: center !important;
	}

	.documents-main-cont {
		padding-top: 62px !important;
		padding-left: 140px !important;
	}

	.employee-login-page-to-home {
		display: block !important;
	}

	.three-dots-container {
		display: none !important;
	}

	.renewal-policy-container {
		padding-top: 62px !important;
	}

	.welcome-name {
		padding-top: 10px !important;
	}

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 70px 35px 80px 30px;
	}

	.main-wrapper.contact-page .container {
		padding-top: 40px;
	}

	.health-card-main-container {
		padding-top: 62px;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-top: 57px !important;
	}

	#claims_heading_new2 {
		padding: 25px 0px 0px 0px;
	}

	.claim-main-cont {
		margin-top: 92px;
		padding-left: 140px;
		padding-right: 24px;
	}

	.gap-top-50.add-policy-wrapp.max-width-85 {
		padding-top: 60px !important;
		padding-left: 125px;
	}
}

@media screen and (max-width: 950px) {
	.nav-grid-opt {
		grid-column-gap: 20px !important;
	}
}

@media screen and (max-width: 930px) {
	.nav-grid-1>div {
		font-size: 15px;
	}

	.navbar-collapse {
		left: 0;
		width: 40%;
	}

	.renew-btn-logo-container .renew-logo-wrapper {
		left: 70px;
	}

	div#about-us-text {
		top: 22%;
	}
}

@media (width: 912px) {
	.noti-link {
		padding-right: 0px !important;
	}

	.dashboard-navbar-collapse {
		padding-right: 22px !important;
	}

}

@media (max-width: 900px) {
	.past_claim_container {
		flex-direction: column;
		gap: 20px;
	}

	.claim_info_cont {
		width: 100%;
	}

	.past_claim_second_grid {
		width: 100%;
	}
}

@media (max-width: 850px) {
	.request-quote-cont {
		grid-template-columns: repeat(2, 1fr);
	}

	.nav-grid-opt {
		grid-column-gap: 20px;
	}

	div#about-us-text {
		top: 20%;
	}

	.below_uploadbar_cont {
		flex-direction: column;
	}

	.claim_middle_cont {
		width: 100%;
	}

	.fetch_documents_cont {
		width: 100%;
	}

	.below_uploadbar_cont>div:nth-child(1) {
		width: 100%;
	}

	.claim-details-heads {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 854px) {
	.form-modal-content-block {
		right: 23%;
	}

	.dashboard-navbar-collapse {
		padding-right: 20px;
	}
}

@media (max-width: 830px) {
	#add-grid {
		display: none;
	}
}

@media (max-width: 820px) {
	.nav-talk-button {
		font-size: 14px;
	}

	.profile-cont>span {
		font-size: 14px;
	}

	.nav-grid-opt {
		grid-column-gap: 20px;
	}

	.dashboard-navbar-collapse {
		padding-right: 17px;
	}
}

@media (width: 820px) {
	.noti-link {
		padding-right: 0px !important;
	}
}

@media screen and (max-width: 785px) {
	.partners-grid {
		flex-direction: column;
		gap: 40px;
	}

	.alete-plancover {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 770px) {
	.dash-cont-main {
		margin-top: 65px;
	}

	.client-login-btn {
		display: table;
		margin: 0 auto;
	}

	.container>p {
		margin-left: 75px !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 576px) {
	.main-wrapper {
		height: 84vh !important;
	}

	div#blackOverlay {
		padding-top: 0px;
	}

	.payment-mode-option-container {
		padding: 12px 12px;
	}

	.payment-mode-option-container .paypal-section .heading,
	.payment-mode-option-container .credit-card-radio-part .heading,
	.payment-mode-option-container .left-googlePay-section .heading,
	.payment-mode-option-container .phonepe-card-section .heading,
	.payment-mode-option-container .others-card-section .heading {
		font-size: 14px;
		font-weight: 600;
	}

	.payment-mode-option-wrapper {
		padding: 8px 8px;
	}

	.payment-mode-option-container .paypal-section {
		margin-bottom: 8px;
	}

	.payment-mode-option-container .credit-card-details-section {
		gap: 8px;
	}

	.payment-mode-option-container .credit-card-expanded-section {
		padding: 0px 8px 0px 8px;
	}

	.payment-mode-option-container .payment-mode-option-wrapper label {
		font-size: 12px;
	}

	.upiid-input-img-part .upi-verify {
		font-size: 14px;
		font-weight: 600;
	}

	.payment-mode-option-container .payment-mode-option-wrapper .pay-button {
		font-size: 14px;
		font-weight: 600;
	}

	.payment-mode-option-container input.credit-input-field,
	.payment-mode-option-container input.upi-input-field {
		padding: 0 8px;
	}

	.payment-mode-option-container input.upi-input-field::placeholder {
		font-size: 12px;
	}

	.payment-mode-option-container .credit-card-section .credit-input-field::placeholder {
		font-size: 12px;
	}

	.alete-plancover>img {
		width: 100px !important;
		height: 100px !important;
	}

	.Howden>img {
		width: 180px !important;
	}
}


@media (min-width: 769px) {
	.mobile-step-wrapper {
		display: none;
	}

	.below_uploadbar_cont {
		display: flex;
		gap: 20px;
	}

	.claim-progressbar {
		display: none;
	}

	.claim-timeline-container {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.claim-timeline-container {
		display: block;
	}

	.claimStepper_container {
		display: none;
	}

	.claim-progressbar {
		--clr-blue: #002d72;
		--circle: 28px;
		--line: 2px;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 12px auto 20px;
	}

	.claim-progressbar::before {
		content: "";
		position: absolute;
		top: 50%;
		left: calc(var(--circle) / 2);
		width: calc(100% - var(--circle));
		/* center-to-center */
		height: var(--line);
		background: #d3d3d3;
		/* grey base line */
		transform: translateY(-50%);
	}

	.claim-progressbar::after {
		content: "";
		position: absolute;
		top: 50%;
		left: calc(var(--circle) / 2);
		width: 0;
		/* grows on step 2 */
		height: var(--line);
		background: var(--clr-blue);
		transform: translateY(-50%);
		transition: width .3s ease;
	}

	.claim-progressbar.step-2::after {
		width: calc(100% - var(--circle));
		/* full line */
	}

	.claim-step-circle {
		width: var(--circle);
		height: var(--circle);
		border-radius: 50%;
		border: 2px solid #d3d3d3;
		z-index: 100;
		background: #fff;
		color: #6b7280;
		font-weight: 700;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .25s ease;
	}

	#claims_heading_container {
		display: none;
	}

	.claim-step-circle.active {
		border-color: var(--clr-blue);
		background: var(--clr-blue);
		color: #fff;
	}

	.below_uploadbar_cont {
		display: none;
	}

	.mobile-step-wrapper {
		display: block;
	}

	.submit-claim-btn {
		display: none;
	}

	.sidebar {
		top: 64px !important;
	}

	#main-cont-head {
		top: 40px !important;
	}

	.main-wrapper.contact-page .container {
		padding-top: 50px;
	}

	/* =======add policy================= */
	.gap-top-50.add-policy-wrapp.max-width-85 {
		padding-top: 50px !important;
	}

	.add-new-policy-part {
		padding-top: 50px !important;
	}

	.add-policy-views .add-policy-wrapp {
		padding-left: 142px !important;
	}

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 55px 35px 80px 30px;
	}

	.privacy-policy-main-heading,
	.terms-and-condtion-main-heading {
		font-size: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 24px;
	}

	.privacy-policy-heading-contents-part .inner-text,
	.terms-and-conditons-heading-contents-part .inner-text {
		padding-left: 25px;
		padding-top: 30px;
		padding-right: 30px;
		padding-bottom: 15px;
	}

	.terms-and-conditons-heading-contents-part .inner-text {
		padding-left: 40px !important;
	}

	.main-wrapper.contact-page .container {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.products-main-container {
		padding-top: 20px !important;
	}

	div#about-us-text {
		padding: 0 30px;
		width: 100%;
		position: absolute;
		top: 20%;
		right: 0%;
	}

	.accordion {
		display: block;
	}

	.dashboard-navbar-collapse {
		padding-right: 24px !important;
	}

	.portfolio-policy-table {
		border: none;
		border-collapse: collapse;
		padding: 0;
	}

	.portfolio-policy-table thead {
		display: none;
	}

	.portfolio-policy-table tr {
		display: block;
		margin: 10px 0;
		border: 1px solid transparent;
		border-radius: 5px;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
			rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	}

	.portfolio-policy-table td {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		padding: 12px 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: #000000;
		font-weight: 400;
		font-size: 14px;
	}

	.portfolio-policy-table td::before {
		content: attr(data-label);
		min-width: 50%;
		font-size: 12px !important;
		font-weight: 600 !important;
		color: #033381;
		text-align: left;
		padding: 10px !important;
	}

	.portfolio-policy-table td:last-child {
		border-bottom: none;
	}

	.portfolio-policy-table tr td[colspan] {
		display: table-cell;
		text-align: center;
		padding: 20px;
		width: 100%;
	}

	.dropdown-container .expand-arrow {
		margin-left: 4px;
	}

	.filter-icon-mobile {
		display: block;
	}

	.my-company-page .filter-icon-mobile {
		margin-top: -10px;
	}

	.my-company-page .border-top-block {
		padding-right: 0px;
	}

	.policy-icon-flex-container {
		padding-right: 0 !important;
	}

	/* ==================== renewals part ============================= */
	.table-renewals {
		border: none;
	}

	.table-renewals thead {
		display: none;
	}

	.table-renewals tbody {
		display: block;
		width: 100%;
	}

	.table-renewals tr {
		display: block;
		margin: 0px 0px 8px 0px;
		border: 1px solid transparent;
		border-radius: 5px;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
			rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	}

	.table-renewals td {
		display: block;
		text-align: right;
		position: relative;
		border-bottom: 1px solid #dddddd;
		white-space: normal;
		padding: 20px 10px;
	}

	.table-renewals td:last-child {
		border-bottom: none;
	}

	.table-renewals td::before {
		content: attr(data-label);
		position: absolute;
		left: 10px;
		width: calc(50% - 10px);
		text-align: left;
		font-weight: 600;
		white-space: normal;
	}

	.table-renewals td:nth-child(1)::before {
		content: "Insurer Name";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(2)::before {
		content: "Product";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(3)::before {
		content: "Total Premium";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(4)::before {
		content: "Next Premium Due on";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(5)::before {
		content: "Days Left";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(6)::before {
		content: "Total Premium";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.table-renewals td:nth-child(7)::before {
		content: "Sum Assured";
		color: #033381;
		font-size: 12px;
		font-weight: 600;
	}

	.renewal-policy-container {
		padding-left: 61px;
		padding-top: 50px !important;
	}

	.upcoming-renewals-data-part .renew-btn {
		position: static;
		transform: unset;
	}

	.upcoming-renewals-table-data .table-renewals {
		border: none !important;
		padding: 0 !important;
	}

	.block.border-radius-4.renew-policy-parent {
		padding-right: 0 !important;
	}

	section.gap-100 .container .row.justify-content-center {
		display: flex;
		flex-direction: column !important;
		width: 100% !important;
		align-items: center;
		margin: 0 auto !important;
	}

	.main-wrapper.contact-page {
		height: unset !important;
	}

	section.gap-100 {
		height: unset !important;
	}

	section.gap-100 .container>.row.justify-content-center>.col-md-6 {
		max-width: 100%;
	}

	section.gap-100 .container>.row.justify-content-center>.col-md-5 {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.slide-1 {
		left: 0% !important;
	}

	#Footer-public {
		padding: 10px 20px !important;
	}

	#main-cont-head {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.container .row.justify-content-center {
		height: max-content;
	}

	textarea#enq_contact_message {
		height: 165px !important;
	}

	.welcome-name {
		font-size: 14px !important;
		padding-top: 5px !important;
	}

	.navbar-brand>img {
		width: 115px;
	}

	.navbar-collapse {
		width: 40% !important;
		left: 0;
	}

	.menu-sm-cross {
		position: absolute;
		top: 40px;
		right: 40px;
	}

	.policy-detail-heading {
		font-size: 12px !important;
	}

	div#page-content-wrapper table th {
		font-size: 12px;
	}

	.portfolio-policy-table tbody tr.clickable-person-row-data td {
		font-size: 12px;
		text-align: end;
		font-weight: 600;
	}

	div#welcome-policy {
		flex-direction: column;
		align-items: flex-start;
	}

	.back-space {
		font-size: 22px !important;
		font-weight: 500 !important;
		color: #525056 !important;
		margin-left: 0px !important;
	}

	.claim-main-cont {
		margin-top: 88px;
	}

	.servicing-request-section>h2 {
		padding-left: 10px !important;
	}

	.policy-detail-document-title {
		margin-left: 98px;
	}

	.doc-details.upld-documents {
		margin-left: 98px !important;
		margin-top: 30px !important;
	}

	.policy-paper-block {
		width: 24% !important;
	}

	.customer-detail-container,
	.contact-person-detail-part,
	.rm-detail-part {
		flex-direction: column !important;
		gap: 0px;
	}

	.customer-detail-container .customer-detail-row,
	.contact-person-detail-row {
		width: 100%;
	}

	.policy-table-data-part {
		padding-top: 0 !important;
	}

	.clickable-person-row-data .download-btn {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.clickable-person-row-data .download-btn .download-policy-btn {
		display: block;
		font-size: 12px;
		font-weight: 400;
		background-color: #033381;
		color: #ffffff;
		padding: 4px 20px;
		border-radius: 2.36px;
		margin-left: -100px;
		text-decoration: none;
	}

	div#welcome-policy {
		margin-bottom: 0 !important;
	}

	.portfolio-options {
		margin-bottom: 30px !important;
		margin-top: 20px !important;
	}

	.policy-download-icon {
		display: none;
	}

	.download-policy-btn {
		display: block;
	}

	ul.all-login-option li a {
		font-size: 14px;
	}

	div#home-banner-text>.container {
		padding: 0 !important;
	}

	h2#home-pub-h2 {
		font-size: 22px !important;
	}

	div#client-login-btn .green-btn {
		font-size: 14px;
	}

	.c-detail {
		padding-bottom: 10px;
	}

	.c-detail p {
		font-size: 14px !important;
	}

	.c-detail a,
	.c-detail span {
		font-size: 12px !important;
	}

	.internal-contact-cont .form-control {
		font-size: 12px;
	}

	.contact-form-view .btn-v {
		font-size: 14px !important;
	}

	.policy-main-cont>.border-radius-4 {
		margin-top: 60px !important;
		margin-left: 140px !important;
	}

	.upcoming-renewals-part {
		padding-left: 144px !important;
		padding-right: 24px !important;
	}

	.my-profile-section {
		margin-top: 15px !important;
	}

	.my-profile-section .my-profile-page {
		padding-left: 135px !important;
		padding-right: 12px !important;
	}

	.my-profile-section .my-profile-page .back-arrow-part>.back-arrow {
		font-size: 22px !important;
		font-weight: 500 !important;
	}

	.my-profile-section .my-profile-page .back-arrow-part {
		margin-bottom: 20px;
	}

	.about-banner-text.white-text>h2 {
		font-size: 32px !important;
	}

	div#welcome-policy div#filter-icon-mobile {
		display: block;
	}

	.add-policy-views .add-policy-wrapp {
		padding-left: 140px !important;
	}

	.insurer-detail-container {
		gap: 40px;
	}

	.my-profile-contact-container {
		flex-direction: column;
		align-items: center;
	}

	.claims_new_cont {
		margin-top: 25px;
	}

	.claims_count_mobile {
		display: flex;
		gap: 20px;
	}


	.my-profile-contact-container .my-profile-wrapper {
		background-color: transparent;
		align-items: center;
	}

	.my-profile-logo {
		width: 150px;
		height: 150px;
	}

	.my-profile-details-right {
		width: 100%;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
			rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
		border-radius: 12px !important;
		background-color: #faf8fc;
	}

	div#page-content-wrapper .my-profile-contact-container .my-profile-wrapper {
		width: 100%;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
			rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
		border-radius: 12px !important;
		background-color: #faf8fc;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		padding-left: 150px;
		position: relative;
	}

	.my-profile-name>.name {
		position: absolute;
		left: 50px;
	}

	.my-profile-contact-container .upload-profile-text {
		font-size: 12px;
		font-weight: 600;
	}

	.back-space {
		font-size: 18px !important;
	}

	.block.border-radius-4 {
		padding-left: 0px !important;
	}

	.portfolio-policy-table td {
		font-size: 12px;
	}

	table td[title] {
		text-align: end;
		color: #000000;
	}

	div#familyDropdown .p-v-p-block.text-center {
		margin-bottom: 0px;
	}

	.my-portfolio-page .portfolio-options {
		margin-top: 0px !important;
	}

	.portfolio-options {
		margin-top: 0px !important;
	}

	img.upload-profile-img {
		width: 130px;
		height: 130px;
		border-radius: 50%;
	}

	.fixed-length-policy-no {
		overflow: auto;
		text-overflow: unset;
		max-width: fit-content;
		min-width: fit-content;
		display: block;
	}

	.policy-non-life-insurance-data-part {
		margin-left: 135px !important;
		margin-top: 24px !important;
	}

	.policy-paper-image-block img {
		width: 70px;
	}

	.back-arrow-bttn {
		margin-top: 0px;
		font-size: 12px !important;
		width: 65px;
		padding: 8px 8px;
	}

	.backbtn-download-policybtn-container .download-policybtn {
		font-size: 12px;
		padding: 8px 12px;
	}

	.form-modal-twin-content-block {
		max-width: 350px;
		padding: 5px 15px 15px 15px;
		border-radius: 8px;
		z-index: 10000;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	div#twin-health-section img {
		width: 270px;
		margin-top: 0px;
	}

	.add-policy-wrapp.upcoming-renewals-table-data table.table-renewals td {
		position: relative;
		left: 0px !important;
	}

	.add-policy-wrapp-renewal-table .renew-policy-cont .table-renewals td a.blue-text {
		position: relative;
		left: 0px !important;
	}

	.add-policy-wrapp.upcoming-renewals-table-data .table-renewals td {
		font-size: 12px;
	}

	.add-policy-wrapp.upcoming-renewals-table-data .table-renewals td:first-child {
		padding-bottom: 10px !important;
	}

	.add-policy-wrapp-renewals-wrapper .add-policy-wrapp-renewal-table .renew-policy-cont a.blue-text {
		position: static;
		display: inline-block;
		width: 50% !important;
	}

	.add-policy-wrapp-family-members {
		padding-left: 50px;
		padding-right: 0px;
	}

	.add-policy-wrapp-family-members .table-renewals tr td::before {
		width: 50%;
	}

	.add-policy-wrapp-family-members .table-renewals tr td a {
		width: 50%;
		display: inline-block;
		position: static;
		right: 10px !important;
	}

	#policy-table-body>tr>td {
		padding-right: 10px !important;
		font-weight: 600;
	}

	.portfolio-policy-table td {
		padding: 0px !important;
		white-space: unset !important;
	}

	.portfolio-policy-table a.btn.btn-primary {
		margin: 10px 0px 10px 0px;
	}

	.clickable-person-row-data {
		pointer-events: none;
	}

	.clickable-person-row-data td:last-child a {
		pointer-events: auto !important;
	}

	.add-pol>a {
		font-size: 14px !important;
	}

	.filter-option {
		font-size: 14px;
		padding: 6px 12px;
	}

	.my-company-part {
		font-size: 14px;
		padding: 6px 12px;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		font-size: 14px;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile {
		font-size: 14px;
	}

	.upcoming-renewals-part .nav-pills .nav-link {
		font-size: 14px;
		padding: 6px 12px;
	}

	.renew-btn-logo-container .renew-btn {
		font-size: 14px;
		padding: 6px 15px;
	}

	.renew-view-btn-mobile-only .view-policy-btn-desktop {
		font-size: 14px;
	}

	.my-family-part {
		margin-left: 0 !important;
		font-size: 14px !important;
		padding: 6px 12px 6px 12px;
	}

	.family-policy-dropdown-content {
		min-width: 160px;
		top: 38px;
	}

	a#myFamilyDropdown svg.expand-arrow {
		width: 18px !important;
		height: 18px !important;
	}

	svg.expand-arrow {
		width: 18px !important;
		height: 18px !important;
	}

	form#twin-health-modal-page img {
		width: 140px;
	}

	p.twin-health-heading {
		font-size: 12px !important;
	}

	.modal-twin-health-container input {
		height: 35px !important;
	}

	a.download-icon-link {
		padding-right: 0px;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile {
		display: block;
		font-size: 14px;
		font-weight: 500;
		border: 1px solid #033381;
		background-color: #033381;
		padding: 6px 15px;
		border-radius: 4px;
		color: #ffffff;
		text-decoration: none !important;
		transition: all 0.3s ease-in-out;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile:hover {
		border: 1px solid #033381;
		background-color: #ffffff;
		color: #033381;
	}

	.view-and-download-btn {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		padding: 6px 15px !important;
		position: static;
		margin-left: 10px;
		transform: none;
	}

	.portfolio-policy-table td:last-child::before {
		display: none;
	}

	.portfolio-policy-table td:last-child {
		margin: 10px auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.clickable-person-row-data {
		cursor: pointer;
		position: relative;
	}

	.download-policy-btn-mobile-container {
		display: block;
	}

	.view-policy-btn-desktop-container {
		display: block;
	}

	.renewal-options {
		position: relative;
		margin-left: 45px;
		margin-top: 16px;
	}

	.portfolio-policy-table #policy-table-body .clickable-person-row-data td,
	.portfolio-policy-table #policy-table-body .clickable-row td {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		vertical-align: text-bottom;
		text-align: end !important;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-left: 140px !important;
		margin-top: 30px !important;
		margin-right: 0px !important;
		padding-right: 20px !important;
	}

	.policy-detail-heading {
		margin-top: 20px !important;
	}

	#page-content-wrapper .policy-health-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-motor-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-property-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-travel-insurance-data-part .table-wrapper table tbody tr td {
		text-align: start !important;
	}

	table.no-hover {
		width: 100%;
	}

	table.no-hover th,
	table.no-hover td {
		text-align: left;
		vertical-align: top;
		white-space: normal;
	}

	div#page-content-wrapper table th {
		width: 120px;
	}

	.policy-life-insurance-data-part {
		padding-right: 0 !important;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part {
		padding-left: 130px !important;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part .back-arrow-bttn {
		margin-top: 10px;
	}

	.clickable-person-row-data:after {
		height: 0px !important;
	}

	.portfolio-policy-table tbody tr.clickable-person-row-data td {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		padding-right: 10px !important;
	}

	.third-party-soucrc-policy-title {
		font-size: 16px !important;
		color: #555555 !important;
		display: flex !important;
	}

	.contact-form-view {
		border-top-left-radius: 8px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 8px;
	}

	.contact-info-wrapp {
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 8px !important;
		border-bottom-left-radius: 8px !important;
	}

	.top-bar {
		font-size: 14px !important;
	}

	.contact-message {
		font-size: 22px !important;
		padding-top: 10px !important;
	}

	.no-policies-message {
		font-size: 16px;
	}

	.policy-table-heading {
		font-size: 14px;
	}

	.all-products-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

	.product-block .product-title {
		position: absolute;
		left: 10px !important;
		top: 45px !important;
	}

	.product-content {
		padding: 10px !important;
	}

	#health_form .health-form-container input[type="text"],
	#health_form .health-form-container input[type="tel"],
	#health_form .health-form-container input[type="email"] {
		width: 100% !important;
	}

	.custom-date-wrapper input[type="date"] {
		width: 100% !important;
	}

	#health_form .health-form-container .custom-calendar-icon {
		right: 18px !important;
	}

	#health_form .health-form-container .blu-btn.btn-v.big-btn {
		margin-top: 16px;
	}

	#health_form .health-form-container .health-heading {
		font-size: 20px !important;
	}

	/* ============ documents ============= */
	.documents-main-cont th {
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.documents-main-cont {
		padding-top: 50px !important;
		padding-left: 140px !important;
	}

	.documents-main-cont .documents-dropdown-header .documents-dropdown-title {
		font-size: 14px;
		font-weight: 600;
	}

	.documents-main-cont th {
		padding: 10px 10px 10px 10px !important;
	}

	.documents-dropdown-container a.download-documents {
		font-size: 14px !important;
	}

	.add-document-wrapper>table.documents-table-header {
		display: none !important;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr {
		position: relative;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td:nth-child(1) {
		width: 100% !important;
		height: 85px;
		border-radius: 4px !important;
		padding-left: 10px !important;
		margin: 0 auto;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td:nth-child(2) {
		position: absolute;
		top: 30px;
		left: 10px;
		color: #09090978;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td:nth-child(3) {
		position: absolute;
		right: 10px;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td:not(:first-child) {
		text-align: start;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td {
		padding: 10px 0px 10px 0px !important;
		margin-bottom: 15px !important;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr {
		display: flex !important;
	}

	.documents-dropdown-container .documents-dropdown-content {
		border: none !important;
		border-radius: 0 !important;
	}

	.documents-dropdown-container .documents-dropdown-content>table {
		border: none !important;
	}

	.documents-main-cont .nav-pills .nav-link {
		font-size: 14px;
		padding: 6px 12px;
	}

	.renew-view-btn-mobile-only {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.renew-view-btn-mobile-only .view-policy-btn-desktop {
		display: block;
		background-color: #033381;
		padding: 7px 15px;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 500;
		color: #ffffff;
		border: none;
		text-decoration: none !important;
		position: absolute;
		left: 10px;
		top: 50% !important;
		transform: translateY(-50%);
		width: unset !important;
	}

	.upcoming-renewals-table-data .table-renewals,
	.add-policy-wrapp-renewals-wrapper .table-renewals {
		border: none;
		padding: 0;
	}

	.renew-btn-logo-container .renew-logo-wrapper {
		left: unset;
		right: 0px;
		top: 5px;
	}

	.renew-btn-logo-container {
		position: static;
		padding: 10px 0;
	}

	.upcoming-renewals-part {
		padding-left: 140px !important;
	}

	.renewal-policy-container.upcoming-renewals-part ul#pills-tab {
		margin-bottom: 30px;
	}

	.upcoming-renewals-table-data .renewals-row-data-part:after {
		height: 0 !important;
	}

	.add-policy-wrapp-renewals-wrapper .renew-policy-cont .table-renewals tbody tr td {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.renew-btn-logo-container {
		padding: 0px !important;
	}

	.renew-btn-logo-container .renew-btn {
		position: unset !important;
		top: unset !important;
		transform: unset !important;
	}

	.renew-view-btn-mobile-only {
		display: unset;
	}

	.renew-view-btn-mobile-only .view-policy-btn-desktop {
		top: unset !important;
		transform: unset;
	}

	.personal-renewal-policy .renew-policy-cont .table-renewals tbody tr td:last-child {
		padding-bottom: 10px !important;
	}

	.upcoming-renewals-part .tab-content .add-policy-wrapp-renewals-wrapper .renewals-row-data-part:after {
		height: 0 !important;
	}

	.upcoming-renewals-table-data .renew-policy-cont .table-renewals tr.renewals-row-data-part td a:last-child {
		width: 50%;
		display: inline-block !important;
	}

	tr.renewals-row-data-part td a.blue-text {
		color: #000000 !important;
		font-weight: 600;
		width: 50% !important;
		display: inline-block;
	}

	#home_and_property_form .property-insurance-container input[type="text"],
	#home_and_property_form .property-insurance-container input[type="tel"],
	#home_and_property_form .property-insurance-container input[type="email"] {
		width: 100% !important;
	}

	#home_and_property_form .property-insurance-container .custom-calendar-icon {
		top: 45% !important;
		transform: translateY(-45%) !important;
	}

	.property-insurance-container .blu-btn.btn-v.big-btn {
		margin-top: 16px;
	}

	#life-and-annuity_form #life-and-annuity_btn,
	#life-and-annuity_form #life-and-annuity_btn_whatsapp {
		margin-top: 16px;
	}

	.life-select-gender-dropdown select {
		width: 100% !important;
	}

	#life-and-annuity_form .life-insurance-container input[type="text"] {
		width: 100% !important;
	}

	#life-and-annuity_form .life-insurance-container input[type="email"] {
		width: 100% !important;
	}

	.life-select-gender-dropdown .product-gender-dropdown-icon {
		right: 6px;
		top: 58%;
		transform: translateY(-58%);
	}

	#home_and_property_form .custom-date-wrapper {
		width: 100% !important;
	}

	#life-and-annuity_form .life-insurance-container input[type="date"] {
		margin-bottom: 15px;
	}

	.nav-grid-1 {
		height: 170px !important;
	}

	.nav-grid-1>div {
		font-size: 12px;
	}

	#health_form .health-form-container {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#home_and_property_form .property-insurance-container {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#life-and-annuity_form .life-insurance-container {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	.health-card-view-tab-container ul#pills-tab {
		margin-left: 0px !important;
		padding-left: 0 !important;
	}

	.health-card-main-container .nav-pills .nav-link {
		font-size: 14px;
		font-weight: 500;
		padding: 6px 12px;
	}

	.health-card-main-container {
		padding-top: 50px;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-top: 45px !important;
	}

	.health-card-left-right-container .card-content {
		left: 24px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .download-card {
		font-size: 14px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .share-card {
		font-size: 14px;
	}

	.health-card-main-container .health-card-right-wrapper .coverage-status-heading {
		font-size: 14px !important;
	}

	.health-card-main-container .hospital-near-global-health-card-right-section .only-for-global-health-heading {
		font-size: 14px !important;
	}

	.find-hospital-near-to-me-container .find-hospital-near-to-me-wrapper .heading {
		font-size: 14px !important;
	}

	.hospitals-details-container .left-part .hospital-name-heading {
		font-size: 14px !important;
	}

	.hospitals-details-container .left-part .hospital-location-details {
		font-size: 14px !important;
	}

	.hospitals-details-container .left-part .hospital-distance {
		font-size: 14px !important;
	}

	.hospitals-details-container .left-part .hospital-rating-heading {
		font-size: 14px !important;
	}

	.hospital-contact-details-part .hospital-contact-details {
		font-size: 14px !important;
	}

	.hospitals-details-container .right-part .view-map-btn .view-map-heading {
		font-size: 14px !important;
	}

	.health-card-main-container .call-btn .contact-detail {
		font-size: 14px !important;
	}

	.find-hospital-near-to-me-container .search-container input {
		font-size: 14px !important;
	}

	.find-hospital-near-to-me-container .dropdown-filter select {
		font-size: 14px !important;
	}

	.hospitals-details-container .hospitals-detials-wrapper .location-distance-rating-part {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.hospitals-details-container .hospital-distance-rating-part {
		gap: 30px;
	}

	.find-hospital-near-to-me-container .search-bar-dropdown-filter-part {
		gap: 10px;
	}

	.find-hospital-near-to-me-container .search-container .search-icon {
		left: 6px;
	}

	.find-hospital-near-to-me-container .search-container input {
		padding: 4px 10px 6px 26px;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		padding: 6px 6px;
	}

	.hdfc-ergo-header-content {
		left: 140px;
	}

	/* ============== claim ======================= */
	.back-arrow-container {
		gap: 4.8px;
	}

	.back-arrow-container .page-user-name {
		font-size: 18px !important;
	}

	.claim-main-cont {
		margin-top: 70px;
	}

	.claim-main-cont .nav-pills .nav-link {
		font-size: 14px;
		padding: 6px 12px;
	}

	.nav-grid-opt {
		grid-column-gap: 15px !important;
		grid-row-gap: 15px;
	}

	.claim-main-cont .view-policy-btn-desktop {
		font-size: 14px;
		padding: 6px 15px;
	}

	.find-hospital-near-to-me-container .search-container input {
		height: 40px;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		height: 40px;
	}

	.health-card-main-container .health-card-left-wrapper .health-card-left .health-card-main-heading {
		font-size: 14px !important;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img span {
		font-size: 14px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img span {
		font-size: 14px;
	}

	.no-health-card-policy-container .unlock-title-sub-title-part>h3 {
		font-size: 14px !important;
	}

	.no-health-card-policy-container .lock-icon-and-heading-part .unavailable {
		font-size: 14px !important;
		color: #ffffff !important;
	}

	.no-health-card-policy-container .unlock-title-sub-title-part>p {
		font-size: 12px !important;
	}

	.no-health-card-policy-container .health-card-right-first-card-header>p.sub-heading {
		font-size: 12px;
	}

	.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .unlock-instant-health-card_star-heading-part .unlock-heading {
		font-size: 14px !important;
		color: #E68522 !important;
	}

	.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .sub-heading {
		font-size: 12px;
	}

	.gdiv-policy-container {
		flex-direction: column;
	}

	.claimStepper_title {
		font-size: 10px;
	}

	.claimStepper_desc {
		font-size: 10px;
	}

	.claimStepper_date {
		font-size: 10px;
	}

	.claimStepper_title span {
		font-size: 10px;
	}

	.claimStepper_circle {
		width: 23px;
		height: 23px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: bold;
		z-index: 1;
		position: relative;
		top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.policy-main-cont>.border-radius-4 {
		margin-top: 60px !important;
	}

	.my-profile-section {
		padding-left: 140px !important;
		padding-right: 20px !important;
	}

	.nav-grid-1 {
		height: 170px !important;
	}

	.block.slide-main-cont {
		width: 98%;
		padding-left: 120px;
	}

	div#renewal-payment-container #pills-tab {
		overflow: unset !important;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-top: 0px !important;
	}

	.claim-details-heads>div>p:nth-child(1) {
		font-size: 13px;
	}

	.claim-details-heads>div:nth-child(1)>p:nth-child(2) {
		font-size: 16px;
	}

	.claim-details-heads>div:nth-child(2)>p:nth-child(2) {
		font-size: 10px;
	}

	.claim-details-heads>div>p:nth-child(2) {
		font-size: 13px;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
	.block.border-radius-4.mt-4.policy-non-life-insurance-data-part a.back-arrow-bttn {
		margin-top: 0px;
	}
}

@media screen and (max-width: 740px) {
	.form-modal-content-block {
		right: 22%;
	}

	.my-profile-details-right {
		width: 100%;
	}

	.nav-grid-1 {
		height: 140px !important;
	}
}

@media screen and (max-width: 730px) {
	ul.dash-navbar-nav {
		padding-left: 0px !important;
	}

	.my-portfolio-page .my-company-part {
		margin-right: 8px;
	}

	.my-family-part {
		margin-right: 8px;
	}
}

@media screen and (min-width: 713px) and (max-width: 767px) {
	.noti-link {
		padding-right: 10px !important;
	}
}

@media screen and (max-width: 712px) {
	.noti-link {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}

@media screen and (max-width: 680px) {
	div#page-content-wrapper .my-profile-contact-container .my-profile-wrapper {
		padding-left: 135px;
	}

	.my-profile-name>.name {
		left: 40px;
	}

	.my-profile-logo {
		width: 130px;
		height: 130px;
	}

	img.upload-profile-img {
		width: 110px;
		height: 110px;
		border-radius: 50%;
	}

	.documents-main-cont th {
		font-size: 12px !important;
		font-weight: 600 !important;
	}

	.documents-main-cont .documents-dropdown-header .documents-dropdown-title {
		font-size: 12px !important;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td {
		font-size: 12px !important;
	}

	.documents-dropdown-container a.download-documents {
		font-size: 12px !important;
	}

	.hdfc-ergo-header-content {
		left: 100px;
	}

	.hdfc-ergo-header-content .health-label {
		font-size: 10px;
	}

	.hdfc-ergo-header-content .health-value {
		font-size: 10px;
	}

	.hdfc-ergo-body-content .health-label {
		font-size: 10px;
	}

	.hdfc-ergo-body-content .health-value {
		font-size: 10px;
	}

	.hdfc-ergo-body-content {
		top: 67px;
	}

	.validity-and-renewal-date {
		gap: 10px;
	}
}

@media screen and (max-width: 650px) {
	.my-profile-name>.name {
		left: 30px;
	}

	div#page-content-wrapper .my-profile-contact-container .my-profile-wrapper {
		padding-left: 130px;
	}

	.family-policy-dropdown-content {
		min-width: 160px;
		top: 38px;
	}

	.nav-grid-1 {
		height: 130px !important;
		border-radius: 12px;
	}

	.nav-grid-1>img {
		border-radius: 12px;
	}

	.product-image-block img {
		height: 140px !important;
	}

	.health-card-left-right-container .download-share {
		left: 15px;
	}
}

@media screen and (max-width: 640px) {
	.noti-link {
		padding-right: 10px !important;
	}
}

@media screen and (max-width: 635px) {
	.form-modal-content-block {
		right: 18%;
	}
}

@media screen and (max-width: 620px) {
	.navbar-collapse {
		left: 0 !important;
		width: 50% !important;
	}

	.form-modal-content-block {
		right: 18%;
	}

	div#page-content-wrapper table th {
		font-size: 10px;
	}

	.policy-non-life-insurance-data-part table tbody tr td {
		font-size: 10px;
	}

	.policy-life-insurance-data-part .policy-table-data-part .no-hover tbody tr td {
		font-size: 10px;
	}

	#page-content-wrapper .policy-health-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-motor-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-property-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-travel-insurance-data-part .table-wrapper table tbody tr td {
		font-size: 10px !important;
	}
}

@media screen and (max-width: 600px) {
	.form-container {
		width: 100%;
	}

	.banner-btn {
		margin: 0;
	}

	.block.slide-main-cont {
		padding-left: 106px;
	}

	.personal-quote {
		margin-left: 62px;
	}

	.sideCont {
		gap: 0;
	}

	.sidebar {
		width: 110px;
	}

	button.nav-talk-button {
		font-size: 10px;
	}

	.profile-cont>span {
		font-size: 10px;
	}

	.slide-1 {
		width: 100% !important;
	}

	#policy-port-cont {
		margin-left: 95px;
	}

	div#page-content-wrapper table th {
		font-size: 13px;
	}

	.dashboard-left-side {
		width: 100% !important;
	}

	.navbar-collapse {
		left: 0% !important;
		width: 50% !important;
	}

	a.noti-link {
		padding-right: 10px !important;
	}

	.claim-main-cont {
		margin-top: 85px;
	}

	.add-policy-wrapp {
		padding-left: 30px;
	}

	ul#pills-tab {
		padding-left: 0px !important;
	}

	.my-profile-section .my-profile-title-wrapper>h2 {
		padding-left: 85px;
	}

	.my-profile-section .block.border-radius-4 {
		padding-left: 87px !important;
	}

	.my-profile-section ul#pills-tab {
		margin-left: 87px !important;
	}

	.servicing-request-section>h2 {
		padding-left: 0px !important;
	}

	.support-wrapp .block.bottom-border.border-radius-0.gap-top-25 {
		padding-left: 0 !important;
	}

	.upload-profile-input-img {
		padding-left: 80px !important;
	}

	.upload-profile-title {
		padding-left: 80px !important;
	}

	.upload-documents-btn {
		padding-left: 80px !important;
	}

	.policy-table-data-part {
		padding-left: 75px !important;
	}

	.policy-detail-document-title {
		margin-left: 0px !important;
		padding-left: 90px;
	}

	.all-download-documents-pdf {
		margin-left: 0px !important;
		padding-left: 98px !important;
	}

	.doc-details.upld-documents {
		margin-left: 0px !important;
		padding-left: 90px !important;
	}

	.my-profile-section .my-profile-page .back-arrow-part {
		margin-right: 30px;
	}

	.customer-detail-container,
	.contact-person-detail-container {
		padding: 24px 28px 10px 28px;
		width: 96% !important;
	}

	.save-changes-btn-container {
		width: 95% !important;
	}

	.my-profile-section .my-profile-page {
		padding-left: 98px !important;
	}

	.policy-non-life-insurance-data-part {
		padding-left: 90px !important;
	}

	.add-new-policy-part {
		padding-left: 90px !important;
	}

	.add-policy-wrapp.max-width-85 {
		padding-left: 90px;
	}

	.my-familiy-container-part {
		padding-left: 90px !important;
	}

	.policy-main-cont>.border-radius-4 {
		margin-top: 60px !important;
		margin-left: 125px !important;
	}

	ul#pills-tab {
		margin-left: 16px !important;
	}

	.claim-main-cont .add-policy-wrapp {
		padding-left: 22px !important;
		padding-right: 0px !important;
	}

	.container-fluid.claim-main-cont {
		margin-top: 70px;
		padding-left: 125px !important;
	}

	.add-policy-views .add-policy-wrapp {
		padding-left: 126px !important;
		padding-right: 0px;
	}

	.gap-top-50.add-policy-wrapp.max-width-85 {
		padding-left: 109px;
	}

	.my-profile-details-wrapper .heading::after {
		width: 120px;
	}

	.my-profile-contact-container {
		margin-right: 12px;
	}

	.insurer-detail-container {
		gap: 20px;
	}

	.contact-details-part p.label {
		font-size: 12px;
	}

	.contact-details-row-part p.value {
		font-size: 12px;
	}

	.my-profile-customer-detail-heading,
	.family-member-detail-container {
		max-width: 100% !important;
		width: 96% !important;
	}

	.policy-non-life-insurance-data-part {
		margin-left: 90px !important;
		margin-top: 24px !important;
	}

	.policy-life-insurance-data-part table tbody tr td {
		font-size: 10px;
	}

	.form-modal-twin-content-block {
		max-width: 350px;
		width: 100%;
	}

	.upcoming-renewals-part {
		padding-left: 125px !important;
	}

	.renewal-options {
		margin-left: 10px;
	}

	.add-policy-wrapp-family-members {
		padding-left: 10px;
		padding-right: 10px;
	}

	.my-company-part {
		margin-right: 8px;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-left: 130px !important;
		margin-top: 6px !important;
		margin-right: 4px !important;
	}

	div#page-content-wrapper table th {
		font-size: 10px;
		width: 102px !important;
	}

	.table-wrapper table td {
		font-size: 10px;
	}

	.policy-detail-heading {
		font-size: 12px !important;
	}

	.details-padd>th {
		padding-left: 10px !important;
		padding-top: 12px !important;
		padding-right: 8px !important;
	}

	table.no-hover tbody tr td {
		padding-left: 10px !important;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part {
		padding-left: 80px !important;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part .back-arrow-bttn {
		margin-top: 0px;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part table tbody tr td {
		padding-left: 16px !important;
	}

	.my-profile-section {
		padding-left: 90px !important;
		padding-right: 0px !important;
	}

	.products-grid-content {
		column-gap: 20px;
	}

	.product-sub-title ul li {
		font-size: 10px !important;
	}

	.product-title {
		font-size: 12px !important;
	}

	.products-main-wrapp .product-sub-title ul {
		padding-left: 14px !important;
	}

	.product-content {
		padding: 4px !important;
	}

	.product-block .product-title {
		left: 0px !important;
	}

	.services-wrapp h2 {
		font-size: 20px;
	}

	#health_form .health-form-container .blu-btn.btn-v.big-btn {
		padding: 8px 25px;
		font-size: 14px;
	}

	.documents-main-cont {
		padding-left: 125px !important;
	}

	.upcoming-renewals-part {
		padding-right: 20px !important;
	}

	.life-insurance-container .blu-btn.btn-v.big-btn {
		font-size: 14px !important;
	}

	.property-insurance-container .blu-btn.btn-v.big-btn {
		font-size: 14px !important;
	}

	.health-form-container .blu-btn.btn-v.big-btn {
		font-size: 14px !important;
	}

	.health-card-main-container .health-card-left-wrapper .health-card-left .health-card-main-heading {
		font-size: 12px !important;
		color: #ffffff !important;
	}

	.health-card-right-first-card-header {
		padding: 8px 8px;
	}

	.health-card-left-first-card-header {
		padding: 18px 0;
	}

	.health-card-main-container {
		padding-left: 125px;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-left: 125px !important;
	}

	.health-card-left-right-container .health-card-main-heading {
		font-size: 16px !important;
	}

	.health-card-left-right-container .card-content {
		left: 10px;
	}

	.find-hospital-near-to-me-container .search-container {
		width: 100%;
		max-width: 50%;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		width: 50%;
	}

	.back-arrow-container {
		padding-left: 0px !important;
	}

	.no-policies-message {
		font-size: 14px;
	}

	.third-party-soucrc-policy-title {
		font-size: 14px !important;
		text-align: start;
		padding: 10px;
	}

	.health-card-label-value .validity-wrapper {
		gap: 50px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .download-card {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .share-card {
		font-size: 12px;
	}

	.health-card-main-container .health-card-right-wrapper .coverage-status-heading {
		font-size: 12px !important;
	}

	.health-card-right-first-card-header>p.sub-heading {
		font-size: 12px;
	}

	.health-card-right-first-card-content table tr th {
		font-size: 12px !important;
	}

	.health-card-right-first-card-content table tr td {
		font-size: 12px;
	}

	.health-card-main-container .health-card-left-right-container {
		gap: 15px;
	}

	.health-card-details-main-container {
		gap: 15px;
	}

	.hospital-near-global-health-card-section {
		gap: 15px;
	}

	.hospital-near-global-health-card-left-section {
		gap: 15px;
	}

	.health-card-main-container .health-card-left-wrapper {
		gap: 15px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img span {
		font-size: 14px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img span {
		font-size: 14px;
	}

	.health-card-main-container .health-card-right-section-all-part {
		gap: 10px;
	}

	.health-card-right-first-card-content table {
		padding: 0 10px;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left {
		height: 440px !important;
	}

	.health-card-right-first-card {
		height: 380px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img {
		height: 170px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img {
		height: 170px;
	}

	.hospital-near-global-health-card-right-section {
		padding: 10px;
	}

	.health-card-main-container .hospital-near-global-health-card-right-section .only-for-global-health-heading {
		font-size: 12px !important;
	}

	.hospital-near-global-health-card-section {
		margin-top: 0px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img span {
		font-size: 12px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img span {
		font-size: 12px;
	}

	.health-card-details-main-container .hospital-near-global-health-card-left-section .text-emergency-img>img,
	.health-card-details-main-container .hospital-near-global-health-card-left-section .text-plus-img>img {
		background-color: #ffffff69;
		padding: 8px 12px;
		border-radius: 10px;
		margin-bottom: 10px;
		width: 50px;
		height: 42px;
	}

	.no-health-card-policy-container .unlock-title-sub-title-part>h3 {
		font-size: 12px !important;
	}

	.no-health-card-policy-container .unlock-title-sub-title-part>p {
		font-size: 10px !important;
	}

	.no-health-card-policy-container .no-health-card-policy-part img.unlock-your-health-policy-icon {
		width: 30px;
		height: 30px;
	}

	.no-health-card-policy-container .lock-icon-and-heading-part .unavailable {
		font-size: 12px !important;
	}

	.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .unlock-instant-health-card_star-heading-part .unlock-heading {
		font-size: 12px !important;
	}

	.no-health-card-policy-container .unlock-instant-health-card_star-heading-sub-part .sub-heading {
		font-size: 10px;
	}

	.claimMessage-desc {
		font-size: 10px;
	}

	.claimMessage-text {
		gap: 8px;
	}

	.claimMessage-title {
		font-size: 12px;
	}
}

@media screen and (max-width: 580px) {
	.sidebar-menu .sideCont img {
		margin-right: 0px !important;
	}

	.form-modal-content-block {
		right: 16%;
	}
}

@media screen and (max-width: 576px) {
	.filter-option {
		font-size: 12px !important;
		margin-right: 6px;
	}

	.my-family-part {
		font-size: 12px !important;
		margin-right: 6px;
	}

	.my-company-part {
		font-size: 12px !important;
		margin-right: 6px;
	}

	.my-portfolio-page .my-company-part {
		margin-right: 6px;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		font-size: 12px;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile {
		font-size: 12px;
	}

	.add-pol>a {
		font-size: 12px !important;
	}

	.policy-table-heading {
		font-size: 12px;
	}

	/* ====================== documents ==================== */
	.documents-main-cont .nav-pills .nav-link {
		font-size: 12px;
		margin-right: 6px;
	}

	/* ====================== renewals==================== */

	.upcoming-renewals-part .nav-pills .nav-link {
		font-size: 12px;
		margin-right: 6px;
	}

	.renew-view-btn-mobile-only .view-policy-btn-desktop {
		font-size: 12px;
	}

	.renew-btn-logo-container .renew-btn {
		font-size: 12px;
	}

	.renew-btn-logo-container .renew-logo-wrapper {
		width: 20px;
		height: 20px;
	}

	.renew-logo-wrapper .renew-text {
		font-size: 6px;
	}

	/* ================ claim ================ */
	.back-arrow-container .page-user-name {
		font-size: 16px !important;
	}

	.claim-main-cont .nav-pills .nav-link {
		font-size: 12px;
		margin-right: 6px;
	}

	/* ================ health ================ */
	.health-card-main-container .nav-pills .nav-link {
		font-size: 12px;
	}

	.claim-main-cont .view-policy-btn-desktop {
		font-size: 12px;
	}

	.hdfc-ergo-body-content {
		padding: 0 10px 0 10px;
	}

	.hdfc-ergo-header-content {
		left: 90px;
		top: 30px;
	}

	.validity-and-renewal-date {
		gap: 4px;
	}

	.hdfc-ergo-body-content {
		gap: 10px;
	}

	.hdfc-ergo-body-content .left-section {
		min-width: fit-content;
	}

	.hdfc-ergo-body-content .right-section {
		gap: 4px;
	}

	.hospital-near-global-health-card-right-section .global-coverage-part {
		font-size: 8px;
	}

	.hospital-near-global-health-card-right-section .global-coverage-part img.global_coverage_img {
		width: 10px;
		height: 10px;
		margin-top: -1px;
		margin-right: 4px;
	}
}

@media screen and (max-width: 560px) {
	.form-modal-content-block {
		right: 11%;
	}

	#page-content-wrapper h3 {
		font-size: 18px;
		color: #525056;
	}

	.no-family-members {
		padding: 8px !important;
		font-size: 10px;
		margin: 4px;
	}

	.product-image-block img {
		height: 120px !important;
	}

	.nav-grid-1 {
		height: 110px !important;
		border-radius: 12px;
	}

	/* ================ my family ================ */
	.my-family-part {
		padding: 7px 8px 6px 8px !important;
	}

	a#myFamilyDropdown svg.expand-arrow {
		width: 18px !important;
		height: 18px !important;
	}

	.dropdown-container .expand-arrow {
		margin-left: 0px;
	}

	.filter-option {
		padding: 7px 10px 6px 10px;
	}

	.my-company-part {
		padding: 7px 10px 6px 10px;
	}

	.upcoming-renewals-part .nav-pills .nav-link {
		padding: 7px 10px 6px 10px;
	}

	.documents-main-cont .nav-pills .nav-link {
		padding: 7px 10px 6px 10px;
	}

	.claim-main-cont .nav-pills .nav-link {
		padding: 7px 10px 6px 10px;
	}

	.niva-member-niva-name-wrapper {
		gap: 8px;
	}

	.hdfc-ergo-header-content {
		left: 85px;
	}
}

@media screen and (max-width: 530px) {
	.form-modal-content-block {
		right: 10%;
	}
}

@media screen and (max-width: 520px) {
	div#talkContainer {
		margin-right: 12px !important;
	}

	.hdfc-ergo-header-content {
		left: 70px;
	}

	.gr-step-label-9283 {
		font-size: 12px;
	}

	.gr-step-circle-9283 {
		width: 26px;
		height: 26px;
	}

	.gr-connector-wrap-9283 {
		left: 14px;
		right: 14px;
		top: calc(20px + 13px);
	}
}

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

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 45px 35px 90px 30px;
	}

	.latest_policy_text {
		font-size: 9px;
	}


	.ins-cust>span {
		font-size: 8px;
	}

	.ins-cust2>span {
		font-size: 8px;
	}

	.ins_start_end>span {
		font-size: 8px;
	}

	.ins_start_end>img {
		width: 16px !important;
	}

	.claimStepper_container {
		padding: 17px 11px;
	}

	.claimStepper_desc {
		font-size: 8px;
	}

	.claimStepper_title {
		font-size: 8px;
	}

	.claimStepper_date {
		font-size: 8px;
	}

	.claimStepper_title span {
		font-size: 8px;
	}

	.coverage_view>div>span:nth-child(1) {
		font-size: 8px;
	}

	.coverage_view>div>span:nth-child(2) {
		font-size: 8px;
	}

	.days_left>span {
		font-size: 8px;
	}

	.coverage_view>a {
		font-size: 8px;
	}

	.added_interval {
		font-size: 8px;
	}

	.ins_renew_head_l {
		gap: 3px;
	}

	.privacy-policy-main-heading,
	.terms-and-condtion-main-heading {
		font-size: 18px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15px;
	}

	.privacy-policy-heading-contents-part .inner-text p,
	.terms-and-conditons-heading-contents-part .inner-text p {
		font-size: 12px;
	}

	.privacy-policy-heading-contents-part .inner-text h3,
	.terms-and-conditons-heading-contents-part .inner-text h3 {
		font-size: 14px;
	}

	.privacy-policy-heading-contents-part .inner-text,
	.terms-and-conditons-heading-contents-part .inner-text {
		padding-left: 15px;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
	}

	.terms-and-conditons-heading-contents-part .inner-text {
		padding-left: 30px !important;
	}

	.main-wrapper.contact-page .container {
		padding-top: 20px;
		padding-bottom: 55px;
	}

	.contact-form-view {
		padding: 20px;
	}

	.contact-info-wrapp {
		justify-content: unset;
		padding-left: 25px !important;
	}

	.contact-info-wrapp .contact-info {
		margin-bottom: 10px;
	}

	.contact-info-wrapp.blue-bg {
		padding: 20px;
	}

	.products-main-container {
		padding-top: 0px !important;
		padding-bottom: 60px !important;
	}

	#health_form .health-form-container {
		padding-top: 0px;
		padding-bottom: 50px;
	}

	#home_and_property_form .property-insurance-container {
		padding-top: 0px;
		padding-bottom: 50px;
	}

	#life-and-annuity_form .life-insurance-container {
		padding-top: 0px;
		padding-bottom: 50px;
	}

	div#welcome-policy {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.block.border-radius-0.gap-top-25.personal-quote {
		margin-left: 65px;
	}

	.block.border-radius-0.gap-top-50.personal-quote {
		margin-left: 65px;
	}

	.block.slide-main-cont {
		padding-left: 0px !important;
	}

	.hamburger-menu {
		display: block;
		font-size: 26px;
		top: 18px;
		color: white;
	}

	.dropdown-menu {
		left: unset;
		right: 0px;
		top: 34px;
	}

	div#talkContainer {
		height: 32px;
		margin-right: 5px !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.profile-block {
		padding: 6px;
	}

	.profile-cont {
		height: 18px;
	}

	#phone {
		display: block;
	}

	.desk {
		display: none;
	}

	ul#pills-tab {
		margin-left: 0;
	}

	button.nav-talk-button {
		display: none;
	}

	.top_claims {
		padding: 14px;
	}

	.claims_grid_conatiner {
		padding: 8px 0px;
	}

	.back_to_dash>a {
		font-size: 12px;
	}

	.assistance_container {
		padding: 20px;
	}

	.back-space {
		margin-left: 0;
	}

	.profile-cont>span {
		display: none;
	}

	.noti-link {
		padding-top: 5px !important;
		padding-bottom: 8px !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.notifaction-alert {
		right: 9px;
		font-size: 10px;
		top: 1px;
	}

	.navbar {
		height: 80px;
	}

	.sidebar {
		top: 80px !important;
		width: 185px;
		background-color: white;
		overflow-y: auto !important;
		scroll-behavior: smooth;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	}

	.sidebar-menu .sideCont p {
		color: black;
		font-weight: bold;
	}

	.sidebar-menu .sideCont img {
		display: none;
	}

	#logo-new-mobile {
		display: block;
		width: 120px;
		height: 42px;
		border-radius: 0;
	}

	#logo-sidebar {
		margin-top: 0;
	}

	#profilePortfolio {
		margin-top: 8px;
	}

	.navbar-brand>img {
		width: 100px;
	}

	.block.border-radius-0.gap-top-25.personal-quote {
		margin-left: 0px;
	}

	.block.border-radius-0.gap-top-50.personal-quote {
		margin-left: 0px;
	}

	.welcome-name {
		font-size: 18px;
		padding-left: 10px;
	}

	.image-text-1,
	.image-text-2,
	.image-text-3,
	.image-text-4,
	.image-text-5,
	.image-text-6,
	.image-text-7,
	.image-text-8,
	.image-text-9 {
		left: 0px;
	}

	.block {
		margin-left: 0;
	}

	.dash-cont-main {
		margin-top: 70px;
	}

	.profile-block {
		margin-right: 0;
	}

	.profile-sub {
		left: -109px;
	}

	.container>p {
		margin-left: 0 !important;
	}

	.container-fluid.claim-main-cont {
		padding-left: 0px !important;
	}

	.dashboard-left-side {
		margin-left: 0px !important;
		width: 100% !important;
	}

	.nav-grid-opt {
		padding-bottom: 10px !important;
		grid-column-gap: 10px !important;
		grid-row-gap: 10px !important;
	}

	.slide-1 {
		width: 100% !important;
	}

	.block.slide-main-cont {
		width: calc(100% - 20px) !important;
	}

	.image-text-9 {
		font-size: 12px;
	}

	.image-text-3 {
		left: 0px;
		font-size: 14px;
		padding: 5px 7px;
	}

	.noti-link>img {
		width: 20px;
	}

	.sidebar {
		transform: translateX(-100%);
	}

	a.navbar-brand {
		margin-left: 35px;
	}

	.welcome-name {
		width: 90%;
	}

	.navbar-collapse {
		width: 50% !important;
	}

	.form-modal-content-block {
		right: 9%;
	}

	.back-arrow-container {
		padding-left: 0px !important;
	}

	ul#pills-tab {
		margin-left: 0px !important;
	}

	#policy-port-cont {
		margin-left: 15px;
	}

	.my-profile-section .my-profile-title-wrapper>h2 {
		padding-left: 24px !important;
	}

	.my-profile-section ul#pills-tab {
		margin-left: 28px !important;
		margin-top: 20px !important;
	}

	.my-profile-section .block.border-radius-4 {
		padding-left: 28px !important;
	}

	.servicing-request-section>h2 {
		padding-left: 22px !important;
	}

	.policy-table-data-part {
		padding-left: 20px !important;
	}

	.upload-profile-input-img {
		padding-left: 20px !important;
	}

	.upload-profile-title {
		padding-left: 20px !important;
	}

	.upload-documents-btn {
		padding-left: 20px !important;
	}

	.all-download-documents-pdf {
		margin-left: 20px !important;
	}

	.policy-detail-document-title {
		padding-left: 30px !important;
	}

	#page-content-wrapper .my-profile-page {
		padding-left: 22px !important;
	}

	.sidebar-menu .item-1 {
		width: 100%;
		margin: 10px auto;
	}

	.sidebar-menu .item-1.active {
		border: unset;
		border-radius: 0px;
		box-shadow: unset;
	}

	.add-new-policy-part {
		padding-left: 24px !important;
		padding-top: 61px !important;
	}

	.gap-top-50.add-policy-wrapp.max-width-85 {
		padding-top: 62px !important;
		padding-left: 9px !important;
	}

	.add-policy-views .add-policy-wrapp {
		padding-left: 24px !important;
	}

	.my-familiy-container-part {
		padding-left: 24px !important;
	}

	.my-familiy-container-part .policy-holder-part {
		padding-left: 0 !important;
	}

	.claim-main-cont .add-policy-wrapp {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.policy-main-cont>.border-radius-4 {
		margin-top: 70px !important;
		margin-left: 20px !important;
	}

	ul#pills-tab {
		margin-left: 26px !important;
	}

	.upcoming-renewals-part {
		padding-left: 20px !important;
	}

	.renewal-policy-container {
		padding-top: 60px !important;
	}

	.documents-main-cont {
		padding-top: 60px !important;
	}

	.health-card-main-container {
		padding-top: 60px;
	}

	.container-fluid.claim-main-cont {
		margin-top: 80px;
		margin-left: 0;
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-top: 55px !important;
	}

	/* ================ my profile ================ */
	div#page-content-wrapper .my-profile-contact-container .my-profile-wrapper {
		padding-left: 98px;
	}

	.my-profile-section .my-profile-page .back-arrow-part h2 {
		font-size: 16px !important;
	}

	.my-profile-name>.name {
		left: 12px;
		font-size: 12px !important;
	}

	.my-profile-logo {
		width: 100px;
		height: 100px;
	}

	img.upload-profile-img {
		width: 90px;
		height: 90px;
		border-radius: 50%;
	}

	.my-profile-logo {
		border: 5px solid #eaeef4;
	}

	.my-profile-contact-container .upload-profile-text {
		font-size: 8px;
	}

	.policy-insured-tag img {
		width: 16px;
	}

	.my-profile-logo label {
		width: 24px;
		height: 24px;
		top: 68%;
		left: 73%;
	}

	.my-profile-details-wrapper .heading {
		font-size: 12px;
	}

	.my-profile-details-wrapper .heading::after {
		left: 100px;
		top: 10px;
		width: 100px;
	}

	.logo-insurer-detail-wrapper>div>img {
		width: 12px;
	}

	.insurer-detail-container {
		gap: 10px;
	}

	#page-content-wrapper h2:nth-child(1) {
		font-size: 12px !important;
	}

	.my-profile-customer-detail-heading {
		padding: 15px 0px 10px 12px !important;
		margin-bottom: 15px;
	}

	.contact-person-detail-container,
	.family-member-detail-container {
		padding: 10px !important;
		width: 100% !important;
	}

	.customer-detail-container {
		padding: 0px !important;
		margin-bottom: 0 !important;
	}

	form#new_profile_form {
		width: 96%;
	}

	.family-member-detail-heading-btn>.title {
		font-size: 12px;
	}

	.contact-person-detail-heading-btn .title {
		font-size: 12px;
	}

	.past_claim_heading {
		font-size: 15px;
	}

	.claim_info_first_grid>div>div>p:nth-child(1) {
		font-size: 13px;
	}

	.claim_info_first_grid>div>div>p:nth-child(2) {
		font-size: 13px;
	}

	.save-changes-btn,
	.family-member-detail-btn,
	.contact-person-details-btn {
		font-size: 8px;
		line-height: 10px;
		padding: 10px 10px;
	}

	.my-profile-section label {
		font-size: 12px !important;
	}

	.my-profile-section input {
		font-size: 12px !important;
	}

	.customer-detail-container .customer-detail-row .form-part,
	.contact-person-detail-row .form-part,
	.family-member-detail-row .form-part {
		margin-bottom: 10px;
	}

	.contact-person-detail-part,
	.family-member-detail-part {
		display: flex;
		gap: 0px;
		flex-direction: column;
	}

	.family-member-detail-heading-btn,
	.contact-person-detail-heading-btn {
		margin-bottom: 0px !important;
	}

	.tick_container>img {
		width: 32px;
	}

	.timeline_details>p:nth-child(2) {
		font-size: 13px;
	}

	.quick_action_list>p {
		font-size: 13px;
	}

	.assistance_container>div:nth-child(1)>span {
		font-size: 15px;
	}

	.assistance_container>div:nth-child(1)>img {
		width: 30px;
	}

	.assistance_Call>div>p:nth-child(1) {
		font-size: 13px;
	}

	.assistance_Call>div>p:nth-child(2) {
		font-size: 10px;
	}

	.assistance_container>p {
		font-size: 10px;
	}

	.assistance_Call>img {
		width: 25px;
	}

	.timeline_details>p:nth-child(1) {
		font-size: 13px;
	}

	.person-detail-row,
	.family-member-detail-row {
		width: 100%;
	}

	.save-changes-btn-container {
		width: 100% !important;
	}

	.my-profile-contact-container {
		margin-bottom: 10px !important;
	}

	.my-profile-customer-detail-heading {
		margin-bottom: 10px !important;
	}

	.contact-person-detail-container,
	.family-member-detail-container {
		margin-bottom: 10px !important;
	}

	.my-profile-customer-detail-heading {
		max-width: 100% !important;
		width: 100% !important;
	}

	.hover-change-icon-block {
		height: 60px;
	}

	.hover-image-block {
		padding: 19px 10px 19px 10px !important;
	}

	.policy-non-life-insurance-data-part {
		margin-left: 12px !important;
		margin-top: 0px !important;
	}

	.block.border-radius-4.mt-4.policy-non-life-insurance-data-part a.back-arrow-bttn {
		margin-top: 20px;
	}

	.back-arrow-bttn {
		font-size: 12px !important;
		width: 70px !important;
	}

	.form-modal-twin-content-block {
		max-width: 300px;
		width: 100%;
	}

	form#twin-health-modal-page img {
		width: 120px;
	}

	.upcoming-renewals-table-data a.blue-text.black-text {
		font-size: 12px !important;
	}

	.add-policy-wrapp-renewal-table .renew-policy-cont a.blue-text.black-text {
		font-size: 12px !important;
	}

	.add-policy-wrapp-family-members {
		padding-left: 20px;
		padding-right: 10px;
	}

	a#myFamilyDropdown>img {
		width: 10px;
		height: 20px;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		padding: 6px 20px 6px 20px !important;
	}

	.view-policy-btn-mobile {
		padding: 6px 20px 6px 20px !important;
	}

	.renewal-options {
		margin-left: 20px;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-left: 22px !important;
		margin-top: 20px !important;
	}

	.policy-life-insurance-data-part .table-responsive.policy-table-data-part {
		padding-left: 0 !important;
	}

	.my-profile-section {
		padding-left: 0px !important;
		padding-right: 2px !important;
	}

	.backbtn-download-policybtn-container .download-policybtn {
		font-size: 12px;
	}

	.services-wrapp h2 {
		font-size: 16px;
	}

	.documents-main-cont {
		padding-left: 20px !important;
	}

	.upcoming-renewals-part {
		padding-right: 25px !important;
	}

	#health_form .health-form-container .health-heading {
		font-size: 14px !important;
	}

	#health_form .health-form-container .blu-btn.btn-v.big-btn {
		padding: 8px 16px;
		font-size: 14px;
	}

	.filter-option {
		font-size: 12px;
	}

	.my-family-part {
		font-size: 12px !important;
	}

	.my-company-part {
		font-size: 12px;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		font-size: 12px;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile {
		font-size: 12px;
	}

	.add-pol>a {
		font-size: 12px !important;
	}

	.upcoming-renewals-part .nav-pills .nav-link {
		font-size: 12px;
	}

	.property-insurance-container .property-insurance-heading {
		font-size: 14px !important;
	}

	.life-insurance-container .life-insurance-heading {
		font-size: 14px !important;
	}

	.block.slide-main-cont {
		gap: 10px !important;
	}

	div#about-us-text {
		padding: 0 30px;
		width: 100%;
		top: 18%;
		right: 0%;
	}

	.product-main-inside-wrapp .products-main-container {
		padding-left: 20px !important;
	}

	.health-card-main-container {
		padding-left: 20px;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left {
		height: 370px !important;
	}

	.health-card-left-right-container .health-card-left-wrapper .health-card {
		height: 230px;
	}

	.health-card-left-right-container .health-card-left-wrapper .health-card .card-content .health-card-policy-number {
		margin-top: 30px;
	}

	.health-card-left-right-container .card-content {
		top: 70px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img span {
		font-size: 12px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img span {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-label {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-value {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .download-card {
		font-size: 12px;
	}

	.health-card-left-right-container .health-card-left-wrapper .download-share .share-card {
		font-size: 12px;
	}

	.find-hospital-near-to-me-container {
		padding: 10px;
	}

	.find-hospital-near-to-me-container .find-hospital-near-to-me-wrapper .heading {
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #000000 !important;
		margin-bottom: 15px !important;
		padding-left: 0 !important;
	}

	.find-hospital-near-to-me-container .hospitals-details-container {
		padding: 10px;
	}

	.hospitals-details-container .left-part .hospital-name-heading {
		padding-left: 0px !important;
	}

	.find-hospital-near-to-me-container .search-container input {
		font-size: 12px !important;
		padding: 4px 10px 6px 25px;
	}

	.find-hospital-near-to-me-container .dropdown-filter select {
		font-size: 12px !important;
	}

	.hospitals-details-container .left-part .hospital-name-heading {
		font-size: 12px !important;
	}

	.hospitals-details-container .left-part .hospital-location-details {
		font-size: 12px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.hospitals-details-container .left-part .hospital-distance {
		font-size: 12px !important;
	}

	.hospitals-details-container .left-part .hospital-rating-heading {
		font-size: 12px !important;
	}

	.hospital-contact-details-part .hospital-contact-details {
		font-size: 12px !important;
	}

	.hospitals-details-container .right-part .view-map-btn .view-map-heading {
		font-size: 12px !important;
	}

	.call-btn .contact-detail {
		font-size: 12px !important;
	}

	.find-hospital-near-to-me-container .search-container .search-icon {
		left: 5px !important;
	}

	.find-hospital-near-to-me-container .dropdown-filter {
		padding: 6px !important;
	}

	.search-bar-dropdown-filter-part .dropdown-filter img.filter-tower-icon {
		width: 12px;
		height: 12px;
	}

	.find-hospital-near-to-me-container img.dropdown-arrow-icon {
		width: 14px;
		height: 14px;
	}

	img.location-details-icon {
		width: 14px;
		height: 14px;
	}

	.hospital-contact-details-part .hospital-contact-details>img {
		width: 14px;
		height: 14px;
	}

	img.start-rating {
		width: 14px;
		height: 14px;
	}

	img.location-view-map-icon {
		width: 14px;
		height: 14px;
	}

	.call-btn .contact-detail>img {
		width: 14px;
		height: 14px;
	}

	.health-card-main-container .only-for-global-health-card {
		padding: 10px 4px;
	}

	.health-card-main-container .only-for-global-health-card .text-content>p {
		font-size: 8px;
	}

	.health-card-main-container .nav-pills .nav-link {
		font-size: 12px;
	}

	.claim-main-cont {
		padding-right: 0px !important;
	}

	/* ================ services ================  */
	.servicing-request-section {
		padding-left: 20px !important;
	}

	.hdfc-ergo-header-content {
		left: 90px;
		top: 15px;
	}

	.hdfc-ergo-body-content {
		top: 51px;
	}

	.claim-details-heads>div>p:nth-child(1) {
		font-size: 10px;
	}

	.claim-details-heads>div:nth-child(1)>p:nth-child(2) {
		font-size: 13px;
	}

	.claim-details-heads>div:nth-child(2)>p:nth-child(2) {
		font-size: 8px;
	}

	.claim-details-heads>div>p:nth-child(2) {
		font-size: 10px;
	}

	.claim-timeline-header {
		font-size: 14px;
	}

	.claim-title {
		font-size: 11px;
	}

	.claim-subtitle {
		font-size: 10px;
	}

	.claim-date {
		font-size: 8px;
	}

	.claim-grid-data>div:nth-child(1)>p:nth-child(1) {
		font-size: 12px;
	}

	.claim-grid-data>div:nth-child(1)>p:nth-child(2) {
		font-size: 10px;
	}

	.claim-grid-data>div:nth-child(2)>p {
		font-size: 14px;
	}

	.claim-grid-data>div:nth-child(3)>div>p:nth-child(2) {
		font-size: 13px;
	}

	.claim-grid-data>div:nth-child(3)>div>p:nth-child(1) {
		font-size: 12px;
	}

	.claims_grid_conatiner {
		flex-direction: column;
	}

	.claim_grid {
		width: 100%;
		height: fit-content;
	}

	.claim_grid_top>p {
		font-size: 13px;
	}

	.claim_grid_top>span {
		font-size: 13px;
	}

	.claim_grid_mid>p:nth-child(1) {
		font-size: 13px;
	}

	.claim_grid_mid>p:nth-child(2) {
		font-size: 13px;
	}

	.initiate_claim_new {
		font-size: 13px;
	}

	.initiate_claim_new {
		padding: 10px 0;
	}

	#claims_heading_new {
		font-size: 14px;
	}

	.srvreq_title {
		font-size: 14px;
	}

	.srvreq_subtitle {
		font-size: 11px;
	}

	.srvreq_label {
		font-size: 13px;
	}

	.srvreq_select,
	.srvreq_textarea,
	.srvreq_file {
		width: 100%;
		padding: 8px;
		font-size: 12px;
	}

	.srvreq_btn {
		padding: 9px;
		font-size: 13px;
	}

	.contact_card_title {
		font-size: 14px;
	}

	.contact_card_subtitle {
		font-size: 11px;
	}

	.contact_card_section {
		font-size: 12px;
	}

	.contact_card_main {
		font-size: 12px;
	}

	.contact_card_secondary {
		font-size: 10px;
	}

	.contact_card_hours p {
		font-size: 12px;
	}

	.contact_card_hours span {
		font-size: 10px;
	}

	.srvreq_container {
		padding: 15px
	}
}

@media screen and (max-width: 480px) {
	.about-banner-text p {
		font-size: 12px;
	}

	.desk {
		display: none;
	}

	#phone {
		display: block;
	}

	.form-modal-content-block {
		width: 330px;
	}

	.varify-login-btn {
		margin-left: 28px;
	}

	.login-btn {
		padding: 7px 30px !important;
	}

	#Footer-public {
		padding: 10px !important;
		font-weight: 600;
	}

	.all-products-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (width: 460px) {
	.form-modal-content-block {
		top: 35% !important;
	}
}

@media screen and (max-width: 450px) {
	.request-quote-cont {
		grid-template-columns: repeat(1, 1fr);
	}

	.products-grids {
		display: flex;
		justify-content: center;
	}

	.my-profile-logo {
		width: 110px;
		height: 110px;
	}

	img.upload-profile-img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}

	.my-profile-contact-container .upload-profile-text {
		font-size: 10px;
		font-weight: 500;
	}

	.my-profile-logo label {
		width: 24px;
		height: 24px;
		top: 75%;
		left: 68%;
	}

	.health-card-right-first-card-content table {
		padding: 0 10px;
	}

	.health-quick-action-gmail img.quick-action-gmail-icon {
		width: 12px;
	}

	.health-card-right-first-card-content table tr td {
		font-size: 10px;
	}

	.health-card-right-first-card-content table tr td a.health-quick-action-gmail {
		font-size: 10px;
	}

	.health-card-right-first-card-content table tr th {
		font-size: 10px !important;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img {
		height: 150px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img {
		height: 150px;
	}

	.health-card-left-right-container .download-share {
		left: 13px;
	}

	.health-card-right-first-card {
		height: 350px;
	}

	.docUpload-sectionTitle {
		font-size: var(--fontSize-lg, 13px);
	}

	.upload-group label {
		font-size: 11px;
	}

	.btnContainer_Xhs82 {
		margin: 25px 2px 25px 0px;
	}

	.upload-status {
		font-size: 11px;
	}

	.upload-choose-btn {
		padding: 6px 10px;
	}

	.upload-hint {
		font-size: 10px;
	}

	.download_claim_container>p:nth-child(1) {
		font-size: 12px;
	}

	.download_claim_container>p:nth-child(2) {
		font-size: 12px;
	}

	.download_claim_container>a {
		font-size: 13px;
		padding: 8px;
	}

	.claimMessage-card {
		padding: 12px;
	}

	.claimMessages-button {
		font-size: 12px;
	}

	.claimMessage-date {
		font-size: 9px;
	}
}

@media screen and (width: 420px) {
	.my-profile-name>.name {
		left: 20px;
	}

	div#page-content-wrapper .my-profile-contact-container .my-profile-wrapper {
		padding-left: 120px;
	}

	.my-profile-name>.name {
		left: 20px !important;
	}
}

@media screen and (max-width: 420px) {
	.family-memeber-part .portfolio-options {
		flex-direction: unset;
	}

	.portfolio-policy-table td::before {
		font-size: 12px !important;
		text-align: left;
	}

	#policy-table-body>tr>td {
		padding-right: 10px !important;
	}

	.portfolio-policy-table td {
		font-size: 10px;
	}


	.niva-member-niva-name-wrapper {
		gap: 20px;
	}

	.hdfc-ergo-header-content .health-label {
		font-size: 8px;
	}

	.hdfc-ergo-header-content .health-value {
		font-size: 8px;
	}

	.hdfc-ergo-body-content .health-label {
		font-size: 8px;
	}

	.hdfc-ergo-body-content .health-value {
		font-size: 8px;
	}

	.hdfc-ergo-header-content {
		left: 75px;
		top: 20px;
	}

	.hdfc-ergo-body-content {
		gap: 4px;
	}
}

@media screen and (max-width: 415px) {
	.nav-grid-1 {
		height: 110px !important;
	}
}

@media screen and (max-width: 412px) {
	.navbar-collapse {
		width: 55% !important;
		left: 0% !important;
		top: 6px !important;
		gap: 10px !important;
	}

	.block.slide-main-cont {
		width: calc(100% - 15px) !important;
	}

	.dashboard-navbar-collapse {
		padding-right: 20px !important;
	}

	.add-policy-views .add-policy-wrapp {
		padding-right: 0px;
	}

	.hover-image-block img {
		width: 16px;
	}

	.docUpload-title {
		font-size: 12px;
	}

	.hover-change-icon-block {
		height: 50px;
	}

	.hover-image-block {
		padding: 14px 10px 14px 10px !important;
	}

	th,
	td {
		min-width: 60px;
	}

	.add-policy-wrapp-family-members .black-text {
		font-size: 12px !important;
	}

	.filter-option {
		margin-right: 4px !important;
		font-size: 10px !important;
		padding: 5px 10px 4px 10px !important;
	}

	.my-family-part {
		padding: 5px 10px 4px 10px !important;
		margin-right: 4px !important;
		font-size: 10px !important;
	}

	.my-company-part {
		margin-right: 4px !important;
		font-size: 10px !important;
		padding: 5px 10px 4px 10px !important;
	}

	svg.expand-arrow {
		width: 20px !important;
		height: 15px !important;
	}

	.add-pol>a {
		padding: 7px 10px 5px 10px !important;
		font-size: 10px !important;
	}

	a#myFamilyDropdown svg.expand-arrow {
		width: 16px !important;
		height: 16px !important;
	}

	.back-arrow-bttn {
		font-size: 12px !important;
		width: 70px !important;
	}

	.details-padd>th {
		font-size: 8px !important;
	}

	.portfolio-policy-table tbody tr.clickable-person-row-data td {
		font-size: 12px !important;
	}

	.backbtn-download-policybtn-container .download-policybtn {
		font-size: 12px;
		padding: 8px 12px;
	}

	#page-content-wrapper .policy-health-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-motor-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-property-insurance-data-part .table-wrapper table tbody tr td,
	#page-content-wrapper .policy-travel-insurance-data-part .table-wrapper table tbody tr td {
		font-size: 8px !important;
	}

	.documents-dropdown-container .documents-dropdown-content table tbody tr td:nth-child(4) {
		display: none !important;
	}

	.documents-main-cont {
		padding-right: 20px;
	}

	.index-finger-employee-login-wrapper {
		gap: 20px;
	}

	.upcoming-renewals-part {
		padding-right: 20px !important;
	}

	.upcoming-renewals-part .my-family-part {
		padding: 5px 10px 4px 10px !important;
		margin-right: 4px !important;
		font-size: 10px !important;
	}

	.upcoming-renewals-part .nav-pills .nav-link {
		font-size: 10px !important;
		padding: 5px 10px 4px 10px !important;
		margin-right: 4px;
	}

	.nav-grid-1 {
		height: 110px !important;
	}

	.nav-grid-1>div {
		font-size: 10px;
	}

	.health-card-main-container .nav-pills .nav-link {
		font-size: 10px;
		padding: 5px 10px 4px 10px;
		margin-right: 4px;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-right: 0px !important;
	}

	.claim-main-cont .nav-pills .nav-link {
		font-size: 10px;
		padding: 5px 10px 4px 10px;
		margin-right: 4px;
	}

	.download-policy-btn-mobile-container a.view-policy-btn-mobile {
		font-size: 10px;
		padding: 7px 20px 5px 20px !important;
	}

	.view-policy-btn-desktop-container .view-policy-btn-desktop {
		font-size: 10px;
		padding: 7px 20px 5px 20px !important;
	}

	.renew-view-btn-mobile-only .view-policy-btn-desktop {
		font-size: 10px;
		padding: 7px 20px 5px 20px !important;
	}

	.renew-btn-logo-container .renew-btn {
		font-size: 10px;
		padding: 7px 20px 5px 20px !important;
	}

	.claim-main-cont .view-policy-btn-desktop {
		font-size: 10px;
		padding: 7px 20px 5px 20px;
	}

	.documents-main-cont .nav-pills .nav-link {
		font-size: 10px !important;
		padding: 5px 10px 4px 10px !important;
		margin-right: 4px;
	}

	.health-card-left-right-container .card-content {
		left: 10px;
	}

	.health-card-label-value .validity-wrapper {
		gap: 25px;
	}

	.health-card-right-first-card-content table tr th {
		font-size: 10px !important;
	}

	.hospital-near-global-health-card-left-section {
		gap: 8px;
	}

	.health-card-main-container .health-card-right-section-all-part {
		gap: 8px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-label {
		font-size: 10px;
	}

	.health-card-left-right-container .health-card .card-content .health-card-label-value .health-value {
		font-size: 10px;
	}

	.niva-member-age-part,
	.niva-name-valid-part {
		gap: 10px;
	}

	.health-card-main-container .hospital-near-global-health-card-right-section .only-for-global-health-heading {
		margin-top: 20px;
	}

	.hospital-near-global-health-card-left-section .hospital-near-me-box .text-plus-img {
		padding: 10px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box .text-emergency-img {
		padding: 10px;
	}

	.gdiv-pill-wrapper {
		padding: 10px;
	}

	.gdiv-pill__tab {
		font-size: 10px;
		padding-right: 17px;
		text-overflow: inherit;
	}

	#panel-overview>div>div:nth-child(2)>p:nth-child(1) {
		font-size: 12px;
	}

	#panel-overview>div>div:nth-child(2)>p:nth-child(2) {
		font-size: 10px;
	}

	#page-content-wrapper h3 {
		font-size: 14px;
	}

	.gdiv-panel p {
		font-size: 10px;
	}

	.gdiv-status-badge {
		font-size: 10px;
	}

	#page-content-wrapper h3 {
		font-size: 12px;
	}

	.btnOutline_Xhs82 {
		font-size: 10px;
	}

	.btnFilled_Xhs82 {
		font-size: 9px;
	}

	.btnContainer_Xhs82 {
		margin: 25px 5px 25px 0px;
	}

	.claims_count_mobile>div>p:nth-child(2) {
		font-size: 10px;
	}

	.claims_count_mobile>div:nth-child(3)>p:nth-child(1) {
		margin-bottom: 2px;

	}
}

@media screen and (max-width: 380px) {
	.navbar-collapse {
		width: 70% !important;
	}

	.my-profile-logo {
		width: 90px !important;
		height: 90px !important;
	}

	img.upload-profile-img {
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}

	.view-policy-btn-mobile {
		font-size: 10px;
	}

	.nav-grid-1 {
		height: 100px !important;
	}

	.dropdown-menu {
		left: unset;
		right: -70px;
	}

	#health_form .health-form-container .health-heading,
	.property-insurance-container .property-insurance-heading,
	.life-insurance-container .life-insurance-heading {
		line-height: 1.2;
	}
}

@media screen and (max-width: 377px) {
	.about-banner-text p {
		font-size: 11px;
	}

	.form-modal-content-block {
		width: 280px;
	}

	div#talkContainer {
		margin-right: 0px !important;
	}

	.noti-link {
		margin-left: 0px !important;
	}

	.form-modal-content-block {
		top: 35% !important;
		right: 8% !important;
	}

	.dashboard-navbar-collapse {
		gap: 12px !important;
	}

	.my-profile-section .block.border-radius-4 {
		padding-right: 5px !important;
	}

	.product-image-block img {
		height: 100px !important;
	}

	.block.slide-main-cont {
		width: calc(100% - 10px) !important;
	}
}

@media screen and (max-width: 376px) {
	.products-main-container {
		padding-right: 30px !important;
	}

	.product-image-block img {
		height: 135px !important;
	}

	.documents-main-cont {
		padding-right: 15px;
	}

	.upcoming-renewals-part {
		padding-right: 18px !important;
	}
}

@media screen and (width: 360px) {
	.navbar-collapse {
		left: 0% !important;
		top: 6px;
		gap: 10px;
	}

	.documents-main-cont {
		padding-right: 5px;
	}
}

@media screen and (max-width: 350px) {
	.form-modal-content-block {
		right: 9% !important;
	}

	.form-modal-twin-content-block {
		max-width: 250px;
		width: 100%;
	}

	form#twin-health-modal-page img {
		width: 140px;
	}

	p.twin-health-heading {
		font-size: 14px;
	}

	.modal-twin-health-container input {
		height: 35px !important;
	}

	div#twin-health-section img {
		width: 230px;
	}

	.my-portfolio-page .portfolio-options {
		margin-right: 4px !important;
	}

	.my-family-part,
	.my-company-part {
		padding: 6px;
	}

	.index-finger-employee-login-wrapper {
		gap: 15px !important;
	}

	.gdiv-pill__tab {
		margin-right: -21px;
	}

	form#existing_client_login-page p.client-login-link>a {
		font-size: 10px;
	}

	form#existing_client_login-page p.employee-login-link>a {
		font-size: 10px;
	}

	form#existing_client_login-page p.user-login-link>a {
		font-size: 10px;
	}

	.modal-content-block .modal-login-container .otp {
		font-size: 12px;
	}

	.hdfc-ergo-header-content {
		left: 60px;
	}

	.niva-member-niva-name-wrapper {
		gap: 5px;
	}

	.claim_grid_top>p {
		font-size: 11px;
	}

	.claim_grid_top>span {
		font-size: 11px;
	}

	.claim_grid_mid>p:nth-child(1) {
		font-size: 11px;
	}

	.claim_info_first_grid>div>div>p:nth-child(1) {
		font-size: 11px;
	}

	.claim_info_first_grid>div>div>p:nth-child(2) {
		font-size: 11px;
	}

	#settled_amount {
		font-size: 12px;
	}

	.claim_info_cont {
		padding: 20px;
	}

	.past_claim_heading {
		font-size: 13px;
	}

	.tick_container>img {
		width: 30px;
	}

	.timeline_details>p:nth-child(1) {
		font-size: 11px;
	}

	.timeline_details>p:nth-child(2) {
		font-size: 11px;
	}

	.claim_grid_mid>p:nth-child(2) {
		font-size: 11px;
	}

	.quick_actions_cont {
		padding: 20px;
	}

	.quick_action_list>p {
		font-size: 11px;
	}

	.initiate_claim_new {
		font-size: 11px;
	}

	.servicing-request-section {
		padding-left: 10px !important;
	}

	.srvreq_select,
	.srvreq_textarea,
	.srvreq_file {
		font-size: 10px;
	}

	.srvreq_label {
		font-size: 11px;
	}

	.srvreq_btn {
		font-size: 11px;
	}

	.quick_action_list>img {
		width: 20px;
	}

	.assistance_container>div:nth-child(1)>span {
		font-size: 12px;
	}

	.assistance_container>div:nth-child(1)>img {
		width: 26px;
	}

	.assistance_Call>div>p:nth-child(1) {
		font-size: 11px;
	}

	.assistance_container>div:nth-child(1) {
		margin-bottom: 50px;
	}

	.assistance_Call {
		margin-top: 20px;
	}

	.back_to_dash>a {
		font-size: 10px;
	}
}

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

	.privacy-policy-heading-contents-part,
	.terms-and-conditons-heading-contents-part {
		margin: 30px 30px 110px 30px;
	}

	.dashboard-navbar-collapse {
		padding-right: 12px !important;
	}

	.nav-grid-1 {
		height: 90px !important;
	}

	.nav-grid-1>div {
		font-size: 11px;
	}

	.navbar-collapse {
		gap: 10px;
	}

	.hamburger-menu {
		left: 10px !important;
	}

	.navbar-brand>img {
		width: 80px !important;
		margin-left: 0px !important;
	}

	.my-profile-section .my-profile-title-wrapper>h2 {
		padding-left: 12px !important;
	}

	.my-profile-section ul#pills-tab {
		margin-left: 14px !important;
	}

	.my-profile-section .block.border-radius-4 {
		padding-left: 14px !important;
	}

	.servicing-request-section>h2 {
		padding-left: 10px !important;
	}

	.support-wrapp .block.bottom-border.border-radius-0.gap-top-25 {
		margin-left: 0px !important;
	}

	.support-wrapp .block.border-radius-4 {
		padding-left: 10px !important;
	}

	.support-wrapp h2.mb-4.gap-top-50 {
		padding-left: 10px !important;
	}

	.support-wrapp .block.bottom-border.border-radius-0.gap-top-25 {
		margin-left: 10px !important;
	}

	.policy-table-data-part {
		padding-left: 10px !important;
	}

	.upload-profile-input-img {
		padding-left: 10px !important;
	}

	.upload-profile-title {
		padding-left: 10px !important;
	}

	.upload-documents-btn {
		padding-left: 10px !important;
	}

	.all-download-documents-pdf {
		margin-left: 10px !important;
	}

	#page-content-wrapper .my-profile-page {
		padding-left: 12px !important;
	}

	.policy-insured-tag .tag {
		font-size: 8px;
		font-weight: 500;
	}

	.add-policy-wrapp-family-members {
		padding-left: 15px;
		padding-right: 10px;
	}

	.renewal-options {
		margin-left: 15px;
	}

	#page-content-wrapper .container-fluid {
		padding-right: 10px;
		padding-left: 10px;
	}

	#page-content-wrapper .dash-cont-main {
		padding-right: 2px;
	}

	.policy-health-insurance-data-part,
	.policy-motor-insurance-data-part,
	.policy-property-insurance-data-part,
	.policy-travel-insurance-data-part {
		margin-left: 12px !important;
		margin-top: 14px !important;
		padding-right: 10px !important;
	}

	.container-fluid.documents-main-cont {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	.upcoming-renewals-part {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	.policy-main-cont>.border-radius-4 {
		margin-left: 12px !important;
	}

	.claim-main-cont {
		width: calc(100% - 24px) !important;
	}

	.health-card-right-first-card {
		height: 360px;
	}
}

/* ================== Health Card Responsive Design ======================== */
@media screen and (max-width: 768px) {
	.health-card-main-container .health-card-left-right-container {
		flex-direction: column;
		gap: 20px;
	}

	.health-card-main-container .health-card-left-wrapper,
	.health-card-main-container .health-card-right-wrapper {
		width: 100%;
	}

	.health-card-main-container .health-card-left-wrapper>.health-card-left,
	.health-card-right-first-card {
		height: auto;
		min-height: 300px;
	}

	.hospital-near-global-health-card-section {
		flex-direction: column;
		gap: 15px;
	}

	.hospital-near-global-health-card-left-section,
	.hospital-near-global-health-card-right-section {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section {
		gap: 15px;
	}
}

@media screen and (max-width: 480px) {
	.health-card-main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.health-card-main-container .health-card-left-right-container {
		gap: 15px;
	}

	.health-card-right-first-card-content table {
		padding: 0 10px;
	}

	.health-card-right-first-card-content table tr td {
		padding: 8px 10px;
		font-size: 12px;
	}

	.hospital-near-global-health-card-left-section {
		flex-direction: column;
		gap: 10px;
	}

	.hospital-near-global-health-card-left-section .nine-one-one-box,
	.hospital-near-global-health-card-left-section .hospital-near-me-box {
		width: 100%;
	}

	.hospital-near-global-health-card-left-section .text-emergency-img,
	.hospital-near-global-health-card-left-section .text-plus-img {
		height: 150px;
		padding: 15px;
	}

	.hospital-near-global-health-card-left-section .text-emergency-img img,
	.hospital-near-global-health-card-left-section .text-plus-img img {
		width: 30px;
		height: 30px;
		padding: 8px;
	}
}

@media screen and (max-width: 320px) {
	.navbar-collapse {
		left: 0% !important;
		width: 70% !important;
		top: 6px;
		gap: 0px;
	}

	.navbar-brand>img {
		margin-left: 0px !important;
		width: 70px !important;
	}

	.documents-main-cont {
		padding-left: 15px !important;
	}

	.product-image-block img {
		height: 100px !important;
	}

	section.services-wrapp {
		padding-top: 20px;
	}

	.main-wrapper.contact-page .container {
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 280px) {
	.navbar-collapse {
		left: 0% !important;
		width: 80% !important;
	}

	.navbar-brand>img {
		width: 60px !important;
	}
}

@media screen and (max-width: 240px) {
	.navbar-collapse {
		left: 47% !important;
		top: 10px !important;
		width: 48% !important;
		gap: 5px !important;
		padding: 0 !important;
	}

	.nav-grid-1>div,
	.image-text-9 {
		font-size: 8px !important;
		top: 0px !important;
		left: 0px !important;
	}

	.welcome-name {
		width: 100% !important;
		font-size: 10px !important;
	}

	div#talkContainer {
		height: 26px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.profile-block {
		padding: 3px 2px 4px 3px !important;
	}

	.hamburger-menu {
		left: 12px;
		font-size: 22px;
	}

	a.navbar-brand {
		margin-left: 22px !important;
	}

	.navbar-brand>img {
		width: 70px !important;
	}

	.noti-link {
		padding: 3px 3px 5px 4px !important;
	}
}

/* Additional Health Card Flipping Enhancements */
.health-card-main-container .health-card-flip-container:focus {
	outline: 2px solid #007bff;
	outline-offset: 2px;
}

.health-card-main-container .health-card-flip-container[aria-pressed="true"] {
	/* Visual feedback for screen readers */
}

/* Smooth transitions for all health card elements */
.health-card-main-container .health-card * {
	transition: opacity 0.3s ease;
}

/* Ensure proper stacking context */
.health-card-main-container .care-health-card-wrapper {
	position: relative;
	z-index: 1;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.health-card-main-container .flip-instruction {
		color: #000;
		font-weight: bold;
	}

	.health-card-main-container .health-card-flip-container:focus {
		outline: 3px solid #000;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.health-card-main-container .health-card-flip-container {
		transition: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-flip-container {
		transform: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-front {
		display: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-back {
		transform: none;
		display: block;
	}
}

/*
 Additional centering fixes for health cards */
.health-card-main-container .policy-card-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.health-card-main-container .health-card-template-container {
	display: flex;
	justify-content: center;
	width: 100%;
}

.health-card-main-container .download-share {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #e9ecef;
	width: 100%;
}

/* Ensure the left wrapper doesn't constrain the card */
.health-card-left-wrapper,
.health-card-left {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* Fix any potential overflow issues */
.health-card-left-right-container {
	overflow: visible;
}

/* Addit
ional Health Card Flipping Enhancements */
.health-card-main-container .health-card-flip-container:focus {
	outline: 2px solid #007bff;
	outline-offset: 2px;
}

.health-card-main-container .health-card-flip-container[aria-pressed="true"] {
	/* Visual feedback for screen readers */
}

/* Smooth transitions for all health card elements */
.health-card-main-container .health-card * {
	transition: opacity 0.3s ease;
}

/* Ensure proper stacking context */
.health-card-main-container .care-health-card-wrapper {
	position: relative;
	z-index: 1;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.health-card-main-container .flip-instruction {
		color: #000;
		font-weight: bold;
	}

	.health-card-main-container .health-card-flip-container:focus {
		outline: 3px solid #000;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.health-card-main-container .health-card-flip-container {
		transition: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-flip-container {
		transform: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-front {
		display: none;
	}

	.health-card-main-container .care-health-card-wrapper.flipped .health-card-back {
		transform: none;
		display: block;
	}
}

/* Additional centering fixes for health cards */
.health-card-main-container .policy-card-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.health-card-main-container .health-card-template-container {
	display: flex;
	justify-content: center;
	width: 100%;
}

.health-card-main-container .download-share {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #e9ecef;
	width: 100%;
}

/* Ensure the left wrapper doesn't constrain the card */
.health-card-left-wrapper,
.health-card-left {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* Fix any potential overflow issues */
.health-card-left-right-container {
	overflow: visible;
}

/* B
etter positioning and spacing for health cards */
.health-card-main-container .health-card-template-container {
	margin: 10px 0 15px 0;
}

.health-card-main-container .download-share {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	min-height: 60px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 12px 0;
	border-top: 1px solid #e9ecef;
	width: 500px;
	max-width: 100%;
	position: relative;
	z-index: 10;
}

.health-card-main-container .policy-card-section {
	margin-bottom: 25px;
	padding: 15px 20px 25px 20px;
	overflow: visible;
	height: 412px;
}

/* Ensure the main container has enough space */
.health-card-details-main-container {
	padding-bottom: 40px;
	overflow: visible;
}

.health-card-left-right-container {
	overflow: visible;
	min-height: auto;
}

/* Fix flip instruction positioning */
.health-card-main-container .flip-instruction {
	margin-bottom: 8px;
	margin-top: 5px;
}

/* Override any conflicting download-share styles */
.health-card-main-container .policy-card-section .download-share {
	display: flex !important;
	justify-content: start !important;
	align-items: flex-start !important;
	gap: 20px !important;
	width: 500px !important;
	max-width: 100% !important;
	margin: -30px auto 40px auto !important;
	padding: 0 !important;
	border-top: 1px solid #e9ecef !important;
	position: relative !important;
	z-index: 10 !important;
	left: auto !important;
	right: auto !important;
	background: transparent !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}

/* Ensure buttons are centered relative to the card */
.health-card-main-container .care-health-card-wrapper+.download-share {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 768px) {
	.health-card-main-container .policy-card-section .download-share {
		margin: 15px auto 20px auto !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		flex-direction: row;
	}
}

@media (max-width: 480px) {
	.health-card-main-container .policy-card-section .download-share {
		margin: 15px auto 20px auto !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		flex-direction: column !important;
		gap: 10px !important;
	}
}

/* =======
================== Fix for Select Dropdown Issues =============================== */
/* Global fix for select elements that are being affected by nice-select styles */
select.form-control {
	appearance: auto !important;
	-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	background-color: #efefef !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	padding: 8px 12px !important;
	height: 45px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: #000 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	display: block !important;
}

select.form-control:focus {
	border-color: #0075e8 !important;
	background-color: #eff7ff !important;
	outline: none !important;
	box-shadow: none !important;
}

select.form-control option {
	padding: 8px 12px !important;
	background-color: #fff !important;
	color: #000 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

/* Ensure select elements are not affected by nice-select pseudo-elements */
select.form-control:after {
	display: none !important;
}

/* Override any conflicting nice-select styles for regular select elements */
select.form-control:not(.nice-select) {
	cursor: auto !important;
	user-select: auto !important;
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto !important;
}

/* Admin panel specific styling */
.admin-dashboard-wrapp select.form-control {
	background-color: #fff !important;
	height: 38px !important;
}

.admin-dashboard-wrapp select.form-control:focus {
	border-color: #007bff !important;
	background-color: #fff !important;
}