/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Poppins', 'Open Sans', sans-serif;
}

body {
	font-size: 15px;
}

html,
body {
	overflow-x: hidden !important;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

.mobiles {
	position: absolute;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

.btn-grn {
	background: #607885 !important;
	color: #fff !important;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#banner img {
	width: 100%;
	height: 660px;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
	vertical-align: middle;
	max-width: 100%;
	display: block;
	/* margin: auto; */
	width: auto;
	height: auto;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
	width: 100%;
	/* height: 70px; */
	padding: 12px;
	padding-left: 17px;
	outline: 0 !important;
	border: 0;
	border-radius: 3px;
	background: rgb(255, 255, 255);
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
	font-size: 14px;
}

a,
a:visited {
	text-decoration: none;
	color: #000;
}

a,
input,
button {
	outline: 0;
}

input {
	height: 17px;
	padding-left: 2px;
	font: 14px 'Poppins', sans-serif;
}

select {
	display: inline-block;
}

h2,
h3,
h4,
h5 {
	font-family: 'Poppins', 'Open Sans', Arial, sans-serif;
	color: #161616;
	font-size: 19px;
	margin-bottom: 20px;
}

h1 {
	font-size: 50px;
	color: #ad1e23;
	margin: 20px 0px;
	text-align: center;
}

h2 {
	font-size: 24px;
	color: #000;
	margin: 10px 0;
}

h3 {
	font-size: 23px;
	color: #4c4c4c;
	margin: 10px 0;
}

h4 {
	font-size: 23px;
	color: #4c4c4c;
	margin: 10px 0;
	font-weight: normal;
}

p {
	margin: 0;
	font: 15px 'Poppins', Arial, sans-serif;
	text-align: left;
	line-height: 25px;
	/* margin-bottom: 15px; */
	color: #585858;
	font-weight: normal;
}

h5 {
	font-size: 16px;
	color: #1b1b1b;
	margin: 20px 0;
	font-weight: bold;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.homepage-advantage-wrapper .advantage-point-box:hover {
	transform: translateY(-10px);
}

.homepage-advantage-wrapper .advantage-point-box {
	flex-basis: 25%;
	margin-right: 13px;
	box-shadow: 0 0 20px #e2e2e2eb;
	padding: 11px;
	transition: all .2s linear;
	cursor: pointer;
	margin-bottom: 20px;
}

.homepage-advantage-wrapper {
	display: flex;
	justify-content: center;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.faq-section{
	background: #fff!important;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}


h2.head1 {
	font-size: 35px;
	font-weight: 900;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 650px;
	line-height: 48px;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 12em;
}

h2.head2 {
	font-size: 45px;
	font-weight: 900;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 800px;
	line-height: 35px;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 6em;
}


p.head3 {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 800px;
	line-height: 40px;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 14em;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

p.head4 {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 800px;
	line-height: 40px;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 16em;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

p.head5 {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 800px;
	line-height: 40px;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 18em;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
p.head6 {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	position: absolute;
	z-index: 9;
	width: 800px;
	line-height: 40px;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: -1px;
	bottom: 12em;
	text-shadow: 0 0 10px rgb(0 0 0 / 75%);
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}


.contains {
	/*width: 1000px;*/
	position: relative;
	display: flex;
	justify-content: space-between;
}

.contains .card {
	position: relative;
	cursor: pointer;
	/*margin-left: 10px;*/
	height: 250px;
}

.contains .card .face {
	width: 90%;
	height: 200px;
	transition: 0.5s;
}

.contains .card .face.face1 {
	position: relative;
	background: #257d54;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	transform: translateY(100px);
}

.contains .card:hover .face.face1 {
	/*background: #607885;
    transform: translateY(0);*/
}

.contains .card .face.face1 .content {
	/*opacity: 0.2;*/
	transition: 0.5s;
}

.contains .card:hover .face.face1 .content {
	/*opacity: 1;*/
}

.contains .card .face.face1 .content img {
	max-width: 50px;
	margin: 0 auto;
}

.contains .card .face.face1 .content h3 {
	margin: 10px 0 0;
	padding: 0;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.contains .card .face.face2 {
	position: relative;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
	transform: translateY(-100px);
}

.contains .card:hover .face.face2 {
	/*transform: translateY(0);*/
}

.contains .card .face.face2 .content p {
	margin: 0;
	padding: 0;
}

.contains .card .face.face2 .content a {
	margin: 15px 0 0;
	display: inline-block;
	text-decoration: none;
	font-weight: 900;
	color: #333;
	padding: 5px;
	border: 1px solid #333;
}

.contains .card .face.face2 .content a:hover {
	/*background: #333;
    color: #fff;*/
}

.content p {
	font-size: 12px;
}

/*flip card*/

.flip-card {
	background-color: transparent;
	width: 300px;
	height: 230px;
	border: 1px solid #f1f1f1;
	perspective: 1000px;
	/* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	/*transform: rotateY(180deg);*/
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	/* Safari */
	backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
	background-color: #b0333d9e;
	color: black;
}

/* Style the back side */
.flip-card-back {
	background-color: #b0343d;
	color: white;
	transform: rotateY(180deg);
}

.flip-card-back p {
	color: #fff;
	padding: 20px;
}

img.img-card {
	width: 20%;
	text-align: center;
	margin: 20px auto;
}

h3.head-block {
	font-size: 30px;
	margin: 35px 0;
	color: #395491;
	font-weight: 600;
	text-align: left;
}

.flex-row ul {
	display: flex;
	flex-wrap: wrap;
}

.sizes {
	width: 95%;
}

.flex-row ul li {
	width: 33%;
	margin-bottom: 1rem;
	font-size: 15px;
	position: relative;
	min-height: 25px;
}

.flex-row ul li:before {
	content: "\d.";
	position: absolute;
	left: -18px;
	top: -12px;
	font-family: 'FontAwesome';
	color: #ccc;
	font-size: 40px;
}

.flex-row {
	width: 97%;
	text-align: left;
	margin: 0 auto;
	padding-left: 0em;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/*  
 * Name              : Custom LP Codes
 * Version           : 1.0.0
 * Style Type        : Handly Coded from Scratch
 * Semantic Followed : Intelligent Selectors & Robdodson's Blog
 */


@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/icomoon.eot');
	src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	position: relative;
	margin: 0;
	font: 14px/21px 'Poppins', 'Open Sans', Arial, sans-serif;
	background: #fff;
	margin: 0;
}

button,
a {
	outline: 0 !important;
}

.wrapper {
	width: 100%;
}

.container-fluid {
	width: 100%;
	padding: 0;
}

.container {
	/* width: 95%; */
	/* margin: 0 auto; */
	position: relative;
}

/* loading css codes */
.loading {
	display: none;
}

.loading {
	position: relative;
	left: 109%;
	top: 9px;
	z-index: 9999;
	width: 22px;
	height: 22px;
	-webkit-animation: spinner 400ms linear infinite;
	animation: spinner 600ms linear infinite;
}

.loading:before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
	}

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

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

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

/* end of loading css codes */
form label.error {
	width: 100% !important;
	padding: 10px 0;
	color: red;
	clear: both;
	margin: 0;
	display: none;
	font-weight: normal;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	letter-spacing: 0px;
	color: #9c9c9c;
}

::-moz-placeholder {
	/* Firefox 19+ */
	letter-spacing: 0px;
	color: #9c9c9c;
}

:-ms-input-placeholder {
	/* IE 10+ */
	letter-spacing: 0px;
	color: #9c9c9c;
}

:-moz-placeholder {
	/* Firefox 18- */
	letter-spacing: 0px;
	color: #9c9c9c;
}

section {
	padding: 10px 0;
	float: left;
	width: 100%;
}

section h2 {
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 30px;
}

h3.card-xt {
	color: #fff !important;
	font-size: 18px;
}

/* Main CSS Starts Here */
.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}

nav .btn,
.btn {
	background: #9A0B43;
	border-radius: 20px;
	color: #000;
	border: 0;
	margin-right: 20px;
	padding: 10px 28px;
}

nav .btn:last-child,
.btn:last-child {
	margin-right: 0;
}

.btn:hover {
	background: #62BCA4;
}

.btn img {
	float: left;
	max-height: 20px;
	margin-right: 10px;
}

#brand img {
	width: 300px;
}

.right-nav span.inner {
	display: inline-block;
}

#banner {
	position: relative;
	margin-top: 0px;
}

#contactForm {
	position: absolute;
	top: 15em;
	right: 7%;
	max-width: 320px;
	background: #fff;
	padding: 25px;
	border-radius: 14px 14px 14px 14px;
	box-shadow: 0px 0px 20px #e6e6e6a6;
}

form select {
	height: 36px;
	padding: 0px 7px;
	width: 100%;
	border: 0;
	background: #f2f2f2;
	margin-top: 10px;
	color: #9e9e9e;
}

#contactForm h3 {
	font-size: 24px;
	text-align: center;
	color: #000;
	font-weight: 600;
}

#contactForm p {
	font-size: 15px;
	font-weight: 500;
	margin-top: 17px;
	color: #c1c1c1;
}

#contactForm fieldset {
	margin-bottom: 3px;
	margin-top: 10px;
}


form input[type="text"],
form input[type="email"],
form input[type="tel"],
textarea {
	height: 45px;
	border: 0;
	border: 1px solid #f2f2f2;
	/* margin-bottom: 24px; */
	width: 100%;
	background-color: #f2f2f2;
	padding: 10px;
}

form select {
	height: 36px;
	padding: 0px 7px;
	width: 100%;
	border: 0;
	/* border-bottom: 1px solid #b3b3b3; */
}

form [type="submit"] {
	background: #9A0B43;
	color: #fff;
	width: auto;
	border: 0;
	padding: 10px 35px;
	margin: 5px 0;
	margin-bottom: 0;
	border-radius: 20px;
	display: inline-block;
}

#content {
	padding-bottom: 45px;
	clear: both;
}

