:root {
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

/* import fonts */
@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot');src:url('/fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2') format('woff2'),url('/fonts/fontawesome-webfont.woff') format('woff'),url('/fonts/fontawesome-webfont.ttf') format('truetype'),url('/fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}
/* @font-face {
	font-family: "Roboto";
	src: url(/fonts/Helvetica.woff2) format('woff2'), 	url(/fonts/Helvetica.woff) format('woff');
	font-weight: normal;
    font-display: swap;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Helvetica-Oblique.woff2) format('woff2'), 	url(/fonts/Helvetica-Oblique.woff) format('woff');
	font-weight: normal;
	font-style: italic;
    font-display: swap;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Helvetica-Bold.woff2) format('woff2'), 	url(/fonts/Helvetica-Bold.woff) format('woff');
	font-weight: bold;
    font-display: swap;
  }

  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Helvetica-Light.woff2) format('woff2'), 	url(/fonts/Helvetica-Light.woff) format('woff');
	font-weight: 100;
    font-display: swap;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Helvetica-Light.woff2) format('woff2'), 	url(/fonts/Helvetica-Light.woff) format('woff');
	font-weight: 200;
    font-display: swap;
  } */

  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Roboto-Regular.ttf);
	font-weight: normal;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Roboto-Black.ttf);
	font-weight: bold;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Roboto-Medium.ttf);
	font-weight: 600;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Roboto-Thin.ttf);
	font-weight: 100;
  }
  @font-face {
	font-family: "Roboto";
	src: url(/fonts/Roboto-Light.ttf);
	font-weight: 200;
  }

  @font-face {
	font-family: "Rajdhani";
	src: url(/fonts/Rajdhani-Regular.ttf);
	font-weight: normal;
  }


  @font-face {
	font-family: "FenomenSans";
	src: url(/fonts/FenomenSans-SCNRegular.ttf);
	font-weight: normal;
  }
  @font-face {
	font-family: "FenomenSans";
	src: url(/fonts/FenomenSans-SCNSemiBold.ttf);
	font-weight: bold;
  }
  @font-face {
	font-family: "FenomenSans";
	src: url(/fonts/FenomenSans-SCNThin.ttf);
	font-weight: 100;
  }
  @font-face {
	font-family: "FenomenSans";
	src: url(/fonts/FenomenSans-SCNLight.ttf);
	font-weight: 200;
  }

  body {
	font-family: FenomenSans;
  }
  .icpl-checkbox input {
	display: none;
  }
  .icpl-checkbox span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(/images/unchecked.png);
  }
  .icpl-checkbox input:checked + span {
	background: url(/images/checked.png);
  }
  label.fake-toggle {
	width: fit-content;
  }
  .fake-toggle input {
	display: none;
  }
  .fake-toggle span {
	cursor: pointer;
	width: 54px;
	height: 27px;
	display: inline-block;
	background: url(/images/toggle-off.png);
  }
  .fake-toggle input:checked + span {
	background: url(/images/toggle-on.png);
  }
  header {
	position: fixed;
	z-index: 2;
	width: 100%;
	background: #145d89;
	height: 35px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  }
  .headerTop {
	float: right;
	width: 60%;
	display: flex;
	justify-content: space-between;
	margin-right: 45px;
	height: 100%;
	align-items: center;
	position: relative;
  }
  .headerTop p,
  .headerTop p a {
	color: #ddd;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
  }
  .headerTop .headerSocial {
	display: flex;
	gap: 25px;
  }
  .headerTop .headerSocial a {
	color: #ddd;
  }
  .headerTop .headerSocial a:hover,
  .headerTop p a:hover {
	color: #fff;
  }
  .headerTop p i {
	margin: auto 7px;
  }
  #homeBanner img {
	height: 100vh;
  }
  .menuIcon {
	position: fixed;
	right: 45px;
	top: 65px;
	width: 40px;
  }
  .menuIcon img {
	filter: brightness(15);
	width: 100%;
	height: auto;
  }
  header nav {
	background: #fff;
	width: 300px;
	height: 100vh;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	right: -400px;
	z-index: 1;
	box-sizing: border-box;
	padding: 25px 15px;
	overflow: auto;
	transition: all 0.5s;
  }
  .closeMenu {
	color: #000;
	text-decoration: none;
	float: right;
	font-size: 25px;
	font-weight: 100;
	cursor: pointer;
	display: block;
  }
  nav ul {
	float: left;
	width: 100%;
	height: calc(100% - 26px);
	overflow: auto;
  }
  nav ul li {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #ddd;
  }
  nav ul li:last-child {
	border: none;
  }
  nav ul li a {
	text-decoration: none;
	color: #666;
	font-size: 18px;
	padding: 10px 0;
	float: left;
  }
  a:hover,
  nav ul li a:hover {
	color: #cf0024;
  }
  .overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.5);
	top: 0;
	left: 0;
  }
  .openMenu {
	overflow: hidden;
  }
  .dd {
	float: right;
	margin: 8px 0 0 0;
  }
  .dd::after {
	content: "\f107";
	width: 20px;
	height: 20px;
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
  }
  .logoSec {
	background: url(/images/logoBG.png) no-repeat left top;
	background-size: contain;
	width: 40%;
	padding-bottom: 146px;
	float: left;
	margin-top: -35px;
	transition: all 0.1s;
  }
  a.logo {
	position: relative;
	margin: 29px 0 0 15.5vw;
	width: 11.3vw;
	float: left;
	transition: all 0.1s;
	height: 125px;
  }
  a.logo img {
	width: 100%;
	height: auto;
	transition: all 0.5s;
  }
  #homeBanner .item {
	height: 100vh;
	display: flex;
	position: relative;
  }
  #homeBanner .item img {
	position: absolute;
	z-index: 0;
	min-width: 992px;
  }
  #homeBanner .item .bannerText {
	margin: 33vh auto auto 0;
	position: relative;
	z-index: 1;
  }
  #homeBanner .item .container {
	display: flex;
	height: 100vh;
  }
  #homeBanner .item .bannerText h2 {
	font-weight: 400;
	color: #fff;
	color: #666;
	font-size: 55px;
  }
  #homeBanner .item .bannerText h2 span {
	color: #72ff56;
	color: red;
	color: #00aaa9;
	font-size: 66px;
	font-weight: 600;
  }
  #homeBanner .item .bannerText h1 {
	font-weight: 700;
	color: #facc3c;
	color: #fff;
	color: #eab200;
	font-size: 60px;
  }
  #homeBanner .item .bannerText h1 span {
	color: #00fffc;
	color: #0203c1;
	font-weight: 700;
  }
  #homeBanner .item .bannerText p {
	font-weight: 400;
	color: #fff;
	color: #333;
	font-size: 25px;
	max-width: 500px;
	margin: 20px 0;
	line-height: normal;
  }
  #homeBanner .item .bannerText .buttonCon {
	float: left;
	display: flex;
	gap: 15px;
  }
  .register,
  a.general,
  a.register,
  button.general,
  button.register {
	padding: 15px 60px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	background: #145d89;
	transition: all 0.5s;
	text-align: center;
	border: none;
	outline: 0;
  }
  .form-check-input {
	margin-top: 15px !important;
  }
  button.general {
	padding: 6px 15px;
  }
  .search2,
  .searchSec {
	position: relative;
	z-index: 1;
	float: left;
	width: 100%;
	height: auto;
	margin-top: -155px;
  }
  .searchForm {
	float: left;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	padding: 30px;
	display: flex;
	gap: 15px;
  }
  .searchInner1 {
	float: left;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	display: flex;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  }
  .searchPart1 {
	flex: 0.6;
	padding: 30px;
  }
  .searchPart2 {
	flex: 0.4;
	background: #134f73;
	display: flex;
  }
  .searchPart2 img {
	margin: -62px 10px 0 10px;
  }
  .joinDoc {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
  }
  .searchForm2 {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	display: flex;
	gap: 10px;
  }
  .searchForm2 button,
  .searchForm2 input,
  .searchForm2 select {
	height: 50px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 10px;
	outline: 0;
	flex: 1;
  }
  .searchForm2 input:first-child {
	flex: 0.4;
  }
  .searchForm2 button {
	background: #13a89e;
	color: #fff;
	flex: 0.1;
  }
  .searchPart2 p {
	margin: auto 0 0 0;
	text-align: left;
	width: 100%;
	font-weight: 100;
	color: #fff;
	font-size: 20px;
  }
  .search1Top {
	display: flex;
	float: left;
	width: 100%;
	justify-content: space-between;
  }
  .searchPart2 a {
	margin: 0 0 auto 0;
	text-align: center;
	width: 100%;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	background: #13a89e;
	padding: 10px 22px;
	text-decoration: none;
	max-width: 150px;
  }
  .search1Top h2 {
	color: #134f72;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
  }
  .searchPart2 h2 {
	margin: 10px 0;
	text-align: left;
	width: 100%;
	font-weight: 700;
	color: #fff;
	font-size: 30px;
  }
  .searchForm input {
	background: #fff;
	box-sizing: border-box;
	color: #000;
	padding: 10px 15px;
	border: none;
	outline: 0;
	flex: 1.5;
  }
  .searchForm input.searchText {
	flex: 2.5;
  }
  .searchForm input[type="submit"] {
	background: #145d89;
	color: #fff;
	flex: 0.5;
	max-width: 100px;
	transition: all 0.5s;
  }
  .invertColor img {
	filter: none;
  }
  img {
	max-width: 100%;
  }
  .headerScroll .logoSec {
	background: #fff;
	border-radius: 0 0 30px 0;
	padding: 3px 0;
	width: 235px;
	margin-top: 0;
	display: flex;
	height: 45px;
  }
  .headerScroll a.logo {
	position: relative;
	margin: auto;
	width: 184px;
	width: 3.73vw;
	float: left;
  }
  .headerScroll a.logo img {
	width: 100%;
  }
  .headerScroll .headerTop {
	width: calc(100% - 23.73vw);
  }
  .hru {
	background: url(/images/howRyouBg.png), #32c5ff;
	background: url(/images/howRyouBg.png),
	  -moz-linear-gradient(left, #32c5ff 0, #fff 58%, #fff 100%);
	background: url(/images/howRyouBg.png),
	  -webkit-linear-gradient(left, #32c5ff 0, #fff 58%, #fff 100%);
	background: url(/images/howRyouBg.png),
	  linear-gradient(to right, #32c5ff 0, #fff 58%, #fff 100%);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 90px 0;
  }
  .sectionTitle {
	text-align: center;
	display: flex;
	width: 100%;
	position: relative;
	gap: 15px;
	justify-content: center;
  }
  .sectionTitle span {
	color: #134f72;
	font-size: 60px;
	font-weight: 100;
  }
  .sectionTitle span:last-child {
	color: red;
  }
  .sectionTitle span::after {
	content: "";
	width: 100%;
	height: 3px;
	background: red;
	display: block;
	position: relative;
	margin: 10px 0 0 0;
  }
  .sectionTitle span:last-child::after {
	background: #134f72;
  }
  .hru .col-md-6 {
	display: flex;
  }
  .hruText {
	margin: auto 0;
  }
  .hruTitlt {
	font-size: 30px;
	color: red;
	font-weight: 400;
	letter-spacing: 1px;
  }
  .hruText p {
	color: #505050;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	margin: 40px 0;
  }
  .hruImage {
	margin: 50px auto auto auto;
  }
  .whatWeServe {
	background: url(/images/3rdBg.jpg) no-repeat left top;
	background-size: cover;
	padding: 50px 0;
  }
  p.titlePara {
	color: #505050;
	text-align: center;
	width: 100%;
	line-height: normal;
	max-width: 600px;
	font-size: 20px;
	margin: 30px auto 50px auto;
  }
  .serviceList {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
  }
  .serviceList .item {
	width: 100%;
	max-width: 23%;
	background: #fff;
	border: 1px solid #ccc;
	border-left: 7px solid red;
	padding: 35px 20px 50px 35px;
	transition: all 0.5s;
  }
  .serviceList .item:hover {
	border-left: 7px solid #ffd200;
	box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.3);
	background: url(/images/hoverImage.png) no-repeat;
  }
  .ServiceHeader {
	display: flex;
	flex-direction: row;
	gap: 15px;
	margin-bottom: 22px;
	align-items: center;
  }
  .ServiceHeader h2 {
	font-size: 25px;
	color: #068d7f;
	font-weight: 600;
	transition: all 0.5s;
  }
  section.general {
	height: auto;
  }
  .serviceList .item img {
	width: 50px;
	transition: all 0.5s;
  }
  .serviceList .item p {
	font-size: 18px;
	line-height: 23px;
	color: #666;
	font-weight: 400;
	text-align: justify;
	margin-bottom: 35px;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	transition: all 0.5s;
  }
  .serviceList .item a {
	color: #cf0024;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	float: left;
	transition: all 0.5s;
  }
  .serviceList .item a::after {
	content: "\f178";
	color: red;
	font-family: FontAwesome;
	display: block;
	position: relative;
	width: 25px;
	float: right;
	height: 18px;
	font-size: 22px;
	margin-left: 10px;
	transition: all 0.5s;
  }
  .serviceList .item:hover a,
  .serviceList .item:hover a::after {
	color: #fff;
  }
  .serviceList .item:hover p {
	color: #b4b4b4;
  }
  .serviceList .item:hover h2 {
	color: #fff;
  }
  .serviceList .item:hover img {
	filter: invert(100);
  }
  .serviceList .item a:hover,
  .serviceList .item a:hover::after {
	color: #ffd200;
  }
  .whatOtherSay {
	background: #fff;
	padding: 50px 0;
  }
  .stat {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin: 50px auto;
  }
  .stat .item {
	flex: 0.5;
	min-width: 45%;
	max-width: 45%;
	display: flex;
	flex-direction: column;
  }
  .stat .item .statBox {
	margin: 0 auto;
	border: 1px solid #10b576;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	width: 130px;
  }
  .stat .item .statBox img {
	width: 60%;
	margin: auto;
  }
  .stat .item .statBox p,
  .stat .item .statBox p span {
	text-align: center;
	margin: 0 0 10px 0;
	font-weight: 700;
	font-size: 40px;
	color: #000;
  }
  .stat .item h3 {
	text-align: center;
	margin: 22px 0 10px 0;
	font-weight: 400;
	font-size: 26px;
	color: #666;
  }
  .whatOtherSay .col-md-4 {
	display: flex;
  }
  .sliderWraper {
	float: right;
	margin: 78px 0 71px 0;
	width: 100%;
	max-width: 1100px;
	background: -moz-linear-gradient(
	  left,
	  rgba(30, 87, 153, 0) 0,
	  rgba(0, 16, 36, 0) 50%,
	  rgba(0, 16, 36, 0) 78%,
	  #001024 81%,
	  #001024 100%
	);
	background: -webkit-linear-gradient(
	  left,
	  rgba(30, 87, 153, 0) 0,
	  rgba(0, 16, 36, 0) 50%,
	  rgba(0, 16, 36, 0) 78%,
	  #001024 81%,
	  #001024 100%
	);
	background: linear-gradient(
	  to right,
	  rgba(30, 87, 153, 0) 0,
	  rgba(0, 16, 36, 0) 50%,
	  rgba(0, 16, 36, 0) 78%,
	  #001024 81%,
	  #001024 100%
	);
  }
  #testimonials {
	float: left;
	width: 100%;
	background: url(/images/testimonialBg.png) no-repeat;
	background-size: 100% 100%;
	margin: 0;
	padding: 0 0 25px 0;
  }
  #testimonials .item {
	display: flex;
	flex-direction: row;
	padding: 0;
  }
  #testimonials .clientImage {
	width: 350px;
	height: 350px;
	border-radius: 50%;
	border: 5px solid #fff;
	margin: 40px 40px 40px 40px;
  }
  #testimonials .testionialsText {
	display: flex;
	flex-direction: column;
  }
  #testimonials .testionialsText p {
	color: #c8c8c8;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	margin: auto auto 25px 0;
	width: 84%;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  #testimonials .testionialsText p::before {
	content: "";
	width: 50px;
	height: 50px;
	background: url(/images/quotes1.png) no-repeat center center;
	display: block;
	background-size: contain;
	margin: 0 0 -29px -56px;
  }
  #testimonials .testionialsText p::after {
	content: "";
	width: 50px;
	height: 50px;
	background: url(/images/quotes2.png) no-repeat center center;
	display: block;
	background-size: contain;
	margin: -36px 0 0 100%;
  }
  #testimonials .testionialsText h2.clientName {
	color: #e4e4e4;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	margin: 0 auto 8px 0;
  }
  #testimonials .testionialsText h3.clientDesig {
	color: #bbb;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	line-height: 30px;
	margin: 0 auto auto 0;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  #testimonials .owl-dots {
	display: flex;
	justify-content: start;
	margin-top: -15px;
	gap: 5px;
	float: right;
	width: calc(100% - 423px);
	position: relative;
	z-index: 1;
  }
  #testimonials .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	display: block;
	background: #959da6;
	border-radius: 50%;
  }
  #testimonials .owl-dots .owl-dot.active {
	background: #eaf2fc;
  }
  #testimonials .owl-nav {
	display: flex;
	justify-content: end;
	margin-top: -20px;
	gap: 15px;
	position: relative;
	z-index: 1;
	padding-right: 35px;
	width: 30%;
	float: right;
  }
  #testimonials .owl-nav i {
	color: #eaf2fc;
  }
  .howItWorks {
	padding: 50px 0;
	background: #e7ecef;
  }
  .howItWorksSec {
	padding: 50px 120px;
	background: url(/images/border.png) no-repeat center 237px;
	height: 83vh;
	background-size: contain;
	display: flex;
	box-sizing: border-box;
	gap: 20px;
	margin: auto;
	height: 626px;
  }
  .howItWorksSec .steps {
	height: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	position: relative;
  }
  .howItWorksSec .steps .circle {
	width: 28px;
	height: 28px;
	background: red;
	border-radius: 50%;
	display: block;
	margin: 287px calc(50% - 14px);
	position: absolute;
  }
  .howItWorksSec .steps:nth-child(3) .circle {
	margin: 287px 50% auto 34%;
  }
  .howItWorksSec .steps:nth-child(5) .circle {
	margin: 287px 50% auto 21.6%;
  }
  .howItWorksSec .steps:nth-child(2) .circle {
	margin: 204px 50% auto 38.8%;
  }
  .howItWorksSec .steps:nth-child(4) .circle {
	margin: 204px 50% auto 24.8%;
  }
  .howItWorksSec .steps .stepBox {
	background: url(/images/step1.png) no-repeat;
	background-size: contain;
	width: 227px;
	height: 300px;
	position: absolute;
  }
  .howItWorksSec .steps .stepBox::after {
	content: "";
	width: 1px;
	height: 73px;
	border-left: 2px dashed #666;
	display: block;
	position: absolute;
	z-index: 9;
	margin: 111px 0 0 43%;
  }
  .howItWorksSec .steps:nth-child(3) .stepBox {
	margin: 0 0 0 -18px;
  }
  .howItWorksSec .steps:nth-child(5) .stepBox {
	margin: 0 0 0 -42px;
  }
  .howItWorksSec .steps:nth-child(3) .stepBox {
	background: url(/images/step3.png) no-repeat;
	background-size: contain;
  }
  .howItWorksSec .steps:nth-child(5) .stepBox {
	background: url(/images/step5.png) no-repeat;
	background-size: contain;
  }
  .howItWorksSec .steps:nth-child(2) .stepBox {
	background: url(/images/step2.png) no-repeat;
	background-size: contain;
	margin: 300px 0 0 -10px;
  }
  .howItWorksSec .steps:nth-child(4) .stepBox {
	background: url(/images/step4.png) no-repeat;
	background-size: contain;
	margin: 305px 0 0 -36px;
  }
  .howItWorksSec .steps:nth-child(2) .stepBox::after {
	content: "";
	width: 1px;
	height: 73px;
	border-left: 2px dashed #666;
	display: block;
	position: absolute;
	z-index: 9;
	margin: -225px 0 0 43%;
  }
  .howItWorksSec .steps:nth-child(4) .stepBox::after {
	content: "";
	width: 1px;
	height: 73px;
	border-left: 2px dashed #666;
	display: block;
	position: absolute;
	z-index: 9;
	margin: -225px 0 0 43%;
  }
  .howItWorksSec .steps:nth-child(even) .stepBox p,
  .howItWorksSec .steps:nth-child(odd) .stepBox p {
	width: 86.5%;
	color: #fff;
	box-sizing: border-box;
	padding: 0 15px;
	margin: 65px 0 0 0;
	font-size: 14px;
	text-align: center;
	line-height: 21px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  .howItWorksSec .steps:nth-child(even) .stepBox p {
	margin: 110px 0 0 0;
  }
  .subscripbSec {
	box-sizing: border-box;
	min-height: calc(100vh - 450px);
	height: auto;
	padding: 50px 0;
	float: left;
	width: 100%;
	background: url(/images/subscribeImg.png) no-repeat fixed;
	background-size: cover;
  }
  .subscripbSec .container {
	height: 100%;
  }
  .dark span,
  .subscripbSec .sectionTitle span {
	color: #fff;
  }
  .dark span::after,
  .subscripbSec .sectionTitle span::after {
	background: #facd3c;
  }
  .dark span:last-child,
  .subscripbSec .sectionTitle span:last-child {
	color: #facd3c;
  }
  .dark span:last-child:after,
  .subscripbSec .sectionTitle span:last-child:after {
	background: #fff;
  }
  .subscripbSec .titlePara {
	color: #d0d0d0;
	margin: 22px auto 22px auto;
  }
  .subscribform {
	max-width: 800px;
	width: 100%;
	margin: auto;
	display: flex;
	gap: 15px;
	margin: 0 auto;
  }
  .subscribform input {
	padding: 10px;
	flex: 1;
	outline: 0;
	border: none;
  }
  .subscribform input[type="submit"] {
	background: #facd3c;
	color: #000;
	max-width: 150px;
	outline: 0;
	border: none;
	transition: all 0.5s;
  }
  .searchForm input[type="submit"]:hover {
	background: #000;
	color: #fff;
  }
  .register:focus,
  .register:hover,
  .subscribform input[type="submit"]:hover,
  a.register:hover {
	background: red !important;
	color: #fff;
  }
  .partners {
	background: url(/images/partnersBg.jpg) no-repeat;
	background-size: cover;
	float: left;
	width: 100%;
	padding: 40px 0;
  }
  .partners img {
	padding: 0 10px;
  }
  footer {
	background: #09314a;
	padding: 25px 0 0 0;
	float: left;
	width: 100%;
  }
  footer img {
	margin-bottom: 10px;
	width: 115px;
  }
  .footerDetails {
	float: left;
	width: 90%;
	padding: 25px 0;
	border-top: 1px solid #35566a;
	color: #e5e5e5;
	font-size: 15px;
	line-height: 25px;
	font-weight: 100;
  }
  .footerRight {
	float: right;
	width: 90%;
  }
  .footerRight h2,
  .socialMedia h2 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin: 25px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #35566a;
  }
  .footerRight ul {
	float: left;
	width: 100%;
	columns: 2;
	padding: 15px 0 15px 15px;
  }
  .footerRight ul li a {
	color: #c3c3c3;
	font-weight: 100;
	font-size: 15px;
	line-height: 25px;
	text-decoration: none;
  }
  .socialMedia {
	border-top: 1px solid #35566a;
	float: right;
	width: 100%;
	padding: 10px 0 0 0;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 15px;
  }
  .socialMedia h2 {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
  }
  .socialMedia a {
	color: #74b8b3;
  }
  .socialMedia a:hover {
	color: #fff;
  }
  .footerbottom {
	float: left;
	width: 100%;
	background: #000;
  }
  .footerbottom p {
	color: #c3c3c3;
	font-weight: 100;
	font-size: 13px;
	text-align: center;
	padding: 8px 0;
  }
  .hru .row {
	height: calc(100vh - 180px);
  }
  .howItWorks .row,
  .whatOtherSay .row,
  .whatWeServe .row {
	height: calc(100vh - 100px);
  }
  .subscripbSec .row {
	height: calc(100% - 100px);
  }
  .whatWeServe .col-md-12 {
	display: flex;
	flex-direction: column;
  }
  .whyChooseUs {
	background: #e9eaef url(/images/whyChooseUs2.png) no-repeat left bottom;
	background-size: 30% auto;
	overflow-x: hidden;
	overflow-y: hidden;
  }
  .whyChooseUs a span {
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	color: #094569;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  .whyChooseUs a {
	box-sizing: border-box;
	text-decoration: none;
	color: #094569;
	font-size: 16px;
	position: absolute;
	z-index: 1;
	left: 60.7%;
	top: 5.6%;
	font-weight: 600;
	background: url(/images/wc1.png) no-repeat;
	background-size: contain;
	height: 190px;
	padding: 63px 170px 72px 106px;
	width: 460px;
	display: flex;
  }
  .whyChooseUs a:nth-child(3) {
	left: 69.7%;
	top: 25.8%;
	background-image: url(/images/wc2.png);
  }
  .whyChooseUs a:nth-child(4) {
	left: 70.3%;
	top: 47%;
	background-image: url(/images/wc3.png);
  }
  .whyChooseUs a:nth-child(5) {
	left: 61.1%;
	top: 65.4%;
	background-image: url(/images/wc4.png);
  }
  .whyChooseUs a:nth-child(6) {
	box-sizing: border-box;
	background: #fff;
	border: 6px solid #0d9f4e;
	border-radius: 48px;
	width: 288px;
	text-align: center;
	justify-content: center;
	left: 42%;
	top: 84%;
	padding: 0;
	height: 72px;
  }
  .whyChooseUs h2 {
	background: url(/images/whyChooseUsBg1.png) no-repeat;
	background-size: contain;
	text-align: center;
	font-size: 2.2vw;
	color: #094569;
	position: absolute;
	top: 10.1%;
	left: 35.3%;
	font-weight: 700;
	width: 37.3%;
	height: 600px;
	display: flex;
  }
  .whyChooseUs h2 span {
	color: #125f8e;
	font-weight: 700;
	float: left;
	width: 100%;
  }
  .whyChooseUs h2 strong {
	display: none;
  }
  .inner .headerTop {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 15px;
	margin: 0;
  }
  .inner .headerBottom {
	position: relative;
	float: left;
	width: 100%;
	background: #fff;
  }
  .inner .headerBottom .logo {
	float: left;
	width: 100px;
	margin: 10px 0;
	height: auto;
  }
  .innerPageHeaderSearch {
	float: left;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
	height: 100%;
  }
  .innerPageHeaderSearch form {
	float: left;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
	height: 100%;
  }
  .innerPageHeaderSearch form input {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 3px 15px;
	height: 35px;
  }
  .location {
	flex: 0.3;
  }
  .searchProduct {
	flex: 0.7;
  }
  header.inner + section {
	margin-top: 132px;
  }
  .profile {
	width: 300px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	position: relative;
  }
  .profile img {
	width: 35px;
	height: 35px;
	border-radius: 50%;
  }
  .userName {
	font-size: 16px;
	font-weight: 600;
	color: #0d9f4e;
	cursor: pointer;
	position: relative;
  }
  .userName::after {
	content: "\f107";
	width: 20px;
	height: 10px;
	display: block;
	font-family: FontAwesome;
	position: absolute;
	right: -28px;
	top: 1px;
	cursor: pointer;
	font-size: 18px;
	color: #666;
  }
  .userOption {
	position: absolute;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
	background: #fff;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
	top: 51px;
	border-radius: 0 0 5px 5px;
	min-width: 200px;
	z-index: 99;
	left: 50%;
	transform: translate(-50%, 0);
  }
  .userOption li {
	float: left;
	width: calc(100% - 25px);
	margin: 3px 10px 3px 15px;
  }
  .userOption li a {
	text-decoration: none;
	color: #666;
	font-size: 16px;
  }
  .cart {
	position: relative;
	width: 30px;
	height: auto;
	cursor: pointer;
  }
  .cart::after {
	content: "\f107";
	width: 20px;
	height: 10px;
	display: block;
	font-family: FontAwesome;
	position: absolute;
	right: -28px;
	top: 6px;
	cursor: pointer;
	font-size: 18px;
	color: #666;
  }
  .cart i {
	font-size: 30px;
  }
  .cart span {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #0d9f4e;
	color: #fff;
	display: block;
	border-radius: 50%;
	position: absolute;
	margin: -8px 0 0 19px;
  }
  .cartList {
	height: 0;
	overflow: hidden;
	width: 350px;
	background: #fff;
	position: absolute;
	right: -20px;
	top: 47px;
	transition: all 0.5s;
	max-height: 560px;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
	z-index: 99;
  }
  .cartList li {
	float: left;
	display: flex;
	width: calc(100% - 30px);
	margin: 8px 15px 8px 15px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	gap: 10px;
  }
  .cartList li .cartProductDetals h2 {
	font-size: 18px;
	font-weight: 700;
	color: #134f72;
  }
  .cartList li .cartProductDetals p {
	margin: 5px 0;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-weight: 200;
  }
  .cartProductImage {
	float: left;
	width: 100px;
	height: auto;
	object-fit: contain;
  }
  .cartList li .cartProductDetals p.priceAndQty {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: normal;
	margin: 1px 0;
	font-weight: 400;
	box-sizing: border-box;
	padding-right: 16px;
  }
  .cartList li .cartProductDetals p.priceAndQty span {
	position: relative;
	background: 0 0;
	color: red;
	margin: auto;
	display: inline-block;
	text-align: right;
	width: auto;
	flex: 1;
  }
  .cartList li:last-child {
	border: none;
  }
  .align-item-center {
	display: flex;
	justify-content: center;
  }
  .productType {
	float: left;
	width: 100%;
	background: #13a89e;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  }
  .productTypeHolder {
	float: left;
	width: 100%;
	margin: 0;
	position: relative;
	display: flex;
	justify-content: center;
	gap: 25px;
  }
  .productTypeHolder a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 0;
	font-weight: 200;
	display: flex;
	align-items: center;
	gap: 10px;
  }
  .productTypeHolder a i {
	font-size: 18px;
	color: #c1ff85;
  }
  .productTypeHolder a.active span {
	position: relative;
  }
  .productTypeHolder a.active span::after {
	content: "";
	position: absolute;
	height: 4px;
	background: #ff0;
	display: block;
	margin: 6px 0 0 -20px;
	width: calc(100% + 23px);
	border-top: 2px solid #000;
	transition: all 0.5s;
  }
  section.innerBanner {
	height: auto;
	margin-top: 132px;
  }
  section.faq,
  section.productListBody {
	height: auto;
	padding: 50px 0;
  }
  .productList {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin: 25px 0 0 0;
	justify-content: center;
  }
  .productList .item {
	flex: 1;
	min-width: 320px;
	max-width: 420px;
	position: relative;
  }
  .productList .item img {
	position: relative;
	width: 100%;
	background: #f1f1f1;
	height: 260px;
	object-fit: cover;
  }
  .productList .item .pDetails {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: -98px;
	height: 96px;
	transition: all 0.5s;
	overflow: hidden;
  }
  .productList .item .pDetails h2 {
	float: left;
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	color: #ccc;
	transition: all 0.5s;
  }
  .productList .item .pDetails p {
	margin: 7px 0 0 0;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
	color: #ccc;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  .productList .item:hover .pDetails {
	background: rgba(0, 0, 0, 0.8);
	height: 120px;
	margin-top: -122px;
  }
  .productList .item:hover .pDetails h2 {
	color: #ef4c55;
  }
  .productList .item .pDetails p.link {
	color: #ffbf00;
	text-align: right;
	box-sizing: border-box;
	padding-right: 25px;
	position: relative;
  }
  .productList .item .pDetails p.link::after {
	content: "\f178";
	position: absolute;
	width: 40px;
	height: 20px;
	display: block;
	color: #ffbf00;
	font-family: FontAwesome;
	right: 0;
	top: 0;
	font-size: 20px;
  }
  .fullWidth {
	width: 100%;
  }
  .btn {
	box-shadow: none !important;
	font-size: 16px !important;
	padding: 10px 20px !important;
  }
  .text-align-left {
	text-align: left;
  }
  .faqSec {
	margin: 25px 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
  }
  .productCatagoryType {
	float: left;
	width: 100%;
	overflow: auto;
	background: #09314a;
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: nowrap;
	flex-direction: row;
  }
  .productCatagoryType a {
	color: #cecece;
	font-size: 15px;
	text-decoration: none;
	padding: 5px 0;
	position: relative;
  }
  .productCatagoryType a.active {
	color: #fff;
  }
  .productCatagoryType a.active::after {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	display: block;
	background: #8f0;
  }
  .productGridView {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
	margin: 25px 0;
	flex-wrap: wrap;
  }
  .priviousOrder .item,
  .productGridView .item {
	flex: 1;
	max-width: 285px;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	transition: all 0.5s;
	margin: auto;
  }
  .priviousOrder .item:hover,
  .productGridView .item:hover {
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
  }
  .priviousOrder .item img,
  .productGridView .item img {
	max-width: 255px;
	width: 255px;
	height: 200px;
	object-fit: contain;
	margin: 0 auto 10px auto;
	padding: 30px;
  }
  .prductDetails {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
  }
  .prductDetails h2 {
	font-weight: 500;
	color: #13867e;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-size: 14px;
	text-align: center;
	line-height: normal;
  }
  .prductDetails p {
	font-size: 13px;
	text-align: center;
	color: #888;
	line-height: normal;
  }
  .prductDetails a.general,
  .prductDetails a.register,
  button.register {
	padding: 10px 0;
	font-size: 15px;
	min-width: 150px;
  }
  .prductDetails p span:nth-child(1) {
	color: #ffa0a0;
	font-size: 17px;
  }
  .prductDetails p span:nth-child(2) {
	color: #06732c;
	font-size: 17px;
  }
  .prductDetails p span em {
	text-decoration: line-through;
  }
  .prductDetails p span:nth-child(4) {
	width: 100%;
	text-align: center;
	float: left;
	margin: 10px 0;
  }
  .priviousOrder {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
	margin: 25px 0;
  }
  .priviousOrder .item img {
	max-width: 100%;
	box-sizing: border-box;
	padding: 40px;
  }
  #priviousOrder .owl-nav,
  #reletedProduct .owl-nav {
	display: flex;
	justify-content: center;
	gap: 15px;
  }
  .faq .card {
	background: #f1f1f1;
  }
  .card {
	border: none;
  }
  .brand {
	font-size: 13px;
  }
  .act-price {
	color: #13a399;
	font-weight: 600;
	font-size: 20px;
  }
  .dis-price {
	text-decoration: line-through;
  }
  .about {
	font-size: 14px;
	line-height: normal;
	color: #888;
	line-height: 22px;
	font-weight: 500;
	letter-spacing: 0.6px;
  }
  .color {
	margin-bottom: 10px;
  }
  label.radio {
	cursor: pointer;
  }
  label.radio input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none;
  }
  .images div {
	position: relative;
  }
  .images .thumbnail {
	border: none;
	margin-top: 10px;
  }
  .images .thumbnail img {
	height: 80px;
	width: 80px;
	object-fit: contain;
	box-sizing: border-box;
	padding: 10px;
  }
  .product h5 {
	margin-bottom: 15px;
	line-height: normal;
	margin-top: 5px;
	font-size: 16px;
	color: #3e3e3e;
  }
  .ml-1 {
	margin-left: 10px;
	color: #888;
  }
  .btnHolders {
	gap: 10px;
  }
  .btnHolders i {
	font-size: 18px;
	color: #018255 !important;
  }
  .btnHolders i.fa-heart {
	color: red !important;
  }
  .main-image {
	height: 200px;
	object-fit: contain;
  }
  label.radio span {
	padding: 3px 14px;
	border: 2px solid #1ddbce;
	display: inline-block;
	color: #3d97cd;
	font-size: 14px;
	border-radius: 3px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
  }
  .sizes h6 {
	margin-bottom: 3px;
  }
  label.radio input:checked + span {
	border-color: #145d89;
	background-color: #145d89;
	color: #fff;
  }
  .qtyCon {
	float: left;
	width: 100%;
	position: relative;
	margin: 20px 0;
  }
  .qtyCon h6 {
	margin-bottom: 3px;
  }
  .spinner {
	float: left;
	width: 150px;
	display: flex;
	align-items: center;
  }
  .spinner a {
	background: #13a89e;
	color: #fff;
	flex: 0.5;
	text-decoration: none;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
  }
  .spinner input {
	width: 80px;
	height: 29px;
	border: 1px solid #13a89e;
	outline: 0;
	text-align: center;
  }
  .cart2 {
	float: left;
  }
  a.whiteBtn,
  button.whiteBtn {
	background: #fff !important;
	border: 1px solid #13a89e;
	color: #13a89e;
  }
  .btn-danger {
	background-color: red !important;
	border-color: red !important;
  }
  .btn-danger:hover {
	background-color: #da0606 !important;
	border-color: #da0606 !important;
  }
  .btn-danger:focus {
	box-shadow: none;
  }
  .cart i {
	margin-right: 10px;
  }
  * {
	box-sizing: border-box;
  }
  .img-zoom-container {
	position: relative;
  }
  .img-zoom-lens {
	position: absolute !important;
	border: 1px solid #064d2d !important;
	width: 40px;
	height: 40px;
	background: rgba(255, 0, 0, 0.3);
  }
  .img-zoom-result {
	position: absolute !important;
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	left: 110%;
	top: 0;
	display: none;
  }
  #priviousOrder .owl-stage-outer,
  #reletedProduct .owl-stage-outer {
	padding: 10px;
  }
  .faqSec a.fullWidth {
	background: #fff;
	border: none;
	border-bottom: 1px solid #09314a;
	color: #666;
	border-radius: 0;
  }
  .faqSec a.fullWidth:hover {
	color: #fff;
	background: #068d7f;
  }
  .backgroundLogin,
  .loginBG {
	float: left;
	width: 100%;
	min-height: 100vh;
	height: auto;
	background: url(/images/bg.jpg) no-repeat;
	background-size: cover;
  }
  .loginBG {
	min-height: auto;
	background: #fff;
	background-size: cover;
  }
  .loginLogo {
	margin: 25px auto;
	width: 100px !important;
	min-width: 60px !important;
  }
  .parpelOverlay {
	width: 100%;
	min-height: 100vh;
	height: auto;
	background: rgba(255, 255, 255, 0.5);
	display: flex;
  }
  .loginBox {
	width: 75%;
	margin: auto;
  }
  .loginLogo {
	margin: 15px auto;
	min-width: 250px;
	height: auto;
	width: 70%;
  }
  .loginBox .row .col-md-6 {
	display: flex;
	flex-direction: column;
  }
  .loginBox .row .col-md-6:first-child {
	border-right: 1px solid #fff;
	border-right: 1px solid #125f8e;
  }
  .usersIcon {
	margin: auto auto 30px auto;
	width: 100px;
  }
  .usersIcon + h1 {
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
	color: #125f8e;
  }
  .inputCon {
	float: left;
	width: 70%;
	margin: auto;
	display: flex;
	flex-direction: column;
  }
  .inputCon input[type="password"],
  .inputCon input[type="text"] {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding: 0 0 0 50px;
	border: 1px solid #125f8e;
	border-radius: 3px;
	outline: 0;
	margin-bottom: 15px;
  }
  .inputCon input[type="text"] {
	background: #fff url(/images/inputuser.png) no-repeat;
	background-size: 20px auto;
	background-position: 10px center;
  }
  .inputCon input[type="password"] {
	background: #fff url(/images/passwordIcon.png) no-repeat;
	background-size: 20px auto;
	background-position: 10px center;
  }
  .checkboxcon {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 25px 0;
  }
  .checkboxcon label {
	line-height: 20px;
	color: #125f8e;
	font-weight: 700;
  }
  .checkboxcon input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	float: left;
  }
  .checkboxcon a {
	color: #125f8e;
	text-decoration: none;
	box-sizing: border-box;
	padding-left: 25px;
	background: url(/images/mailIcon.png) no-repeat left center;
	background-size: 20px auto;
	font-weight: 700;
  }
  .inputCon input[type="submit"],
  .popBody .submit {
	width: 150px;
	background: #125f8e;
	border-radius: 3px;
	height: 35px;
	text-align: center;
	border: none;
	color: #fff;
	margin: 10px auto 50px auto;
  }
  .modal-header {
	background: #125f8e;
	color: #fff;
  }
  .btn-close {
	color: #fff;
	background: 0 0;
  }
  .btn-close:hover {
	color: #7ce9a0;
	background: 0 0;
  }
  .color-white {
	color: #fff !important;
  }
  .top-15 {
	margin-top: 15px;
  }
  .blackOverLay {
	background-color: rgb(83 75 135 / 60%);
	padding-bottom: 20px;
	border: 1px solid #fff;
  }
  .backgrounColour-Black {
	background: #000 !important;
	color: #fff !important;
  }
  .form-control:focus {
	box-shadow: 0 0 20px 1px rgb(97 224 246 / 50%);
  }
  .blackOverLay label {
	color: #fff !important;
	font-family: Rajdhani;
	letter-spacing: 1px;
  }
  .registrationModalBG {
	background: url(/images/drBG.jpg) no-repeat;
	background-size: cover;
  }
  .registrationModalBG2 {
	background: url(/images/drBG2.jpg) no-repeat;
	background-size: cover;
	float: left;
	width: 100%;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: auto;
  }
  .registrationModalBG2 .container {
	margin: 25px auto auto auto;
  }
  .registrationModalBG .modal-content {
	background: 0 0;
  }
  .registrationOwl .item .loginCarouselText h2,
  .registrationOwl .item .loginCarouselText p {
	text-align: center;
  }
  .registrationOwl .item img {
	margin: auto auto 50px auto;
  }
  .registrationOwl {
	margin: auto !important;
  }
  .btnCon {
	display: none;
  }
  .text-strp {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  .text-strp p {
	text-align: center;
	font-size: 18px;
	color: #666;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	padding: 0;
	width: auto;
	max-width: 300px;
  }
  .strp-1 {
	display: none;
  }
  .strp-1.active {
	display: block;
  }
  .text-strp p.innerpara {
	max-width: 90%;
	border: none;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	margin: 14px 0;
  }
  .text-strp .btn {
	max-width: 100px;
  }
  .hruInLineImage,
  .text-strp img {
	width: 80px;
	height: auto;
	margin: -29px 10px 0 0;
  }
  .hruInLineImage {
	margin: 10px auto;
  }
  .registerSec {
	float: left;
	width: 100%;
	height: auto;
  }
  .registerAS {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 15px 0;
	overflow-x: auto;
	gap: 15px !important;
  }
  .gap-15 {
	gap: 15px !important;
  }
  .requiredAtr::after {
	content: "*";
	position: relative;
	font-size: 27px;
	color: red;
	float: right;
	margin: 5px 0 0 5px;
	line-height: 10px;
  }
  .registerAS .item {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding: 8px;
	cursor: pointer;
	transition: all 0.5s;
	min-width: 150px;
	max-width: 150px;
	position: relative;
	flex-direction: column;
	border-radius: 8px;
	gap: 10px;
  }
  .registerAS .item.active,
  .registerAS .item:hover {
	background: #fff;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
  }
  .registerAS .item.active .registerAsText h2,
  .registerAS .item:hover .registerAsText h2 {
	color: #039c7b;
  }
  .registerAS .item.active::after {
	content: "\f00c";
	width: 40px;
	height: 20px;
	display: block;
	position: absolute;
	right: 15px;
	top: 5px;
	font-family: FontAwesome;
	text-align: right;
	color: #ef4c55;
  }
  .registerAS .item input {
	visibility: hidden;
	width: 0;
	height: 0;
  }
  .registerAS .item img {
	width: 50px;
	height: auto;
  }
  .registerAS .item h2 {
	font-weight: 400;
	font-size: 16px;
	color: #125f8e;
  }
  .registerAS .item p {
	font-weight: 400;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	line-height: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: pre-wrap;
  }
  .baWhite {
	background: #fff;
	box-shadow: 0 33px 50px 1px rgba(0, 0, 0, 0.07);
  }
  .padding-15 {
	padding: 15px;
  }
  .registrationForm {
	padding: 25px 0 0 0;
  }
  .registrationForm h2 span {
	font-size: 40px !important;
  }
  .registrationForm p {
	text-align: center;
	font-size: 16px;
	color: #9f9f9f;
	margin: 20px 0 0 0;
	font-weight: 500;
	line-height: normal;
  }
  .fixed-alignment {
	display: flex;
	gap: 10px;
	align-items: center;
  }
  .fixed-alignment label {
	margin-bottom: 0;
	margin-top: 15px;
  }
  .fixed-alignment .form-check-inline {
	display: flex;
	gap: 5px;
	align-items: center;
  }
  .fixed-alignment input {
	margin-top: 15px;
  }
  .forDoctor {
	display: none;
  }
  .registerForm {
	display: none;
  }
  .registerForm.active {
	display: block;
	padding-bottom: 15px;
  }
  .packageLink {
	text-decoration: none;
	font-size: 20px;
	color: #145d89;
  }
  .btnHide {
	width: 0;
	height: 0;
	visibility: hidden;
  }
  .loginBG h2 {
	font-size: 35px;
	text-align: center;
	float: left;
	width: 100%;
	color: #027c4e;
  }
  .margin-auto,
  input[type="submit"].margin-auto {
	margin: auto !important;
  }
  .width-100 {
	width: 100% !important;
  }
  .loginBG p {
	font-size: 16px;
	text-align: center;
	float: left;
	width: 100%;
	color: #999;
	margin: 25px 0 40px 0;
  }
  .orP {
	float: left;
	width: 70%;
	text-align: center;
	margin: 15px 15%;
	position: relative;
  }
  .orP::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #018255;
	position: absolute;
	left: 0;
	top: 12px;
  }
  .orP span {
	width: auto;
	font-size: 25px;
	color: #09314a;
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 0 5px;
  }
  .socialLogin {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 15px auto;
  }
  .socialLogin a {
	width: auto;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 135px;
	border-radius: 30px;
	border: 1px solid #9f9f9f;
	gap: 10px;
  }
  .socialLogin a img {
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 50%;
	background: #fff;
	object-fit: contain;
  }
  .loginLogo {
	margin: 15px auto;
  }
  .socialLogin a span {
	color: #595959;
	font-size: 16px;
	margin-left: 15px;
  }
  .orP + p {
	margin: 10px 0;
  }
  .padding-10 {
	padding: 10px 0;
  }
  .margin-10 {
	margin: 15px 0 !important;
  }
  .loginBG {
	padding: 0 30px 30px 30px;
	background: url(/images/drBG.jpg) no-repeat;
	background-size: cover;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #f1faf7 100%);
	background: -webkit-linear-gradient(top, #fff 0, #f1faf7 100%);
	background: linear-gradient(to bottom, #fff 0, #f1faf7 100%);
  }
  .max-width-900 {
	max-width: 900px;
  }
  .loginForm {
	width: 100%;
	max-width: 350px;
	margin: auto;
	display: flex;
	position: relative;
	flex-direction: column;
  }
  .inLineLogo {
	width: 45px;
  }
  .loginFooterP {
	margin: 10px 0 !important;
  }
  #loginCarosol,
  #registrationCarosol {
	max-width: 80%;
	margin: 0 10%;
  }
  #loginCarosol .owl-stage-outer,
  #registrationCarosol .owl-stage-outer {
	margin: auto;
  }
  .loginCarouselImg {
	max-width: 100%;
	margin: 150px auto 35px auto;
  }
  .loginCarouselText {
	margin: auto;
  }
  .loginCarouselText h2 {
	color: #094569;
	font-size: 20px;
	font-weight: 700;
	font-family: Rajdhani;
  }
  .loginCarouselText p {
	color: #888;
	font-size: 15px;
	line-height: 24px;
	margin: 15px 0;
  }
  #loginCarosol .owl-dots,
  #registrationCarosol .owl-dots {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 10px;
  }
  #loginCarosol .owl-dots .owl-dot,
  #registrationCarosol .owl-dots .owl-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f67d7d;
  }
  #loginCarosol .owl-dots .owl-dot.active,
  #registrationCarosol .owl-dots .owl-dot.active {
	background: red;
  }
  #logIn .btn-close {
	color: #000;
  }
  .bannerProductCardHolder {
	float: left;
	width: 100%;
	height: auto;
	background: 0 0;
	padding: 10px;
  }
  .bannerProductCardHolder #otcProcductCat {
	float: left;
	width: 100%;
	position: relative;
  }
  .otcCardBody {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
	border-radius: 10px;
	background: #fff;
  }
  .otcCardBody img {
	width: 65px !important;
	height: auto;
  }
  #otcProcductCat .item .otcCardBody.one {
	background: #e5ffff;
	border: 1px solid #aae6e6;
  }
  #otcProcductCat .item .otcCardBody.two {
	background: #ffe5e5;
	border: 1px solid #e6aaaa;
  }
  #otcProcductCat .item .otcCardBody.three {
	background: #e5edff;
	border: 1px solid #aabae6;
  }
  #otcProcductCat .item .otcCardBody.four {
	background: #fee5ff;
	border: 1px solid #dfaae6;
  }
  #otcProcductCat .item .otcCardBody.five {
	background: #fffae5;
	border: 1px solid #e6dbaa;
  }
  #otcProcductCat .item .otcCardBody.six {
	background: #fff;
	border: 1px solid #e2e2e2;
  }
  #otcProcductCat .item .otcCardBody.seven {
	background: #ffe5f2;
	border: 1px solid #e6aae3;
  }
  .otgProductCarosul {
	height: auto !important;
  }
  .otcProdDetails p {
	font-size: 14px;
	color: #999;
	margin-top: 5px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  }
  .mobileSearch {
	display: none;
  }
  .modal.show .modal-dialog {
	top: 50%;
	transform: translateY(-50%);
  }
  .bodyHeadding {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  .otpBox {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 10px 0;
  }
  .otpBox input {
	border: none;
	border-bottom: 1px solid #000;
	font-size: 30px;
	color: #000;
	outline: 0;
	text-align: center;
	width: 50px;
  }
  #otpSubmit {
	float: none;
  }
  #otp {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
  }
  .changePH,
  .or,
  .reSend {
	float: left;
	width: 100%;
	text-align: center;
  }
  .reSend {
	margin: 10px 0 0 0;
  }
  .or {
	font-size: 24px;
	color: #04927f;
  }
  #otpForm {
	text-align: center;
  }
  .planImage {
	position: absolute;
	left: 0;
	top: 0;
  }
  #signUpForm {
	margin: 0 auto;
	height: 100vh;
	box-sizing: border-box;
	padding: 40px;
	box-shadow: 0 6px 18px rgb(0 0 0 / 9%);
	border-radius: 12px;
	overflow: hidden;
  }
  #signUpForm .form-header {
	gap: 5px;
	text-align: center;
	font-size: 0.9em;
  }
  #signUpForm .form-header .stepIndicator {
	position: relative;
	flex: 1;
	padding-bottom: 30px;
  }
  #signUpForm .form-header .stepIndicator.active {
	font-weight: 600;
  }
  #signUpForm .form-header .stepIndicator.finish {
	font-weight: 600;
	color: #009688;
  }
  #signUpForm .form-header .stepIndicator::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 9;
	width: 20px;
	height: 20px;
	background-color: #d5efed;
	border-radius: 50%;
	border: 3px solid #ecf5f4;
  }
  #signUpForm .form-header .stepIndicator.active::before {
	background-color: #a7ede8;
	border: 3px solid #d5f9f6;
  }
  #signUpForm .form-header .stepIndicator.finish::before {
	background-color: #009688;
	border: 3px solid #b7e1dd;
  }
  #signUpForm .form-header .stepIndicator::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 8px;
	width: 100%;
	height: 3px;
	background-color: #f3f3f3;
  }
  #signUpForm .form-header .stepIndicator.active::after {
	background-color: #a7ede8;
  }
  #signUpForm .form-header .stepIndicator.finish::after {
	background-color: #009688;
  }
  #signUpForm .form-header .stepIndicator:last-child:after {
	display: none;
  }
  #signUpForm input:focus {
	border: 1px solid #009688;
	outline: 0;
  }
  #signUpForm input.invalid {
	border: 1px solid #ffaba5;
  }
  #signUpForm .step {
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100vh - 165px);
  }
  #signUpForm .form-footer {
	overflow: auto;
	gap: 20px;
  }
  #signUpForm .form-footer button {
	background-color: #009688;
	border: 1px solid #009688 !important;
	color: #fff;
	border: none;
	padding: 13px 30px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 5px;
	flex: 1;
	margin-top: 5px;
  }
  #signUpForm .form-footer button:hover {
	opacity: 0.8;
  }
  #signUpForm .form-footer #prevBtn {
	background-color: #fff;
	color: #009688;
  }
  .menuLeft {
	height: 100vh;
	background: #fff;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
	width: 320px;
  }
  .menuHead {
	float: left;
	width: 100%;
	height: auto;
  }
  .profileImage {
	width: 110px;
	height: 110px;
	border: 5px solid #fff;
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	margin: 25px calc(50% - 55px) 10px;
	object-fit: cover;
  }
  .menuLeft .menuHead h2.userNam {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #064d2d;
	margin: 5px 0 5px 0;
  }
  .menuLeft .menuHead h3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #6e8a7e;
	margin: 5px 0 15px 0;
  }
  .menuLeft ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	/* height: calc(100vh - 280px); */
	height: auto;
	/* min-height: 500px; */
	overflow: auto;
	list-style: none;
	position: relative;;
  }
  .menuLeft ul li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
  }
  .menuLeft ul li:last-child {
	border: none;
  }
  .menuLeft ul li a {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 16px;
	line-height: 40px;
	color: #120030;
	display: flex;
	align-items: center;
	font-weight: 100;
  }
  .menuLeft ul li:hover {
	background: #eee;
  }
  .menuLeft ul li a i {
	float: left;
	width: 38px;
	color: rgba(0, 0, 0, 0.4);
  }
  .menuLeft ul li.hasChild a {
	width: 90%;
  }
  .open.menuLeft ul li.hasChild a {
	width: 100%;
  }
  .menuLeft ul li.hasChild {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
  }
  .menuLeft ul li.hasChild ul {
	height: 0;
	overflow: 0;
	min-width: 100%;
	display: none;
	transition: all 0.5s;
  }
  .menuLeft ul li i {
	cursor: pointer;
	font-size: 20px;
  }
  .menuLeft ul li.active a {
	font-weight: 700;
  }
  .menuLeft ul li.active a i {
	color: #005d87;
  }
  .menuLeft ul li ul {
	background: #fff;
	box-sizing: border-box;
  }
  .menuLeft ul li ul li a {
	box-sizing: border-box;
	padding-left: 48px;
	line-height: 25px;
  }
  .menuLeft ul li ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #072065;
	display: block;
	display: block;
	border-radius: 50%;
	margin-right: 7px;
	display: none;
  }
  .rightSide {
	height: 100vh;
	background: url(/images/drBG2.jpg) no-repeat;
	background-size: cover;
  }
  #imgInp {
	display: none;
  }
  #profileImage {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin: auto;
  }
  #upLoad {
	width: 200px;
	margin: 10px auto;
  }
  ::-webkit-scrollbar {
	width: 3px;
  }
  ::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
	background: #888;
  }
  ::-webkit-scrollbar-thumb:hover {
	background: #555;
  }
  .planCon {
	background: linear-gradient(135deg, #32ffc8 0, #6de1ff 100%);
  }
  .planBox {
	background: #f1f1f1;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	padding: 20px 20px;
	float: left;
	height: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
  }
  .planBox h2 {
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 25px;
	color: #00aaa9;
	text-align: center;
  }
  .planBox label {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #aaa;
  }
  .planBox p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #333;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 7px;
  }
  .planBox h3 {
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 22px;
	text-align: center;
	color: #ff2727;
  }
  .planBox input {
	visibility: hidden;
	height: 0;
	width: 0;
  }
  .papular::before {
	content: "MOST POPULAR";
	background: #018255;
	color: #fff;
	position: absolute;
	display: block;
	width: 220px;
	text-align: center;
	padding: 6px 0;
	left: -64px;
	top: 20px;
	transform: rotate(320deg);
	font-size: 12px;
  }
  .planBox h2.silver {
	color: #646464;
  }
  .planBox h2.gold {
	color: #d39646;
  }
  .planBox h2.platinum {
	color: #009fde;
  }
  .selected {
	background: #fff;
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	margin: 10px 0;
  }
  .selectPlanText {
	margin: auto auto auto 0;
  }
  input:focus {
	border-top: none !important;
  }
  .open .leftMenuUl li .fa-angle-down,
  .open .leftMenuUl li a span,
  .open .menuHead {
	display: none;
  }
  .menuLeft.open {
	width: 70px;
  }
  .menuLeft.open + .rightSide {
	max-width: 100%;
  }
  .open .collapsIcon {
	justify-content: center;
  }
  .open .leftMenuUl li.hasChild:hover ul {
	position: absolute;
	display: block;
	height: auto;
	left: 80px;
	max-width: 7px;
	min-width: 265px;
	z-index: 999;
	max-width: 265px;
  }
  .menuLeft.open ul li.hasChild {
	align-items: start;
  }
  @media (max-width: 1300px) {
	.whyChooseUs {
	  background-image: none;
	}
	.whyChooseUs a {
	  padding: 1% 9% 2% 8%;
	  width: 400px;
	  left: 37.7%;
	}
	.whyChooseUs a:nth-child(3) {
	  left: 48.7%;
	}
	.whyChooseUs a:nth-child(4) {
	  left: 48.7%;
	}
	.whyChooseUs a:nth-child(5) {
	  left: 39.3%;
	  top: 71%;
	}
	.whyChooseUs a:nth-child(6) {
	  left: calc(100% - 300px);
	  top: 85%;
	}
	.whyChooseUs h2 {
	  left: 5%;
	  width: 47.3%;
	  top: 50%;
	  transform: translate(0, -50%);
	}
  }
  @media (max-width: 1200px) {
	.searchPart2 a {
	  padding: 10px 16px;
	  max-width: 136px;
	}
	.searchPart2 p {
	  font-size: 16px;
	}
	.searchPart2 h2 {
	  font-size: 20px;
	}
	.headerScroll a.logo {
	  width: 48px;
	}
	.headerScroll a.logo img {
	  width: 100%;
	}
	#homeBanner .item .bannerText {
	  margin: 27vh auto auto 0;
	}
	.headerScroll .logoSec {
	  padding: 6px 0;
	  width: 300px;
	}
	.headerScroll .headerTop {
	  width: calc(100% - 360px);
	}
	p.titlePara {
	  max-width: 100%;
	}
	#testimonials .clientImage {
	  width: 250px;
	  height: 250px;
	}
	.register,
	a.register,
	button.register {
	  float: left;
	}
	.hruText p {
	  font-size: 16px;
	  line-height: 26px;
	  margin: 24px 0;
	}
	.sectionTitle span {
	  font-size: 50px;
	}
	.serviceList .item {
	  max-width: 24%;
	  padding: 35px 15px 50px 15px;
	}
	.serviceList .item img {
	  width: 40px;
	}
	.ServiceHeader h2,
	.stat .item h3 {
	  font-size: 19px;
	}
	.serviceList .item p {
	  font-size: 16px;
	}
	.stat .item .statBox p,
	.stat .item .statBox p span {
	  font-size: 32px;
	}
	.hruImage {
	  margin: auto;
	  width: 300px;
	}
	.partners {
	  padding: 35px 0;
	}
  }
  @media (max-width: 1100px) {
	.checkboxcon {
	  flex-wrap: wrap;
	  justify-content: center;
	  gap: 15px;
	}
	#loginCarosol,
	#registrationCarosol {
	  max-width: 100%;
	  margin: 0;
	}
  }
  @media (max-width: 992px) {
	.loginBG .row .col-lg-6:nth-child(1){
	  height: 0 !important;
	}
	.userName {
	  display: none;
	}
	.searchInner1 {
	  flex-direction: column;
	}
	.searchPart2 {
	  order: 1;
	}
	.searchPart1 {
	  order: 2;
	}
	.joinDoc {
	  align-items: center;
	}
	.joinDoc h2,
	.joinDoc p {
	  text-align: center;
	}
	#loginCarosol,
	#registrationCarosol {
	  display: none;
	}
	.hru {
	  background: #32c5ff;
	  background: -moz-linear-gradient(left, #32c5ff 0, #fff 58%, #fff 100%);
	  background: -webkit-linear-gradient(left, #32c5ff 0, #fff 58%, #fff 100%);
	  background: linear-gradient(to right, #32c5ff 0, #fff 58%, #fff 100%);
	}
	.whyChooseUs {
	  background: #e9eaef;
	  overflow-x: hidden;
	  min-height: 100vh;
	}
	.hruTitlt {
	  margin-top: 25px;
	}
	.stat {
	  margin: 25px auto;
	}
	.sliderWraper {
	  margin: 0;
	}
	.stat .item {
	  min-width: auto;
	}
	.howItWorks .row,
	.hru .row,
	.whatOtherSay .row,
	.whatWeServe .row {
	  height: auto;
	}
	section {
	  height: auto;
	  padding: 30px 0 !important;
	}
	section.banner {
	  padding: 0 !important;
	}
	.serviceList {
	  gap: 15px;
	}
	.serviceList .item {
	  min-width: 320px;
	}
	.whyChooseUs h2 {
	  left: 5%;
	  width: 47.3%;
	}
	.whyChooseUs a {
	  font-size: 16px;
	  position: absolute;
	  z-index: 1;
	  left: 36.7%;
	  top: 2.6%;
	  padding: 2% 10% 5% 10%;
	  width: 360px;
	  display: flex;
	}
	.whyChooseUs a:nth-child(3) {
	  left: 48.7%;
	  top: 23.8%;
	}
	.whyChooseUs a:nth-child(4) {
	  left: 49.9%;
	  top: 46%;
	}
	.whyChooseUs a:nth-child(5) {
	  left: 40.1%;
	  top: 65.4%;
	}
	.whyChooseUs a:nth-child(6) {
	  top: 90%;
	  left: calc(100% - 290px);
	}
	.whyChooseUs h2 strong {
	  margin: 46.3% auto auto 12.7%;
	}
	.subscripbSec {
	  height: auto;
	}
	a.logo {
	  width: 84px;
	  position: relative;
	  margin: 12px 0 0 41%;
	}
	a.logo img {
	  width: 100%;
	}
  }
  @media (max-width: 840px) {
	.registerAS {
	  width: 752px;
	  display: block;
	}
	.registerAS .item {
	  float: left;
	}
	.registrationModalBG2 .container-fluid .row .col-md-12 {
	  overflow: auto;
	}
  }
  @media (max-width: 767px) {
	#otpVarification .col-md-4 {
	  display: none;
	}
	.productTypeHolder a {
	  min-width: 132px;
	}
	.productTypeHolder {
	  overflow-x: auto;
	  overflow-y: visible;
	}
	.mobileSearch {
	  display: block;
	  width: 30px;
	  color: #666;
	  font-size: 22px;
	}
	.cart {
	  margin-right: 15px;
	}
	.profile::after {
	  content: "\f107";
	  width: 20px;
	  height: 10px;
	  display: block;
	  font-family: FontAwesome;
	  position: absolute;
	  right: -10px;
	  top: 8px;
	  cursor: pointer;
	  font-size: 18px;
	  color: #666;
	}
	.innerPageHeaderSearch {
	  justify-content: end;
	}
	.innerPageHeaderSearch form {
	  display: none;
	}
	.profile {
	  width: 50px;
	}
	.loginBox {
	  width: 100%;
	  margin: auto;
	}
	.loginBox .row .col-md-6:first-child {
	  border: none;
	}
	.loginLogo {
	  margin: auto;
	  min-width: 175px;
	  height: auto;
	  width: 175px;
	  margin-bottom: 25px;
	}
	.usersIcon {
	  width: 50px;
	  margin: auto auto 14px auto;
	}
	.usersIcon + h1 {
	  text-align: center;
	  font-size: 28px;
	  margin-bottom: 22px;
	  color: #125f8e;
	}
	.menuIcon {
	  width: 40px;
	}
	a.logo {
	  width: 48px;
	}
	a.logo img {
	  width: 100%;
	}
	.stat .item .statBox {
	  width: 100px;
	}
	.whyChooseUs {
	  display: flex;
	  justify-content: center;
	  flex-direction: column;
	}
	.whyChooseUs a,
	.whyChooseUs h2 {
	  position: relative;
	  left: auto !important;
	  top: auto !important;
	  margin: auto;
	  display: flex;
	}
	.whyChooseUs a {
	  padding: 2% 15.4% 5% 14.6%;
	  width: 390.1px;
	}
	.whyChooseUs h2 {
	  width: 300px;
	  height: 115px;
	  padding: 0;
	  margin: 52px auto 0 auto;
	  font-size: 35px;
	  background: #e1e1e1;
	  border-radius: 80px;
	  border: 10px solid #fff;
	  padding: 15px;
	  box-shadow: 0 0 59px 1px rgba(0, 0, 0, 0.3);
	}
	.whyChooseUs h2 span,
	.whyChooseUs h2 strong {
	  padding: 0;
	  margin: auto !important;
	  font-size: 35px;
	  display: block;
	}
	#testimonials {
	  background: url(/images/testimonialBg2.png) no-repeat;
	}
	#homeBanner .item .bannerText h2 span {
	  font-size: 50px;
	  font-weight: 600;
	}
	#homeBanner .item .bannerText h1 {
	  font-weight: 700;
	  font-size: 50px;
	}
	.searchSec {
	  margin-top: -135px;
	}
	#homeBanner .item .bannerText p {
	  font-weight: 400;
	  font-size: 22px;
	  max-width: 500px;
	  margin: 15px 0;
	  line-height: normal;
	}
	#homeBanner .item .bannerText h2 {
	  font-weight: 400;
	  font-size: 40px;
	}
	.headerScroll .logoSec {
	  width: 135px;
	}
	.headerScroll .headerTop {
	  width: calc(100% - 200px);
	}
	#homeBanner .item img {
	  width: auto;
	}
	.serviceList {
	  justify-content: center;
	}
	p.titlePara {
	  font-size: 20px;
	}
	section {
	  overflow-x: hidden;
	}
	.sectionTitle span {
	  font-size: 35px;
	}
	.subscripbSec {
	  height: auto;
	}
	.socialMedia {
	  justify-content: center;
	  padding-bottom: 15px;
	}
	.footerRight {
	  width: 100%;
	}
	.searchForm {
	  padding: 15px;
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.searchForm input {
	  flex: 1 !important;
	}
	#testimonials .item {
	  padding: 25px 0 0 0;
	}
	.headerTop span {
	  display: none;
	}
	.headerTop {
	  justify-content: end;
	  gap: 15px;
	}
	.whatOtherSay {
	  padding-bottom: 15px !important;
	}
	.footerSec {
	  padding: 0 !important;
	}
  }
  @media (max-width: 620px) {
	.registrationForm h2 span {
	  font-size: 30px !important;
	}
	.whyChooseUs a {
	  padding: 25px 94px 25px 100px;
	  width: 401.1px;
	}
	#testimonials .item {
	  flex-direction: column;
	  justify-content: center;
	}
	#testimonials .clientImage {
	  margin: auto;
	}
	#testimonials .testionialsText {
	  width: 90%;
	  margin: auto;
	}
	#testimonials .testionialsText p {
	  width: 100%;
	}
	.stat {
	  justify-content: center;
	}
	.headerTop {
	  margin-right: 15px;
	}
	a.logo {
	  margin: 2.3px 0 0 14vw;
	}
	#homeBanner .item .bannerText {
	  width: 100%;
	  text-align: center;
	}
	#homeBanner .item .bannerText h2 {
	  font-size: 32px;
	}
	#homeBanner .item .bannerText h1 {
	  font-size: 40px;
	}
	.register,
	a.register {
	  padding: 12px 50px;
	}
	#homeBanner .item .bannerText .buttonCon {
	  width: 100%;
	  justify-content: center;
	}
	.hruImage {
	  margin: 15px auto;
	}
	.menuIcon {
	  position: fixed;
	  right: 12px;
	  top: 48px;
	  width: 48px;
	}
	.menuIcon img {
	  width: 100%;
	  height: auto;
	}
	.footerDetails {
	  width: 100%;
	}
  }
  @media (max-width: 520px) {
	p.loginFooterP {
	  gap: 10px !important;
	  flex-direction: column;
  }
  }
  @media (max-width: 450px) {
	.registrationForm h2 span {
	  font-size: 23px !important;
	}
	.inputCon {
	  width: 90%;
	}
  }
  @media (max-width: 360px) {
	.headerTop .headerSocial {
	  gap: 15px;
	}
	.searchSec {
	  margin-top: -186px;
	}
	.whyChooseUs a {
	  padding: 10px 98px 25px 100px;
	  width: 401.1px;
	  max-width: 106%;
	}
  }