h3.xs-block1 {
	margin-left: 1.6em;
}

.testi-wrapper {
	border: 2px solid #ccc;
	border-radius: 15px;
	padding: 20px;
	width: 600px;
	height: 300px;
}

p.w-70 {
	width: 70%;
}

#why-specialist {
	/* border-top: 1px solid #a9a9a9; */
	padding: 25px 0;
	margin-top: 0px;
	background-color: #f2f2f2;
}

#why-specialist .item {
	/*border: 1px solid #9e9e9e;*/
	padding: 15px;
	max-width: 100%;
	margin: 0;
	text-align: center;
	float: left;
	/*min-height: 200px;*/
	display: flex;
	align-items: center;
}

#why-specialist .item img {
	margin: auto;
	padding: 4px;
	width: 65px;
	height: 65px;
	/* box-shadow: 1px 1px 20px #e4e4e4b8; */
}

#why-specialist .item img.red-bg {
	background-color: #b1282f;
}

#why-specialist .item img.white-bg {
	background-color: #f2f2f2;
}

#our-key-features {
	width: 75%;
	margin: 0 auto;
}

.align-equal {
	/*display: flex;*/
	/*justify-content: space-between;*/
}

.item h5,
.desc {
	text-align: left;
	margin-left: 11px;
	line-height: 22px;
	font-weight: 500;
}

.item-wrap {
	width: 87%;
}

#why-specialist h3 {
	margin-bottom: 45px;
	color: #395491;
	font-weight: 600;
	text-align: center;
}

.btns {
	margin-bottom: 20px;
}
.responsive-iframe {
  max-width: 500px!important;
  max-height: 350px!important;
}
.btns .btn {
	margin: 5px 0px;
	/* width: 34%; */
	display: block;
	/* margin-right: 7px; */
	border-radius: 0;
	padding: 10px 16px;
	text-align: left;
	color: white;
	min-width: 420px;
	margin-left: 0;
	margin-right: auto;
	float: right;
}

.btns .btn.active {
	background-color: #62bca4;
}

.content h3 {
	color: #fff !important;
}

.key-procedures-content {
	padding: 20px;
	/* background-color: white; */
	margin-left: 10px;
}

#our-key-features .row.align-center {
	display: flex;
	align-items: center;
}

#about-us {
	background: #f2f2f2;
	padding: 60px 70px;
	margin-top: 60px;
	padding-bottom: 20px;
}

.icon_fda {
  width: 180px;
  text-align: center;
}
.icon_advanced {
  width: 180px;
  text-align: center;
}
.icon_insurance {
  width: 180px;
  text-align: center;
}
.icon_support {
  width: 180px;
  text-align: center;
}
.flex-wrapper {
	background-color: #e99598;
	display: flex;
	align-items: center;
}

#about-us h4 {
	color: #e29b97;
	text-align: center;
	margin-bottom: 24px;
}

#about-us p {
	color: #395491;
}

#about-us .about-top {
	border-bottom: 1px solid #fff;
}

.about {
	padding: 14px 0 10px;
}

.footerForm [type="submit"] {
	margin: 0;
	width: 40%;
	margin: auto;
	display: block;
}

form.footerForm input[type="text"],
form.footerForm input[type="email"],
form.footerForm input[type="tel"],
textarea,
select {
	background: rgb(255 255 255 / 68%);
	padding: 20px;
	border: 0;
}

form fieldset {
	margin-bottom: 17px;
}

.about-bottom .row {
	display: flex;
	align-items: center;
}

#banner .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.our-service-list {
	padding-left: 15px;
}

.our-service-list li {
	position: relative;
	padding-left: 14px;
	padding-bottom: 5px;
	font-size: 15px;
}

.our-service-list li:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 7px;
	background-color: #b1282f;
	border-radius: 50%;
	left: 0;
}

.homepage-advantage-wrapper {
	display: flex;
}

.homepage-advantage-wrapper .advantage-point-box:hover {
	transform: translateY(-10px);
}

.homepage-advantage-wrapper .advantage-point-box {
	flex-basis: 25%;
	margin-right: 13px;
	box-shadow: 0 0 20px #e2e2e2eb;
	padding: 11px;
	transition: all .2s linear;
	cursor: pointer;
	margin-bottom: 20px;
}

.homepage-advantage-wrapper .advantage-point-box img {
	width: 90px;
	margin: auto;
	display: block;
	/* border-radius: 50%; */
}

.homepage-advantage-wrapper .advantage-point-box p {
	text-align: center;
	margin-top: 20px;
	color: black;
	font-size: 15px;
	line-height: 1.7;
}

.btns .btn i {
	color: white;
	margin-right: 4px;
}

.banner-text {
	text-align: center;
	color: white;
	background-color: #b1282f;
	display: inline-block;
	padding: 13px 21px;
	position: absolute;
	top: 110px;
	left: 270px;
	font-size: 34px;
	width: 580px;
	line-height: 38px;
	font-weight: 600;
}

.parallel-bg {
	background: url(../images/gallery-20.jpg);
	background-attachment: fixed;
	padding-right: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.key-procedures-content .kp-content-box {
	display: none;
}

.key-procedures-content .kp-content-box.active {
	display: block;
}

.key-procedures-content .kp-content-box p {
	font-size: 17px;
	color: white;
	text-align: center;
	line-height: 30px;
}

#our-service h3 {
	margin: 45px 0;
	text-align: center;
}

#about-navio {
	clear: both;
}

#about-navio h3 {
	margin-top: 30px;
}

#about-navio ul {
	padding-left: 30px;
}

#about-navio li {
	list-style-type: disc;
}


/*New Changes*/
.key-procedures-tabs button {
	font-size: 15px;
	padding: 15px !important;
	box-shadow: none !important;
	transition: .5s !important;
	min-width: 100% !important;
	border-radius: 0px !important;
	margin-bottom: 10px;
	text-align: left;
	background: #e99598bd;
}

.key-procedures-tabs {
	width: 40%;
	margin: auto 0px auto auto;
	position: relative;
	z-index: 99;
}

.key-procedures-tabs button.btn.btn-primary:hover {
	background: #e99598;
}

.key-procedures-tabs button.btn.btn-primary.active {
	background: #9A0B43;
}

.key-procedures-content img {
	width: 100px;
	margin: auto;
	margin-bottom: 1rem;
}

.parallel-bg:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #e995980d;
	left: 0px;
	top: 0px;
}

.right-nav a i {
	display: inline-block;
	margin-right: 6px;
	font-size: 20px;
	position: relative;
	top: 3px;
}


.box-image.recognitions .item-image {
	width: 30%;
	margin: 0px 20px;
	margin-top: 1rem;
}

.box-image.recognitions {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.box-image.recognitions .item-image img {
	width: 100%;
	border-radius: 10px;
	cursor: pointer;
}

.box-image.recognitions .item-image a {
	display: inline-block;
	position: relative;
}


/*.box-image.recognitions .item-image a:hover:after {
    display: inline-block;
    height: 100%;
}

.box-image.recognitions .item-image a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    background: #e995989c;
    top: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: .6s;
    border-radius: 10px;
}*/

.overlay_image {
	visibility: hidden;
	position: absolute;
	top: 0px;
	line-height: 0px;
	text-align: center;
	left: 0px;
	right: 0px;
	width: 0%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(225deg, #9A0B43 0, #e9959875 75%);
	transition: .3s;
	overflow: hidden;
}

.recognitions .item-image:hover .overlay_image {
	visibility: visible;
	width: 100%;
	transition: .3s;
}

.overlay_image h2 {
	font-size: 25px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	transform: translateX(-100%);
	transition: .3s;
}

.overlay_image h3 {
	font-size: 18px;
	font-weight: 600;
	color: white;
}

.overlay_image h3 {
	font-size: 12px;
	font-weight: 600;
	color: white;
	transform: translateX(-100%);
	transition: .3s;
	font-style: italic;
}

.overlay_image .flex_box_ {
	line-height: 10px;
}

.recognitions .item-image:hover .overlay_image h2 {
	transform: translateX(0%);
	transition: 1s;
}

.recognitions .item-image:hover .overlay_image h3 {
	transform: translateX(0%);
	transition: 1.5s;
}

.whatsapp-btn {
	position: fixed;
	right: 30px;
	top: auto;
	bottom: 3%;
	width: auto;
	height: auto;
	background: #4ac04b;
	border-radius: 0px;
	padding: 3px;
	border-radius: 50%;
	z-index: 99;
}


.whatsapp-btn a {
	/*width: 78%;*/
	/*display: flex;*/
	/*align-items: center;*/
	padding: 0px;
}

.whatsapp-btn svg {
	fill: #fff;
	width: 45px;
}

.copy-right p {
	text-align: center;
	padding: 10px 0px;
	color: white;
}

.copy-right {
	background: #000;
	text-align: center;
}


/* sticky form code */
.stickyForm {
	position: fixed;
	top: 25%;
	width: 310px;
	right: -311px;
	text-align: center;
	padding: 17px;
	background: rgba(84, 84, 84, 0.81);
	border-radius: 11px 0px 0 11px;
	-webkit-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	z-index: 9999;
}

.stickyForm.active {
	right: 0px;
}

.stickyForm .btn {
	background: #9A0B43;
	padding: 10px 30px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: -131px;
	color: #fff;
	height: 40px;
	border-radius: 7px 7px 0 0;
	font-size: 15px;
	cursor: pointer;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	border: 0;
	perspective: 100px;
	outline: 0 !important;
	box-shadow: none;
}

input#phone {
	/* padding-left: 50px !important; */
}

body .stickyForm * {
	color: #fff;
}

body .stickyForm label {
	width: 100% !important;
}

body .stickyForm input[type="text"],
body .stickyForm input[type="email"],
body .stickyForm textarea,
body .stickyForm .intl-tel-input {
	width: 100% !important;
	border: 0;
	height: 35px;
	background: transparent;
	border-bottom: 1px solid #fff;
	margin-bottom: 13px;
}

.stickyForm [type="submit"] {
	background: #545454d9;
	color: white;
	border: 0;
	padding: 10px 25px;
	border-radius: 2px;
	border: 1px solid #616161;
}

body .stickyForm ._checkbox {
	margin-bottom: 10px;
}

body .stickyForm ._checkbox .text {
	text-align: left;
	margin-bottom: 10px;
}

body .stickyForm ._checkbox label {
	width: 50% !important;
	float: left;
	padding-right: 5px;
}

body .stickyForm ._checkbox span {
	padding-left: 4px;
	font-size: 13px;
	float: left;
}

.stickyForm,
.stickyForm.active .btn {
	background: rgba(35, 35, 35, 0.77);
}

.stickyForm ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	letter-spacing: 0px;
	color: #ccc;
}

.stickyForm :::-moz-placeholder {
	/* Firefox 19+ */
	letter-spacing: 0px;
	color: #ccc;
}

.stickyForm ::-ms-input-placeholder {
	/* IE 10+ */
	letter-spacing: 0px;
	color: #ccc;
}

.stickyForm :-moz-placeholder {
	/* Firefox 18- */
	letter-spacing: 0px;
	color: #ccc;
}

body .stickyForm select {
	width: 100%;
	color: #fff;
	border: 0;
	background: transparent;
	border-bottom: 1px solid #fff;
	height: 40px;
	margin-bottom: 10px;
}

body .stickyForm select option {
	color: black;
}

body .stickyForm .btn-group {
	margin-top: 20px;
}

body .stickyForm .error {
	margin-bottom: 0 !important;
}

body .stickyForm label.error {
	padding: 7px 0;
	color: red;
}

body .stickyForm [type="submit"] {
	background: #9A0B43 !important;
	border: none;
	height: 40px !important;
	padding: 0px 30px !important;
	/* box-shadow: 0 0 8px 3px rgba(99, 99, 99, 0.32); */
}

.stickyForm .close-btn {
	text-align: right;
	font-size: 30px;
	cursor: pointer;
}

/* end of sticky form code */
address {
	color: white;
	line-height: 25px;
}

.inner-social-box a {
	color: #ffffff !important;
	display: inline-block;
	margin: 10px 10px;
	background-color: #395491;
	padding: 16px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
}

.inner-social-box a:first-child {
	margin-left: 0px;
}


.doctor-profile {
	/* box-shadow: 0 0 35px rgb(0 0 0 / 10%); */
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	/* -webkit-box-shadow: 0 0 35px rgb(0 0 0 / 10%); */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 55px;
	cursor: pointer;
}

.image-content-box {
	padding: 15px 10px;
	text-align: left;
}

.doctor-profile .image-box img {
	width: 100%;
	border-radius: 14px 00px 14px 14px;
}

.doctor-profile .image-box:after {
	/* content: ''; */
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	opacity: 0;
}

.top-set {
	margin-top: 20px;
}

.owl-next {
	background: #607885;
	margin-top: -2em;
	float: right;
	margin-right: 13px;
	padding: 13px;
	border-radius: 4px;
	color: #fff;
}

.owl-prev {
	background: #607885;
	margin-top: -2em;
	float: right;
	margin-right: 56px;
	padding: 13px;
	border-radius: 4px;
	color: #fff;
}

.star-rating {
	line-height: 32px;
	font-size: 14px;
	float: right;
}

p.txts {
	font-size: 13px;
	float: right;
}

span.txt-c {
	background: #effdff;
	border-radius: 5px;
	/* padding: 7px 10px; */
    padding: 0px 10px;
}

.boxs {
	margin-top: 1em;
}

.star-rating .fa-star {
	color: #ffd900;
}

.doctor-profile .image-box {
	position: relative;
	transition: .6s;
	overflow: hidden;
	border: 2px solid #ccc;
	padding: 15px;
	border-radius: 15px;
}

.doctor-profile .image-box * {
	transition: .6s;
}

.doctor-profile .image-box:hover:after {
	opacity: 1;
}

.doctor-profile .image-box:hover img {
	transform: scale(1.1);
	transition: .6s;
}

div#our-doctor {
	padding: 0px 60px;
}

#our-doctor h3.sub-title {
	color: #395491;
	font-weight: 600;
	margin-bottom: 50px;
}

.doctor-name h3 {
	font-size: 16px;
	font-weight: 600;
	margin-left: 0px;
	text-align: left;
	color: #395491;
	margin-bottom: 4px;
}

.row-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.doctor-caption {
	min-height: 100px;
	font-size: 9px;
	font-weight: 400;
	font-style: normal;
	line-height: 12px;
	letter-spacing: 0px;
}

/*New Changes*/
#whatsapp {
	width: 40%;
	margin: auto;
	padding: 29px;
	background-color: white;
}

#whatsapp p {
	margin-bottom: 11px;
	font-size: 17px;
	color: black;
}

#whatsapp form#whatsapp-form {}

#whatsapp form#whatsapp-form input {
	margin-bottom: 10px;
}

#whatsapp form#whatsapp-form select {
	margin-bottom: 10px;
}

#whatsapp form#whatsapp-form input[type="submit"] {
	display: block;
	padding: 14px;
	height: auto;
	width: 50%;
	margin: 10px auto;
}

#whatsapp .mfp-close {
	right: 407px;
}

header nav {
	position: absolute;
	top: 0;
	z-index: 9999;
	background: azure;
	width: 100%;
}

.header-points {
	background-color: #e29b97;
}

.header-points .header-points-wrapper {
	width: 75%;
	margin: auto;
	display: block;
	background-color: #e29b97;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
	padding-top: 40px;
}

.header-points .header-points-wrapper p {

	color: white;

	width: 46%;

	float: left;

	background-color: #e29b97;

	min-height: 45px;

	/* display: flex; */

	align-items: center;

	flex-basis: 33.3%;

	position: relative;

	line-height: 17px;
}

.header-points .header-points-wrapper p:before {
	content: '';
	background-color: white;
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	left: -15px;
	top: 4px;
}

.testimonial {
	margin-bottom: 50px;
}

.testimonial h3 {
	color: #395491;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}

.testimonial #testimonial-slider {}

#testimonial-slider .testi-wrapper {}

#testimonial-slider .testi-wrapper .fa-quote-left {

	color: #f4dfde;

	font-size: 40px;
}

#testimonial-slider .testi-wrapper .fa-quote-right {

	color: #f4dfde;

	font-size: 40px;

	display: block;

	text-align: right;
}

#testimonial-slider .testi-wrapper p {

	color: #395491;
}

#testimonial-slider .testi-wrapper b {

	color: #395491;

	display: block;

	text-align: right;

	margin-top: 25px;
}

.accordion-menu {
	display: inline-block;
	position: relative;
	left: 50%;
	margin: 0;
	transform: translate(-50%, 0);
	max-width: 100%;
	padding: 0;
	border-radius: 0;
}

/*
accordian styles
*/
.accordion-menu {
	display: inline-block;
	position: relative;
	left: 50%;
	margin: 0;
	transform: translate(-50%, 0);
	max-width: 100%;
	padding: 0;
	border-radius: 0;
}

.accordion h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 0;
	display: block;
	margin: 0;
	cursor: pointer;
	color: #e99598;
	padding-right: 5px;
}

.accordion .acc-content {
	color: rgba(48, 69, 92, 0.8);
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin-top: 14px;
	z-index: 2;
}

.accordion ul {
	list-style: none;
	perspective: 900;
	padding: 0 20px 10px;
	margin: 0;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), */
	0 2px 2px 0 rgba(255, 255, 255, 0.19);
}

.accordion ul li {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	padding-top: 18px;
	/* border-top: 1px dotted #dce7eb; */
}

.accordion ul li:nth-child(1) {
	border: none;
}

.accordion ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}

.accordion ul li:nth-of-type(2) {
	animation-delay: 0.75s;
}

.accordion ul li:nth-of-type(3) {
	animation-delay: 1.0s;
}

.accordion ul li:last-of-type {
	padding-bottom: 0;
}

.accordion ul li .arrow {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 11px;
	right: 0;
}

.accordion ul li .fas {
	color: #f6483b;
	font-size: 15px;
	margin-right: 10px;
}

.accordion ul li .arrow:before,
.accordion ul li .arrow:after {
	content: "";
	position: absolute;
	background-color: #e99598;
	width: 3px;
	height: 9px;
}

.accordion ul li .arrow:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.accordion ul li .arrow:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.accordion ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 38px;
	z-index: 1;
	opacity: 0;
}

.accordion .accordion-close {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.accordion ul li input[type=checkbox]:checked~.arrow:before {
	transform: translate(2px, 0) rotate(45deg);
}

.accordion ul li input[type=checkbox]:checked~.arrow:after {
	transform: translate(-2px, 0) rotate(-45deg);
}

.accordion .transition,
.acc-content,
ul li .arrow:before,
ul li .arrow:after {
	transition: all 0.25s ease-in-out;
}

.accordion .flipIn,
.accordion h1,
.accordion ul li {
	animation: flipdown 0.5s ease both;
}

.accordion .no-select,
.accordion h2 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	user-select: none;
}

.accordion .acc-content ul {
	margin-left: 20px;
	box-shadow: none;
}

.accordion .acc-content ul li {
	border: 0;
	list-style-type: none;
	margin-bottom: 0;
	padding-top: 9px;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 600;
	color: #383838;
	line-height: 19px;
	/*font-family: 'Raleway', sans-serif;*/
}

.faq {

	padding-top: 35px;
}

.faq .fa-question {

	font-size: 300px;

	color: #f2f2f2;

	display: block;

	text-align: center;
}

.faq h3 {

	margin-bottom: 45px;

	color: #e99598;

	font-weight: 600;

	text-align: center;
}

.social-box {
	margin-top: 20px;
}

.inner-social-box a i {
	font-size: 23px;
}


.btn {
	width: 100%;
	display: inline-block;
	padding: 10px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.head-txt {
	margin: 0em 10em 0em;
}

.footer-social-left {
	float: left;
	width: 100%;
	font-size: 30px;
	margin-left: -18px;
	text-align: left;
	color: #9A0B43;
	margin-top: 15px;
}

.pad-ma {
	padding: 6em;
}

.footer-section {
	background-color: #cdcdcd;
	border: 1px solid #000;
}

span.next {
	background: #607885;
	float: right;
	padding: 5px;
	border-radius: 4px;
	color: #fff;
}

button.btn {
	font-size: 19px;
	width: 300px;
	padding: 15px 16px 11px 10px;
}

.main-content {
	width: 100%;
	float: left;
}

.box-colr {
	padding: 10px 1px 10px 12px;
	background-color: #b0343dde;
	margin-bottom: 7px;
	width: 100%;
}

span.text-no {
	text-align: center;
	font-size: 29px;
	font-weight: 900;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
}

span.text-name {
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	color: #ffffff;
	padding: 0px 0px 0px 20px;
}

/* mobile reponsive */
@media only screen and (max-width: 1200px) {
	.form-section label {
		width: 15% !important;
	}

	#contactForm {
		top: 55px;
		top: 4px;
	}

	.key-procedures-tabs {
		width: 50%;
	}

	#about-us {
		margin-top: 20px;
		padding-top: 10px;
		padding: 40px 10px;
	}
}

@media only screen and (max-width: 996px) {
	.container {
		width: 95%;
	}

	.form-section label {
		width: 15% !important;
	}

	.header-inner {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.box-image.recognitions .item-image {
		margin-left: 0px;
	}

	.item-wrap {
		width: 100%;
	}

	.item h5,
	.desc {
		font-size: 15px;
	}

	#why-specialist .item {}

	.key-procedures-tabs {

		width: 65%;
	}
}

@media only screen and (max-width: 768px) {
	#our-key-features {
		width: 100%;
		margin: 0 auto;
	}

	form label.error {
		width: 100% !important;
		padding: 10px 0;
		color: white;
		clear: both;
		margin: 0;
		display: none;
		font-weight: normal;
	}

	button.btn {
		font-size: 19px;
		width: 100%;
		padding: 15px 16px 11px 10px;
	}

	.pad-ma {
		padding: 3%;
	}

	.star-rating {
		line-height: 32px;
		font-size: 14px;
		float: inherit;
	}

	span.txt-c {
		background: #effdff;
		border-radius: 5px;
		padding: 5px 10px;
	}

	.owl-prev {
		background: #607885;
		float: right;
		margin-right: 33%;
		padding: 13px;
		border-radius: 4px;
		color: #fff;
	}

	div#our-doctor {
		padding: 0px 20px;
	}

	.testi-wrapper {
		border: 2px solid #ccc;
		border-radius: 15px;
		padding: 20px;
		width: 100%;
		height: auto;
	}

	.content p {
		font-size: 10px;
	}

	.flip-card {
		background-color: transparent;
		width: 280px;
		height: 230px;
		border: 1px solid #f1f1f1;
		perspective: 1000px;
	}

	h3 {
		font-size: 16px;
	}

	.flip-card-back p {
		color: #fff;
		padding: 20px;
		font-size: 12px;
	}

	h3.head-block {
		font-size: 26px;
	}

	.flex-row {
		width: 100%;
		text-align: left;
		margin: 0 auto;
		padding-left: 3em;
	}

	.flex-row ul li {
		width: 100%;
		margin-bottom: 1rem;
		font-size: 15px;
		position: relative;
		min-height: 25px;
	}

	span.text-no {
		text-align: center;
		font-size: 18px;
		font-weight: 900;
		color: #ffffff;
		padding: 0px 10px 0px 10px;
	}

	span.text-name {
		text-align: center;
		font-size: 11px;
		font-weight: 900;
		color: #ffffff;
		padding: 0px;
	}

	.head-txt {
		/*margin: 0em 2em 0em;*/
		margin: 0px;
	}

	h2.head1 {
		font-size: 18px;
		bottom: 42em;
		text-align: center;
		width: 100%;
		line-height: 24px;
	}

	.phone_btn {
		bottom: 4em; /*bottom: 28em;*/
	}

	.mobiles {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.boxed {
		bottom: 1em;
		width: 95%;
		text-align: center;
		margin: 0 auto;
	}

	h2.head2 {
		font-size: 18px;
		bottom: 20em;
		text-align: center;
		width: 100%;
	}

	.contains .card .face {
		width: 100%;
		height: 200px;
		transition: 0.5s;
	}

	.footer-social-left {
		width: 100%;
		font-size: 16px;
		/* margin-left: -18px; */
		padding: 11px;
		color: #fff;
		text-align: center;
		float: right;
	}

	button.btn {
		margin: 20px;
		float: left;
		margin: 15px 2px;
	}

	.hidden-xs {
		display: none;
	}

	.visible-xs {
		display: block;
	}

	.hidden-lg {
		/* display: none; */
	}

	/* custom codes */
	#banner .container,
	#banner .container form {
		position: static;
	}

	.align-equal {
		display: block;
	}

	.item-wrap {
		width: 100%;
	}

	.btns .btn {
		width: 100%;
	}

	#our-key-features .row.align-center,
	.about-bottom .row,
	.header-inner {
		display: block;
	}

	.footerForm {
		margin-top: 30px;
	}

	.right-nav {
		width: 50%;
		text-align: center;
	}

	#brand img {
		margin: 10px auto;
	}

	.right-nav .btn {
		width: 100%;
		margin-bottom: 10px;
	}

	p.w-70 {
		width: 100%;
	}

	#content {
		padding-top: 0;
	}

	#contactForm {
		max-width: 100%;
		/* margin: auto; */
		/* margin: 12rem 0px 0px; */
		box-shadow: none;
		top: 13em;
		right: 12px;
		/* padding: 0px; */
		margin: 0px;
		width: 91%;
		text-align: center;
		background: #607885;
	}

	#contactForm h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	#whatsapp {
		width: 100%;
	}

	#whatsapp .mfp-close {
		right: 0px;
	}

	.doctor-profile .image-box img {

		width: 60%;

		margin: auto;
	}

	.doctor-name h3 {

		text-align: center;
	}

	.doctor-caption {

		text-align: center;

		min-height: 10px;
	}

	.header-points .header-points-wrapper {
		width: 91%;
		padding: 25px 0px;
	}

	.header-points .header-points-wrapper p {
		padding-left: 10px;
		margin: 15px 0px;
		min-height: 45px;
		flex-basis: 46%;
	}

	.header-points .header-points-wrapper p:before {
		left: -3px;
		width: 6px;
		height: 6px;
		top: 5px;
	}

	#our-doctor h3.sub-title,
	.testimonial h3,
	#why-specialist h3,
	.faq h3 {
		margin-bottom: 30px;
	}

	.accordion .acc-content ul {

		padding-left: 0px;
	}
}

.img-cards {
	width: 20% !important;
	position: relative;
	display: inline-block;
	height: 60px !important;
}

.boxed {
	/* background: #59caff96;
    padding: 5px 20px;
    border-radius: 18px;
    bottom: 8em; */
	background: #9A0B43;
	padding: 5px 20px;
	bottom: 0em;
	color: white;
}

.boxed h4 {
	color: white;
}

span.text_span {
	width: 67%;
	float: right;
	padding: 22px 0px 6px;
}

.phone_btn {
	background: #9A0B43;
	color: #fff;
	width: auto;
	border: 0;
	padding: 10px 25px;
	margin: 5px 0;
	bottom: 8em;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	line-height: 0px;
	letter-spacing: 1px;
	font-weight: 800;
	font-size: 16px;
}

.phone_btn:hover {
	text-decoration: none;
	color: #fff;
}

@media only screen and (max-width: 479px) 
{
	.faq-section{
	background: #f2f5ee!important;
}

	.right-nav {
		width: 100%;
	}

	.right-nav .btn {
		font-size: 13px;
		white-space: initial;
		padding: 10px 17px;
	}

	.right-nav a i {}

	#brand img {
		width: 90%;
	}

	.header-inner {
		justify-content: center;
	}

	div#brand {
		margin-bottom: 10px;
	}

	.box-image.recognitions .item-image {
		width: 43%;
	}

	.align-equal [class*=col-] {
		min-height: auto;
	}

	#our-key-features .flex-wrapper {
		display: block;
	}

	.key-procedures-tabs {
		width: 80%;
		margin: auto !important;
	}

	.parallel-bg {
		padding-right: 15px;
	}

	.key-procedures-content img {
		width: 70px;
	}

	.homepage-advantage-wrapper .advantage-point-box {
		flex-basis: auto;
		width: 45%
	}

	.homepage-advantage-wrapper {
		flex-wrap: wrap;
	}

	.key-procedures-content {
		padding: 20px 20px 39px;
	}

	.whatsapp-btn a {
		border-radius: 100%;
	}

	.whatsapp-btn {
		bottom: 3%;
		right: 1%;
		width: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100px;
	}

	.row-flex {
		display: block;
	}

	.footerForm [type="submit"] {
		width: 100%;
	}
}

@media only screen and (max-width: 414px) and (min-width: 375px) {
	h2.head1 {
		font-size: 19px;
		bottom: 38em;
		text-align: center;
		width: 100%;
	}

	.phone_btn {
		bottom: 4em;
	}

	.mobiles {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.img-cards {
		width: 21% !important;
		height: 72px !important;
		padding: 10px;
	}

	.boxed {
		bottom: -1em;
		width: 95%;
		text-align: center;
		margin: 0 auto;
	}

	h2.head2 {
		font-size: 23px;
		bottom: 16em;
		text-align: center;
		width: 100%;
	}

	#contactForm {
		top: 15em;
	}

	.copy-right p {
		text-align: center;
		padding: 10px 0px;
		color: white;
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 375px) and (min-width: 360px) {
	h2.head1 {
		bottom: 38em;
	}

	.phone_btn {
		bottom: 4em; /*bottom: 30em; */
	}

	.boxed {
		bottom: -1em;
	}

	.img-cards {
		padding: 10px;
	}

	span.text_span {
		padding: 10px 0px 6px;
	}

	#contactForm {
		max-width: 100%;
		/* margin: auto; */
		/* margin: 12rem 0px 0px; */
		box-shadow: none;
		top: 15em;
		right: 12px;
		/* padding: 0px; */
		margin: 0px;
		width: 91%;
		text-align: center;
	}
}

#backToTop {
	visibility: hidden;
	top: calc(189% / 2);
	top: -moz-calc(100% / 2);
	top: -o-calc(100% / 2);
	position: fixed;
}

.float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}

.owl-stage {
	margin: 0 auto;
}

.my-float {
	margin-top: 16px;
}

#myBtn {
	/*display: none;*/
	position: fixed;
	bottom: 3px;
	right: 4px;
	z-index: 9999;
	font-size: 18px;
	border: none;
	outline: 0;
	background-color: #36a690;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
	width: 98%;
	font-weight: 700;
}
.stickyBtnRight {
	/*display: none;*/
	position: fixed;
	bottom: 3px;
	right: 4px;
	z-index: 9999;
	font-size: 18px;
	border: none;
	outline: 0;
	background-color: #36a690;
	color: #fff;
	cursor: pointer;
	padding: 20px 10px;
	border-radius: 4px;
	width: 49%;
	font-weight: 700;
}
.stickyBtnLeft{
	position: fixed;
	bottom: 3px;
	left: 4px;
	z-index: 9999;
	font-size: 18px;
	border: none;
	outline: 0;
	background-color: #36a690;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
	width: 49%;
	font-weight: 700;
}

.copy-right {
	background: #000;
	text-align: center;
	margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
	.copy-right {
		background: #000;
		text-align: center;
		margin-bottom: 45px;
	}
}


.flip-boxes {
	justify-content: center;
}

.flip-box {
	display: flex;
	align-content: stretch;
	min-height: 250px;
	flex-wrap: wrap;
	position: relative;
	border: 10px solid transparent;
	padding: 0;
	border-top: 0;
	-webkit-perspective: 1000;
	perspective: 1000;
}

.flip-box:hover .back {
	transform: rotateY(0deg);
	z-index: 10;
}

.flip-box:hover .front {
	transform: rotateY(180deg);
	z-index: -1;
}

.flip-box .back,
.flip-box .front {
	position: relative;
	background-color: #1b2d61;
	color: white;
	display: flex;
	justify-content: center;
	align-content: center;
	flex: 0 0 100%;
	-webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
	transition: all 1s cubic-bezier(0.5, 1.3, 0.5, 1.3);
	transform-style: preserve-3d;
	background-size: cover;
	background-position: center;
}

.flip-box .back {
	background-color: #607885;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	transform: rotateY(-180deg);
	padding: 20px;
}

.flip-box .back:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border: 15px solid transparent;
	border-bottom-color: white;
	border-left-color: white;
}

.flip-box .front .content {
	font-size: 1rem;
	line-height: 22px;
	padding: 20px;
}

.flip-box .front {
	z-index: 10;
}

.flip-box .front:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border: 15px solid #cecece;
	border-bottom-color: white;
	border-right-color: white;
}

.flip-box .content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	-webkit-transform: translateZ(50px);
	transform: translateZ(50px);
	text-shadow: 0px 0px 2px black;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

.flip-card-front {
	background-color: #fff;
	color: black;
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

img.img-card {
	width: 50%;
	text-align: center;
	margin: 20px auto;
}

audio,
canvas,
img,
svg,
video {
	vertical-align: middle;
	max-width: 100%;
	display: block;
	/* margin: auto; */
	width: auto;
	height: auto;
}


h3.card-xt {
	color: #000 !important;
	font-size: 18px;
}

.contains .card {
	position: relative;
	cursor: pointer;
	/* margin-left: 10px; */
	height: 250px;
}

#our-key-features {
	width: 100%;
	margin: 0 auto;
}

.contains {
	/* width: 1000px; */
	position: relative;
	display: flex;
	justify-content: space-between;
}

/*Common Section*/
div.content-section {
	padding: 0px 60px;
}

.content-section h3.sub-title {
	color: #395491;
	font-weight: 600;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	div.content-section {
		padding: 0px 20px;
	}
	.content-section h3.sub-title
	{
		margin-bottom: 30px;
	}
}

/* Boxed - First Info Band*/


/*Contact form*/
.contact-form {
	/* position: absolute;
	top: 15em;
	right: 7%; */
	max-width: 320px;
	background: #fff;
	padding: 25px;
	border-radius: 14px 14px 14px 14px;
	box-shadow: 0px 0px 20px #e6e6e6a6;    
    margin: 0 auto !important;
}
.contact-form h3 {
	font-size: 24px;
	text-align: center;
	color: #000;
	font-weight: 600;
}

.contact-form p {
	font-size: 15px;
	font-weight: 500;
	margin-top: 17px;
	color: #c1c1c1;
}

.contact-form fieldset {
	margin-bottom: 3px;
	margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
	/* .contact-form {
		top: 55px;
		top: 4px;
	} */
}


@media only screen and (max-width: 768px) {
	.contact-form {
		max-width: 100%;
		box-shadow: none;
		/* top: 20em;
		right: 12px; */
		margin: 0px;
		width: 91%;
		text-align: center;
		background: #9A0B43;
	}

	.contact-form h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 414px) and (min-width: 375px) {
	/* .contact-form {
		top: 18em;
	} */
}

@media only screen and (max-width: 375px) and (min-width: 360px) {
	.contact-form {
		max-width: 100%;
		box-shadow: none;
		/* top: 18em;
		right: 12px; */
		margin: 0px;
		width: 91%;
		text-align: center;
	}
}


/*Table*/
.table-compare{
	margin: 0 auto;    
	display: block;	
	width: -moz-fit-content;
    width: fit-content;
}
.table-compare thead th { text-align: center; }
.table-compare tbody > tr > th{padding: 2rem 5rem 0 5rem;}
.table-compare tbody > tr > td {padding: 2rem 2rem 0 2rem;}
.table-compare tbody > tr:last-child > td{padding: 2rem;}
.table-compare tbody > tr:last-child > th{padding: 2rem 5rem 2rem 5rem;}
/* .table-compare tbody > tr > td:nth-child(2){ padding: .5rem;} */
.table-compare tbody > tr > td:nth-child(2) > div{ 
	background: white;
    border-radius: 9px;
    text-align: center;
	min-width: 10rem;
}

.table-compare tbody > tr > td:nth-child(3) > div{ 
	background: #9A0B43;
    border-radius: 9px;
    text-align: center;
	color: white;
}

/*Info Band*/
.info-band{
    /* padding: 5px 20px; */
	border-top: 2px solid #bebebe;
    border-bottom: 2px solid #bebebe;
    padding: 3rem 0;
}

/*Icon & text Band*/
.fa.fa-check-square-o {
  color: #395491;
  font-size: 18px;
  padding-right: 5px;
}
.icon-text-block>div{
	padding: 0 3rem;
}
.icon-text-block svg{padding: 0 2.5rem;}
.icon-text-block span{font-size: large;}

/*Points Block*/
.points-block{
	padding: 2rem;
	background: #a52a2a2e;
	border-radius: 5px;
}
.points{
	padding-left: 2rem;
}
.points ul li{
	font-size: large;
	line-height: 2rem;
}

.section-title{
    font-size: 30px;
    margin: 35px 0;
    color: #395491;
    font-weight: 600;
}
.text-left {
  text-align: left;
  padding-left: 10%;
}
.section-subtitle{
    font-size: 25px;
    margin: 35px 0;
    color: #395491;
    font-weight: 600;
    text-align: center;
}

.cost-estimate-band .section-title{padding-top: 5rem;}

/*3rd Info Band*/
.info-band.third > div:nth-child(2){border-right: 2px solid grey;border-left: 2px solid grey;}


/*FAQ*/
.panel{background-color: #f5f5f5; border-color: #ddd;}

.btn:hover {
	background: #9e9e9e;
  }
  
.btn-cta{width: 17rem;border-radius: 4rem;}
.btn.bg-lightgreen:hover { background: #62BCA4;}
.btn.bg-lightred:hover { background: #c58080;}

.bg-btgreen{
	background: #607885;
}
.bg-btbrown{
	background: #9A0B43;
}
.bg-footergrey{
background: #cdcdcd;}
.bg-darkbrown{ background: #593b36; }
.bg-lightgreen{background: #33ee9a;}
.bg-pistagreen{background: #edffed;}
.bg-lightred{background: #ffa6a6;}
.bg-lightgreengrey{background: #f2f5ee;}
.pb-3{padding-bottom: 3rem !important;}
.pb-5{padding-bottom: 5rem;}
.p-0{padding: 0;}
.p-3{padding: 3rem;}
.p-3-0{padding: 3rem 0;}
.pt-3{padding-top: 3rem !important;}

@media only screen and (max-width: 768px) {

	.mobile-banner{
		background-image: url('../images/desktop_banner_1 (2).jpg');
    background-size: cover;
    background-position: center;
	}
	.mobile-banner h2, .mobile-banner p{
		text-shadow: 0 0 10px rgb(0 0 0 / 75%);
		-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
		-moz-text-shadow: 0 0 10px rgba(0, 0, 0, .5);
		color: #fff;
	}
	.mobile-banner h2 {
		font-weight: 700;
	}
	.mobile-banner p {
		font-weight: 600;
		font-size: 1.1rem;
	}
	#banner{margin-top: 8rem; /*130px;*/}
	/*1st fold*/
	h2.head1 {
		font-size: 26px;
		bottom: 30em;
		text-align: center;
	}
	#contactForm{
		width: 90vw;
		right: 5vw
	}
	#contactForm h3, .contact-form h3{color: white;}

	/*2nd fold*/
	.first-info-band>div{border-right: unset !important; border-bottom: 2px solid white;}

	.second-section.content-section{margin-top: 2rem;}

	.cost-estimate-band .section-title{padding-top: 0px;}

	.points{
		padding-left: 0;
	}

	/*Table*/
	.table-compare tbody > tr > td:nth-child(3) > div{padding: .3rem;}
	.table-compare tbody > tr > th, .table-compare tbody > tr > td,.table-compare tbody > tr:last-child > th {
		/* padding: .5rem .5rem 0 .5rem; */
		padding: 3px;
		/* max-width: 24vw; */
	}
	.table-compare tbody > tr > td:nth-child(2) > div{min-width: unset;}	

	/*Info Band*/
	.icon-text-block{padding: 2.5rem;}
	.icon-text-block svg{padding-bottom: 1rem;}
	.icon-text-block span {
		font-size: x-large;
	}

	/*3rd Info Band*/
	.info-band.third > div:nth-child(2){
		border-right: unset; 
		border-left: unset;
		border-top: 2px solid grey;
		border-bottom: 2px solid grey;
	}

	.info-band.third li{font-size: 1.1rem;}

	/*FAQ*/
	.panel{background-color: #fffcfc;}


	.mob-pb-2{padding-bottom: 2rem;}
	.mob-p-1{padding: 1rem !important;}
	.mob-p-2{padding: 2rem !important;}
}



