/*
Author       : Dreamguys
Template Name: Doccure - Bootstrap Template
Version      : 1.3
*/

/*============================
 [Table of CSS]

1. General
2. Table
3. Bootstrap Classes
4. Avatar
5. Select2
6. Nav Tabs
7. Modal
8. Components
9. Slick Slider
10. Focus Label
11. Header
12. Mobile Menu
13. Footer
14. Login
15. Home
16. Search
17. Doctor Profile
18. Booking
19. Checkout
20. Booking Success
21. Invoice View
22. Schedule Timings
23. Doctor Dashboard
24. Patient Profile
25. Add Billing
26. Chat
27. Doctor Profile Settings
28. Calendar
29. Patient Dashboard
30. Profile Settings
31. Appoitment List
32. Reviews
33. Voice call
34. Video Call
35. Outgoing Call
36. Incoming Call
37. Terms and Conditions
38. Blog
39. Blog Details
40. Blog Grid
41. Map List & Grid
42. Loader
43. Product
44. Cart
45. Slider
46. Account
47. About Us
48. Contact Us
49. Home One Banner
50. Appoinment
51. Service Section
52. Doctor Section
53. Features Section
54. News Section
55. Footer One
56. Home Two Header
57. Banner Two
58. Looking Section
59. Best Doctor Section
60. Features Clinic Section
61. High Service Section
62. Blog News Section
63. Footer Two
64. Home Three Banner
65. Looking Section Three
66. Browse Specialities Section
67. Doctor Details Section
68. Doctor Section Three
69. Features Clinic
70. Latest Blog Section
71. News Letter Section
72. Footer Three
73. Home Four Banner
74. Looking Section Four
75. Clinic Section Four
76. Doctor Section Four
77. Features Clinic Four
78. Blog Section Four
79. Footer Four
80	Home Five Banner
81. Looking Section Five
82. Clinic Section Five
83. Doctor Section Five
84. Browse Section Five
85. Best Section Five
86. News Letter Five
87. Blog Section Five
88. Footer Five
89. Onboarding Email Otp 
90. Onboarding Email 
91. Onboarding Personalize
92. Onboarding Payments
93. Onboarding Availability
94. Onboarding Counsultation
95. Onboarding Cost
96. Onboarding Preferences
97. Onboarding Verification
98. Onboarding Identitiy
99. Onboarding Lock
100. Onboarding Phone
101. Onboarding Password 
102. Onboarding Verify Account
103. Onboarding step-2 
104. Patient Onboarding
105. Responsive
106.Reports
107.Invoices

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

/*-----------------
	1. General
-----------------------*/




/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
/*src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
	url(../fonts/MaterialIcons-Regular.woff) format('woff'),
	url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

html {
    height: 100%;
}
body {
	background-color: #ffffff;
	color: #172251;
    font-family: "Poppins",sans-serif;
	font-size: 0.9375rem;
    height: 100%;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	color: #172251;
	font-weight: 500;
}
.h1, h1 {
    font-size: 2.25rem;
}
.h2, h2 {
    font-size: 1.875rem;
}
.h3, h3 {
    font-size: 1.5rem;
}
.h4, h4 {
    font-size: 1.125rem;
}
.h5, h5 {
    font-size: 1rem;
}
.h6, h6 {
    font-size: 0.875rem;
}

a {
    color: #162b5a;
}
a:hover {
	color: #2c59b9;
}
a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input,
button,
a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
button:focus {
	outline: 0;
}
input[type=text],
input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn.focus, .btn:focus {
	box-shadow: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.form-control {
    border: 1px solid #bcc0d4;
    color: #14172c;
	font-size: 15px;
    min-height: 46px;
	padding: 6px 15px;
}
.table .form-control {
	font-size: 14px;
	min-height: 38px;
}
.container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}
.form-control::-webkit-input-placeholder {
	color: #6974a1;
	font-size: 14px;
}
.form-control::-moz-placeholder {
	color: #6974a1;
	font-size: 14px;
}
.form-control:-ms-input-placeholder {
	color: #6974a1;
	font-size: 14px;
}
.form-control::-ms-input-placeholder {
	color: #6974a1;
	font-size: 14px;
}
.form-control::placeholder {
	color: #6974a1;
	font-size: 14px;
}
.list-group-item {
	border: 1px solid #f1f2f6;
}
.content {
	min-height: 200px;
	padding: 30px 0 0;
}
.form-group {
    margin-bottom: 1rem;
	position: relative;
}
.form-control[type=file] {
	min-height: auto;
}*/

/*-----------------
	1. General - 2
-----------------------*/
@import
	url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap')
	;

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot);
	/* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
		url(../fonts/MaterialIcons-Regular.woff) format('woff'),
		url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

html {
	height: 100%;
}

body {
	background-color: #ffffff;
	color: #0c112a;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.875rem;
	height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	margin-top: 0;
	color: #0c112a;
}

h1 {
	font-size: 32pt;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

a {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus
	{
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.form-control {
	border: 1px solid #e3e7f7;
	border-radius: 5px;
	box-shadow: none;
	color: #242a42;
	padding: .54688rem .875rem;
	font-size: .875rem;
	height: calc(1.6em + 1.21875rem);
	line-height: 1.6;
	font-weight: 400;
	color: #1d1b39;
}

textarea.form-control {
	height: auto;
}

.form-control:focus {
	box-shadow: 0 0 10px rgba(108, 116, 165, 0.125);
	outline: 0 none;
	border-color: #a7bcea;;
}

.form-control-sm {
	height: calc(1.5em + 1rem);
	padding: .4375rem .65625rem;
	font-size: .8125rem;
	line-height: 1.5;
	border-radius: .25rem;
}

.form-control-lg {
	height: calc(1.5em + 1.875rem);
	padding: .875rem 1.09375rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .3125rem;
}

a {
	color: #3161ca;
}

a:hover {
	color: #3161ca;
	text-decoration: none;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0;
}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
}

input, button, a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

input, input:focus, button, button:focus {
	outline: none;
}

input[type="file"] {
	height: auto;
	min-height: calc(1.5em + .75rem + 2px);
}

input[type=text], input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea.form-control {
	resize: vertical;
}

.navbar-nav>li {
	float: left;
}

.form-group {
	margin-bottom: 1.25rem;
}

.form-group img {
	width: 100%;
}

.input-group .form-control {
	height: 40px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: rgba(25, 26, 56, 0.1);
	border-color: rgba(25, 26, 56, 0.1);
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

ul li {
	list-style: none;
}

p:last-child {
	margin-bottom: 0;
}

/*-----------------
	2. Table
-----------------------*/
.table {
	color: #172251;
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: #f5f8fd;
}

.table.no-border>tbody>tr>td, .table>tbody>tr>th, .table.no-border>tfoot>tr>td,
	.table.no-border>tfoot>tr>th, .table.no-border>thead>tr>td, .table.no-border>thead>tr>th
	{
	border-top: 0;
	padding: 10px 8px;
}

.table-nowrap td, .table-nowrap th {
	white-space: nowrap
}

.table.dataTable {
	border-collapse: collapse !important;
}

table.table td h2 {
	display: inline-block;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

table.table td h2.table-avatar {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	white-space: nowrap;
}

table.table td h2 a {
	color: #172251;
}

table.table td h2 a:hover {
	color: #3d6bd0;
}

table.table td h2 span {
	color: #6d78a3;
	display: block;
	font-size: 12px;
	margin-top: 3px;
}

.table thead {
	border-bottom: 1px solid rgba(25, 26, 56, 0.03);
}

.table thead tr th {
	border-bottom: 1px solid rgba(25, 26, 56, 0.05);
}

.table tbody tr {
	border-bottom: 1px solid rgba(25, 26, 56, 0.05);
}

.table tbody tr:last-child {
	border-color: transparent;
}

.table.table-center td, .table.table-center th {
	vertical-align: middle;
}

.table-hover tbody tr:hover td {
	color: #333b5b;
}

.table-striped thead tr {
	border-color: transparent;
}

.table-striped tbody tr {
	border-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
	background-color: rgba(242, 240, 250, 0.3);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(224, 223, 238, 0.4);
}

.table-bordered {
	border: 1px solid rgba(25, 26, 56, 0.05) !important;
}

.table-bordered th, .table-bordered td {
	border-color: rgba(25, 26, 56, 0.05);
}

.card-table .card-body {
	padding: 0;
}

.card-table .card-body .table>thead>tr>th {
	border-top: 0;
}

.card-table .table tr td:first-child, .card-table .table tr th:first-child
	{
	padding-left: 1.5rem;
}

.card-table .table tr td:last-child, .card-table .table tr th:last-child
	{
	padding-right: 1.5rem;
}

.card-table .table td, .card-table .table th {
	border-top: 1px solid #d5dff5;
	padding: 1rem 0.75rem;
	white-space: nowrap;
}

.table>:not(:first-child) {
	border: 0;
}

table.table td, table.table th {
	border-color: #d0dbf4;
}

.table-bordered td, .table-bordered th {
	border: 1px solid #d0dbf4;
}

/*-----------------
	3. Bootstrap Classes
-----------------------*/
/* Additional */



.btn.focus, .btn:focus {
	box-shadow: unset;
}

.btn-white {
	background-color: #ffffff;
	border: 1px solid #c5c9da;
	color: #172251;
}

.btn.btn-rounded {
	border-radius: 50px;
}

.bg-primary, .badge-primary {
	background-color: #172858 !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover
	{
	background-color: #3d6bd0 !important;
}

.bg-success, .badge-success {
	background-color: #3162cd !important;
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover
	{
	background-color: #6b26a6 !important;
}

.bg-info, .badge-info {
	background-color: #416fd2 !important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover
	{
	background-color: #2c58b7 !important;
}

.bg-warning, .badge-warning {
	background-color: #db58da !important;
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover
	{
	background-color: #d641d5 !important;
}

.bg-danger, .badge-danger {
	background-color: #d22dd1 !important;
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover
	{
	background-color: #d643d5 !important;
}

.bg-white {
	background-color: #ffffff;
}

.bg-purple, .badge-purple {
	background-color: #b274dd !important;
}

.text-primary, .dropdown-menu>li>a.text-primary {
	color: #2b55b1 !important;
}

.text-success, .dropdown-menu>li>a.text-success {
	color: #6b26a6 !important;
}

.text-danger, .dropdown-menu>li>a.text-danger {
	color: #d22dd1 !important;
}

.text-info, .dropdown-menu>li>a.text-info {
	color: #3161ca !important;
}

.text-warning, .dropdown-menu>li>a.text-warning {
	color: #db58da !important;
}

.text-purple, .dropdown-menu>li>a.text-purple {
	color: #777ad7 !important;
}

.text-muted {
	color: #596491 !important;
}

/* ===== GLOBAL BUTTON STYLE (My-Job Gradient) ===== */
.btn,
button,
input[type="submit"],
input[type="button"] {
	background: linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%);
	border: none;
	color: #ffffff;
	transition: all 0.3s ease;
}

/* Hover effect (same as job button) */
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(105, 124, 210, 0.24);
	color: #ffffff;
}

.btn-primary {
	background-color: #3162cd;
	border: 1px solid #3162cd;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active,
	.btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-color: #172858;
	border: 1px solid #172858;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
	.btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
	background-color: #3d6bd0;
	border: 1px solid #3d6bd0;
}

.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled),
	.show>.btn-primary.dropdown-toggle {
	background-color: #3d6bd0;
	border-color: #3d6bd0;
	color: #ffffff;
}

.btn-primary.active:focus:not(:disabled):not(.disabled), .btn-primary:active:focus:not(:disabled):not(.disabled),
	.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: #2b55b1;
	border-color: #2b55b1;
	color: #ffffff;
}

.btn-secondary.active:focus:not(:disabled):not(.disabled),
	.btn-secondary:active:focus:not(:disabled):not(.disabled), .show>.btn-secondary.dropdown-toggle:focus
	{
	box-shadow: unset;
}

.btn-success {
	background-color: #3162cd;
	border: 1px solid #3162cd
}

.btn-success:hover, .btn-success:focus, .btn-success.active,
	.btn-success:active, .open>.dropdown-toggle.btn-success {
	background-color: #6b26a6;
	border: 1px solid #6b26a6;
	color: #ffffff;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
	.btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover,
	.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus,
	.open>.dropdown-toggle.btn-success:hover {
	background-color: #6b26a6;
	border: 1px solid #6b26a6
}

.btn-success.active:not(:disabled):not(.disabled), .btn-success:active:not(:disabled):not(.disabled),
	.show>.btn-success.dropdown-toggle {
	background-color: #6b26a6;
	border-color: #6b26a6;
	color: #ffffff;
}

.btn-success.active:focus:not(:disabled):not(.disabled), .btn-success:active:focus:not(:disabled):not(.disabled),
	.show>.btn-success.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-success.disabled, .btn-success:disabled {
	background-color: #3162cd;
	border-color: #3162cd;
	color: #ffffff;
}

.btn-info {
	background-color: #3161ca;
	border: 1px solid #3161ca
}

.btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:active,
	.open>.dropdown-toggle.btn-info {
	background-color: #2c58b7;
	border: 1px solid #2c58b7
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
	.btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover,
	.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus,
	.open>.dropdown-toggle.btn-info:hover {
	background-color: #2c58b7;
	border: 1px solid #2c58b7
}

.btn-info.active:not(:disabled):not(.disabled), .btn-info:active:not(:disabled):not(.disabled),
	.show>.btn-info.dropdown-toggle {
	background-color: #2c58b7;
	border-color: #2c58b7;
	color: #ffffff;
}

.btn-info.active:focus:not(:disabled):not(.disabled), .btn-info:active:focus:not(:disabled):not(.disabled),
	.show>.btn-info.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-info.disabled, .btn-info:disabled {
	background-color: #3161ca;
	border-color: #3161ca;
	color: #ffffff;
}

.btn-warning {
	background-color: #db58da;
	border: 1px solid #db58da
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.active,
	.btn-warning:active, .open>.dropdown-toggle.btn-warning {
	background-color: #d641d5;
	border: 1px solid #d641d5
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
	.btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover,
	.open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus,
	.open>.dropdown-toggle.btn-warning:hover {
	background-color: #d641d5;
	border: 1px solid #d641d5
}

.btn-warning.active:not(:disabled):not(.disabled), .btn-warning:active:not(:disabled):not(.disabled),
	.show>.btn-warning.dropdown-toggle {
	background-color: #d641d5;
	border-color: #d641d5;
	color: #ffffff;
}

.btn-warning.active:focus:not(:disabled):not(.disabled), .btn-warning:active:focus:not(:disabled):not(.disabled),
	.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-warning.disabled, .btn-warning:disabled {
	background-color: #db58da;
	border-color: #db58da;
	color: #ffffff;
}

.btn-danger {
	background-color: #d22dd1;
	border: 1px solid #d22dd1;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.active, .btn-danger:active,
	.open>.dropdown-toggle.btn-danger {
	background-color: #d643d5;
	border: 1px solid #d643d5;
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
	.btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover,
	.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
	.open>.dropdown-toggle.btn-danger:hover {
	background-color: #d643d5;
	border: 1px solid #d643d5;
}

.btn-danger.active:not(:disabled):not(.disabled), .btn-danger:active:not(:disabled):not(.disabled),
	.show>.btn-danger.dropdown-toggle {
	background-color: #d643d5;
	border-color: #d643d5;
	color: #ffffff;
}

.btn-danger.active:focus:not(:disabled):not(.disabled), .btn-danger:active:focus:not(:disabled):not(.disabled),
	.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-danger.disabled, .btn-danger:disabled {
	background-color: #d84bd7;
	border-color: #d84bd7;
	color: #ffffff;
}

.btn-light.active:focus:not(:disabled):not(.disabled), .btn-light:active:focus:not(:disabled):not(.disabled),
	.show>.btn-light.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-dark.active:focus:not(:disabled):not(.disabled), .btn-dark:active:focus:not(:disabled):not(.disabled),
	.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: unset;
}

.btn-outline-primary {
	color: #172858;
	border-color: #172858;
}

.btn-outline-primary:hover {
	background-color: #172858;
	border-color: #172858;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: none;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #2b55b1;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle
	{
	background-color: #2b55b1;
	border-color: #2b55b1;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
	.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-outline-success {
	color: #3162cd;
	border-color: #3162cd;
}

.btn-outline-success:hover {
	background-color: #3162cd;
	border-color: #3162cd;
}

.btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: none;
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #3162cd;
	background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
	.btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle
	{
	background-color: #3162cd;
	border-color: #3162cd;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
	.btn-outline-success:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-success.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-outline-info {
	color: #3161ca;
	border-color: #3161ca;
}

.btn-outline-info:hover {
	color: #ffffff;
	background-color: #3161ca;
	border-color: #3161ca;
}

.btn-outline-info:focus, .btn-outline-info.focus {
	box-shadow: none;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
	background-color: transparent;
	color: #3161ca;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
	.btn-outline-info:not(:disabled):not(.disabled).active, .show>.btn-outline-info.dropdown-toggle
	{
	background-color: #3161ca;
	border-color: #3161ca;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
	.btn-outline-info:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-info.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-outline-warning {
	color: #db58da;
	border-color: #db58da;
}

.btn-outline-warning:hover {
	color: #0e1d3c;
	background-color: #db58da;
	border-color: #db58da;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
	box-shadow: none;
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	background-color: transparent;
	color: #db58da;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
	.btn-outline-warning:not(:disabled):not(.disabled).active, .show>.btn-outline-warning.dropdown-toggle
	{
	color: #0e1d3c;
	background-color: #db58da;
	border-color: #db58da;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
	.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-warning.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-outline-danger {
	color: #d22dd1;
	border-color: #d22dd1;
}

.btn-outline-danger:hover {
	color: #ffffff;
	background-color: #d22dd1;
	border-color: #d22dd1;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
	box-shadow: none;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	background-color: transparent;
	color: #d22dd1;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
	.btn-outline-danger:not(:disabled):not(.disabled).active, .show>.btn-outline-danger.dropdown-toggle
	{
	background-color: #d22dd1;
	border-color: #d22dd1;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
	.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-danger.dropdown-toggle:focus
	{
	box-shadow: none;
}

.btn-outline-light {
	color: #9da3c0;
	border-color: #e5e7ee;
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
	color: #9da3c0;
}

.btn-one {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 30px;
	text-align: center;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 5px;
	min-width: 110px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-one:hover {
	color: #2b55b1;
	border: 1px solid #2b55b1;
	background: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-one-light {
	color: #ffffff;
	padding: 10px 30px;
	text-align: center;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #172858;
	border-radius: 5px;
	min-width: 110px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-one-light:hover {
	color: #2b55b1;
	border: 1px solid #172858;
	background: #172858;
	box-shadow: inset 0 50px 0 0 #172858;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-two {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 30px;
	text-align: center;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}

.btn-two:hover {
	color: #1e1c3a;
	border: 1px solid #1e1c3a;
	background: #ffffff;
	box-shadow: inset 210px 0 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.theme-btn {
	display: inline-block;
	background: #ffffff;
	border: 1px solid #2b55b1;
	padding: 10px 30px;
	color: #ffffff;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.theme-btn.btn-four {
	color: #ffffff;
	background: #2b55b1;
}

.theme-btn.btn-four:hover {
	color: #2b55b1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.theme-btn.btn-four:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	content: "";
	background-color: #ffffff;
	z-index: -1;
	border-radius: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.theme-btn.btn-four:hover:after {
	width: 100%;
	left: 0;
	right: auto;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn.btn-four-light {
	color: #2b55b1;
	border: 1px solid #2b55b1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.theme-btn.btn-four-light:hover {
	border: 1px solid #2b55b1;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.theme-btn.btn-four-light:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	z-index: -1;
	border-radius: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.theme-btn.btn-four-light:hover:after {
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.theme-btn.btn-four-light:after {
	background: #2b55b1;
}

.btn-five {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 20px;
	text-align: center;
	background: #3d6bd0;
	border: 1px solid #3d6bd0;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}

.btn-five:hover {
	color: #172d5e;
	border: 1px solid #172d5e;
	background: #ffffff;
	box-shadow: inset 210px 0 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-five-light {
	font-size: 15px;
	font-weight: 600;
	color: #172d5e;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 20px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #172d5e;
	box-shadow: inset 0 0 0 #3d6bd0;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}

.btn-five-light:hover {
	color: #ffffff;
	border: 1px solid #3d6bd0;
	background: #3d6bd0;
	box-shadow: inset 210px 0 0 0 #3d6bd0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-six {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 20px;
	text-align: center;
	background: #172d5e;
	border: 1px solid #172d5e;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
}

.btn-six:hover {
	color: #172d5e;
	border: 1px solid #172d5e;
	background: #ffffff;
	box-shadow: inset 210px 0 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.add-btn {
	max-width: 140px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	background-color: #416fd2;
	border-color: #416fd2;
}

.pagination>li>a, .pagination>li>span {
	color: #416fd2;
}

.page-link:hover {
	color: #416fd2;
}

.page-link:focus {
	box-shadow: unset;
}

.page-item.active .page-link {
	background-color: #416fd2;
	border-color: #416fd2;
}

.dropdown-menu {
	background-color: #ffffff;
	border: 1px solid rgba(25, 26, 56, 0.1);
	border-radius: 3px;
	box-shadow: inherit;
	font-size: 14px;
	transform-origin: left top 0;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #2b55b1;
}

.navbar-nav .open .dropdown-menu {
	border: 0;
	box-shadow: 0 0 10px rgba(25, 26, 56, 0.1);
	background-color: #ffffff;
}

.card {
	border: 1px solid #f1f2f6;
	margin-bottom: 1.875rem;
}

.card-body {
	padding: 1.5rem;
}

.card-title {
	margin-bottom: 15px;
}

.card-header {
	border-bottom: 1px solid #f1f2f6;
	padding: 1rem 1.5rem;
}

.card-footer {
	background-color: #ffffff;
	border-top: 1px solid #f1f2f6;
	padding: 1rem 1.5rem;
}

.card .card-header {
	background-color: #ffffff;
	border-bottom: 1px solid #f1f2f6;
}

.card .card-header .card-title {
	margin-bottom: 0;
}

.btn-light {
	border-color: #e5e7ee;
	color: #979dbd;
}

.bootstrap-datetimepicker-widget table td.active,
	.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #416fd2;
	text-shadow: unset;
}

.bootstrap-datetimepicker-widget table td.today::before {
	border-bottom-color: #2b55b1;
}

.bg-info-light {
	background-color: rgba(40, 71, 152, 0.12) !important;
	color: #2953ad !important;
}

.bg-primary-light {
	background-color: rgba(59, 101, 206, 0.12) !important;
	color: #4270d2 !important;
}

.bg-danger-light {
	background-color: rgba(201, 50, 208, 0.12) !important;
	color: #d84ad7 !important;
}

.bg-warning-light {
	background-color: rgba(200, 47, 207, 0.12) !important;
	color: #d332d2 !important;
}

.bg-success-light {
	background-color: rgba(42, 76, 162, 0.12) !important;
	color: #7027ae !important;
}

.bg-purple-light {
	background-color: rgba(194, 148, 225, 0.12) !important;
	color: #cb9be4 !important;
}

.bg-default-light {
	background-color: rgba(28, 43, 96, 0.12) !important;
	color: #172958 !important;
}

.text-xs {
	font-size: .75rem !important;
}

.text-sm {
	font-size: .875rem !important;
}

.text-lg {
	font-size: 1.25rem !important;
}

.text-xl {
	font-size: 1.5rem !important;
}

.form-control:focus {
	border-color: #b1b5cd;
	box-shadow: none;
	outline: 0 none;
}

.form-group {
	margin-bottom: 1.25rem;
}

.slider-btn {
	background: #2b55b1;
	color: #ffffff;
	border: 1px solid #2b55b1;
	padding: 8px 16px !important;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.slider-btn:hover {
	background: #ffffff;
	color: #2b55b1;
	border: 1px solid #ffffff;
	padding: 8px 16px !important;
}

.slider-btn-1 {
	color: #ffffff;
	border: 1px solid #1d2e67;
	background: #162b5a;
	padding: 8px 16px !important;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.slider-btn-1:hover {
	color: #162b5a;
	border: 1px solid #ffffff;
	background: #ffffff;
	padding: 8px 16px !important;
}

/*-----------------
	4. Avatar
-----------------------*/
.avatar {
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem
}

.avatar>img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.avatar-title {
	width: 100%;
	height: 100%;
	background-color: #416fd2;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.avatar-away::before, .avatar-offline::before, .avatar-online::before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
	height: 25%;
	border-radius: 50%;
	content: '';
	border: 2px solid #ffffff;
}

.avatar-online::before {
	background-color: #3162cd;
}

.avatar-offline::before {
	background-color: #d22dd1;
}

.avatar-away::before {
	background-color: #db58da;
}

.avatar .border {
	border-width: 3px !important;
}

.avatar .rounded {
	border-radius: 6px !important;
}

.avatar .avatar-title {
	font-size: 18px;
}

.avatar-xs {
	width: 1.65rem;
	height: 1.65rem;
}

.avatar-xs .border {
	border-width: 2px !important;
}

.avatar-xs .rounded {
	border-radius: 4px !important;
}

.avatar-xs .avatar-title {
	font-size: 12px;
}

.avatar-xs.avatar-away::before, .avatar-xs.avatar-offline::before,
	.avatar-xs.avatar-online::before {
	border-width: 1px;
}

.avatar-sm {
	width: 2.5rem;
	height: 2.5rem;
}

.avatar-sm .border {
	border-width: 3px !important;
}

.avatar-sm .rounded {
	border-radius: 4px !important;
}

.avatar-sm .avatar-title {
	font-size: 15px;
}

.avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before,
	.avatar-sm.avatar-online::before {
	border-width: 2px;
}

.avatar-lg {
	width: 3.75rem;
	height: 3.75rem;
}

.avatar-lg .border {
	border-width: 3px !important;
}

.avatar-lg .rounded {
	border-radius: 8px !important;
}

.avatar-lg .avatar-title {
	font-size: 24px;
}

.avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before,
	.avatar-lg.avatar-online::before {
	border-width: 3px;
}

.avatar-xl {
	width: 5rem;
	height: 5rem;
}

.avatar-xl .border {
	border-width: 4px !important;
}

.avatar-xl .rounded {
	border-radius: 8px !important;
}

.avatar-xl .avatar-title {
	font-size: 28px;
}

.avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before,
	.avatar-xl.avatar-online::before {
	border-width: 4px;
}

.avatar-xxl {
	width: 5.125rem;
	height: 5.125rem;
}

.avatar-xxl .border {
	border-width: 6px !important;
}

.avatar-xxl .rounded {
	border-radius: 8px !important;
}

.avatar-xxl .avatar-title {
	font-size: 30px;
}

.avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before,
	.avatar-xxl.avatar-online::before {
	border-width: 4px;
}

.avatar-group {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.avatar-group .avatar+.avatar {
	margin-left: -.75rem;
}

.avatar-group .avatar-xs+.avatar-xs {
	margin-left: -.40625rem;
}

.avatar-group .avatar-sm+.avatar-sm {
	margin-left: -.625rem;
}

.avatar-group .avatar-lg+.avatar-lg {
	margin-left: -1rem;
}

.avatar-group .avatar-xl+.avatar-xl {
	margin-left: -1.28125rem;
}

.avatar-group .avatar:hover {
	z-index: 1;
}

/*-----------------
	5. Select2
-----------------------*/
.select2-container .select2-selection--single {
	border: 1px solid #e3e7f7;
	height: 46px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 46px;
	right: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	border-color: #14172c;
	border-style: solid;
	border-width: 0 2px 2px 0;
	padding: 3px;
	height: 0;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow
	{
	top: 7px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
	{
	border-color: #14172c;
	border-width: 2px 0 0 2px;
	padding: 3px;
	margin-top: -2px;
}

.select2-container .select2-selection--single .select2-selection__rendered
	{
	padding-right: 30px;
	padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #14172c;
	font-size: 16px;
	font-weight: normal;
	line-height: 46px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background-color: #2b55b1;
	color: #ffffff;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #14172c;
	min-height: 40px;
}

.select2-container--default .select2-selection--single {
	border-radius: 5px;
}

/*-----------------
	6. Nav Tabs
-----------------------*/
.nav-tabs {
	border-bottom: 1px solid #f1f2f6;
}

.card-header-tabs {
	border-bottom: 0;
}

.nav-tabs>li>a {
	margin-right: 0;
	color: #6d78a3;
	border-radius: 0;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	border-color: transparent;
	color: #172251;
}

.nav-tabs.nav-tabs-solid>li>a {
	color: #172251;
}

.nav-tabs.nav-tabs-solid>.active>a, .nav-tabs.nav-tabs-solid>.active>a:hover,
	.nav-tabs.nav-tabs-solid>.active>a:focus {
	background-color: #416fd2;
	border-color: #416fd2;
	color: #ffffff;
}

.tab-content {
	padding-top: 20px;
}

.nav-tabs .nav-link {
	border-radius: 0;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	background-color: #eff0f5;
	border-color: transparent;
	color: #172251;
}

.nav-tabs.nav-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
}

.nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li>a:focus {
	border-bottom-color: #dadce7;
}

.nav-tabs.nav-justified.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-tabs-solid>li>a {
	color: #172251;
}

.nav-tabs.nav-tabs-solid>li>a.active, .nav-tabs.nav-tabs-solid>li>a.active:hover,
	.nav-tabs.nav-tabs-solid>li>a.active:focus {
	background-color: #416fd2;
	border-color: #416fd2;
	color: #ffffff;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a {
	border-radius: 50px;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active, .nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:hover,
	.nav-tabs.nav-tabs-solid.nav-tabs-rounded>li>a.active:focus {
	border-radius: 50px;
}

.nav-tabs-justified>li>a {
	border-radius: 0;
	margin-bottom: 0;
}

.nav-tabs-justified>li>a:hover, .nav-tabs-justified>li>a:focus {
	border-bottom-color: #dadce7;
}

.nav-tabs-justified.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-justified.nav-tabs-top {
	border-bottom: 1px solid #dadce7;
}

.nav-tabs.nav-justified.nav-tabs-top>li>a, .nav-tabs.nav-justified.nav-tabs-top>li>a:hover,
	.nav-tabs.nav-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-top>li>a, .nav-tabs.nav-tabs-top>li>a:hover,
	.nav-tabs.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

.nav-tabs.nav-tabs-top>li.open>a, .nav-tabs.nav-tabs-top>li>a:hover,
	.nav-tabs.nav-tabs-top>li>a:focus {
	border-top-color: #dadce7;
}

.nav-tabs.nav-tabs-top>li+li>a {
	margin-left: 1px;
}

.nav-tabs.nav-tabs-top>li>a.active, .nav-tabs.nav-tabs-top>li>a.active:hover,
	.nav-tabs.nav-tabs-top>li>a.active:focus {
	border-top-color: #416fd2;
}

.nav-tabs.nav-tabs-bottom>li>a.active, .nav-tabs.nav-tabs-bottom>li>a.active:hover,
	.nav-tabs.nav-tabs-bottom>li>a.active:focus {
	border-bottom-width: 2px;
	border-color: transparent;
	border-bottom-color: #416fd2;
	background-color: transparent;
	transition: none 0s ease 0s;
	-moz-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	-ms-transition: none 0s ease 0s;
	-webkit-transition: none 0s ease 0s;
}

.nav-tabs.nav-tabs-solid {
	background-color: #ffffff;
	border: 0;
}

.nav-tabs.nav-tabs-solid>li {
	margin-bottom: 0;
}

.nav-tabs.nav-tabs-solid>li>a {
	border-color: transparent;
}

.nav-tabs.nav-tabs-solid>li>a:hover, .nav-tabs.nav-tabs-solid>li>a:focus
	{
	background-color: #f6f6f9;
}

.nav-tabs.nav-tabs-solid>.open:not(.active)>a {
	background-color: #f6f6f9;
	border-color: transparent;
}

.nav-tabs-justified.nav-tabs-top {
	border-bottom: 1px solid #dadce7;
}

.nav-tabs-justified.nav-tabs-top>li>a, .nav-tabs-justified.nav-tabs-top>li>a:hover,
	.nav-tabs-justified.nav-tabs-top>li>a:focus {
	border-width: 2px 0 0 0;
}

/*-----------------
	7. Modal
-----------------------*/
.modal {
	-webkit-overflow-scrolling: touch;
}

.modal-content {
	border-radius: 15px;
}

.modal-footer.text-center {
	justify-content: center;
}

.modal-footer.text-left {
	justify-content: flex-start;
}

.modal-dialog.modal-md {
	max-width: 600px;
}

.custom-modal .modal-content {
	border: 0;
	border-radius: 10px;
}

.custom-modal .modal-footer {
	border: 0;
}

.custom-modal .modal-header {
	border: 0;
	justify-content: center;
	padding: 30px 30px 0;
}

.custom-modal .modal-footer {
	border: 0;
	justify-content: center;
	padding: 0 30px 30px;
}

.custom-modal .modal-body {
	padding: 30px;
}

.custom-modal .close {
	background-color: #9096b8;
	border-radius: 50%;
	color: #ffffff;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	z-index: 99;
}

.custom-modal .modal-title {
	font-size: 22px;
}

.modal-backdrop.show {
	opacity: 0.4;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.modal .card {
	box-shadow: unset;
}
/*.modal {
	-webkit-overflow-scrolling: touch;
}
.modal-footer.text-center {
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.modal-footer.text-start {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
}
.modal-dialog.modal-md {
    max-width: 600px;
}
.custom-modal .modal-content {
	border: 0;
    border-radius: 10px;
}
.custom-modal .modal-header {
    padding: 1.25rem;
}
.custom-modal .modal-footer {
    padding: 1.25rem;
}
.custom-modal .modal-body {
    padding: 1.25rem;
}
.custom-modal .close {
    background-color: #9096b8;
	border: 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 26px;
    width: 20px;
    z-index: 99;
}
.custom-modal .close:not(:disabled):not(.disabled):focus,.custom-modal .close:not(:disabled):not(.disabled):hover {
    opacity: .75;
}
.custom-modal .modal-title {
	font-size: 20px;
}
.modal-backdrop.show {
    opacity: 0.4;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
.modal .card {
	box-shadow: unset;
}
.custom-medicalrecord-modal .modal-header {
	margin: 1.5rem 1.5rem 0 1.5rem; 
	padding: 0 0 1rem;
	border-color: #e4e6ee;
}
.custom-medicalrecord-modal .form-control,
.custom-medicalrecord-modal .select2-container .select2-selection--single,
.custom-medicalrecord-modal .bootstrap-tagsinput  {
	background-color: #f1f2fb;
	border-color: #f1f2fb;
}
.upload-medical-records {
	position: relative;
}
.upload-medical-records input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.upload-medical-records .dropzone {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	min-height: 180px;
}
.upload-medical-records .dropzone h5,
.upload-medical-records .dropzone h6 {
	color: #5f6b99;
	margin-bottom: 3px;
}
.upload-medical-records .dropzone h6 span {
	text-decoration: underline;
}
.upload-file-value {
	margin-top: 25px;
	color: #373f61;
}
.custom-medicalrecord-modal .bootstrap-tagsinput.focus {
	border-color: #f1f2fb;
}
.custom-medicalrecord-modal .bootstrap-tagsinput .tag {
	margin-bottom: 0;
	border-radius: 50px;
	background-color: #ecf1fb !important;
	border-color: #ecf1fb;
	color: #21428a;
	font-weight: 500;
	padding: 9px 15px;
}
.custom-medicalrecord-modal .bootstrap-tagsinput .tag [data-role="remove"] {
	background-color: #f7f9fd;
	border-radius: 50px;
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
}
.custom-medicalrecord-modal .submit-btn {
	min-width: 300px;
}*/

/*-----------------
	8. Components
-----------------------*/
.comp-header {
	margin-bottom: 1.875rem;
}

.comp-header .comp-title {
	color: #172251;
}

.line {
	background-color: #416fd2;
	height: 2px;
	margin: 0;
	width: 60px;
}

.comp-buttons .btn {
	margin-bottom: 5px;
}

.pagination-box .pagination {
	margin-top: 0;
}

.comp-dropdowns .btn-group {
	margin-bottom: 5px;
}

.progress-example .progress {
	margin-bottom: 1.5rem;
}

.progress-xs {
	height: 4px;
}

.progress-sm {
	height: 15px;
}

.progress.progress-sm {
	height: 6px;
}

.progress.progress-md {
	height: 8px;
}

.progress.progress-lg {
	height: 18px;
}

/*-----------------
	9. Slick Slider
-----------------------*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-prev, .slick-next, .pharmacy-home-slider .swiper-button-prev,
	.pharmacy-home-slider .swiper-button-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	box-shadow: 1px 6px 14px rgba(25, 26, 56, 0.2);
	background: #ffffff;
	border-radius: 100%;
	cursor: pointer;
	border: none;
	outline: none;
	background: #ffffff;
	z-index: 9999;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus,
	.pharmacy-home-slider .swiper-button-prev:hover, .pharmacy-home-slider .swiper-button-next:hover
	{
	background-color: #3b6ad0;
	color: #ffffff;
	opacity: 1;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before,
	.slick-next:focus:before, .pharmacy-home-slider .swiper-button-prev:hover:before,
	.pharmacy-home-slider .swiper-button-next:hover:before {
	color: #ffffff;
	opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #282e48;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 0;
	z-index: 1;
}

.pharmacy-home-slider .swiper-button-prev:after, .pharmacy-home-slider .swiper-button-next:after
	{
	display: none;
}

.pharmacy-home-slider .swiper-button-prev:before {
	content: '�';
	color: #282e48;
	height: 40px;
	font-size: 20px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.pharmacy-home-slider .swiper-button-next:before {
	content: '→';
	color: #282e48;
	font-size: 20px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	height: 40px;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: '�';
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: 0;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: '→';
}

[dir='rtl'] .slick-next:before {
	content: '�';
}

.pharmacy-home-slider {
	position: relative;
}

.pharmacy-home-slider .swiper-container {
	position: relative;
	padding: 0 !important;
	height: 450px;
	min-height: inherit;
}

.pharmacy-home-slider .swiper-container:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(29, 28, 61, 0.33);
}

.pharmacy-home-slider .banner-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 0 15px;
	z-index: 999;
}

.pharmacy-home-slider .banner-wrapper .banner-header h1,
	.pharmacy-home-slider .banner-wrapper .banner-header p,
	.pharmacy-home-slider .search-box .form-text {
	color: #ffffff;
}

.pharmacy-home-slider img {
	max-width: 100%;
	height: 100%;
}

.pharmacy-home-slider .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	padding: 20px;
}

/*-----------------
	10. Focus Label
-----------------------*/
.form-focus {
	height: 50px;
	position: relative;
}

.form-focus .focus-label {
	font-size: 14px;
	font-weight: 400;
	pointer-events: none;
	position: absolute;
	-webkit-transform: translate3d(0, 22px, 0) scale(1);
	-ms-transform: translate3d(0, 22px, 0) scale(1);
	-o-transform: translate3d(0, 22px, 0) scale(1);
	transform: translate3d(0, 22px, 0) scale(1);
	transform-origin: left top;
	transition: 240ms;
	left: 12px;
	top: -9px;
	z-index: 1;
	color: #adb2cb;
	margin-bottom: 0;
}

.form-focus.focused .focus-label {
	opacity: 1;
	top: -18px;
	font-size: 12px;
	z-index: 1;
}

.form-focus .form-control:focus ~ .focus-label, .form-focus .form-control:-webkit-autofill 
	~ .focus-label {
	opacity: 1;
	font-weight: 400;
	top: -18px;
	font-size: 12px;
	z-index: 1;
}

.form-focus .form-control {
	height: 50px;
	padding: 21px 12px 6px;
	border-radius: 5px;
}

.form-focus .form-control::-webkit-input-placeholder {
	color: transparent;
	transition: 240ms;
}

.form-focus .form-control:focus::-webkit-input-placeholder {
	transition: none;
}

.form-focus.focused .form-control::-webkit-input-placeholder {
	color: #b1b5cd;
}

.form-focus.select-focus .focus-label {
	opacity: 1;
	font-weight: 300;
	top: -20px;
	font-size: 12px;
	z-index: 1;
}

.form-focus .select2-container .select2-selection--single {
	border: 1px solid #e2e3ec;
	height: 50px;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 48px;
	right: 7px;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	border-color: #c5c9da transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	height: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
	{
	border-color: transparent transparent #c5c9da;
	border-width: 0 6px 6px;
}

.form-focus .select2-container .select2-selection--single .select2-selection__rendered
	{
	padding-right: 30px;
	padding-left: 12px;
	padding-top: 10px;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #4d5781;
	font-size: 14px;
	font-weight: normal;
	line-height: 38px;
}

.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background-color: #e27ae1;
}

/*-----------------
	11. Header
-----------------------*/
.nav-transparent {
	background-color: transparent !important;
	border-bottom: 0 !important;
}

.header-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	border: 0;
	border-bottom: 1px solid #f1f2f6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	position: relative;
	height: 85px;
	padding: 0 30px;
	margin-bottom: 0;
}

.main-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav>li.active>a {
	color: #3d6bd0;
}

.main-nav>li .submenu li a {
	display: block;
	padding: 10px 15px;
	clear: both;
	white-space: nowrap;
	font-size: 14px;
	color: #172d5e;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	width: 100%;
	border-top: 1px solid #f1f2f6;
}

.main-nav>li .submenu>li.has-submenu>a::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	top: 12px;
	font-size: 13px;
}

.main-nav>li .submenu li {
	position: relative;
}

.main-nav li a {
	display: block;
	font-size: 14px;
	font-weight: 500;
}

.main-nav li.login-link {
	display: none;
}

.logo {
	display: inline-block;
	margin-right: 30px;
	width: 40%;
}



.header-contact-img {
	display: inline-block;
}

.header-contact-img i {
	color: rgba(25, 26, 56, 0.5);
	font-size: 30px;
}

.header-contact-detail {
	display: inline-block;
	padding-left: 10px;
}

.header-contact-detail p.contact-header {
	color: #343c5c;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 2px;
	text-align: left;
}

.header-contact-detail p.contact-info-header {
	color: #14172c;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 0;
}

.header-navbar-rht {
	margin: 0;
	margin-left: auto;
	padding: 0;
}

.header-navbar-rht li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-right: 20px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.header-navbar-rht li:last-child {
	padding-right: 0px;
}

.header-navbar-rht li .dropdown-menu {
	border: 0;
	box-shadow: 0 0 3px rgba(25, 26, 56, 0.1);
}

.header-navbar-rht .dropdown-toggle::after {
	display: none;
}

.header-navbar-rht li .dropdown-menu::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	border: 7px solid #ffffff;
	border-color: transparent transparent #ffffff #ffffff;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	box-shadow: -2px 2px 2px -1px rgba(25, 26, 56, 0.1);
}

.header-navbar-rht li .dropdown-menu .dropdown-item {
	border-top: 1px solid #f1f2f6;
	padding: 10px 15px;
}

.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
	border-top: 0;
	border-radius: 5px 5px 0 0;
}

.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
	border-radius: 0 0 5px 5px;
}

.header-navbar-rht li a.header-login:hover {
	background-color: #4b72d1;
	border-color: #4b72d1;
	color: #ffffff;
	box-shadow: inset 0 50px 0 0 #4b72d1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}



.header-navbar-rht li .dropdown-menu a:hover {
	color: #3d6bd0;
	letter-spacing: 0.5px;
	padding-left: 20px;
	background-color: #ffffff;
}

/*.header-navbar-rht li a.header-login {
	background: #ffffff;
	border: 2px solid #172858;
	border-radius: 4px;
	padding: 10px 15px !important;
	box-shadow: inset 0 0 0 0 #172858;
	text-align: center;
	font-size: 15px;
	color: #172858;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}*/

/*.header-navbar-rht li a.header-login {
	background: linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%);
	border: none;
	border-radius: 20px;
	padding: 10px 18px !important;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 0.3s ease;
}*/

.header-navbar-rht li a.header-login {
	background: linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%);
	border: 2px solid #4b72d1 ;
	border-radius: 4px;
	padding: 10px 15px !important;
	box-shadow: inset 0 0 0 0 #4b72d1;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.header .has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #596491;
	border-right: 2px solid #596491;
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 2px;
	margin-left: 10px;
}

.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.header-trans.header-five .main-menu-wrapper {
	margin-left: 40px;
}

.header-trans.header-trans-two .main-menu-wrapper {
	margin-left: 40px;
}

.header-trans.header-trans-two .header-navbar-rht li a.header-login.white-bg
	{
	background-color: #ffffff;
	color: #4974d3;
	border: 1px solid #4974d3;
	font-size: 12px;
}

.blue-font>li>a {
	color: #3161ca;
	text-transform: uppercase;
}

.header-trans.header-five .header-navbar-rht li a.header-login.white-bg
	{
	background-color: #ffffff;
	color: #4974d3;
	border: 1px solid #4974d3;
	font-size: 12px;
}

.user-menu {
	float: right;
	margin: 0;
	position: relative;
	z-index: 99;
}

.user-menu.nav>li>a {
	color: #ffffff;
	font-size: 14px;
	line-height: 58px;
	padding: 0 15px;
	height: 60px;
}

.user-menu.nav>li>a:hover, .user-menu.nav>li>a:focus {
	background-color: rgba(25, 26, 56, 0.2);
}

.user-menu.nav>li>a:hover i, .user-menu.nav>li>a:focus i {
	color: #ffffff;
}

.user-img {
	display: inline-block;
	position: relative;
}

.header-contact-detail p.contact-info-header.white-font {
	color: #ffffff;
}

.user-img>img {
	height: 31px;
	object-fit: cover;
	width: 31px;
}

.user-menu.nav>li>a.mobile_btn {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	cursor: pointer
}

.header-navbar-rht .dropdown-menu {
	min-width: 200px;
	padding: 0;
	top: 100%;
	right: 0;
	left: auto;
}

.header-navbar-rht .dropdown-menu .dropdown-item {
	padding: 7px 15px;
}

.header-navbar-rht .dropdown-menu .dropdown-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #e2e3ec;
	padding: 10px 15px;
}

.header-navbar-rht .dropdown-menu .dropdown-item:hover {
	color: #2c59b9;
}

.user-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 15px;
}

.user-header .user-text {
	margin-left: 10px;
}

.user-header .user-text h6 {
	font-size: 15px;
	margin-bottom: 2px;
}

.header-navbar-rht .logged-item .nav-link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 14px;
	line-height: 85px;
	padding: 0 10px;
}

.view-cart-header a {
	position: relative;
	font-size: 20px;
}

.unread-msg1 {
	background-color: #172858;
	border-radius: 2px;
	color: #172251;
	font-size: 10px;
	font-style: normal;
	padding: 0 5px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -10px;
	right: -10px;
}

.header-top {
	display: flex;
	background: #2b55b1;
	color: #ffffff;
	padding: 8px 30px;
}

.header-top-three {
	background: #172858;
}

.header-top ul {
	display: flex;
	margin: 0;
	list-style: none;
	padding: 0;
}

.header-top ul li {
	padding-right: 25px;
	font-size: 13px;
}

.header-top ul li:last-child {
	padding-right: 0;
}

.header-top .right-top {
	margin-left: auto;
}

.right-top-links a {
	color: #ffffff;
}

.top-icon {
	margin-right: 5px;
}

.search-box-1 {
	background: #2b55b1;
	padding: 40px 20px;
	border-radius: 10px;
	margin-top: -50px;
	position: absolute;
}

.search-box .form-group {
	margin-bottom: 0px;
}

.header-trans-two {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	z-index: 9999;
	background: #ffffff !important;
}

.header-trans-two .header-nav {
	background: transparent;
	border-bottom: 1px solid #f2f4fb;
}

.header-trans-two .main-menu-wrapper {
	margin-left: auto;
}

.header-trans-two .header-contact-img i {
	color: #21438b;
	font-size: 14px;
}

.header-trans-two .header-contact-detail p.contact-info-header {
	color: #21438b;
}

.header-trans-two .header-navbar-rht li a.header-login {
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	background: #3d6bd0;
	box-shadow: 0px 4px 4px rgb(189 189 189/ 25%);
	border-radius: 47px;
	border: 0;
}

.header-trans {
	position: fixed;
	display: block;
	width: 100%;
	z-index: 9999;
	background: transparent;
}

.header-trans .header-nav {
	background: transparent;
	border-bottom: 1px solid #f2f4fb;
}

.header-trans .main-menu-wrapper {
	margin-left: auto;
}

.header-trans .header-contact-img i {
	color: #21438b;
	font-size: 14px;
}

.header-trans .header-contact-detail p.contact-info-header {
	color: #21438b;
}

.header-trans .header-navbar-rht li a.header-login {
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	background: #3d6bd0;
	box-shadow: 0px 4px 4px rgb(189 189 189/ 25%);
	border-radius: 47px;
	border: 0;
}

.header-trans .header-navbar-rht li a.header-login.white-bg {
	background-color: #ffffff;
	color: #3056b7;
}

.header-trans .header-navbar-rht li {
	border-right: 2px solid #ffffff;
	height: 20px;
	padding-right: 15px;
}

.header-navbar-rht.right-menu li {
	border-right: 0;
}

.right-menu .header-contact-detail p.contact-info-header {
	color: #ffffff;
}

.right-menu .header-contact-img i {
	width: 30px;
	background-color: #ffffff;
	height: 30px;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	font-size: 11px;
	color: #2f54b3;
	border: 2px solid #b5c4ec;
}

.right-menu li a.header-login {
	width: 120px;
	padding: 10px !important;
}

.header-trans .header-navbar-rht li:last-child {
	border-right: 0;
	padding-left: 15px;
}

.header-navbar-rht.right-menu li:last-child {
	border-right: 0;
	padding: 0;
}

.header-four .header-nav {
	background-color: #3056b7;
	border: none;
}

.header-four .nav-item {
	line-height: 60px;
	align-items: center;
	display: flex;
}

.header-four .nav-item a.header-login {
	border: 2px solid #ffffff;
	border-radius: 30px;
	padding: 10px 15px !important;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 20px;
}

.header-four .nav-item a.header-login i {
	font-size: 14px;
	margin: 0;
	margin-right: 3px;
}

.nav-bg-two .main-nav .has-submenu.active .submenu li.active>a {
	color: #2b55b1;
}

.nav-bg-two .main-nav li .submenu a:hover {
	color: #2b55b1;
	letter-spacing: 0.5px;
	padding-left: 20px;
}

.nav-bg-two .main-nav .has-submenu.active>a {
	color: #2b55b1;
}

/*-----------------
	12. Mobile Menu
-----------------------*/
.sidebar-overlay {
	background-color: rgba(25, 26, 56, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1040;
}

.menu-opened .main-menu-wrapper {
	transform: translateX(0);
}

.menu-header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	height: 60px;
	padding: 0 20px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	border-bottom: 1px solid #f1f2f6;
	display: none;
}

.menu-logo img {
	height: 40px;
}

.menu-close {
	font-size: 18px;
}

.bar-icon {
	display: inline-block;
	width: 31px;
}

.bar-icon span {
	background-color: #2b55b1;
	display: block;
	float: left;
	height: 3px;
	margin-bottom: 7px;
	width: 31px;
	border-radius: 2px;
}

.bar-icon-one span {
	background-color: #3b6ad0;
}

.bar-icon span:nth-child(2) {
	width: 16px;
}

.bar-icon span:nth-child(3) {
	margin-bottom: 0;
}

.blue-bar span {
	background-color: #2b55b1;
}

#mobile_btn {
	display: none;
	margin-right: 30px;
}

html.menu-opened body {
	overflow: hidden;
}

/*-----------------
	13. Footer
-----------------------*/
.footer {
	padding: 30px 0 0;
	background-color: #1f3f83;
}

.footer .footer-top {
	padding: 40px 0;
}

.footer.custom-footer .footer-top {
	padding: 60px 0;
}

.footer.custom-footer .footer-bottom .copyright {
	/*border-top: 1px solid #1c3977;*/
	border-top:1px solid #9c42cd!important;
}

.footer.custom-footer .copyright-text span {
	color: #9c42cd;

}

.footer.custom-footer .copyright-text .primary-light {
	color: #416fd2;
}

.footer-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: capitalize;
}

.footer .footer-widget.footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
}

.footer .footer-widget .footer-logo {
	margin-bottom: 30px;
}

.footer .footer-widget .footer-about-content p {
	color: #ffffff;
}

.footer .footer-widget .footer-about-content p:last-child {
	margin-bottom: 0;
}

.footer .footer-menu ul li {
	margin-bottom: 10px;
	position: relative;
}

.footer .footer-menu ul li:last-child {
	margin-bottom: 0;
}

.footer .footer-menu ul li a {
	color: #ffffff;
	font-size: 15px;
	padding-left: 20px;
	position: relative;
	transition: all 0.4s ease 0s;
}

.footer .footer-widget.footer-menu ul li a:hover {
	color: #ffffff;
	letter-spacing: 0.5px;
	padding-left: 30px;
}

.footer .footer-menu ul li a::before {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	margin-right: 5px;
	position: absolute;
	top: 0;
}

.footer-contact-info {
	color: #ffffff;
	font-size: 15px;
}

.footer-contact-info .footer-address {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer-contact-info .footer-address span {
	margin-right: 20px;
}

.footer-contact-info .footer-address span i.fa-map-marker-alt {
	font-size: 20px;
}

.footer-contact-info p i {
	margin-right: 15px;
}

.footer .footer-bottom .copyright {
	border-top: 1px solid #244998;
	padding: 30px 0;
}

.footer .footer-bottom .copyright-text p {
	color: #ffffff;
	font-size: 15px;
}

.footer .footer-bottom .copyright-text p a {
	color: #2b55b1;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.footer .footer-bottom .copyright-text p a:hover {
	color: #ffffff;
}

.footer .footer-bottom .copyright-text p.title {
	font-weight: 400;
	margin: 10px 0 0;
}

.footer .social-icon ul {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer .social-icon ul li {
	margin-right: 15px;
}

.footer .social-icon ul li:last-child {
	margin-right: 0;
}

.footer .social-icon ul li a {
	color: #ffffff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 20px;
	transition: all 0.4s ease 0s;
}

.footer .social-icon ul li a:hover {
	color: #172858;
}

.policy-menu {
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.policy-menu li {
	display: inline-block;
	margin-right: 15px;
}

.policy-menu li:last-child {
	margin-right: 0;
}

.policy-menu li a {
	color: #ffffff;
}

.policy-menu li a:hover, .policy-menu li a:focus {
	color: #2c59b9;
}

.policy-menu li::after {
	color: #ffffff;
	content: "|";
	font-weight: 300;
	position: relative;
	left: 10px;
}

.policy-menu li:last-child::after {
	content: "";
}

.footer.footer-2 .footer-menu ul li a::before {
	display: none;
}

.footer.footer-2 .footer-menu ul li a {
	font-size: 13px;
	padding-left: 0;
}

.footer.footer-2 .footer-widget.footer-menu ul li a:hover {
	letter-spacing: 0;
	padding-left: 0;
}

.footer.footer-2 .footer-title {
	color: #2b55b1;
	font-size: 18px;
	margin-bottom: 10px;
}

.footer.footer-2 .footer-title-two {
	color: #416fd2;
	font-size: 18px;
	margin-bottom: 10px;
}

.footer.footer-2 .footer-widget .footer-logo {
	margin-bottom: 10px;
}

.footer.footer-2 .footer-widget .footer-logo img {
	width: 120px;
}

.footer.footer-2 .footer-widget .footer-about-content p {
	font-size: 13px;
}

.footer.footer-2 .footer-address p {
	font-size: 13px;
}

.footer.footer-2 .footer-contact-info {
	font-size: 13px;
}

.footer.footer-2 .footer-contact-info .footer-address span i.fa-map-marker-alt
	{
	font-size: 16px;
}

/*-----------------
	14. Login
-----------------------*/
.form-control.patient-file {
	line-height: 2.13;
	padding-left: 5px;
}

.account-page {
	background-color: #ffffff;
}

.account-page .content {
	padding: 50px 0;
}

.login-right {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	padding: 25px;
}

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

.login-header p {
	margin-bottom: 0;
}

.login-header h3 {
	font-size: 18px;
	margin-bottom: 3px;
}

.login-header h3 a {
	color: #3b6ad0;
	float: right;
	font-size: 15px;
	margin-top: 2px;
}

.login-right .dont-have {
	color: #2b324f;
	margin-top: 20px;
	font-size: 13px;
}

.login-right .dont-have a {
	color: #3d6bd0;
}

.login-btn {
	font-size: 18px;
	font-weight: 500;
}

.login-or {
	color: #cfd2e0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}

.or-line {
	background-color: #e4e6ee;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}

.span-or {
	background-color: #ffffff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	top: -3px;
	width: 42px;
}

.forgot-link {
	color: #2b324f;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 400;
}

.btn-facebook {
	background-color: #304ca9;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 12px;
}

.btn-google {
	background-color: #d640d5;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 12px;
}

.social-login .btn:hover, .social-login .btn:focus {
	color: #ffffff;
}

.login-page .login-right {
	width: 100%;
	position: relative;
	font-family: 'Poppins', sans-serif;
	height: 100vh;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	border: 0;
	padding: 0;
	border-radius: 0;
}

.login-bottom-copyright {
	color: #959bbb;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-self: flex-end;
	-webkit-align-self: flex-end;
	padding-bottom: 25px;
	width: 100%;
}

.login-right .inner-right-login {
	max-width: 355px;
	margin: 0 auto;
	width: 100%;
}

.login-header .logo-icon {
	margin: 40px auto 20px;
	text-align: center;
}

.step-list {
	padding: 10px 0;
	text-align: center;
}

.step-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.step-list ul li {
	float: left;
	padding-right: 30px;
	margin: 5px 0px;
}

.step-list ul li:last-child {
	padding-right: 0;
}

.step-list ul li a {
	background-color: #e7edf9;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-size: 14px;
	color: #636e9d;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.step-list ul li a:hover {
	background-color: #3b6ad0;
	color: #ffffff;
}

.step-list ul li a.active {
	background-color: #3b6ad0;
	color: #ffffff;
}

.step-list ul li a.active-done {
	background-color: #3b6ad0;
	color: #ffffff;
}

.step-list ul li a.active-done {
	background-image: url(../../assets/img/icons/tick-icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px;
	font-size: 0;
}

.profile-pic-col {
	padding-top: 40px;
	text-align: center;
}

.profile-pic-col h3 {
	color: #14172c;
	font-size: 20px !important;
}

.profile-pic-upload {
	width: 150px;
	background: rgba(182, 194, 235, 0.4);
	border-radius: 20px;
	padding: 24px;
	margin: 40px auto 0;
	position: relative;
}

.profile-pic-upload input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.profile-pic-upload .cam-col {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 70px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	overflow: hidden;
}

.profile-pic-upload span {
	color: #14172c;
	font-size: 13px;
	list-style: none;
	display: inline-block;
	margin-top: 15px;
}

.select-gender-col [type="radio"]:checked, .select-gender-col [type="radio"]:not(:checked)
	{
	position: absolute;
	left: -9999px;
}

.select-gender-col [type="radio"]:checked+label, .select-gender-col [type="radio"]:not(:checked)+label
	{
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #4c5780;
}

.select-gender-col [type="radio"]:checked+label:before,
	.select-gender-col [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 5px 20px 60px 10px rgba(29, 34, 92, 0.07);
}

.select-gender-col [type="radio"]:checked+label:after,
	.select-gender-col [type="radio"]:not(:checked)+label:after {
	content: '';
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 2px solid #3b6ad0;
}

.select-gender-col [type="radio"]:not(:checked)+label:after {
	opacity: 0;
}

.select-gender-col [type="radio"]:checked+label:after {
	opacity: 1;
}

.select-gender-col .gender-icon {
	position: relative;
}

.select-gender-col label {
	padding: 15px 20px !important;
	text-align: center;
}

.select-gender-col span {
	position: relative;
	color: #14172c;
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
	width: 100%;
}

.gender-icon img {
	max-height: 90px;
}

.pregnant-col .remember-me-col {
	color: #14172c;
	font-size: 16px;
}

.pregnant-col .remember-me-col .custom_check .checkmark {
	border-color: #3464ce;
}

.pregnant-col .custom_check .checkmark {
	height: 25px;
	width: 34px;
}

.pregnant-col .custom_check .checkmark::after {
	left: 10px;
	top: 3px;
}

.step-process-col {
	text-align: left;
}

.login-page .login-right .step-process-col label {
	color: #14172c;
	font-weight: 500;
	font-size: 14px;
}

.login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #636e9d;
}

.login-right .step-process-col .select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	background-image: url(../../assets/img/icons/down-arrow-gray.svg);
}

.login-page .login-right .step-process-col .form-control {
	color: #636e9d;
	border: 1px solid #bcc0d4 !important;
}

.checklist-col .custom_check .checkmark {
	width: 24px;
	height: 24px;
}

.checklist-col .custom_check .checkmark:after {
	left: 6px;
	top: 3px;
}

.checklist-col .remember-me-col {
	padding: 13px 0;
	position: relative;
}

.checklist-col.pregnant-col .remember-me-col .custom_check .checkmark {
	border-color: #3b6ad0;
}

.checklist-col.pregnant-col .remember-me-col .custom_check {
	padding-left: 25px;
}

.otp-col {
	color: #ffffff;
}

.otp-col h3 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 15px;
}

.dnt-recive-call {
	color: #ffffff;
}

.dnt-recive-call a {
	color: #ffffff;
}

.otp-box .digit-group input {
	width: 45px;
	height: 45px;
	background-color: rgba(233, 232, 244, 0.2);
	border: none;
	text-align: center;
	font-size: 16px;
	color: white;
	margin: 0 3px;
	box-shadow: 5px 20px 60px 10px rgba(29, 34, 92, 0.07);
	border-radius: 8px;
	color: #14172c;
}

.otp-box {
	margin: 25px 0;
}

.otp-box .digit-group input:focus {
	background-color: #ffffff;
	border: 0;
	outline: 0;
}

.otp-box .splitter {
	padding: 0 5px;
	color: white;
	font-size: 24px;
}

.otp-box .prompt {
	margin-bottom: 20px;
	font-size: 20px;
	color: white;
}

.otp-box input[type="text"].active {
	background-color: #ffffff;
	color: #14172c;
}

.increment-decrement .input-groups {
	border: 0;
	background-color: transparent;
	height: 35px;
	margin-right: 0px;
	display: block;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.increment-decrement .input-groups .quantity-field {
	width: 40px;
	text-align: center;
	background-color: transparent;
	float: left;
	border: 0;
}

.increment-decrement .input-groups .quantity-field:focus {
	border: 0;
	outline: 0;
}

.increment-decrement .input-groups input[type="button"] {
	background-color: transparent;
	font-size: 20px;
	border: 1px solid #3b6ad0;
	border-radius: 4px;
	height: 24px;
	width: 24px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin-top: 0px;
	line-height: 0;
	padding: 0;
	color: #3b6ad0;
}

.increment-decrement .input-groups input[type="button"]:focus-visible {
	outline: 0;
}

.increment-decrement .input-groups input[type="button"].button-minus {
	float: left;
}

.increment-decrement .input-groups input[type="button"].button-plus {
	float: right;
}

.country-select {
	position: relative;
}

.country-select .select-col {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.country-select .select-col .flagstrap {
	height: 100%;
}

.country-select .select-col .btn-info.dropdown-toggle {
	border: 0;
	color: #2b55b1;
	border-radius: 10px 0px 0px 10px;
	background-color: #ffffff;
	height: 100%;
	font-size: 0;
	width: 79px;
	padding: 0 12px;
	text-align: left;
}

.country-select .select-col .btn-info.dropdown-toggle:after {
	background-image: url(../../assets/img/icons/down-arrow-gray-dark.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 14px;
	height: 7px;
	border: 0;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.country-select .select-col .dropdown-menu {
	font-size: 0;
	width: 79px;
	min-width: inherit;
	margin-top: 0;
	padding: 0;
	border-radius: 10px;
}

.country-select .select-col .dropdown-menu li {
	margin: 14px 13px;
}

.country-select .select-col .dropdown-menu li:first-child {
	display: none;
}

.country-select .select-col .dropdown-menu li a {
	display: inline-block;
	cursor: pointer;
}

.country-select .select-col .flagstrap-icon.flagstrap-in,
	.country-select .select-col .flagstrap-icon.flagstrap-ng,
	.country-select .select-col .flagstrap-icon.flagstrap-gb,
	.country-select .select-col .flagstrap-icon.flagstrap-us {
	background-image: url(../../assets/img/flag/india.png);
	background-position: center;
	width: 33px;
	height: 22px;
	background-size: cover;
	border-radius: 4px;
}

.country-select .select-col .flagstrap-icon.flagstrap-ng {
	background-image: url(../../assets/img/flag/ng.png);
}

.country-select .select-col .flagstrap-icon.flagstrap-gb {
	background-image: url(../../assets/img/flag/gb.png);
}

.country-select .select-col .flagstrap-icon.flagstrap-us {
	background-image: url(../../assets/img/flag/usa.png);
}

.country-select .select-col .btn-info.dropdown-toggle span {
	font-size: 0;
}

.login-right .country-select .select-col .select2-container--default .select2-selection--single
	{
	background-color: #ffffff;
	border-radius: 10px 0 0 10px;
	width: 79px;
}

.login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #2b55b1;
}

.login-right .country-select .select-col .select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	background-image: url(../../assets/img/icons/down-arrow-gray-dark.svg);
}

.country-select .number-col input {
	padding-left: 96px;
}

.location-text h5 {
	color: #14172c;
	margin-top: 5px;
}

.location-search {
	margin: 12px 0;
}

.login-page .login-right .search-location-input-box input {
	background-image: url(../../assets/img/icons/search-icon.svg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 16px;
	padding-left: 38px;
	color: #848bb0;
}

.skip-now-col {
	margin-top: 5px;
}

.skip-now-col a {
	color: #14172c;
	font-size: 12px;
}

.sort-by-col .select2-container .select2-selection--single {
	border-color: #e9d9f6;
	border-radius: 10px;
	width: 160px;
}

.sort-by-col .select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	background-image: url(../../assets/img/icons/down-arrow-gray.svg);
}

.premium-text {
	font-size: 18px;
}

.plan-details {
	list-style: none;
	padding: 4px 0 0;
	margin: 0;
}

.plan-details li {
	position: relative;
	min-width: 35%;
}

.plan-details li span {
	color: #c191e4;
	display: inline-block;
	margin-bottom: 3px;
	font-size: 15px;
}

.plan-chooser-col {
	background-color: rgba(182, 194, 235, 0.4);
	border-radius: 20px;
	padding: 5px 20px;
	margin-bottom: 28px;
}

.plan-chooser-col .memeber-img {
	border-radius: 15px;
	margin-bottom: 10px;
	width: 100%;
}

.plan-chooser-col .memeber-img img {
	border-radius: 15px;
}

.memeber-details h4 {
	margin-bottom: 0;
}

.payment-menthods ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.payment-menthods ul li {
	display: inline-block;
	padding: 6px;
}

.select-gender-col.payment-menthods-choose label {
	min-width: 90px;
	padding: 10px !important;
	text-align: center;
	color: #14172c;
}

.select-gender-col.payment-menthods-choose label span.credit-card-option
	{
	min-width: 192px;
	font-size: 15px;
}

.select-gender-col.payment-menthods-choose label img {
	position: relative;
	max-width: 68px;
}

.select-gender-col.payment-menthods-choose [type="radio"]:checked+label::after,
	.select-gender-col.payment-menthods-choose [type="radio"]:not(:checked)+label::after
	{
	border: 1px solid #2b55b1;
}

.card-choose-col {
	max-width: 325px;
	margin: 0 auto;
}

.day-week-month-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.day-week-month-col ul li {
	float: left;
}

.day-week-month-col ul li a {
	background-color: #f7f9fd;
	border: 1px solid transparent;
	color: #323bac;
	display: inline-block;
	padding: 10px 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.day-week-month-col ul li a.active {
	border-color: #6f81d5;
	color: #6f81d5;
	border-radius: 0 !important;
}

.day-week-month-col ul li:first-child a {
	border-radius: 4px 0 0 4px !important;
}

.day-week-month-col ul li:last-child a {
	border-radius: 0px 4px 4px 0px !important;
}

.day-week-month-col ul li a:first-child.active, .day-week-month-col ul li a:last-child.active
	{
	border-color: #6f81d5;
}

.plan-chooser-col .subscription-list {
	margin: 15px 0;
}

/*-----------------
	15. Home
-----------------------*/
.section-search {
	background: #ffffff url(../img/search-bg.png) no-repeat bottom center;
	min-height: 450px;
	background-size: 100% auto;
	position: relative;
	background-blend-mode: Darken;
	padding: 80px 0;
}

.section-search-1 {
	background: #ffffff url(../img/landing-page.png) no-repeat top center;
	min-height: 840px;
	position: relative;
	background-blend-mode: Darken;
	background-size: cover;
}

.doctor-search-section {
	position: relative;
	background: url(../img/banner-2.jpg);
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.section-search-2 {
	background: #506dcd;
	background-repeat: repeat;
}

.section-header {
	margin-bottom: 60px;
}

.section-header h2 {
	font-size: 36px;
	margin-bottom: 0;
	font-weight: 500;
}

.section-header .color-primary {
	color: #2b55b1;
	font-weight: 700;
}

.section-header .color-grey {
	color: #1f3e82;
}

.section-header .sub-title {
	color: #596491;
	font-size: 16px;
	max-width: 600px;
	margin: 20px auto 0;
}

.section-header p {
	color: #596491;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 15px;
}

.divider .banner-wrapper {
	padding-bottom: 30px;
}

.banner-wrapper {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.banner-wrapper .banner-header {
	margin-bottom: 30px;
}

.banner-wrapper .banner-header h1 {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 600;
}

.banner-wrapper .banner-header p {
	color: #596491;
	font-size: 20px;
	margin-bottom: 0;
}

.search-box form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.search-box .form-control {
	border: 1px solid #c5c9da;
	box-shadow: inset 0 0px 0px rgba(25, 26, 56, 0.075);
	border-radius: 5px;
	padding-left: 35px;
}

.search-box .search-location {
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	margin-right: 12px;
	position: relative;
	width: 240px;
}

.search-location .form-control {
	background: #ffffff url(../img/location.png) no-repeat 10px center;
}

.search-box .search-info {
	-ms-flex: 0 0 490px;
	flex: 0 0 490px;
	margin-right: 12px;
	position: relative;
	width: 490px;
}

.search-info .form-control {
	background: #ffffff url(../img/search.png) no-repeat 10px center;
}

.search-box .search-btn {
	width: 46px;
	-ms-flex: 0 0 46px;
	flex: 0 0 46px;
	height: 46px;
}

.search-box .search-btn span {
	display: none;
	font-weight: 500;
}

.search-box .form-text {
	color: #596491;
	font-size: 13px;
}

.section-specialities {
	background-color: #ffffff;
	padding: 80px 0;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li, .pharmacy-home-slider .swiper-pagination-bullet {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 5px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	border-radius: 0;
}

.pharmacy-home-slider .swiper-pagination-bullet {
	background: #b7bbd1;
	width: 20px;
	height: 5px;
	opacity: 1;
	transform: scale(1) !important;
	left: 0 !important;
}

.pharmacy-home-slider .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #2b55b1;
	width: 20px;
	height: 5px;
	opacity: 1;
}

.pharmacy-home-slider-primary .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #3b6ad0;
}

.search-img {
	margin-top: 80px;
	margin-bottom: 80px;
}

.banner-wrapper .banner-header {
	margin-bottom: 30px;
}

.banner-wrapper .banner-header h1 {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 600;
}

.banner-wrapper .banner-header p {
	color: #596491;
	font-size: 20px;
	margin-bottom: 0;
}

.search-area {
	background: #ffffff;
	padding: 60px 30px;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	max-width: 410px;
	margin: auto;
	opacity: 0.8;
}

.search-doctor {
	margin: auto;
}

.search-area h2 {
	font-size: 1.7rem;
	font-weight: 600;
}

.search-btn {
	width: 100%;
	margin-top: 15px;
}

.search-box-1 .search-btn {
	width: 46px;
	-ms-flex: 0 0 46px;
	flex: 0 0 46px;
	height: 46px;
	background: #ffffff;
	color: #2b55b1;
}

.search-box-3 {
	background: #22448e;
	padding: 40px 20px;
	border-radius: 10px;
	margin-top: -50px;
	position: absolute
}

.btn-search {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #22448e;
}

.search-box form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.search-box .form-control {
	border: 1px solid #c5c9da;
	box-shadow: inset 0 0px 0px rgba(25, 26, 56, 0.075);
	border-radius: 5px;
	padding-left: 35px;
}

.search-box .search-location {
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	margin-right: 12px;
	position: relative;
	width: 240px;
}

.search-location .form-control {
	background: #ffffff url(../img/location.png) no-repeat 10px center;
}

.search-box .search-info {
	-ms-flex: 0 0 490px;
	flex: 0 0 490px;
	margin-right: 12px;
	position: relative;
	width: 490px;
}

.search-info .form-control {
	background: #ffffff url(../img/search.png) no-repeat 10px center;
}

.search-box .search-btn {
	width: 46px;
	-ms-flex: 0 0 46px;
	flex: 0 0 46px;
	height: 46px;
}

.search-box .search-btn span {
	display: none;
	font-weight: 500;
}

.search-box .form-text {
	color: #596491;
	font-size: 13px;
}

.section-specialities {
	background-color: #ffffff;
	padding: 80px 0;
}

.section-category {
	background-color: #ffffff;
	padding: 80px 0;
}

.dot-slider .slick-slide {
	height: 600px;
}

.dot-slider .profile-widget {
	padding: 0;
	border: none;
}

.dot-slider .slick-slide img {
	width: 100%;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 5px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #b7bbd1;
}

.dot-slider .slick-dots {
	position: absolute;
	top: 30%;
	right: 50px;
	bottom: unset;
	width: unset;
}

.dot-slider .slick-dots li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: flex;
	background-color: #ffffff;
	align-items: center;
	justify-content: center;
	margin: 8px 0;
}

.dot-slider .slick-dots li button {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #ffffff;
}

.dot-slider .slick-dots li.slick-active button {
	background-color: #2f54b3;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	display: none;
	font-family: 'slick';
	font-size: 76px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '-';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
	background-color: #3b6ad0;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #2b55b1;
}

.slick-slide {
	outline: none !important;
}

.specialities-slider .slick-slide {
	display: block;
	padding: 0 12px;
	margin-left: 0;
	margin-right: 20px;
	margin-top: 10px;
}

.specialities-slider .slick-dots {
	margin-top: 44px;
	position: unset;
}

.speicality-img {
	position: relative;
	height: 150px;
	box-shadow: 2px 2px 13px rgba(25, 26, 56, 0.1);
	border-radius: 100%;
	width: 150px;
	background: #ffffff;
}

.speicality-img img {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.speicality-img span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	box-shadow: 1px 6px 14px rgba(25, 26, 56, 0.2);
	border-radius: 50%;
	padding: 5px;
	background-color: #ffffff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.speicality-img span i {
	font-size: 15px;
	color: #3b6ad0;
}

.speicality-item p {
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 0;
}

.section-doctor {
	background-color: #f5f8fd;
	padding: 80px 0;
}

.section-doctor .section-header {
	margin-bottom: 30px;
}

.section-doctor .section-header p {
	margin-top: 10px;
}

.doctor-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
}

.profile-widget {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	padding: 15px;
}

.doc-img {
	position: relative;
	overflow: hidden;
	z-index: 1;
	border-radius: 4px;
}

.doc-img img {
	border-radius: 4px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	width: 100%;
}

.doc-img:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.profile-widget .fav-btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	border-radius: 3px;
	color: #162b5a;
	-webkit-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

.profile-widget:hover .fav-btn {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.profile-widget .fav-btn:hover {
	background-color: #d439d3;
	color: #ffffff;
}

.pro-content {
	padding: 15px 0 0;
}

.pro-content .title {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
}

.profile-widget .pro-content .title a {
	display: inline-block;
}

.profile-widget .verified {
	color: #6d26a9;
	margin-left: 3px;
}

.profile-widget p.speciality {
	font-size: 13px;
	color: #596491;
	margin-bottom: 5px;
	min-height: 40px;
}

.rating {
	list-style: none;
	margin: 0 0 7px;
	padding: 0;
	width: 100%;
}

.rating i {
	color: #dddfe9;
}

.rating i.filled {
	color: #de66dd;
}

.profile-widget .rating {
	color: #596491;
	font-size: 14px;
	margin-bottom: 15px;
}

.profile-widget .rating i {
	font-size: 14px;
}

.available-info {
	font-size: 13px;
	color: #596491;
	font-weight: 400;
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
}

.available-info li+li {
	margin-top: 5px;
}

.available-info li i {
	width: 22px;
}

.row.row-sm {
	margin-left: -3px;
	margin-right: -3px;
}

.row.row-sm>div {
	padding-left: 3px;
	padding-right: 3px;
}

.view-btn {
	color: #3b6ad0;
	font-size: 13px;
	border: 2px solid #3b6ad0;
	box-shadow: inset 0 0 0 0 #3b6ad0;
	background: #ffffff;
	text-align: center;
	display: block;
	font-weight: 500;
	padding: 6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.view-btn:hover, .view-btn:focus {
	background: #3b6ad0;
	box-shadow: inset 0 50px 0 0 #3b6ad0;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.book-btn {
	background-color: #3b6ad0;
	border: 2px solid #3b6ad0;
	box-shadow: inset 0 0 0 0 #ffffff;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	display: block;
	font-weight: 500;
	padding: 6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.book-btn-light {
	background-color: #3b6ad0 !important;
	border: 2px solid #3b6ad0 !important;
	box-shadow: inherit !important;
	color: #ffffff !important;
}

.book-btn:hover, .book-btn:focus {
	background-color: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	color: #3b6ad0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.section-doctor .profile-widget {
	box-shadow: 2px 2px 13px rgba(25, 26, 56, 0.1);
	margin-bottom: 0;
}

.about-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
}

.about-content p+p {
	margin-top: 20px;
}

.about-content a {
	background-color: #3b6ad0;
	box-shadow: inset 0 0 0 0 #2c59b9;
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-top: 30px;
	min-width: 150px;
	padding: 15px 20px;
	text-align: center;
}

.about-content a:hover, .about-content a:focus {
	background-color: #2c59b9;
	border-color: #2c59b9;
	color: #ffffff;
	box-shadow: inset 0 50px 0 0 #2c59b9;
}

.section-features {
	background-color: #ffffff;
	padding: 80px 0;
}

.feature-item img {
	border-radius: 100%;
	box-shadow: 1px 6px 14px rgba(25, 26, 56, 0.2);
	height: 115px;
	object-fit: cover;
	width: 115px;
}

.feature-item p {
	font-weight: 500;
	margin: 20px 0 0;
}

.features-slider .slick-slide {
	margin-right: 62px;
}

.features-slider .slick-center {
	opacity: 1;
	transform: scale(1.20);
}

.features-slider .slick-list {
	padding: 16px 50px !important
}

.features-slider .slick-dots {
	margin-top: 44px;
	position: unset;
}

.section-blogs {
	background-color: #f5f8fd;
	padding: 80px 0;
}

.view-all .btn {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 30px;
	color: #ffffff;
	background-color: #172858;
	border: 2px solid #172858;
	box-shadow: inset 0 0 0 0 #ffffff;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.view-all .btn:hover {
	color: #22448f;
	background-color: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.full-slide-home {
	background: #e2e3ec;
}

.slide-image {
	width: 100%;
	min-height: 358px;
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	padding: 70px 50px 70px 100px;
	vertical-align: middle;
	background-position: right;
	background-size: contain;
}

.slide-image h2 {
	font-size: 36px;
	font-weight: 500;
}

.slide-ul li:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 6px;
	vertical-align: middle;
	content: "\f192";
	color: #9298b9;
	font-size: 10px;
}

.slide-ul li {
	color: #596491;
	font-size: 13px;
}

.home-tile-section {
	background-color: #f5f8fd;
	padding: 80px 0;
}

.book-btn1 {
	background-color: #3b6ad0;
	border: 2px solid #3b6ad0;
	box-shadow: inset 0 0 0 0 #2c59b9;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	padding: 6px 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.book-btn1:hover {
	background-color: #2c59b9;
	color: #ffffff;
	border: 2px solid #2c59b9;
	box-shadow: inset 0 50px 0 0 #2c59b9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.doctor-book-card {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0px 3px 20px rgba(25, 26, 56, 0.043);
	overflow: hidden;
}

.doctor-book-card img {
	vertical-align: middle;
	border-radius: .25rem;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.doctor-book-card:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.doctor-book-card-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #f3f3f7;
	width: 100%;
	padding: 20px;
	height: 100%;
	border-radius: .25rem;
}

.doctor-book-card-content>div {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.doctor-book-card-content .book-btn1 {
	font-size: 14px;
}
.btn-overshadow {
	display: inline-block;
	background: rgba(25, 26, 56, 0.45);
	color: #ffffff;

	padding: 14px 28px;
	font-size: 14px;
	font-weight: 500;

	border-radius: 10px;   /* 👈 THIS is the key change */
	border: none;

	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);

	text-align: center;
	transition: all 0.3s ease;
}

.btn-overshadow:hover {
	background: rgba(25, 26, 56, 0.6);
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(105, 124, 210, 0.24);
	color: #ffffff;
}

.search-box1 form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.search-box1 .form-control {
	border: 1px solid #c5c9da;
	box-shadow: inset 0 0px 0px rgba(25, 26, 56, 0.075);
	border-radius: 5px;
	padding-left: 35px;
}

.search-box1 .search-location {
	-ms-flex: 0 0 240px;
	flex: 0 0 240px;
	margin-right: 12px;
	position: relative;
	width: 240px;
}

.section-search-pharmacy .search-box1 .search-btn {
	margin-top: 0;
}

.search-box1 .search-location .form-control {
	background: #ffffff url(../img/location.png) no-repeat 10px center;
}

.search-box1 .search-info {
	-ms-flex: 0 0 490px;
	flex: 0 0 490px;
	margin-right: 12px;
	position: relative;
	width: 490px;
}

.search-box1 .search-info .form-control {
	background: #ffffff url() no-repeat 10px center;
}

.search-box1 .search-btn {
	width: 46px;
	-ms-flex: 0 0 46px;
	flex: 0 0 46px;
	height: 46px;
}

.search-box1 .search-btn span {
	display: none;
	font-weight: 500;
}

.search-box1 .form-text {
	color: #596491;
	font-size: 13px;
}

.section-search1 {
	background: #ffffff url(../img/search-bg.png) no-repeat bottom center;
	min-height: 580px;
	background-size: 100% auto;
	position: relative;
	background-blend-mode: Darken;
	padding: 80px 0;
}

.banner-wrapper2 {
	margin: 0 auto;
	max-width: 680px;
	width: 100%;
}

.search-box1 .search-location1 {
	margin-right: 12px;
	position: relative;
	width: 400px;
	margin-bottom: 0;
}

.banner-wrapper2 {
	margin: 0 auto;
	max-width: 680px;
	width: 100%;
}

.search-detect {
	padding: 5px 9px 5px 28px;
	position: absolute;
	top: 8px;
	right: 5px;
	font-size: 13px;
	color: #596491;
	border-radius: 5px;
	background: #e2e3ec url(../img/google-map.png) no-repeat 9px center;
	cursor: pointer;
}

.section-search-pharmacy {
	min-height: inherit !important;
	background: #ffffff;
	padding: 40px 0;
}

.tile-card-content-1 {
	background: #14172c;
	background: rgba(29, 28, 61, 0.33);
}

.doctor-book-card h3 {
	text-shadow: 2px 4px 3px rgba(25, 26, 56, 0.3);
	color: #ffffff;
}

.full-slide-home .slick-prev {
	left: 30px;
}

.full-slide-home .slick-next {
	right: 30px;
}

.full-slide-home .slick-slide>div>.col-12 {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.category-box {
	text-align: center;
	box-shadow: 2px 2px 13px rgba(25, 26, 56, 0.1);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}

.category-box:hover {
	text-align: center;
	box-shadow: 2px 2px 13px rgba(0, 0, 0, 0);
	border: 1px solid rgba(25, 26, 56, 0.1);
	border-radius: 10px;
	padding: 20px;
	cursor: pointer;
}

.category-image {
	background: #2b55b1;
	height: 60px;
	margin: auto;
	width: 60px;
	align-items: center;
	padding-top: 7px;
	border-radius: 4px;
}

.category-image-primary {
	background: #172858;
}

.category-image img {
	width: 45px;
	height: 45px
}

.category-content {
	margin-top: 20px;
}

.category-content h4 {
	font-size: 20px;
	font-weight: 500;
	color: #172251;
}

.banner-header h2 {
	color: #284fa5;
	font-size: 32px;
	font-weight: 600;
	line-height: 54px;
}

.doctor-search-form input {
	background: #ffffff;
	border-radius: 130px;
	min-height: 60px;
	border: 0;
}

.doctor-search-form.trans .form-control {
	color: #ffffff;
}

.doctor-search-form.trans select {
	background: transparent;
	border-radius: 130px;
	min-height: 60px;
}

.doctor-search-form.trans input, select {
	background-color: transparent;
	border: 2px solid #c5d1f0 !important;
}

.doctor-search-form.trans input::placeholder, .doctor-search-form.trans select::placeholder
	{
	color: #ffffff;
}

.trans .form-custom i {
	color: #ffffff;
}

.trans .banner-btn {
	background-color: #3060c8;
}

.no-border {
	border: none !important;
}

.doctor-category {
	position: relative;
	margin-top: -130px;
	z-index: 9;
	padding: 60px 0;
}

.pop-box {
	background-color: #ffffff;
	padding: 15px 15px 0;
	border-radius: 5px;
	box-shadow: 0px 4px 44px rgba(206, 206, 227, 0.25);
}

.pop-box .top-section {
	background-color: #e8eefa;
	padding: 20px;
	align-items: center;
	justify-content: center;
	display: flex;
	min-height: 150px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.pop-box .top-section i {
	background-color: #ffffff;
	width: 100px;
	height: 100px;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: 50%;
	font-size: 30px;
	color: #2b55b1;
	border: 5px solid #f2f5fc;
}

.pop-box .body-section {
	justify-content: center;
	text-align: center;
	padding: 20px;
	min-height: 200px;
	display: flex;
	flex-direction: column;
}

.pop-box .body-section h3 {
	color: #3158bd;
	font-weight: 600;
	font-size: 24px;
}

.pop-box .body-section p {
	color: #da5bda;
	font-weight: 500;
}

.pop-box .body-section .book-btn {
	width: 150px;
	margin: 0 auto;
	border-radius: 30px;
}

.pop-box .top-section.two {
	background-color: #f5d3f5;
}

.pop-box .top-section.two i {
	color: #d333d2;
}

.pop-box .top-section.three {
	background-color: #f9e6f9;
}

.pop-box .top-section.three i {
	color: #f0b9f0;
}

.clinic-specialities {
	background: url(../img/special-banner.jpg);
	padding: 60px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.section-header-three {
	margin-bottom: 60px;
}

.section-header-three h2 {
	color: #3259be;
	font-weight: 700;
	font-size: 30px;
	position: relative;
	display: inline-block;
}

.section-header-three h2:before {
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	background: #e071df;
	border-radius: 50%;
	left: -40px;
	box-shadow: 15px 0px 0px -2px #e071df;
	top: 12px;
}

.section-header-three h2:after {
	position: absolute;
	width: 13px;
	height: 13px;
	content: "";
	background: #e071df;
	border-radius: 50%;
	top: 12px;
	right: -40px;
	box-shadow: -15px 0px 0px -2px #e071df;
}

.section-header-three p {
	color: #596491;
	font-size: 16px;
	max-width: 600px;
	margin: 15px auto 0;
}

.clinic-specialities .section-header h2 {
	color: #3259be;
	font-weight: 700;
	font-size: 30px;
}

.clinic-specialities .section-header h2 img {
	margin: 2px 5px 5px;
}

.special-box {
	background-color: #ffffff;
	border-radius: 10px;
	height: 160px;
	cursor: pointer;
	margin-bottom: 30px;
	-webkit-transition: ease all 0.4s;
	-ms-transition: ease all 0.4s;
	transition: ease all 0.4s;
}

.special-box:hover {
	background-color: #3e66cd;
	-webkit-transition: ease all 0.4s;
	-ms-transition: ease all 0.4s;
	transition: ease all 0.4s;
}

.special-box .special-body {
	padding: 20px;
}

.special-box .special-body img {
	width: 50px;
	margin-bottom: 15px;
}

.special-box .special-body h4 {
	font-size: 16px;
	margin: 0;
	font-weight: 500;
}

.special-box .special-footer {
	border-top: 1px solid #eaebf2;
	padding: 15px;
	width: 100%;
	margin: 0;
}

.special-box .special-footer .doc-count {
	font-size: 14px;
	font-weight: 700;
	color: #da5bda;
}

.special-box .special-footer .doc-count span, .special-box .special-footer .clin-count span
	{
	color: #14172c;
	font-weight: 500;
}

.special-box .special-footer .clin-count {
	font-size: 14px;
	font-weight: 700;
	color: #3e66cd;
}

.special-box .spc-book {
	background-color: #ffffff;
	padding: 10px 15px;
	min-width: 120px;
	color: #da5bda;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	display: none;
}

.special-box .spc-book i {
	background-color: #da5bda;
	color: #ffffff;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	font-size: 9px;
}

.special-box:hover img, .special-box:hover .special-footer {
	display: none;
}

.special-box:hover h4 {
	color: #ffffff;
}

.special-box:hover .spc-book {
	margin-top: 10px;
	display: block;
}

.special-box:hover .special-body {
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.view-all-more .btn {
	background: #3b6ad0;
	border-radius: 30px;
	border-color: #3b6ad0;
	padding: 9px 30px;
	margin-top: 20px;
}

.browse-section {
	background-color: #e8eefa;
	padding: 60px 0;
}

.brower-box {
	text-align: center;
	border-radius: 10px;
	border: 6px solid #ffffff;
	background-color: #ffffff;
	margin-bottom: 20px;
}

.brower-box>div {
	border-radius: 15px;
	background-color: #e8eefa;
	height: 100%;
	padding: 15px;
}

.brower-img {
	background-color: #3e66cd;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brower-img img {
	width: auto;
}

.brower-box h4 {
	font-size: 16px;
	font-weight: 600;
	color: #3056b7;
}

.brower-box p {
	font-size: 14px;
	font-weight: 500;
	color: #da5bda;
	margin: 0;
}

.brower-box p span {
	color: #14172c;
}

.doc-background {
	background: url(../img/shapes/doctor-bg.jpg);
	background-position: center;
	min-height: 350px;
	background-size: cover;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.doc-background::before {
	content: "";
	position: absolute;
	background: rgba(46, 51, 86, 0.84);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.doctor-divison h3 {
	font-size: 28px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.doctor-divison p {
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 30px;
}

.doctor-divison .doc-bok-btn {
	font-size: 14px;
	padding: 6px 12px;
	color: #ffffff;
	background-color: #3e66cd;
	border-radius: 30px;
	width: 100px;
	text-align: center;
}

.pat-background {
	background: url(../img/shapes/doctor-right-bg.jpg);
	background-position: center;
	min-height: 350px;
	background-size: cover;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.pat-background::before {
	content: "";
	position: absolute;
	background: rgba(64, 99, 204, 0.9);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.pat-background .doc-bok-btn {
	background-color: #e279e1;
}

.book-section {
	background: url(../img/special-banner.jpg);
	padding: 60px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.book-best-doctors {
	margin-bottom: 30px;
}

.book-best-doctors .book-header img {
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	position: relative;
	display: inline-block;
	z-index: 1;
}

.book-best-doctors .book-header img::before {
	content: "";
	position: absolute;
	background: rgba(46, 51, 86, 0.84);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.book-best-doctors .book-header .img-overlay {
	position: absolute;
	top: 10px;
	right: 20px;
	background: #da5bda;
	border-radius: 50%;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	width: 25px;
	height: 25px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.book-best-doctors .book-header .img-overlay i {
	font-size: 12px;
}

.doctors-body .inner-section>span {
	color: #da5bda;
	font-size: 14px;
}

.book-best-doctors .doctors-body {
	padding: 0;
	box-shadow: 0px -6px 54px rgba(130, 135, 179, 0.25);
	border-radius: 0;
}

.book-best-doctors .doctors-body .inner-section {
	padding: 15px 15px 0;
}

.book-best-doctors .doctors-body .rating i {
	font-size: 10px;
	color: #dddfe9;
	margin-bottom: 10px;
}

.book-best-doctors .doctors-body .rating i.filled {
	color: #e279e1;
}

.book-best-doctors .doctors-body .average-ratings {
	background-color: #e279e1;
	font-size: 11px;
	font-weight: 700;
}

.book-best-doctors .doctors-body h4 {
	color: #1f326e;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 5px;
}

.book-best-doctors .doctors-body p {
	color: #22438c;
	font-size: 12px;
	font-weight: 600;
}

.book-best-doctors .loc-details {
	margin: 15px 0 0;
	background-color: #f8f9fd;
	padding: 15px 10px 0;
}

.book-best-doctors .loc-details .d-flex {
	margin-bottom: 15px;
}

.book-best-doctors .loc-details img {
	color: #1f326e;
	width: auto;
	margin-right: 8px;
}

.book-best-doctors .available-info {
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	clear: both;
	display: block;
	margin: 0;
}

.book-best-doctors .data-info {
	font-weight: 700;
	font-size: 11px;
	color: #3056b7;
}

.book-best-doctors .amt-txt {
	color: #da5bda;
	font-size: 18px;
	font-weight: 600;
}

.book-best-doctors .doctors-body .book-btn {
	font-size: 14px;
	padding: 6px 12px;
	color: #ffffff;
	background-color: #3e66cd;
	border: 1px solid #3e66cd;
	border-radius: 30px;
	width: 100px;
	text-align: center;
	float: right;
}

.book-best-doctors .doctors-body .book-btn:hover {
	color: #3e66cd;
	border: 1px solid #3e66cd;
}

.latest-blog {
	background-color: #f6f8fd;
	padding: 60px 0 30px;
}

.latest-blog .blog-wrap {
	margin-bottom: 30px;
	background-color: #ffffff;
	border-radius: 10px 10px 0px 0px;
}

.latest-blog .blog-wrap img {
	border-radius: 10px;
}

.latest-blog .blog-wrap .blog-wrap-body {
	padding: 20px 15px;
	background-color: #ffffff;
}

.latest-blog .blog-wrap .blog-wrap-body h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

.latest-blog .blog-wrap .blog-wrap-body h3 a:hover {
	color: #335bc3;
}

.latest-blog .blog-wrap .blog-wrap-body p {
	font-size: 14px;
	color: #57628f;
}

.latest-blog .blog-wrap .blog-wrap-body .blog-footer {
	border-top: 1px solid #3d65cc;
	padding: 15px 0 0;
}

.latest-blog .blog-footer .read-txt, .latest-blog .blog-footer .cal-txt
	{
	color: #3d65cc;
	font-size: 14px;
	font-weight: 600;
}

.latest-blog .blog-footer .read-txt i {
	margin: 2px 6px;
	position: absolute;
	top: 3px;
}

.latest-blog .blog-footer .cal-txt i {
	margin: 2px 6px;
}

.clinics-section {
	padding: 60px 0 40px;
	background: #ffffff;
}

.section-heading h2 {
	font-weight: 700;
	font-size: 26px;
	color: #21438b;
}

.section-heading p {
	font-size: 14px;
	color: #5a6693;
	margin-bottom: 0;
}

.section-heading {
	margin-bottom: 30px;
}

.clinics-card {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.clinic-item .clinics-card .clinics-img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(38, 66, 143, 0.9);
}

.clinics-info {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.clinics-info img {
	width: 60px !important;
	margin: auto;
	margin-bottom: 10px;
}

.clinics-info span {
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
}

.clinics-icon i {
	border-radius: 50%;
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #3d6bd0;
	color: #ffffff;
	margin: auto;
	display: block;
}

.clinics-icon {
	transform: translate(0, -50%);
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.clinics-img {
	position: relative;
}

.clinic-item:hover .clinics-card .clinics-img:after {
	background: rgba(84, 120, 212, 0.9);
}

.clinic-item:hover .clinics-icon i {
	color: #21438b;
	background: #ffffff;
}

.clinic-item:hover .clinics-icon {
	transform: translate(0, -180%);
}

.specialities-section {
	position: relative;
	background: url(../img/specialist-bg.jpg);
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.specialities-section:after {
	content: "";
	position: absolute;
	background: rgba(31, 52, 113, 0.9);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.section-heading.bg-area h2 {
	color: #ffffff;
}

.section-heading.bg-area p {
	color: #ffffff;
}

.specialist-card {
	background: #ffffff;
	box-shadow: 0px 4px 24px rgba(165, 168, 201, 0.25);
	border-radius: 163px;
	align-items: center;
	padding: 15px;
	margin-bottom: 25px;
}

.specialist-card:hover {
	background: #e6ecf9;
}

.specialist-img {
	background: #21438c;
	padding: 10px;
	height: 55px;
	width: 55px;
	border-radius: 50%;
	margin-right: 10px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.specialist-card:hover .specialist-img {
	background: #3d6bd0;
}

.specialist-info h4 {
	font-weight: 600;
	color: #243d85;
	margin-bottom: 0;
}

.specialist-info p {
	font-weight: 500;
	color: #14172c;
	margin-bottom: 0;
}

.specialist-nav i {
	border-radius: 50%;
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #ffffff;
	box-shadow: 0px 4px 24px rgba(165, 168, 201, 0.25);
	color: #d643d5;
	margin: auto;
	display: block;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.specialist-card:hover .specialist-nav i {
	background: #3d6bd0;
	color: #ffffff;
}

.specialities-section {
	padding: 80px 0 55px;
}

.our-doctors-card {
	background: rgba(225, 227, 246, 0.4);
	border: 1px solid rgba(225, 225, 245, 0.5);
	border-radius: 10px;
	padding: 10px;
}

.doctors-body .rating {
	font-size: 12px;
}

.doctors-body .rating i.filled {
	color: #21438b;
}

.average-ratings {
	background: #21438b;
	border-radius: 70px;
	color: #ffffff;
	padding: 1px 15px;
	margin-left: 10px;
}

.doctors-body h4 {
	color: #1c1b37;
	font-weight: 600;
	margin-bottom: .5rem;
}

.doctors-body p {
	color: #26418c;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 12px;
}

.doctors-body .location p {
	font-size: 14px;
	color: #14172c;
}

.doctors-body .location p i {
	color: #21438b;
}

.doctors-body .view-btn {
	background: #ecf1fb;
	border: 1px solid #edf0fa;
	box-sizing: border-box;
	border-radius: 30px;
	color: rgba(41, 61, 138, 0.9);
	padding: 10px 0;
}

.doctors-body .book-btn {
	background: #3d6bd0;
	border-radius: 30px;
	padding: 10px 0;
	border: 1px solid #3d6bd0;
}

.doctors-body .book-btn:hover {
	border: 1px solid #3d6bd0;
}

.doctors-body {
	background: #ffffff;
	border-radius: 0px 0px 10px 10px;
	padding: 10px;
}

.doctors-body .location {
	padding: 20px 0;
}

.doctors-header img {
	border-radius: 10px 10px 0 0;
}

.our-doctors-section {
	padding: 60px 0;
	background: #ffffff;
}

.doctors-header {
	position: relative;
}

.doctors-header .img-overlay {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #21438c;
	border-radius: 110px;
	padding: 5px 10px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
}

.clinic-features-section {
	position: relative;
	background: url(../img/featured-bg.jpg);
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0;
}

.clinic-features {
	position: relative;
}

.clinic-features img {
	border-radius: 10px;
}

.clinic-feature-overlay .img-overlay {
	background: #2b55b1;
	border-radius: 60px;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #e9eefa;
	font-weight: 600;
	min-width: 150px;
	display: inline-block;
}

.clinic-feature-overlay {
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}

.our-blog-section {
	padding: 60px 0;
	background: #ffffff;
}

.blogs-info span {
	color: #2b55b1;
}

.blogs-info h4 {
	color: #14172c;
	line-height: 28px;
}

.blogs-info p {
	color: #14172c;
	font-size: 13px;
}

.blogs-time {
	color: #233c82 !important;
}

.blogs-overlay {
	align-items: center;
	background: #ffffff;
	border-radius: 30px 0px 0px 30px;
	position: absolute;
	bottom: 10px;
	right: 0;
	padding: 5px;
}

.blogs-img {
	position: relative;
}

.blogs-overlay img {
	height: 35px;
	width: 35px !important;
	border-radius: 50%;
	margin-right: 10px;
}

.blogs-writter {
	display: none;
}

.our-blogs {
	display: block;
	transition: .6s;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
}

.our-blogs:hover .blogs-writter {
	display: block;
}

.blogs-info {
	background: #ffffff;
	border: 1px solid #edf0fa;
	padding: 15px;
}

.blogs-btn {
	background: #21438b;
	border-radius: 30px;
	color: #ffffff;
	padding: 8px 10px;
	display: block;
	width: 110px;
	text-align: center;
	font-size: 12px;
}

.blogs-nav {
	border: 1px solid #edf0fa;
	padding: 10px;
	border-top: 0;
}

.form-custom {
	position: relative;
}

.form-custom i {
	position: absolute;
	top: 35%;
	right: 15px;
	color: #d436d3;
}

.doctor-search-section {
	padding-top: 95px;
}

.banner-btn {
	background: #21438b;
	border-radius: 130px;
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	padding: 20px 30px;
	width: 100%;
}

.banner-btn:hover {
	background: #3d6bd0;
	color: #ffffff;
}

.doctor-search {
	padding-bottom: 15px;
}

.slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next,
	.slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next,
	.slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next,
	.slide-nav-4 button.owl-prev {
	width: 34px;
	height: 34px;
	background: #3d6bd0;
	text-shadow: none;
	top: 4px;
	cursor: pointer;
	border: 0;
	color: #ffffff;
	margin-bottom: 15px;
	border-radius: 8px;
	transform: rotate(-44deg);
}

.owl-nav button.owl-next span, .owl-nav button.owl-prev span {
	font-size: 34px;
	line-height: 25px;
	transform: rotate(44deg);
	display: flex;
	padding-left: 6px;
	padding-bottom: 3px;
}

.owl-nav button.owl-next {
	margin-left: 20px;
}

.owl-theme .owl-dots, .owl-nav button {
	margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot span {
	width: 28px;
	height: 6px;
	margin: 5px 3px 0;
	background: #f5f6f9;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	position: relative;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
	{
	background: #193269;
}

.custom-arrow {
	transform: rotate(44deg);
}

.shapes {
	position: absolute;
	width: 100%;
}

.shape-1 {
	position: absolute;
	top: 0;
	left: 0px;
}

.shape-2 {
	position: absolute;
	top: 0;
	right: 0;
}

.shape-3 {
	position: absolute;
	top: -110px;
	left: 0px;
}

.shape-4 {
	position: absolute;
	top: -110px;
	right: 0;
}

.section-search-3 {
	position: relative;
	background: url(../img/banner-3.jpg);
	background-position: 50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	min-height: 450px;
	padding-top: 85px;
}

.section-search-3:after {
	content: "";
	position: absolute;
	background: rgba(50, 82, 180, 0.9);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.header-banner h2 {
	color: #ffffff;
	font-weight: 600;
	line-height: 40px;
}

.header-banner p {
	font-size: 17px;
	color: #ffffff;
}

.header-highlight {
	font-weight: 700;
	color: #3b6ad0;
}

.section-search-3 .banner-info {
	padding: 130px 0 190px;
}

body .multi-optn {
	background-color: #ffffff;
}

.pharmacy-home-slider .banner-wrapper.doc-form {
	left: 35%;
}

.side-dots .swiper-container {
	position: relative;
	padding: 0 !important;
	height: 500px;
	min-height: inherit;
}

.doc-form {
	position: absolute;
	top: 155px;
	padding: 50px 0;
}

.side-dots img {
	width: 100%;
}

.app-form {
	position: relative;
	padding: 30px;
	border-radius: 20px;
	background: rgba(242, 240, 250, 0.87);
}

.app-form h2 {
	color: #da5bda;
	font-size: 34px;
	margin-bottom: 30px;
}

.app-form h2 .header-highlight {
	color: #2f54b3;
	font-weight: 600;
}

.app-form .doctor-search-form input {
	border-radius: 20px;
}

.app-form .form-custom i {
	color: #3b6ad0;
}

.app-form .banner-btn {
	background-color: #3b6ad0;
	padding: 18px 30px;
	border-radius: 20px;
}

.category-sec {
	margin-top: -30px;
	padding: 0 0 50px 0;
}

.set-category {
	background-color: #2f54b3;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 15px;
	border-radius: 20px;
	min-height: 200px;
	position: relative;
}

.set-category .img-holder {
	margin-right: 20px;
}

.set-category .img-holder a {
	width: 60px;
	height: 60px;
	display: flex;
	background-color: #ffffff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.set-category .img-holder a img {
	width: 30px;
}

.set-category .info-holder h3 {
	font-size: 26px;
	font-weight: 700;
	color: #ffffff;
}

.set-category .info-holder p {
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 30px;
}

.set-category .info-holder .book-now {
	color: #ffffff;
}

.set-category .info-holder .book-now i {
	margin: 4px 6px;
	position: absolute;
}

.set-category  h1 {
	font-size: 60px;
	position: absolute;
	font-weight: 700;
	bottom: -13px;
	right: 25px;
	color: #ffffff;
	opacity: 0.1;
	margin: 0;
}

.set-category.light {
	background-color: #3b6ad0;
}

.set-category.lighter {
	background-color: #2851a9;
}

.clinic-section {
	padding: 50px 0 20px;
}

.sec-header {
	margin-bottom: 40px;
	text-align: center;
}

.sec-header h2 {
	font-size: 30px;
	margin-bottom: 0;
	font-weight: 700;
	color: #1f326e;
}

.sec-header .bottom-border {
	border-top: 3px solid #da5bda;
	width: 75px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	display: inline-block;
	border-radius: 150px;
}

.sec-header .bottom-border:after {
	content: "";
	position: absolute;
	width: 6px;
	background: #ffffff;
	right: 4px;
	height: 3px;
	z-index: 9;
	top: -3px;
}

.clinic-slider .slick-list, .browse-slider .slick-list, .book-slider .slick-list
	{
	padding-top: 50px;
}

.clinic-slider .slick-prev, .clinic-slider .slick-next, .browse-slider .slick-prev,
	.browse-slider .slick-next, .book-slider .slick-prev, .book-slider .slick-next
	{
	width: 35px;
	height: 35px;
	border-radius: 5px 12px 5px 12px;
	background-color: #da5bda;
	transform: translateX(0%) rotate(-45deg);
	-webkit-transform: translateX(0%) rotate(-45deg);
	-ms-transform: translateX(0%) rotate(-45deg);
	z-index: 999;
}

.clinic-slider .slick-prev:before, .browse-slider .slick-prev:before,
	.book-slider .slick-prev:before {
	content: '';
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.clinic-slider .slick-next:before, .browse-slider .slick-next:before,
	.book-slider .slick-next:before {
	content: '';
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.clinic-slider .slick-prev:before, .clinic-slider .slick-next:before,
	.browse-slider .slick-prev:before, .browse-slider .slick-next:before,
	.book-slider .slick-prev:before, .book-slider .slick-next:before {
	font-family: 'slick';
	font-size: 10px;
	line-height: 1;
	opacity: .75;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: solid #ffffff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.clinic-slider .slick-prev, .browse-slider .slick-prev, .book-slider .slick-prev
	{
	right: 80px;
	left: unset;
	top: 0;
}

.clinic-slider .slick-next, .browse-slider .slick-next, .book-slider .slick-next
	{
	right: 15px;
	left: unset;
	top: 0;
}

.clinic-slider .slick-slide, .browse-slider .slick-slide, .book-slider .slick-slide
	{
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
	padding-bottom: 0;
}

.clinic-slider .profile-widget, .browse-slider .browse-widget,
	.book-slider .profile-widget {
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
}

.clinic-slider .brower-box {
	background: #ffffff;
	border: 1px solid #f4f4f8;
	box-sizing: border-box;
	box-shadow: 0px 4px 44px rgba(227, 226, 241, 0.25);
	border-radius: 10px;
	padding: 30px;
	margin: 0;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.clinic-slider .brower-box:hover {
	background-color: #2f54b3;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.clinic-slider .brower-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 85px;
	width: 85px;
	background-color: #2f54b3;
	border-radius: 50% 50% 50% 50%/60% 60% 35% 35%;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 0 auto;
	margin-bottom: 15px;
}

.clinic-slider .brower-box img {
	width: 70px;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.clinic-slider .brower-box h4 {
	color: #14172c;
	font-size: 20px;
	margin-bottom: 13px;
}

.clinic-slider .brower-box p {
	margin-bottom: 20px;
}

.clinic-slider .brower-box .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #3b6ad0;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	border-radius: 50%;
	transform: unset;
}

.clinic-slider .brower-box .img-fluid.hover {
	display: none;
}

.clinic-slider .brower-box .arrow i {
	color: #ffffff;
}

.clinic-slider .brower-box:hover a {
	background-color: #ffffff;
}

.clinic-slider .brower-box:hover .img-fluid.hover {
	display: block;
}

.clinic-slider .brower-box:hover .img-fluid {
	display: none;
}

.clinic-slider .brower-box:hover a.arrow {
	background-color: #3259be;
}

.clinic-slider .brower-box:hover h4, .clinic-slider .brower-box:hover p,
	.clinic-slider .brower-box:hover p span {
	color: #ffffff;
}

.browse-speciality {
	padding: 50px 0 35px;
	background-color: #f9fbfe;
}

.browse-widget {
	padding: 0;
}

.browse-widget>img {
	border-radius: 10px;
	width: 100%;
}

.browse-widget .overlay {
	position: absolute;
	top: 0;
	background-color: rgba(51, 84, 184, 0.8);
	width: 100%;
	height: 100%;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.browse-widget:hover .overlay {
	background-color: rgba(35, 31, 69, 0.5);
}

.browse-widget .overlay h3 {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
}

.browse-widget .overlay .arrows {
	position: absolute;
	bottom: -15px;
	background-color: #3b6ad0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.browse-widget .overlay .arrows i {
	color: #ffffff;
}

.browse-widget:hover .arrows {
	transform: translate(0, -320%);
	background-color: #ffffff;
}

.browse-widget:hover .arrows i {
	color: #21438b;
}

.patient-select {
	background: url(../img/slider/blue-bg.png);
	padding: 50px 0;
	background-size: cover;
}

.select-box {
	background: url(../img/slider/doctor-bg.jpg);
	padding: 30px;
	border-radius: 60px 10px 10px 60px;
	border: 5px solid rgba(242, 240, 250, 0.8);
	position: relative;
	z-index: 1;
}

.select-box::before {
	content: "";
	position: absolute;
	background: rgba(63, 104, 207, 0.6);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 55px 5px 5px 55px;
}

.select-box h2 {
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 15px;
}

.select-box .image-holder {
	margin-right: 20px;
}

.select-box .image-holder span {
	background-color: #ffffff;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 6px solid #d3def5;
}

.select-box .image-holder span img {
	width: 55px;
}

.select-box p {
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 30px;
}

.select-box .book-now {
	background-color: #3e66cd;
	padding: 6px 20px;
	color: #ffffff;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	display: block;
	width: 110px;
}

.select-box.theme {
	background: url(../img/slider/patient-bg.jpg);
	border-radius: 10px 60px 60px 10px;
}

.select-box.theme::before {
	content: "";
	position: absolute;
	background: rgba(64, 99, 204, 0.6);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 5px 55px 55px 5px;
}

.select-box.theme .image-holder span {
	border: 6px solid #d5ddf4;
}

.select-box.theme .book-now {
	background-color: #416ed1;
}

.book-doctor {
	padding: 50px 0;
}

.book-slider .profile-widget {
	padding: 0;
	border: none;
	margin-bottom: 70px;
}

.book-slider .profile-widget a {
	border-radius: 10px 10px 0px 0px;
}

.book-slider .profile-widget a img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

.book-slider .pro-content {
	padding: 0;
	position: absolute;
	top: 0;
	background-color: rgba(25, 26, 56, 0.5);;
	width: 100%;
	height: 100%;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}

.book-slider .pro-content .amt {
	background-color: #da5bda;
	padding: 3px 8px;
	border-radius: 30px;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
	opacity: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.book-slider .pro-content .star {
	background-color: #3056b7;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	right: 0;
	color: #ffffff;
	font-size: 12px;
}

.book-slider .profile-widget:hover .amt {
	opacity: 1;
}

.book-slider .provider-info h3 a {
	font-size: 22px;
	font-weight: 700;
	color: #1f326e;
}

.book-slider .profile-widget .provider-info {
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	position: absolute;
	bottom: -40px;
	width: 100%;
	left: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.book-slider .profile-widget:hover .provider-info {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.book-slider .provider-info h5 {
	color: #da5bda;
	font-size: 15px;
	font-weight: 600;
	float: left;
}

.book-slider .provider-info .side-arrow {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #3259be;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 15px;
	right: 15px;
	color: #ffffff;
}

.book-slider .provider-info .rating {
	display: none;
	font-size: 12px;
	width: auto;
	text-align: right;
}

.book-slider .provider-info .rating i {
	font-size: 10px;
	color: #dddfe9;
}

.book-slider .provider-info .rating i.filled {
	color: #e279e1;
}

.book-slider .provider-info .rating span {
	padding: 0 8px;
	background-color: #e279e1;
	border-radius: 30px;
	font-size: 10px;
	color: #ffffff;
	font-weight: 700;
	margin-left: 5px;
}

.book-slider .profile-widget .content-info {
	display: none;
	padding: 0;
}

.book-slider .profile-widget:hover .side-arrow {
	display: none;
}

.book-slider .profile-widget:hover .rating, .book-slider .profile-widget:hover .content-info
	{
	display: block;
}

.book-slider .available-info li i {
	font-size: 14px;
	color: #21438b;
}

.book-slider .available-info li {
	font-size: 14px;
	font-weight: 500;
	color: #14172c;
}

.book-slider .content-info .view-btn, .book-slider .content-info .view-btn:hover
	{
	background-color: #3760cb;
	border: 1px solid #3760cb;
	border-radius: 30px;
	padding: 7px;
	border: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
}

.book-slider .content-info .book-btn, .book-slider .content-info .book-btn:hover
	{
	background-color: #3d6bd0;
	border: 1px solid #3d6bd0;
	border-radius: 30px;
	padding: 6px;
	border: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
}

.book-doctor .view-btn {
	background-color: #2b55b1;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 30px;
	border: 1px solid #2b55b1;
	padding: 6px 20px;
}

.book-doctor .view-btn-light {
	background-color: #416fd2;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 30px;
	border: 1px solid #416fd2;
	padding: 6px 20px;
	box-shadow: inherit;
}

.aval-features {
	background-color: #3158bd;
}

.aval-features .feature {
	background: url(../img/slider/feature-img.jpg);
	padding: 40px;
	background-repeat: no-repeat;
	background-size: cover;
}

.aval-features .feature .info-box {
	background: rgba(50, 82, 180, 0.8);
	padding: 40px;
}

.aval-features .feature .info-box h2 {
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 15px;
}

.aval-features .feature .info-box p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

.aval-features .feature .info-box a {
	background: #3d6bd0;
	border-radius: 30px;
	width: 120px;
	color: #ffffff;
	padding: 6px;
}

.aval-features .aval-widget .features-img {
	width: 150px;
	height: 150px;
	border-radius: 80px 60px 50px 50px;
	margin: 0 auto;
}

.aval-features .aval-widget .features-img img {
	border-radius: 80px 60px 50px 50px;
	width: 100%;
	border: 4px solid #ffffff;
}

.aval-features .aval-widget .features-img p {
	background: #2b55b1;
	border-radius: 30px;
	color: #ffffff;
	text-align: center;
	padding: 6px;
	margin: 20px 0 0;
}

.aval-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
}

.aval-slider .aval-widget {
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.aval-slider .slick-list {
	padding: 50px 0;
}

.aval-slider .slick-prev, .aval-slider .slick-next {
	width: 35px;
	height: 35px;
}

.aval-slider .slick-prev {
	left: 5px;
}

.aval-slider .slick-prev:hover, .aval-slider .slick-prev:focus,
	.aval-slider .slick-next:hover, .aval-slider .slick-next:focus {
	background-color: #ffffff;
}

.aval-slider .slick-next {
	right: 5px;
}

.aval-slider .slick-prev:before {
	font-family: 'slick';
	font-size: 10px;
	line-height: 1;
	opacity: .75;
	color: #2f54b3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: solid #2f54b3;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	content: '';
	transform: rotate(140deg);
	-webkit-transform: rotate(140deg);
}

.aval-slider .slick-next:before {
	font-family: 'slick';
	font-size: 10px;
	line-height: 1;
	opacity: .75;
	color: #2f54b3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: solid #2f54b3;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	content: '';
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.home-search-section {
	background: url(../img/slider/banner-01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.home-search-section .wrapper-content {
	padding: 90px 0 0;
}

.doctor-search-form select {
	background: #ffffff;
	border-radius: 130px;
	min-height: 60px;
	border: none !important;
}

.doctor-search-form select, .doctor-search-form input {
	border: 1px solid rgba(63, 104, 207, 0.1);
	box-shadow: 0px 4px 4px rgba(226, 225, 240, 0.25);
	border-radius: 5px;
}

.home-search-section .banner-header h2 {
	color: #4974d3;
	font-weight: 500;
	margin-bottom: 30px;
	font-size: 38px;
}

.home-search-section .banner-header h2 .highlighter {
	font-weight: 600;
}

.home-search-section .doctor-form .banner-btn {
	background: #da5bda;
	border: 1px solid #da5bda;
	box-shadow: 10px 4px 14px rgba(242, 240, 250, 0.25);
	border-radius: 5px;
}

.facility-section {
	background-color: #f5f7fd;
	padding: 60px 0;
}

.facility-section .visit-doctor {
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 30px;
}

.facility-section .visit-doctor .inner-details {
	position: relative;
	display: flex;
	align-items: center;
}

.facility-section .visit-doctor .inner-details img {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 50px;
}

.visit-doctor .inner-details .count h1 {
	font-weight: 700;
	font-size: 24px;
	color: #2f54b3;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 5px solid #f9fafd;
	justify-content: center;
	align-items: center;
	display: flex;
	margin-right: 20px;
}

.visit-doctor .inner-details .info h1 {
	font-weight: 700;
	font-size: 24px;
	color: #2f54b3;
}

.visit-doctor .inner-details .info p {
	color: #8c93b6;
	font-size: 14px;
	max-width: 280px;
}

.visit-doctor .inner-details .info a {
	font-size: 14px;
	font-weight: 600;
	color: #2f54b3;
}

.visit-doctor .inner-details .info a i {
	margin: 5px 6px;
	position: absolute;
}

.visit-doctor .inner-details.pharmacy .count h1, .visit-doctor .inner-details.pharmacy .info h1,
	.visit-doctor .inner-details.pharmacy .info a, .visit-doctor .inner-details.pharmacy .info a i
	{
	color: #3b6ad0;
}

.visit-doctor .inner-details.lab .count h1, .visit-doctor .inner-details.lab .info h1,
	.visit-doctor .inner-details.lab .info a, .visit-doctor .inner-details.lab .info a i
	{
	color: #2851a9;
}

.clinic-speciality {
	background-color: #ffffff;
	padding: 60px 0;
}

.heading-wrapper {
	margin-bottom: 40px;
	align-items: center;
}

.heading-wrapper h1 {
	max-width: 250px;
	font-weight: 700;
	font-size: 38px;
	color: #515c87;
}

.heading-wrapper .nav-arrow {
	width: 40px;
	height: 40px;
	background-color: #f5f7fd;
	border: 3px solid #2f54b3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #3056b7;
}

.clinic-wrap {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	border-radius: 10px;
	height: 250px;
}

.clinic-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgb(222 235 255/ 28%);
	border-radius: 5px;
}

.clinic-wrap .wrapper-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
}

.clinic-wrap .wrapper-overlay img {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border: 5px solid #f9fafd;
	border-radius: 50%;
	margin-bottom: 30px;
}

.clinic-wrap .wrapper-overlay h3 {
	font-size: 22px;
	color: #da5bda;
	font-weight: 700;
	margin-bottom: 30px;
}

.clinic-wrap .wrapper-overlay .row.row-sm {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.clinic-wrap .wrapper-overlay p {
	font-weight: 700;
	color: #da5bda;
	font-size: 14px;
}

.clinic-wrap .wrapper-overlay p.blue {
	color: rgba(50, 82, 180, 0.9);
}

.clinic-wrap .wrapper-overlay p span {
	font-weight: 500;
	color: #14172c;
}

.browse-section.brower-category {
	padding: 60px 0;
	background: url(../img/slider/banner-02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.browse-section.brower-category .heading-wrapper h1 {
	color: #e8eefa;
}

.browse-section.brower-category .brower-box>div {
	background-color: #f5f7fc;
	border-radius: 20px 20px 0px 0px;
}

.browse-section.brower-category .brower-img {
	background-color: #4974d3;
	margin-bottom: 40px;
}

.browse-section.brower-category .brower-box h4 {
	color: #4974d3;
}

.doctor-divison.provider-select .doc-background {
	background: url(../img/shapes/doctor-bg.jpg);
	background-size: cover;
	padding: 60px 30px;
}

.doctor-divison.provider-select .doc-background::before {
	background: rgba(232, 232, 247, 0.94);
}

.doctor-divison.provider-select .pat-background {
	background: url(../img/shapes/doctor-right-bg.jpg);
	background-size: cover;
	padding: 60px 30px;
}

.doctor-divison.provider-select .pat-background::before {
	background: rgba(74, 112, 210, 0.9);
}

.doctor-divison.provider-select .doc-background h3 {
	color: #2a4a9f;
}

.doctor-divison.provider-select .doc-background p {
	color: #363f60;
}

.doctor-divison.provider-select .pat-background a {
	background-color: #3b6ad0;
}

.doc-booking {
	padding: 60px 0;
	background-color: #f5f7fd;
}

.doc-booking .book-slider .slick-prev, .doc-booking .book-slider .slick-next
	{
	border: 3px solid #2f54b3;
	background-color: #f5f7fd;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	transform: none;
	top: -110px;
	box-shadow: none;
}

.doc-booking .book-slider .slick-prev:before {
	transform: rotate(140deg);
	-webkit-transform: rotate(140deg)
}

.doc-booking .book-slider .slick-next:before {
	transform: rotate(320deg);
	-webkit-transform: rotate(320deg)
}

.doc-booking .book-slider .slick-prev:before, .doc-booking .book-slider .slick-next:before
	{
	font-family: 'slick';
	font-size: 10px;
	line-height: 1;
	opacity: .75;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: solid #2f54b3;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.doc-booking .book-slider .slick-list {
	padding-top: 0;
}

.doc-booking .book-slider .pro-content .amt {
	opacity: 1;
	position: absolute;
	left: -7px;
	padding: 6px 12px;
	border-radius: 0px 100px 100px 0px;
	background-color: #4974d3;
}

.doc-booking .book-slider .profile-widget .content-info, .doc-booking .book-slider .provider-info .rating
	{
	display: block;
	text-align: left;
}

.doc-booking .book-slider .profile-widget a img, .doc-booking .book-slider .pro-content
	{
	border-radius: 10px;
}

.doc-booking .book-slider .profile-widget .provider-info {
	bottom: 0;
	background-color: #2b55b2;
	border-radius: 0 0 10px 10px;
}

.doc-booking .book-slider .profile-widget .provider-info h3 a {
	color: #4974d3;
}

.doc-booking .book-slider .profile-widget {
	margin-bottom: 0;
}

.doc-booking .book-slider .provider-info h5 {
	color: #ffffff;
	float: unset;
}

.doc-booking .book-slider .profile-widget a.book-btn {
	border-radius: 30px;
	background-color: transparent;
	width: 100px;
}
/*-----------------
	16. Search
-----------------------*/
.breadcrumb-bar {
	background-color: #1f3f83;
	padding: 15px 0;
}

.breadcrumb-bar-one {
	background-color: #1f3e82;
}

.breadcrumb-bar-two {
	background-color: #0f1f40;
}

.breadcrumb-bar-three {
	background-color: #2b55b1;
}

.breadcrumb-bar-four {
	background-color: #12244c;
}

.breadcrumb-bar-five {
	background-color: #1f3f83;
}

.breadcrumb-bar .breadcrumb-title {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin: 5px 0 0;
}

.page-breadcrumb ol {
	background-color: transparent;
	font-size: 12px;
	margin-bottom: 0;
	padding: 0;
}

.page-breadcrumb ol li a {
	color: #ffffff;
}

.page-breadcrumb ol li.active {
	color: #ffffff;
}

.page-breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	color: #ffffff;
	font-size: 10px;
}

.sort-by {
	float: right;
}

.sort-title {
	color: #ffffff;
	font-size: 14px;
	margin-right: 10px;
}

.custom-short-by .sort-title {
	color: #162b5a;
}

.custom-short-by>div {
	margin-right: 20px;
}

.custom-short-by>div:first-child {
	margin-right: 0;
}

.sortby-fliter {
	display: inline-block;
	width: 120px;
}

.cal-icon {
	position: relative;
	width: 100%;
}

.cal-icon:after {
	color: #858cb1;
	content: '\f073';
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: 400;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 10px;
}

.custom_check {
	color: #4c5780;
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-size: .9375rem;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	top: -6px;
}

.custom_check input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.custom_check input:checked ~ .checkmark {
	background-color: #ffffff;
}

.custom_check .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #d9dbe7;
	background-color: #ffffff;
	border-radius: 3px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.custom_check .checkmark::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: none;
	left: 4px;
	top: 0;
	color: #3b6ad0;
	font-size: 11px;
}

.custom_check input:checked ~ .checkmark:after {
	display: block
}

.custom_radio {
	color: #3e476c;
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-size: 0.9375rem;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.radio_input .custom_radio+.custom_radio {
	margin-left: 15px;
}

.custom_radio input {
	position: absolute;
	opacity: 0
}

.custom_radio input:checked ~ .checkmark:after {
	opacity: 1
}

.custom_radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	border: 1px solid #c5c9da;
	border-radius: 50%
}

.custom_radio .checkmark:after {
	display: block;
	content: "";
	position: absolute;
	opacity: 0;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #de65dd;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.filter-widget {
	margin-bottom: 20px;
}

.filter-widget h4 {
	font-size: 1rem;
	margin-bottom: 15px;
}

.filter-widget .custom_check {
	line-height: 18px;
}

.btn-search .btn {
	background-color: #3b6ad0;
	border: 1px solid #3b6ad0;
	color: #ffffff;
	height: 46px;
	font-weight: 500;
	font-size: 16px;
}

.doctor-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.doc-info-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.doc-info-right {
	margin-left: auto;
	-ms-flex: 0 0 205px;
	flex: 0 0 205px;
	max-width: 205px;
}

.doctor-img {
	-ms-flex: 0 0 150px;
	flex: 0 0 150px;
	margin-right: 20px;
	width: 150px;
}

.doctor-img img {
	border-radius: 5px;
}

.doc-department h6 {
	color: #596491;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px;
	margin-right: 15px;
}

.doc-department h6 span {
	color: #d333d2;
}

.doc-department img {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
}

.money-icon {
	width: 30px !important;
	height: 15px !important;
}

.doc-location {
	color: #596491;
	font-size: 14px;
	margin-bottom: 25px;
}

.pharmacy-location, .pharmacy-title {
	color: #162b5a;
}

.doc-location a {
	color: #416fd2;
	font-weight: 500;
}

.doctor-widget .doc-name {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 3px;
}

.doc-name a {
	color: #4471d2;
}

.doc-speciality {
	font-size: 14px;
	color: #0e1d3c;
	margin-bottom: 15px;
}

.doctor-widget .rating i {
	font-size: 14px;
}

.doctor-widget .average-rating {
	font-size: 14px;
	font-weight: 500;
}

.clinic-details {
	margin-bottom: 15px;
	margin-top: 10px;
}

.clinic-details h5 {
	font-weight: normal;
	color: #596491;
	margin-bottom: 25px;
}

.clinic-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clinic-details ul li {
	display: inline-block;
	padding-right: 5px;
}

.clinic-details ul li:last-child {
	padding-right: 0;
}

.clinic-details ul li a {
	display: inline-block;
}

.clinic-details ul li a img {
	border-radius: 5px;
	width: 40px;
}

.clinic-services {
	color: #172251;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.clinic-services span {
	border: 1px solid #4471d2;
	border-radius: 4px;
	display: inline-block;
	font-size: 12px;
	padding: 3px 10px;
}

.clinic-services span+span {
	margin-left: 5px;
}

.clini-infos {
	margin-bottom: 15px;
}

.clini-infos h2 b.strike {
	text-decoration: line-through;
	font-weight: 500;
}

.clini-infos ul {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.clini-infos ul li {
	display: block;
	line-height: 30px;
	color: #384062;
}

.clini-infos ul li i {
	font-size: 15px;
	min-width: 30px;
}

.clinic-booking a+a {
	margin-top: 15px;
}

.clinic-booking a {
	background-color: #ffffff;
	border: 2px solid #3163ce;
	border-radius: 5px;
	color: #3163ce;
	display: block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.clinic-booking a.view-pro-btn:hover, .clinic-booking a.view-pro-btn:focus
	{
	background: #416fd2;
	color: #ffffff;
}

.clinic-booking a.apt-btn {
	background-color: #3163ce;
	color: #ffffff;
	padding: 10px 9px;
}

.clinic-booking a.apt-btn:hover, .clinic-booking a.apt-btn:focus {
	background-color: #3163ce;
	border-color: #3163ce;
	color: #ffffff;
}

.load-more {
	margin-bottom: 30px;
}

.doctor-img1 {
	margin-right: 20px;
}

.doctor-img1 img {
	border-radius: 4px;
}

/*-----------------
	17. Doctor Profile
-----------------------*/
.clinic-direction {
	color: #596491;
	font-size: 14px;
	margin-bottom: 25px;
}

.clinic-direction a {
	color: #2b55b1;
	font-weight: 500;
}

.doctor-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.doctor-action a+a {
	margin-left: 8px;
}

.doctor-action .fav-btn:hover {
	background-color: #d439d3;
	border-color: #d439d3;
	color: #ffffff;
}

.msg-btn:hover, .msg-btn:focus {
	background-color: #172858;
	border-color: #172858;
	color: #ffffff;
}

.call-btn:hover, .call-btn:focus {
	background-color: #172858;
	border-color: #172858;
	color: #ffffff;
}

.user-tabs .nav-tabs>li>a {
	border: 0;
	border-bottom: 3px solid transparent;
	color: #2c3350;
	font-weight: 600;
	padding: 20px;
}

.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active, .user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:hover,
	.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:focus {
	border-bottom-width: 3px;
	color: #416fd2;
}

.user-tabs .med-records {
	display: inline-block;
	min-width: 130px;
}

.user-tabs .nav-tabs>li>a:hover {
	background-color: unset;
	color: #416fd2;
}

.widget {
	margin-bottom: 30px;
}

.widget-title {
	margin-bottom: 15px;
}

.experience-box {
	position: relative;
}

.experience-list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.experience-list::before {
	background: #dadce7;
	bottom: 0;
	content: "";
	left: 8px;
	position: absolute;
	top: 8px;
	width: 2px;
}

.experience-list>li {
	position: relative;
}

.experience-list>li:last-child .experience-content {
	margin-bottom: 0;
}

.experience-user .avatar {
	height: 32px;
	line-height: 32px;
	margin: 0;
	width: 32px;
}

.experience-list>li .experience-user {
	background: #ffffff;
	height: 10px;
	left: 4px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 4px;
	width: 10px;
}

.experience-list>li .experience-content {
	background-color: #ffffff;
	margin: 0 0 20px 40px;
	padding: 0;
	position: relative;
}

.experience-list>li .experience-content .timeline-content {
	color: #596491;
}

.experience-list>li .experience-content .timeline-content a.name {
	font-weight: 500;
}

.experience-list>li .time {
	color: #596491;
	display: block;
	font-size: 13px;
}

.before-circle {
	background-color: rgba(67, 107, 208, 0.2);
	border-radius: 50%;
	height: 12px;
	width: 12px;
	border: 2px solid #416fd2;
}

.exp-year {
	color: #2b55b1;
	margin-bottom: 2px;
}

.exp-title {
	font-size: 16px;
}

.awards-widget .experience-list>li:last-child p {
	margin-bottom: 0;
}

.service-list {
	margin-bottom: 30px;
}

.service-list:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

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

.service-list ul li {
	float: left;
	margin: 6px 0;
	padding-left: 25px;
	position: relative;
	width: 33%;
}

.service-list ul li::before {
	color: #c5c9da;
	content: '\f30b';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
	position: absolute;
}

.location-list {
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	padding: 20px;
}

.location-list+.location-list {
	margin-top: 20px;
}

.clinic-content .clinic-name {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 3px;
}

.clinic-content .clinic-direction a {
	display: inline-block;
	margin-top: 8px;
	color: #416fd2;
}

.timings-days {
	font-weight: bold;
	color: #172251;
	margin-bottom: 5px;
}

.timings-times span {
	display: block;
}

.location-list .consult-price {
	font-size: 20px;
	font-weight: 500;
	color: #172251;
}

.review-listing {
	border-bottom: 1px solid #f5f7fc;
	margin-top: 20px;
	padding-bottom: 30px;
}

.review-listing>ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.review-listing>ul li+li {
	margin-top: 20px;
	border-top: 1px dashed #f1f2f6;
	padding-top: 20px;
}

.review-listing>ul li .comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}

.review-listing>ul li .comment:last-child {
	margin-bottom: 0;
}

.review-listing>ul li .comment .comment-body {
	margin-left: 16px;
	width: 100%;
}

.review-listing>ul li .comment .comment-body .meta-data {
	position: relative;
	margin-bottom: 10px;
}

.review-listing>ul li .comment .comment-body .meta-data span {
	display: block;
	font-size: 16px;
	color: #596491;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-author
	{
	font-weight: 600;
	color: #172251;
	text-transform: capitalize;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-date
	{
	font-size: 14px;
}

.review-listing>ul li .comment .comment-body .meta-data .review-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 3px;
	right: 0;
	width: auto;
}

.review-listing>ul li .comment .comment-body .comment-content {
	color: #596491;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 14px;
}

.review-listing>ul li .comment .comment-body .comment-reply .comment-btn
	{
	color: #416fd2;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
}

.review-listing .recommend-btn {
	float: right;
	color: #596491;
	font-size: 14px;
	padding: 5px 0;
	margin-bottom: 0;
}

.review-listing .recommend-btn a {
	border: 1px solid rgba(111, 119, 167, 0.4);
	border-radius: 4px;
	display: inline-block;
	padding: 4px 12px;
	color: #596491;
	margin-left: 3px;
	margin-right: 3px;
	transition: all .3s;
}

.review-listing .recommend-btn a.like-btn:hover {
	background-color: #6d26a9;
	border: 1px solid #6d26a9;
	color: #ffffff;
}

.review-listing .recommend-btn a.dislike-btn:hover {
	background-color: #d53cd4;
	border: 1px solid #d53cd4;
	color: #ffffff;
}

.review-listing .recommend-btn a i {
	font-size: 16px;
}

.review-listing>ul li .comments-reply {
	list-style: none;
	margin-left: 65px;
	padding: 0;
}

.recommended {
	color: #6d26a9;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.all-feedback {
	margin-top: 20px;
	line-height: 1.5;
}

.star-rating {
	direction: rtl;
}

.star-rating input[type=radio] {
	display: none
}

.star-rating label {
	color: #b1b5cd;
	cursor: pointer;
	font-size: 18px;
	padding: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type=radio]:checked 
	~ label {
	color: #c72bc6
}

.terms-accept a {
	color: #416fd2;
	font-weight: 500;
}

.business-widget {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	padding: 20px;
	margin-bottom: 0;
}

.listing-day {
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	color: #14172c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-bottom: 10px;
}

.listing-day:last-child {
	margin-bottom: 0;
}

.listing-day.current {
	border-bottom: 1px solid #dadce7;
	padding-bottom: 13px;
	margin-bottom: 13px;
}

.listing-day .day {
	font-weight: 500;
}

.listing-day.current .day {
	font-weight: bold;
}

.listing-day.current .day span {
	display: block;
	font-weight: normal;
}

.time-items {
	color: #596491;
}

.time-items>span {
	display: block;
	text-align: right;
}

.time-items>span.open-status {
	margin-bottom: 3px;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	display: none;
}
/*-----------------
	18. Booking
-----------------------*/
.booking-doc-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.booking-doc-info .booking-doc-img {
	width: 80px;
	margin-right: 15px;
}

.booking-doc-info .booking-doc-img img {
	border-radius: 4px;
	height: 80px;
	width: 80px;
	object-fit: cover;
}

.schedule-widget {
	border-radius: 4px;
	min-height: 100px;
}

.schedule-header h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 3px 0 0;
}

.schedule-header {
	border-bottom: 1px solid #f1f2f6;
	border-radius: 4px 4px 0 0;
	padding: 10px 20px;
}

.day-slot ul {
	float: left;
	list-style: none;
	margin-bottom: 0;
	margin-left: -5px;
	margin-right: -5px;
	padding: 0;
	position: relative;
	width: 100%;
}

.day-slot li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 14.28%;
}

.day-slot li span {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
}

.day-slot li span.slot-date {
	display: block;
	color: #596491;
	font-size: 14px;
}

.day-slot li small.slot-year {
	color: #596491;
	font-size: 14px;
}

.day-slot li.left-arrow {
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 20px !important;
	transform: translateY(-50%);
}

.day-slot li.right-arrow {
	right: -11px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 20px !important;
	transform: translateY(-50%);
}

.schedule-cont {
	padding: 20px;
}

.time-slot ul {
	list-style: none;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 0;
	padding: 0;
}

.time-slot li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 14.28%;
	min-height: 1px;
}

.time-slot li .timing {
	background-color: #e9eaf1;
	border: 1px solid #e9eaf1;
	border-radius: 3px;
	color: #596491;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px 5px;
	text-align: center;
	position: relative;
}

.time-slot li .timing:hover {
	background-color: #ffffff;
}

.time-slot li .timing:last-child {
	margin-bottom: 0;
}

.time-slot li .timing.selected {
	background-color: #6389da;
	border: 1px solid #6389da;
	color: #ffffff;
}

.time-slot li .timing.selected::before {
	color: #ffffff;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	position: absolute;
	right: 6px;
	top: 6px;
}

.schedule-list {
	border-bottom: 1px solid #c9ccdd;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.schedule-list:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.submit-section.proceed-btn {
	margin: 0 0 30px;
}

/*-----------------
	19. Checkout
-----------------------*/
.info-widget {
	border-bottom: 1px solid #f1f2f6;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.card-label>label {
	background-color: #ffffff;
	color: #828aaf;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	margin: 6px auto auto 8px;
	padding: 0 7px;
}

.card-label>input {
	background-color: #ffffff;
	border: 1px solid #d8dae6;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(25, 26, 56, 0.05);
	display: block;
	height: 50px;
	margin-top: -13px;
	padding: 5px 15px 0;
	transition: border-color .3s;
	width: 100%;
}

.exist-customer a {
	color: #416fd2;
	font-weight: 500;
}

.payment-widget .payment-list+.payment-list {
	margin-bottom: 15px;
}

.payment-radio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 600;
	color: #172251;
	text-transform: capitalize;
}

.payment-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.payment-radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 19px;
	height: 19px;
	margin: 3px 0 0 0;
	border: 2px solid #dadce7;
	border-top-color: #dadce7;
	border-right-color: #dadce7;
	border-bottom-color: #dadce7;
	border-left-color: #dadce7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.payment-radio input:checked ~ .checkmark {
	border-color: #416fd2;
}

.payment-radio .checkmark::after {
	position: absolute;
	left: 3px;
	top: 3px;
	content: '';
	width: 9px;
	height: 9px;
	background-color: #416fd2;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-o-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.payment-radio input:checked ~ .checkmark::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.booking-date {
	padding: 0;
	list-style: none;
}

.booking-date li {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #172251;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.booking-date li span {
	float: right;
	color: #596491;
	font-weight: 400;
	font-size: 15px;
	text-align: right;
}

.booking-date li span a {
	color: #416fd2;
	font-size: 13px;
	width: 100%;
	display: inline-block;
}

.booking-fee {
	padding: 0;
	list-style: none;
}

.booking-fee li {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	color: #172251;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.booking-fee li span {
	float: right;
	color: #596491;
	font-weight: 400;
	font-size: 15px;
}

.booking-total {
	border-top: 1px solid #e3e4ed;
	margin-top: 20px;
	padding-top: 20px;
}

.booking-total ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.booking-total ul li span {
	font-size: 18px;
	font-weight: 600;
	color: #172251;
}

.booking-total ul li .total-cost {
	color: #416fd2;
	font-size: 16px;
	float: right;
}

/*-----------------
	20. Booking Success
-----------------------*/
.success-page-cont {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
}

.success-card .card-body {
	padding: 50px 20px;
}

.success-cont {
	text-align: center;
}

.success-cont i {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	width: 60px;
	height: 60px;
	border: 2px solid #172858;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	font-size: 30px;
	margin-bottom: 30px;
	background-color: #172858;
}

.success-cont h3 {
	font-size: 24px;
}

.success-cont p {
	margin-bottom: 30px;
}

.success-cont strong {
	font-weight: 600;
}

.view-inv-btn {
	font-size: 16px;
	font-weight: 600;
	padding: 12px 30px;
}

/*-----------------
	21. Invoice View
-----------------------*/
.invoice-content {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 30px;
}

.invoice-item .invoice-logo {
	margin-bottom: 30px;
}

.invoice-item .invoice-logo img {
	width: auto;
	max-height: 52px;
}

.invoice-item .invoice-text h2 {
	color: #172251;
	font-size: 36px;
	font-weight: 600;
}

.invoice-item .invoice-details {
	text-align: right;
	color: #596491;
	font-weight: 500
}

.invoice-item .invoice-details strong {
	color: #172251
}

.invoice-item .invoice-details-two {
	text-align: left
}

.invoice-item .invoice-text {
	padding-top: 42px;
	padding-bottom: 36px
}

.invoice-item .invoice-text h2 {
	font-weight: 400
}

.invoice-info {
	margin-bottom: 30px;
}

.invoice-info p {
	margin-bottom: 0;
}

.invoice-info.invoice-info2 {
	text-align: right;
}

.invoice-item .customer-text {
	font-size: 18px;
	color: #172251;
	font-weight: 600;
	margin-bottom: 8px;
	display: block
}

.invoice-table tr th, .invoice-table tr td, .invoice-table-two tr th,
	.invoice-table-two tr td {
	color: #172251;
	font-weight: 600;
	padding: 10px 20px;
	line-height: inherit
}

.invoice-table tr td, .invoice-table-two tr td {
	color: #596491;
	font-weight: 500;
}

.invoice-table-two {
	margin-bottom: 0
}

.invoice-table-two tr th, .invoice-table-two tr td {
	border-top: 0;
}

.invoice-table-two tr td {
	text-align: right
}

.invoice-info h5 {
	font-size: 16px;
	font-weight: 500;
}

.other-info {
	margin-top: 10px;
}

/*-----------------
	22. Schedule Timings
-----------------------*/
.tab-content.schedule-cont .card-title {
	margin-bottom: 10px;
}

.doc-times {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.doc-slot-list {
	background-color: #d94fd8;
	border: 1px solid #d43ad3;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	margin: 10px 10px 0 0;
	padding: 6px 15px;
}

.doc-slot-list a {
	color: #e484e4;
	display: inline-block;
	margin-left: 5px;
}

.doc-slot-list a:hover {
	color: #ffffff;
}

.schedule-nav .nav-tabs {
	border: 0 !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.schedule-nav .nav-tabs li {
	margin: 5px 15px 5px 0;
	display: inline-block;
}

.schedule-nav .nav-tabs li:last-child {
	margin-right: 0;
}

.schedule-nav .nav-tabs>li>a {
	border: 1px solid #d4d8f2;
	border-radius: 4px;
	padding: 6px 15px;
	text-transform: uppercase;
}

.schedule-nav .nav-tabs li a.active {
	background: #df68de;
	border: 1px solid #df68de !important;
	color: #ffffff;
}

.hours-info .form-control {
	min-height: auto;
}

.hours-info .btn.btn-danger.trash {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 38px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.edit-link {
	color: #416fd2;
	font-size: 16px;
	margin-top: 4px;
}

.visit-btns {
	color: #172251;
	background-color: #ffffff;
	width: 80%;
	margin-bottom: 10px;
	display: block;
	outline: unset;
	cursor: pointer;
}

.visits input:checked ~ .visit-rsn {
	background-color: #2b55b1;
	color: #ffffff;
	border-radius: 4px;
}

.visits input:checked ~ .visit-rsn:before {
	opacity: 1;
}

.visits input:disabled ~ .visit-rsn {
	background-color: #bd29bc;
	color: #ffffff;
	border-radius: 5px;
}

.visits .form-check-input {
	opacity: 0;
}

.visits input.form-check-input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	margin-left: 0;
}

.visits span.visit-rsn:before {
	color: #2b55b1;
	background-color: #ffffff;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 50%;
	border-radius: 50px;
	width: 18px;
	height: 18px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	opacity: 0;
}

.visits span.visit-rsn {
	background-color: #f5f8fd;
	border: 0;
	border-radius: 4px;
	color: #323bac;
	display: block;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 13px 5px;
	text-align: center;
	position: relative;
	font-weight: 600;
}

.visits span.visit-rsn {
	text-align: center;
	border: 0;
	border-radius: 5px;
	padding: 13px 5px;
	background: #f5f8fd;
	min-width: 133px;
	display: inline-block;
	width: 100%;
}

/*-----------------
	23. Doctor Dashboard
-----------------------*/
.report-card-slider.owl-theme .owl-dots, .owl-nav button {
	margin-top: 0px;
}

.report-card-slider.owl-theme .owl-dots {
	display: none;
}

.report-card-slider.owl-theme .owl-nav {
	position: absolute;
	top: -59px;
	right: 0px;
	font-size: 13px;
}

.report-card-slider .owl-nav button.owl-next span, .owl-nav button.owl-prev span
	{
	transform: none;
}

.paitents-report-card-details {
	padding-bottom: 20px;
}

.owl-carousel.report-card-slider {
	min-height: 280px;
}

.paitents-report-card-details {
	border-bottom: 1px solid #f6f6f9;
}

.paitents-report-card-details:nth-child(2),
	.paitents-report-card-details:nth-child(3) {
	padding-top: 10px;
}

.paitents-report-card-details:nth-child(3) {
	border-bottom: none;
	padding-bottom: 0px;
}

#call-chart .apexcharts-toolbar {
	display: none;
}

#call-chart .apexcharts-yaxis-texts-g {
	display: none;
}

#earnings-chart .apexcharts-toolbar {
	display: none;
}

.earning-details {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 85%;
}

.earning-details h6 {
	font-weight: 400;
	font-size: 14px;
	color: #546acd;
	margin-bottom: 10px;
}

.earning-details h6 span {
	color: #172858;
}

.earning-details h2 {
	font-weight: 700;
	font-size: 34px;
}

.dash-cards .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	font-size: 14px;
}

.paitent-report-card-detail a {
	font-weight: 500;
	font-size: 16px;
	color: #14172c;
}

.paitent-report-card-detail p {
	font-size: 14px;
}

.dash-cards tbody, td, tfoot, th, thead, tr {
	border-style: none;
}

.dash-cards .table tbody tr:last-child td {
	border: 0;
	padding-bottom: 0px;
}

.paitents-report-card-head {
	margin-bottom: 20px;
}

.paitents-report-card-details h3 {
	font-weight: 600;
	font-size: 16px;
	color: #1a265a;
}

.paitents-report-card-details h6 {
	font-weight: 400;
	color: #191933;
	font-size: 14px;
	margin-bottom: 0px;
	line-height: 1.4;
}

.paitents-report-card-details p {
	font-weight: 500;
}

.avatar-tablet {
	background: #3b6ad0;
}

.call-status {
	padding: 10px 25px;
	background: #1d3a79;
	color: #ffffff;
	font-size: 14px;
	border-radius: 3px;
	transition: all 0.5s;
}

.call-status:hover {
	box-shadow: 140px 0 0 0 #3b6ad0 inset;
	color: #ffffff;
}

.consult-type p {
	color: #414a6f;
	font-size: 14px;
}

.consult-type h6 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.avatar-m {
	height: 60px;
	width: 60px;
	border-radius: 4px;
}

.avatar-m img {
	border-radius: 6px;
}

.appointments-photo {
	font-weight: 500;
	font-size: 16px;
}

.appointments-photo>span {
	color: #414a6f;
	font-size: 14px;
}

.card.dash-cards {
	background: #ffffff;
	border: 1px solid #f6f6f9;
	box-shadow: 0px 4px 44px rgba(162, 165, 199, 0.25);
	border-radius: 4px;
}

.dash-top-content {
	display: flex;
	align-items: center;
}

.dash-widget-info h6 {
	font-weight: 400;
	font-size: 14px;
	color: #414a6f;
}

.dash-widget-info h3 {
	font-weight: 600;
	font-size: 24px;
	color: #14172c;
}

.dash-bottom-content {
	display: flex;
	justify-content: end;
}

.dash-bottom-content h6 {
	color: #546acd;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
}

.dash-bottom-content h6 span {
	color: #172858;
}

.dash-bottom-content.low-percent h6 span {
	color: #d22fd1;
}

.today-appointment-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.today-appointment-title h5 {
	font-size: 16px;
	font-weight: 500;
}

.today-appointment-title h6 {
	font-size: 14px;
	color: #d22dd1;
	transition: 0.3s linear;
}

.today-appointment-title h6:hover {
	color: #14172c;
}

.dash-cards>.table-avatar a {
	font-weight: 500;
	font-size: 16px;
}

.dash-cards table.table td h2 a {
	color: #14172c;
	font-weight: 500;
	font-size: 16px;
}

.dash-cards table.table td h2 span {
	color: #414a6f;
	font-weight: 400;
	font-size: 13px;
}

.dash-widget {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.circle-bar {
	margin-right: 15px;
}

.dct-border-rht {
	border-right: 1px solid #f1f2f6;
}

.dash-widget h6 {
	font-size: 16px;
	font-weight: 400;
}

.dash-widget h3 {
	font-size: 24px;
	margin-bottom: 5px;
}

.dash-widget p {
	color: #596491;
	font-size: 14px;
	margin-bottom: 0;
}

.circle-bar>div {
	display: inline-block;
	position: relative;
	text-align: center;
}

.circle-bar>div img {
	left: 0;
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	margin: 0 auto;
	transform: translateY(-50%);
}

.circle-bar>div canvas {
	width: 90px !important;
	height: 90px !important;
}

.dash-card .row {
	margin-left: -10px;
	margin-right: -10px;
}

.dash-card .row>div {
	padding-left: 10px;
	padding-right: 10px;
}

.appointment-tab {
	margin-bottom: 30px;
}

.appointment-tab .nav-tabs {
	background-color: #ffffff;
	padding: 1.5rem;
	border: 1px solid #f1f2f6;
	border-radius: .25rem 0.25rem 0 0 !important;
	border-bottom: 0;
}

.appointment-tab .tab-content {
	padding-top: 0;
}

.appointment-tab .card {
	border-radius: 0;
}

.submit-btn-bottom {
	margin-bottom: 30px;
}

/*-----------------
	24. Patient Profile
-----------------------*/
.add-new-btn {
	background-color: #3b6ad0;
	border-radius: 30px;
	color: #ffffff;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 10px 20px;
}

.add-new-btn:focus, .add-new-btn:hover, .add-new-btn:active {
	background-color: #3b6ad0;
	color: #ffffff;
}

.patient-info {
	margin-top: 15px;
}

.patient-info ul {
	padding: 0;
	list-style: none;
	font-size: .875rem;
	margin: 0;
}

.patient-info ul li {
	position: relative;
	font-size: .875rem;
	font-weight: 500;
	color: #172251;
	text-transform: capitalize;
}

.patient-info ul li+li {
	margin-top: 15px;
}

.patient-info ul li i {
	width: 18px;
}

.patient-info ul li span {
	color: #596491;
	float: right;
	font-weight: 400;
}

/*-----------------
	25. Add Billing
-----------------------*/
.biller-info, .billing-info {
	margin-bottom: 15px;
}

.add-more-item {
	margin-bottom: 10px;
}

.add-more-item a {
	color: #3b6ad0;
	font-weight: 500;
}

.signature-wrap {
	float: right;
	margin-bottom: 20px;
	text-align: center;
	width: 220px;
}

.signature {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px dashed #c5c9da;
	border-radius: 4px;
	color: #172251;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	height: 85px;
	margin-bottom: 15px;
	width: 100%;
}

.signature:hover {
	background-color: #ffffff;
}

.sign-name {
	width: 100%;
	float: right;
}

.pat-widget-profile .pro-widget-content {
	padding: 0 0 20px;
}

.pat-widget-profile .booking-date li {
	font-size: .875rem;
}

.pat-widget-profile .booking-date li span {
	font-size: .875rem;
}

/*-----------------
	26. Chat
-----------------------*/
.chat-page .content {
	padding: 0;
}

.chat-page .content>.container-fluid {
	padding: 0;
}

.chat-page .footer {
	display: none;
}

.chat-window {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

.chat-cont-left {
	border-right: 1px solid #f1f2f6;
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	left: 0;
	max-width: 35%;
	position: relative;
	z-index: 4;
}

.chat-cont-left .chat-header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	border-bottom: 1px solid #f1f2f6;
	color: #172251;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 72px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	padding: 0 15px;
}

.chat-cont-left .chat-header span {
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
}

.chat-cont-left .chat-header .chat-compose {
	color: #707aa4;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.chat-cont-left .chat-search {
	background-color: #f6f6f9;
	border-bottom: 1px solid #e4e6ee;
	padding: 10px 15px;
	width: 100%;
}

.chat-cont-left .chat-search .input-group {
	width: 100%;
}

.chat-cont-left .chat-search .input-group .form-control {
	background-color: #ffffff;
	border-radius: 50px;
	padding-left: 36px;
}

.chat-cont-left .chat-search .input-group .form-control:focus {
	border-color: #c5c9da;
	box-shadow: none;
}

.chat-cont-left .chat-search .input-group .input-group-prepend {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	bottom: 0;
	color: #4c5780;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: 15px;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: 4;
}

.chat-window .chat-scroll {
	min-height: 300px;
	max-height: calc(100vh - 224px);
	overflow-y: auto;
}

.chat-cont-left .chat-users-list {
	background-color: #ffffff;
}

.chat-cont-left .chat-users-list a.media {
	border-bottom: 1px solid #f1f2f6;
	padding: 10px 15px;
	transition: all 0.2s ease 0s;
}

.chat-cont-left .chat-users-list a.media:last-child {
	border-bottom: 0;
}

.chat-cont-left .chat-users-list a.media .media-img-wrap {
	margin-right: 15px;
	position: relative;
}

.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {
	height: 45px;
	width: 45px;
}

.chat-cont-left .chat-users-list a.media .media-img-wrap .status {
	bottom: 7px;
	height: 10px;
	right: 4px;
	position: absolute;
	width: 10px;
	border: 2px solid #ffffff;
}

.chat-cont-left .chat-users-list a.media .media-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}

.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
	.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
	{
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name
	{
	color: #172251;
	text-transform: capitalize;
}

.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
	{
	color: #707aa4;
	font-size: 14px;
	line-height: 24px;
}

.chat-cont-left .chat-users-list a.media .media-body>div:last-child {
	text-align: right;
}

.chat-cont-left .chat-users-list a.media .media-body>div:last-child .last-chat-time
	{
	color: #707aa4;
	font-size: 13px;
}

.chat-cont-left .chat-users-list a.media:hover {
	background-color: #f6f6f9;
}

.chat-cont-left .chat-users-list a.media.read-chat .media-body>div:last-child .last-chat-time
	{
	color: #707aa4;
}

.chat-cont-left .chat-users-list a.media.active {
	background-color: #f6f6f9;
}

.chat-cont-right {
	-ms-flex: 0 0 65%;
	flex: 0 0 65%;
	max-width: 65%;
}

.chat-cont-right .chat-header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	border-bottom: 1px solid #f1f2f6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 72px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	padding: 0 15px;
}

.chat-cont-right .chat-header .back-user-list {
	display: none;
	margin-right: 5px;
	margin-left: -7px;
}

.chat-cont-right .chat-header .media {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.chat-cont-right .chat-header .media .media-img-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 15px;
}

.chat-cont-right .chat-header .media .media-img-wrap .avatar {
	height: 50px;
	width: 50px;
}

.chat-cont-right .chat-header .media .media-img-wrap .status {
	border: 2px solid #ffffff;
	bottom: 0;
	height: 10px;
	position: absolute;
	right: 3px;
	width: 10px;
}

.chat-cont-right .chat-header .media .media-body .user-name {
	color: #172251;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}

.chat-cont-right .chat-header .media .media-body .user-status {
	color: #4c5780;
	font-size: 14px;
}

.chat-cont-right .chat-header .chat-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.chat-cont-right .chat-header .chat-options>a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	color: #707aa4;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-left: 10px;
	width: 30px;
}

.chat-cont-right .chat-body {
	background-color: #f6f6f9;
}

.chat-cont-right .chat-body ul.list-unstyled {
	margin: 0 auto;
	padding: 15px;
	width: 100%;
}

.chat-cont-right .chat-body .media .avatar {
	height: 30px;
	width: 30px;
}

.chat-cont-right .chat-body .media .media-body {
	margin-left: 20px;
}

.chat-cont-right .chat-body .media .media-body .msg-box>div {
	padding: 10px 15px;
	border-radius: .25rem;
	display: inline-block;
	position: relative;
}

.chat-cont-right .chat-body .media .media-body .msg-box>div p {
	color: #172251;
	margin-bottom: 0;
}

.chat-cont-right .chat-body .media .media-body .msg-box+.msg-box {
	margin-top: 5px;
}

.chat-cont-right .chat-body .media.received {
	margin-bottom: 20px;
}

.chat-cont-right .chat-body .media:last-child {
	margin-bottom: 0;
}

.chat-cont-right .chat-body .media.received .media-body .msg-box>div {
	background-color: #ffffff;
}

.chat-cont-right .chat-body .media.sent {
	margin-bottom: 20px;
}

.chat-cont-right .chat-body .media.sent .media-body {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	margin-left: 0;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div {
	background-color: #e2e3ec;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div p {
	color: #172251;
}

.chat-cont-right .chat-body .chat-date {
	font-size: 14px;
	margin: 1.875rem 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}

.chat-cont-right .chat-body .chat-date:before {
	background-color: #e0e2eb;
	content: "";
	height: 1px;
	margin-right: 28px;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 100%;
}

.chat-cont-right .chat-body .chat-date:after {
	background-color: #e0e2eb;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: 28px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.chat-cont-right .chat-footer {
	background-color: #ffffff;
	border-top: 1px solid #f1f2f6;
	padding: 10px 15px;
	position: relative;
}

.chat-cont-right .chat-footer .input-group {
	width: 100%;
}

.chat-cont-right .chat-footer .input-group .form-control {
	background-color: #f6f6f9;
	border: none;
	border-radius: 50px;
}

.chat-cont-right .chat-footer .input-group .form-control:focus {
	background-color: #f6f6f9;
	border: none;
	box-shadow: none;
}

.chat-cont-right .chat-footer .input-group .btn, .chat-cont-right .chat-footer .input-group .btn
	{
	background-color: transparent;
	border: none;
	color: #8f95b7;
}

.chat-cont-right .chat-footer .input-group .btn.msg-send-btn {
	background-color: #3b6ad0;
	border-color: #3b6ad0;
	border-radius: 50% !important;
	color: #ffffff;
	margin-left: 10px !important;
	min-width: 46px;
	font-size: 20px;
}

.msg-typing {
	width: auto;
	height: 24px;
	padding-top: 8px
}

.msg-typing span {
	height: 8px;
	width: 8px;
	float: left;
	margin: 0 1px;
	background-color: #9096b8;
	display: block;
	border-radius: 50%;
	opacity: .4
}

.msg-typing span:nth-of-type(1) {
	animation: 1s blink infinite .33333s
}

.msg-typing span:nth-of-type(2) {
	animation: 1s blink infinite .66666s
}

.msg-typing span:nth-of-type(3) {
	animation: 1s blink infinite .99999s
}

.chat-cont-right .chat-body .media.received .media-body .msg-box {
	position: relative;
}

.chat-cont-right .chat-body .media.received .media-body .msg-box:first-child:before
	{
	border-bottom: 6px solid transparent;
	border-right: 6px solid #ffffff;
	border-top: 6px solid transparent;
	content: "";
	height: 0;
	left: -6px;
	position: absolute;
	right: auto;
	top: 8px;
	width: 0;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box {
	padding-left: 50px;
	position: relative;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box:first-child:before
	{
	border-bottom: 6px solid transparent;
	border-left: 6px solid #e2e3ec;
	border-top: 6px solid transparent;
	content: "";
	height: 0;
	left: auto;
	position: absolute;
	right: -6px;
	top: 8px;
	width: 0;
}

.chat-msg-info {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	clear: both;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
}

.chat-msg-info li {
	font-size: 13px;
	padding-right: 16px;
	position: relative;
}

.chat-msg-info li:not(:last-child):after {
	position: absolute;
	right: 8px;
	top: 50%;
	content: '';
	height: 4px;
	width: 4px;
	background: #c9d6f2;
	border-radius: 50%;
	transform: translate(50%, -50%)
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after
	{
	right: auto;
	left: 8px;
	transform: translate(-50%, -50%);
	background: #9ca2c0;
}

.chat-cont-right .chat-body .media.received .media-body .msg-box>div .chat-time
	{
	color: rgba(29, 49, 106, 0.4);
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-time
	{
	color: rgba(29, 49, 106, 0.4);
}

.chat-msg-info li a {
	color: #5b6693;
}

.chat-msg-info li a:hover {
	color: #587ad3
}

.chat-seen i {
	color: #2951a9;
	font-size: 16px;
}

.chat-msg-attachments {
	padding: 4px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 -1px
}

.chat-msg-attachments>div {
	margin: 0 1px
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info
	{
	flex-direction: row-reverse;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-attachments
	{
	flex-direction: row-reverse
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info li
	{
	padding-left: 16px;
	padding-right: 0;
	position: relative;
}

.chat-attachment img {
	max-width: 100%;
}

.chat-attachment {
	position: relative;
	max-width: 130px;
	overflow: hidden;
}

.chat-attachment {
	border-radius: .25rem;
}

.chat-attachment:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #14172c;
	content: "";
	opacity: 0.4;
	transition: all .4s;
}

.chat-attachment:hover:before {
	opacity: 0.6;
}

.chat-attach-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #ffffff;
	padding: 7px 15px;
	font-size: 13px;
	opacity: 1;
	transition: all .4s;
}

.chat-attach-download {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .4s;
	color: #ffffff;
	width: 32px;
	line-height: 32px;
	background: rgba(242, 240, 250, 0.2);
	text-align: center;
}

.chat-attach-download:hover {
	color: #234089;
	background: #ffffff;
}

.chat-attachment:hover .chat-attach-caption {
	opacity: 0;
}

.chat-attachment:hover .chat-attach-download {
	opacity: 1;
}

.chat-attachment-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -5px;
}

.chat-attachment-list li {
	width: 33.33%;
	padding: 5px;
}

.chat-attachment-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 5px solid rgba(220, 223, 245, 0.5);
	height: 100%;
	min-height: 60px;
	text-align: center;
	font-size: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.chat-cont-right .chat-body .media.sent .media-body .msg-box>div:hover .chat-msg-actions
	{
	opacity: 1;
}

.chat-msg-actions {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .4s;
	z-index: 2;
}

.chat-msg-actions>a {
	padding: 0 10px;
	color: #234089;
	font-size: 24px;
}

.chat-msg-actions>a:hover {
	color: #587ad3;
}

@
keyframes blink { 50% {
	opacity: 1
}

}
.btn-file {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 20px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	overflow: hidden;
	padding: 0 0.75rem;
	position: relative;
	vertical-align: middle;
}

.btn-file input {
	cursor: pointer;
	filter: alpha(opacity = 0);
	font-size: 23px;
	height: 100%;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

/*-----------------
	27. Doctor Profile Settings
-----------------------*/
.profile-image img {
	margin-bottom: 1.5rem;
}

.change-photo-btn {
	background-color: #416fd2;
	border-radius: 50px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px 15px;
	position: relative;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	text-align: center;
	width: 220px;
}

.change-photo-btn input.upload {
	bottom: 0;
	cursor: pointer;
	filter: alpha(opacity = 0);
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 220px;
}

.dropzone {
	background-color: #ffffff;
	border: 2px dashed rgba(25, 26, 56, 0.1);
}

.btn-icon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: absolute;
	padding: 0;
	font-size: 10px;
	width: 20px;
	height: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	right: 3px;
	top: 3px;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.upload-images {
	position: relative;
	width: 80px;
}

.upload-images img {
	border-radius: 4px;
	height: 80px;
	width: auto;
}

.upload-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.upload-wrap .upload-images+.upload-images {
	margin-left: 20px;
}

.contact-card .card-body {
	padding-bottom: 0.625rem;
}

.custom_price_cont {
	margin-top: 20px;
}

.btn.btn-danger.trash {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 46px;
	width: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.add-more a {
	color: #416fd2;
}

.bootstrap-tagsinput {
	border-color: #d9dbe7;
	box-shadow: inherit;
	min-height: 46px;
	width: 100%;
	border-radius: 0;
}

.bootstrap-tagsinput.focus {
	border-color: #b1b5cd;
}

.bootstrap-tagsinput .tag {
	background-color: #416fd2;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin-right: 2px;
	padding: 11px 15px;
	border-radius: 0;
}

.services-card .bootstrap-tagsinput input {
	width: 160px;
}

.submit-section .submit-btn {
	padding: 12px 30px;
	font-weight: 600;
	font-size: 16px;
	min-width: 120px;
}

.submit-section .submit-btn+.submit-btn {
	margin-left: 15px;
}

/*-----------------
	28. Calendar
-----------------------*/
#calendar-events {
	background-color: #ffffff;
}

.calendar-events {
	border: 1px solid transparent;
	cursor: move;
	padding: 10px 15px;
}

.calendar-events:hover {
	border-color: #e9eaf1;
	background-color: #ffffff;
}

.calendar-events i {
	margin-right: 8px;
}

.calendar {
	float: left;
	margin-bottom: 0;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1.5rem;
}

.none-border .modal-footer {
	border-top: none;
}

.fc-toolbar h2 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
	text-transform: uppercase;
}

.fc-day-grid-event .fc-time {
	font-family: 'Roboto', sans-serif;
}

.fc-day {
	background: #ffffff;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus,
	.fc-toolbar button:hover, .fc-toolbar .ui-state-hover {
	z-index: 0;
}

.fc th.fc-widget-header {
	background: #eff0f5;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody,
	.fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover
	{
	border-color: #f5f6f9;
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
	padding: 2px 5px;
}

.fc-button {
	background: #f3f3f7;
	border: none;
	color: #5c6896;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}

.fc-text-arrow {
	font-family: inherit;
	font-size: 16px;
}

.fc-state-hover {
	background: #f5f6f9;
}

.fc-state-highlight {
	background: #f1f2f6;
}

.fc-state-down, .fc-state-active, .fc-state-disabled {
	background-color: #416fd2 !important;
	color: #ffffff !important;
	text-shadow: none !important;
}

.fc-cell-overlay {
	background: #f1f2f6;
}

.fc-unthemed .fc-today {
	background: #ffffff;
}

.fc-event {
	border-radius: 2px;
	border: none;
	color: #ffffff !important;
	cursor: move;
	font-size: 13px;
	margin: 1px 7px;
	padding: 5px 5px;
	text-align: center;
}

.fc-basic-view td.fc-week-number span {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.fc-basic-view td.fc-day-number {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.event-form .input-group .form-control {
	height: 40px;
}

/*-----------------
	29. Patient Dashboard
-----------------------*/
.profile-sidebar {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	margin-bottom: 30px;
	overflow: hidden;
}

.pro-widget-content {
	border-bottom: 1px solid #f1f2f6;
	padding: 20px;
	text-align: center;
}

.profile-info-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
}

.profile-info-widget .booking-doc-img {
	margin-right: 15px;
}

.profile-info-widget .booking-doc-img img {
	border-radius: 4px;
	height: 90px;
	width: 90px;
	object-fit: cover;
}

.profile-det-info {
	overflow: hidden;
}

.profile-det-info h3 {
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.patient-details h5 {
	color: #596491;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.patient-details h5 i {
	width: 18px;
}

.dashboard-menu ul {
	color: #596491;
	font-size: 14px;
	line-height: 17px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

.dashboard-menu ul li {
	line-height: inherit;
}

.dashboard-menu>ul>li {
	border-bottom: 1px solid #f1f2f6;
	position: relative;
}

.dashboard-menu>ul>li:last-child {
	border-bottom: 0;
}

.dashboard-menu ul li a span, .dashboard-menu ul li a i {
	display: inline-block;
	vertical-align: middle;
}

.dashboard-menu>ul>li>a {
	color: #596491;
	display: block;
	padding: 16px 20px;
}

.dashboard-menu>ul>li:hover>a, .dashboard-menu>ul>li.active>a {
	color: #3b6ad0;
}

.dashboard-menu ul li a i {
	font-size: 16px;
	margin-right: 10px;
	width: 16px;
}

.unread-msg {
	background-color: #172858;
	border-radius: 2px;
	color: #172251;
	font-size: 10px;
	font-style: normal;
	padding: 0 5px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}

.patient-dashboard-top, .patient-graph-box {
	display: flex;
	display: -webkit-flex;
}

.patient-dashboard-top>div {
	width: 100%;
}

.patient-dashboard-top h6 {
	font-size: 18px;
	margin-bottom: 0;
}

.patient-dashboard-top h6 sub {
	font-size: 12px;
}

.patient-graph-col .graph-box {
	background: #788cd8;
	border-bottom: 8px solid #747bd7;
	padding: 22px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin: 15px 0;
}

.patient-graph-col .graph-box h4 {
	color: #ffffff;
	margin-bottom: 15px;
	text-align: center;
}

.patient-graph-col .graph-box>div {
	width: 100%;
}

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

.graph-status-result {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.graph-status-result h3 {
	color: #ffffff;
	margin-bottom: 0;
	line-height: 0.9;
	width: 100%;
}

.graph-status-result span.graph-update-date {
	color: #ffffff;
	font-weight: 500;
	opacity: 0.7;
	text-align: center;
	width: 100%;
}

.patient-graph-col .graph-box.pink-graph {
	background-color: #eeafed;
	border-bottom: 8px solid #e99be9;
}

.patient-graph-col .graph-box.sky-blue-graph {
	background-color: #bacaee;
	border-bottom: 8px solid #a4b9e9;
}

.patient-graph-col .graph-box.orange-graph {
	background-color: #eba2ea;
	border-bottom: 8px solid #e68ee6;
}

/*-----------------
	30. Profile Settings
-----------------------*/
.change-avatar {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.change-avatar .profile-img {
	margin-right: 15px;
}

.change-avatar .profile-img img {
	border-radius: 4px;
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.change-avatar .change-photo-btn {
	margin: 0 0 10px;
	width: 150px;
}

.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img
	{
	padding: 0;
}

.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img
	{
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

/*-----------------
	31. Appoitment List
-----------------------*/
.widget-profile {
	background-color: #ffffff;
	border-bottom: 1px solid #f1f2f6;
}

.widget-profile .profile-info-widget {
	display: block;
	text-align: center;
}

.widget-profile .profile-info-widget .booking-doc-img {
	display: inline-block;
	margin: 0 0 15px;
	width: auto;
	padding: 8px;
	background-color: #ffffff;
	border-radius: 50%;
}

.widget-profile .profile-info-widget .booking-doc-img img {
	border-radius: 50%;
	height: 120px;
	width: 120px;
}

.appointment-list .profile-info-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	text-align: left;
}

.appointment-list .profile-info-widget .booking-doc-img img {
	border-radius: 4px;
	height: 120px;
	object-fit: cover;
	width: 120px;
}

.appointments .appointment-list {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	padding: 20px;
}

.appointments .appointment-list:last-child {
	margin-bottom: 30px;
}

.appointments .appointment-action {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.appointment-action a+a {
	margin-left: 5px;
}

.appointment-action a {
	font-size: 13px;
}

.info-details {
	list-style: none;
	margin: 0;
	padding: 0;
}

.info-details li .title {
	color: #172251;
	font-weight: 500;
}

.info-details li .text {
	color: #596491;
	display: block;
	font-size: 16px;
	overflow: hidden;
}

.info-details li {
	margin-bottom: 10px;
}

.info-details li:last-child {
	margin-bottom: 0;
}

/*-----------------
	32. Reviews
-----------------------*/
.doc-review.review-listing {
	margin: 0;
}

.review-listing.doc-review>ul>li {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	padding: 20px;
}

/*-----------------
	33. Voice call
-----------------------*/
.modal-open .main-wrapper {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}

.call-main-row {
	bottom: 0;
	left: 0;
	overflow: auto;
	padding-bottom: inherit;
	padding-top: inherit;
	position: absolute;
	right: 0;
	top: 0;
}

.call-main-wrapper {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}

.call-view {
	display: table-cell;
	height: 100%;
	float: none;
	padding: 0;
	position: static;
	vertical-align: top;
	width: 75%;
}

.call-window {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
}

.fixed-header {
	background-color: #ffffff;
	border-bottom: 1px solid #f1f2f6;
	padding: 10px 15px;
}

.fixed-header .navbar {
	border: 0 none;
	margin: 0;
	min-height: auto;
	padding: 0;
}

.fixed-header .user-info a {
	color: #172251;
	font-weight: 500;
}

.typing-text {
	color: #2b55b1;
	font-size: 12px;
	text-transform: lowercase;
}

.last-seen {
	color: #6d78a3;
	display: block;
	font-size: 12px;
}

.custom-menu {
	margin-top: 6px;
}

.fixed-header .custom-menu {
	margin: 0 0 1px;
}

.custom-menu.nav>li>a {
	color: #b1b5cd;
	font-size: 26px;
	line-height: 32px;
	margin-left: 15px;
	padding: 0;
}

.custom-menu.navbar-nav>li>a:hover, .custom-menu.navbar-nav>li>a:focus {
	background-color: transparent;
}

.custom-menu .dropdown-menu {
	left: auto;
	right: 0;
}

.call-contents {
	display: table-row;
	height: 100%;
}

.call-content-wrap {
	height: 100%;
	position: relative;
	width: 100%;
}

.voice-call-avatar {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-ms-flex: 2;
	flex: 2;
}

.voice-call-avatar .call-avatar {
	margin: 15px;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	border: 1px solid rgba(25, 26, 56, 0.1);
	padding: 3px;
	background-color: #ffffff;
}

.call-duration {
	display: inline-block;
	font-size: 30px;
	margin-top: 4px;
	position: absolute;
	left: 0;
}

.voice-call-avatar .call-timing-count {
	padding: 5px;
}

.voice-call-avatar .username {
	font-size: 20px;
	font-weight: 500;
}

.call-footer {
	background-color: #ffffff;
	border-top: 1px solid #f1f2f6;
	padding: 15px;
}

.call-icons {
	text-align: center;
	position: relative;
}

.call-icons .call-items {
	border-radius: 5px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.call-icons .call-items .call-item {
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}

.call-icons .call-items .call-item:last-child {
	margin-right: 0;
}

.call-icons .call-items .call-item a {
	color: #5b6693;
	border: 1px solid #dadce7;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	display: inline-block;
	font-size: 20px;
}

.call-icons .call-items .call-item a i {
	width: 18px;
	height: 18px;
}

.user-video {
	bottom: 0;
	left: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.user-video img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}

.user-video video {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}

.my-video {
	position: absolute;
	z-index: 99;
	bottom: 20px;
	right: 20px;
}

.my-video ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.my-video ul li {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.my-video ul li img {
	border: 3px solid #ffffff;
	border-radius: 6px;
}

.end-call {
	position: absolute;
	top: 7px;
	right: 0;
}

.end-call a {
	background-color: #e070df;
	border-radius: 50px;
	color: #ffffff;
	display: inline-block;
	line-height: 10px;
	padding: 8px 25px;
	text-transform: uppercase;
}

.call-users {
	position: absolute;
	z-index: 99;
	bottom: 20px;
	right: 20px;
}

.call-users ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.call-users ul li {
	float: left;
	width: 80px;
	margin-left: 10px;
}

.call-users ul li img {
	border-radius: 6px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid rgba(25, 26, 56, 0.1);
}

.call-mute {
	width: 80px;
	height: 80px;
	background-color: rgba(25, 26, 56, 0.5);
	position: absolute;
	text-align: center;
	line-height: 80px;
	border-radius: 6px;
	font-size: 30px;
	color: #ffffff;
	display: none;
	top: 0;
	border: 3px solid transparent;
}

.call-users ul li a:hover .call-mute {
	display: block;
}

.call-details {
	margin: 10px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.call-info {
	margin-left: 10px;
	width: 100%;
}

.call-user-details, .call-timing {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.call-description {
	white-space: nowrap;
	vertical-align: bottom;
}

.call-timing {
	color: #56618e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	margin-top: 1px;
	overflow: hidden;
	white-space: pre;
}

/*-----------------
	34. Video Call
-----------------------*/
.content-full {
	height: 100%;
	position: relative;
	width: 100%;
}

.video-window .fixed-header {
	padding: 0;
	border: 0;
}

.video-window .fixed-header .nav>li>a {
	padding: 18px 15px;
}

/*-----------------
	35. Outgoing Call
-----------------------*/
.call-box .call-wrapper {
	height: auto;
	text-align: center;
}

.call-box .call-wrapper .call-avatar {
	margin-bottom: 30px;
	cursor: pointer;
	animation: ripple 2s infinite;
}

.call-box .call-wrapper .call-user {
	margin-bottom: 30px;
}

.call-box .call-wrapper .call-user span {
	display: block;
	font-weight: 500;
	text-align: center;
}

.call-box .call-wrapper .call-items {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.call-box .call-wrapper .call-items .call-item {
	background-color: rgba(242, 240, 250, 0.2);
	border: 1px solid transparent;
	border-radius: 100%;
	color: #ffffff;
	line-height: 0;
	margin: 0 5px;
	padding: 15px;
}

.call-box .call-wrapper .call-items .call-item:hover {
	opacity: 0.9;
}

.call-box .call-wrapper .call-items .call-item:first-child {
	margin-top: -30px;
}

.call-box .call-wrapper .call-items .call-item:last-child {
	margin-top: -30px;
}

.call-box .call-wrapper .call-items .call-item.call-end {
	padding: 20px;
	margin: 30px 20px 0;
	background: #e070df;
	border: 1px solid #e070df;
	color: #ffffff;
	line-height: 0;
	border-radius: 100%;
}

.call-box .call-wrapper .call-items .call-item.call-start {
	padding: 20px;
	margin: 30px 20px 0;
	background: #d84bd7;
	border: 1px solid #d84bd7;
	color: #ffffff;
	line-height: 0;
	border-radius: 100%;
}

.call-box.incoming-box .call-wrapper .call-items .call-item.call-start {
	margin: 0 10px;
}

.call-box.incoming-box .call-wrapper .call-items .call-item.call-end {
	margin: 0 10px;
}

.call-box .call-avatar {
	border-radius: 100%;
	height: 140px;
	max-width: 140px;
	min-width: 140px;
	position: relative;
	width: 100%;
	border: 10px solid #ffffff;
}

.call-box .btn {
	background: rgba(0, 0, 0, 0);
	transition: all 0.3s ease 0s;
}

@
-webkit-keyframes ripple { 0% {
	-webkit-box-shadow: 0 0 0 0 rgba(25, 26, 56, 0.1);
}

100
%
{
-webkit-box-shadow
:
0
0
0
30px
rgba(
0
,
0
,
0
,
0
);
}
}
@
keyframes ripple { 0% {
	-moz-box-shadow: 0 0 0 0 rgba(25, 26, 56, 0.1);
	box-shadow: 0 0 0 0 rgba(25, 26, 56, 0.1);
}

100
%
{
-moz-box-shadow
:
0
0
0
30px
rgba(
0
,
0
,
0
,
0
);
box-shadow
:
0
0
0
30px
rgba(
0
,
0
,
0
,
0
);
}
}

/*-----------------
	36. Incoming Call
-----------------------*/
.incoming-btns {
	margin-top: 20px;
}

.call-wrapper {
	position: relative;
	height: calc(100vh - 145px);
}

.call-page .footer {
	display: none;
}

.dropdown-action .dropdown-toggle::after {
	display: none;
}

.call-modal .modal-body {
	padding: 40px;
}

.call-modal .modal-content {
	border: 0;
	border-radius: 10px;
}

.call-box .call-wrapper .call-user h4 {
	font-size: 24px;
}

/*-----------------
	37. Terms and Conditions
-----------------------*/
.terms-text {
	margin-bottom: 20px;
}

.terms-text h4 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}

.terms-text p {
	color: #4c5780;
	display: inline-block;
	font-size: 16px;
}

/*-----------------
	38. Blog
-----------------------*/
.blog {
	border: 1px solid #f1f2f6;
	background-color: #ffffff;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 1.5rem;
	position: relative;
}

.blog-image {
	overflow: hidden;
}

.blog-image, .blog-image>a, .blog-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.blog-image img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-image a:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.blog-image {
	margin-bottom: 30px;
}

.blog-content {
	position: relative;
}

.blog-title {
	font-size: 22px;
	margin: 0 0 10px;
}

.blog-title a {
	color: #172251;
}

.blog-title a:hover {
	color: #416fd2;
}

.blog-content p {
	color: #4c5780;
	font-size: 14px;
	margin: 0 0 30px;
}

.read-more {
	display: inline-block;
	font-size: 16px;
	padding: 0;
	color: #416fd2;
	text-decoration: underline;
	font-weight: bold;
}

.blog-info {
	color: #596491;
	font-size: 14px;
	margin-bottom: 15px;
}

.blog-info a {
	color: #596491;
}

.blog-info a:hover {
	color: #596491;
}

.blog-info i {
	color: #416fd2;
	font-size: 14px;
	margin-right: 5px;
}

.entry-meta {
	color: #596491;
	font-size: 14px;
	list-style: none;
	margin-bottom: 15px;
	padding: 0;
}

.entry-meta li {
	display: inline-block;
	margin-right: 15px;
}

.entry-meta li:last-child {
	margin-right: 0;
}

.blog-pagination .pagination {
	margin-bottom: 30px;
}

.blog-pagination .pagination li a {
	padding: 12px 20px;
	font-weight: 600;
	color: #162b5a;
	margin-right: 10px;
	border-radius: inherit !important;
	border-color: #f1f2f6;
}

.blog-pagination .pagination li.disabled a {
	border-color: #f1f2f6;
}

.blog-pagination .pagination li.active a {
	background: #416fd2;
	border-color: transparent;
	color: #ffffff;
}

.post-left ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.post-left ul li {
	margin-bottom: 5px;
	margin-right: 20px;
}

.post-left ul li:last-child {
	margin-right: 0;
}

.post-author a {
	display: flex;
	align-items: center;
}

.video {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}

.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.latest-posts {
	margin: 0;
	padding: 0;
}

.latest-posts li {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.latest-posts li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.post-thumb {
	border-radius: 4px;
	width: 80px;
	float: left;
	overflow: hidden;
}

.post-thumb a img {
	border-radius: 4px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.post-thumb a:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.post-info {
	margin-left: 95px;
}

.post-info h4 {
	font-size: 15px;
	margin: 0 0 5px;
}

.post-info h4 a {
	color: #172251;
}

.post-info h4 a:hover {
	color: #416fd2;
}

.post-info p {
	color: #596491;
	font-size: 12px;
	margin: 0;
}

.post-info p i {
	color: #2b55b1;
	font-size: 14px;
	margin-right: 4px;
}

.category-widget .categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

.category-widget .categories li {
	margin-bottom: 20px;
}

.category-widget .categories li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.category-widget .categories li a {
	color: #162b5a;
	font-size: 15px;
	font-weight: 500;
}

.category-widget .categories li a span {
	float: right;
	color: #596491;
}

.category-widget .categories li a:hover {
	color: #416fd2;
}

.category-widget .categories>li>a>i {
	color: #2b55b1;
	font-size: 18px;
	margin-right: 10px;
}

.tags-widget .card-body {
	padding-bottom: 1rem;
}

.tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.tags li {
	float: left;
}

.tag {
	background-color: #ffffff;
	border-radius: 4px;
	color: #172251;
	padding: 5px 10px;
	position: relative;
	margin: 0 .5rem .5rem 0;
	font-size: 14px;
	border: 1px solid #c5c9da;
	display: inline-block;
}

.tag:hover {
	background-color: #416fd2;
	border-color: #416fd2;
	color: #ffffff;
}

.comment-by {
	display: block;
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px;
}

.comments-list .comment-block p {
	font-size: 14px;
	margin-bottom: 5px;
}

.blogs-section {
	padding: 50px 0;
	background-color: #ffffff;
}

.blogs-section.blog-container {
	padding: 60px 0;
}

.blog-wrapper {
	background: #ffffff;
	border: 1px solid #edf0fa;
	box-sizing: border-box;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 30px;
	position: relative;
}

.blog-wrapper .wrap-image img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

.blog-wrapper .wrap-content {
	padding: 10px;
}

.blog-wrapper .wrap-content:before {
	width: 0;
	height: 0;
	border-left: 149px solid transparent;
	border-right: 149px solid transparent;
	border-bottom: 20px solid #ffffff;
	margin-left: 0;
	position: absolute;
	margin-top: -30px;
	left: 15px;
}

.blog-wrapper .wrap-content .sp-title {
	font-size: 13px;
	color: #3056b7;
	font-weight: 600;
	margin-right: 5px;
}

.blog-wrapper .wrap-content .post-author img {
	width: 20px;
	flex: 0 0 20px;
	margin: 0 5px;
}

.blog-wrapper .wrap-content .post-author span {
	font-size: 12px;
	font-weight: 600;
	color: #14172c;
}

.blog-wrapper .wrap-content .date-cart {
	background-color: #2f54b3;
	padding: 10px 8px;
	font-size: 28px;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	width: 65px;
	height: 60px;
	margin: 0;
	position: absolute;
	right: 25px;
	margin-top: -40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.blog-wrapper .wrap-content .date-cart span {
	font-size: 11px;
	font-weight: 500;
}

.blog-wrapper .wrap-content-body {
	margin-top: 10px;
}

.blog-wrapper .wrap-content-body h3 a {
	font-size: 18px;
	font-weight: 500;
	color: #14172c;
	line-height: 1.5;
}

.blog-wrapper .wrap-content-body p {
	font-size: 12px;
	color: #14172c;
}

.blog-wrapper .wrap-content-body a.read-txt {
	width: 110px;
	padding: 10px;
	background: #3b6ad0;
	border-radius: 30px;
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
}

.blogs-section .view-btn {
	background-color: #2b55b1;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 30px;
	border: 1px solid #2b55b1;
	padding: 6px 20px;
	box-shadow: inherit;
}

.blogs-section .view-btn {
	box-shadow: inherit;
}

.blogs-section .view-btn-light {
	background-color: #416fd2;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 30px;
	border: 1px solid #416fd2;
	padding: 6px 20px;
}

.blog-container .blog-wrapper .wrap-content .date-cart {
	top: 50px;
	right: 25px;
}

.blog-container .blog-wrapper .wrap-content-body h3 a {
	color: #2f54b3;
}

.blog-container .blog-wrapper .wrap-content .sp-title {
	color: #4974d3;
	font-size: 14px;
}

/*-----------------
	39. Blog Details
-----------------------*/
.blog-view .blog-title {
	font-size: 24px;
}

.blog-content p:last-child {
	margin-bottom: 0;
}

.blog-view .blog-info {
	border: 0;
	margin-bottom: 20px;
	padding: 0;
}

.social-share {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-share>li {
	display: inline-block;
	float: left;
	margin-left: 10px;
	text-align: center;
}

.social-share>li:first-child {
	margin-left: 0;
}

.social-share>li>a {
	border: 1px solid #dddfe9;
	color: #4c5780;
	display: inline-block;
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	width: 40px;
}

.social-share>li>a:hover {
	background-color: #416fd2;
	color: #ffffff;
	border-color: #416fd2;
}

.blog-reply>a {
	color: #878eb2;
	font-size: 12px;
	font-weight: 500;
}

.blog-date {
	color: #878eb2;
	font-size: 12px;
}

.blog-comments .comments-list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.blog-comments .comments-list li {
	clear: both;
	padding-left: 80px;
}

.blog-comments .comments-list li .comment {
	margin-bottom: 20px;
}

.blog-comments .comments-list li .comment-author {
	left: 0;
	position: absolute;
}

.blog-comments .comments-list li img.avatar {
	height: 58px;
	width: 58px;
	border-radius: 58px;
}

.blog-comments .comment-btn {
	color: #416fd2;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
}

.blog-author-name {
	color: #172251;
	font-size: 16px;
	font-weight: 600;
}

.new-comment label {
	font-weight: 500;
}

.comment-submit .btn {
	background-color: #2b55b1;
	border-color: #2b55b1;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 26px;
	color: #ffffff;
}

.about-author-img {
	background-color: #ffffff;
	height: 100px;
	overflow: hidden;
	position: absolute;
	width: 100px;
}

.author-details {
	margin-left: 120px;
}

.about-author {
	min-height: 100px;
}

.author-details .blog-author-name {
	display: inline-block;
	margin-bottom: 10px;
}

.post-author img {
	border-radius: 100%;
	width: 28px;
	flex: 0 0 28px;
	margin-right: 5px;
}

.post-author a>span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.custom-edit-service textarea.form-control {
	min-height: 200px;
}

.custom-edit-service .service-upload {
	border: 1px solid #d9dbe7;
	border-radius: .25rem;
	text-align: center;
	padding: 70px 0;
	margin-bottom: 30px;
	background-color: #ffffff;
	position: relative;
}

.custom-edit-service .service-upload input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.custom-edit-service .service-upload i {
	font-size: 50px;
	color: #6974a1;
}

.custom-edit-service .service-upload span {
	font-size: 15px;
	color: #6974a1;
	margin-top: 14px;
	display: block;
}

.custom-edit-service .upload-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-edit-service .upload-wrap li {
	margin: 10px;
}

.custom-edit-service .upload-wrap li:first-child {
	margin-left: 0;
}

.custom-edit-service .upload-wrap li img {
	max-width: 100%;
}

/*-----------------
	40. Blog Grid
-----------------------*/
.grid-blog .blog-title {
	font-size: 18px;
	margin: 0 0 5px;
	min-height: 43px;
}

.grid-blog .blog-content p {
	margin: 0 0 15px;
}

.grid-blog .blog-info {
	margin-bottom: 15px;
}

/*.grid-blog .blog-image {
	margin-bottom: 20px;
}*/

.grid-blog .blog-image {
	margin-bottom: 16px;
	border-radius: 10px;
	overflow: hidden;
}
.blog-grid-row {
	row-gap: 10px;
}
/*.blog.grid-blog {
	padding: 20px;
}*/

.blog.grid-blog {
	padding: 18px;
	border: 1px solid #eaeffa;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(18, 24, 56, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	height: 100%;
}
.blog.grid-blog:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(18, 24, 56, 0.12);
	border-color: #d7dff4;
}

.grid-blog .entry-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.grid-blog .entry-meta li {
	margin-bottom: 10px;
}

.grid-blog .entry-meta li:last-child {
	flex: 0 0 100px;
	max-width: 100px;
}

.grid-blog .post-author {
	width: 189px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.grid-blog .post-author a:hover {
	color: #416fd2
}

/*-----------------
	41. Map List & Grid
-----------------------*/
.map-page .footer {
	display: none;
}

.map-page .header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1030;
}

.map-page .content {
	padding-top: 115px;
}

.map-right {
	bottom: 0;
	height: 100%;
	min-height: 100%;
	padding-right: 30px;
	position: fixed;
	right: 0;
	top: 115px;
	z-index: 1029;
}

.map-listing {
	height: calc(100vh - 145px);
	width: 100%;
}

.map-listing .profile-widget {
	width: 200px !important;
	padding: 0;
	border: 0;
	margin-bottom: 0;
}

.map-right .available-info {
	margin-bottom: 0;
}

.view-icons {
	display: inline-flex;
	float: right;
}

.view-icons a {
	align-items: center;
	background-color: #ffffff;
	border: 1px solid #dadce7;
	border-radius: 4px;
	color: #0e1d3c;
	display: flex;
	font-size: 20px;
	justify-content: center;
	padding: 4px 10px;
	text-align: center;
	margin-left: 10px;
	width: 44px;
	height: 44px;
}

.view-icons a:hover {
	border-color: #416fd2;
	color: #416fd2;
}

.view-icons a.active {
	background-color: #416fd2;
	border-color: #416fd2;
	color: #ffffff;
}

.appoint {
	font-size: 24px;
}

.total-dr {
	font-size: 18px;
}

.arrows {
	display: inline-flex;
	float: right;
	margin-left: 15px;
}

.arrows a {
	margin-left: 4px;
}

.calender {
	font-size: 16px;
}

.calender-box {
	display: flex;
	margin-bottom: 15px;
}

.calender-scroll {
	overflow-x: auto;
	margin-bottom: 13px;
	display: flex;
	flex-direction: column;
}

.calender-scroll::-webkit-scrollbar {
	height: 6px;
}

.calender-scroll::-webkit-scrollbar-track {
	background: #f6f6f9;
}

.calender-scroll::-webkit-scrollbar-thumb {
	background: #cacddd;
	border-radius: 20px;
}

.calender-scroll::-webkit-scrollbar-thumb:hover {
	background: #8a91b4;
}

.inner-box {
	border: 1px solid #4471d2;
	border-radius: 5px;
	display: inline-block;
	background-color: #4471d2;
	margin-right: 3px;
	min-width: 70px;
}

.date {
	background-color: #ffffff;
	border-radius: 5px 5px 0px 0px;
	padding: 8px 0px;
}

.date h6 {
	font-size: 10px;
	margin-bottom: 0px;
	color: #14172c;
}

.date h4 {
	font-size: 16px;
	margin-bottom: 0px;
}

.appointment-box {
	border-radius: 0px 0px 5px 5px;
	padding: 5px;
}

.appointment-box h6 {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 12px;
}

.inner-box.no-appointment-box {
	background: #bcc0d4;
	border: 1px solid #bcc0d4;
}

.inner-box.no-appointment-box .date h6 {
	color: #bcc0d4;
}

.inner-box.no-appointment-box .date h4 {
	color: #bcc0d4;
}

.inner-box:hover {
	cursor: pointer;
	background-color: #152b59;
	border: 1px solid #152b59;
}

.inner-box.no-appointment-box:hover {
	cursor: not-allowed;
	background: #bcc0d4;
	border: 1px solid #bcc0d4;
}

.doc-info-left.doc-details {
	width: 512px;
}

.doc-info-right.appt-date {
	margin-left: auto;
	flex: auto;
	width: calc(100% - 512px);
	max-width: fit-content;
}

.clinic-booking.book-btns {
	max-width: 205px;
	display: flex;
	flex-direction: column;
	float: right;
}

/*-----------------
	42. Loader
-----------------------*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 999999;
}

.loader {
	display: inline-block;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	width: 50px;
	position: absolute;
	top: 50%;
}

.loader span {
	-webkit-animation: loader 1.3s linear infinite;
	animation: loader 1.3s linear infinite;
	background-color: #2b55b1;
	border-radius: 100%;
	display: inline-block;
	height: 50px;
	position: absolute;
	width: 50px;
}

.loader span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;
}

@
keyframes loader { 0% {
	transform: scale(0, 0);
	opacity: 0.5;
}

100
%
{
transform
:
scale(
1
,
1
);
opacity
:
0;
}
}
@
-webkit-keyframes loader { 0% {
	-webkit-transform: scale(0, 0);
	opacity: 0.5;
}

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

/*-----------------
	43. Product
-----------------------*/
.product-custom span.price {
	font-size: 20px;
	font-weight: 500;
}

.product-custom span.price-strike {
	font-weight: 400;
	text-decoration: line-through;
	color: #878eb2;
}

.product-custom .cart-icon {
	font-size: 18px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	float: right;
}

.product-custom .profile-widget:hover .cart-icon {
	color: #ffffff;
	background-color: #3b6ad0;
}

.product-description .doctor-img1 {
	width: 40%;
}

.product-description .doc-info-cont {
	width: 60%;
}

.feature-product span {
	padding-bottom: 10px;
	display: inline-block;
}

.feature-product ul li {
	padding: 3px 0;
}

ul.benifits-col li i {
	font-size: 20px;
	margin-right: 20px;
	color: #416fd2;
}

.custom-increment .input-group1 {
	display: flex;
	display: -webkit-flex;
	width: 100%;
}

.custom-increment .input-group-btn {
	
}

.custom-increment.cart .input-group1 {
	justify-content: center;
	-webkit-justify-content: center;
}

.custom-increment input[type=text] {
	border: 1px solid #d8dae6;
	border-radius: 0;
	padding: 7px 15px;
	text-align: center;
	width: 70%;
}

.custom-increment.cart input[type=text] {
	width: 60px;
}

.custom-increment input[type=text]:focus {
	border-color: transparent;
}

.custom-increment button {
	font-size: 14px;
	height: 39px;
	background: #d9dbe7;
	color: #14172c;
	border: 0;
	display: inline-block;
}

.custom-increment button:hover, .custom-increment button:focus,
	.custom-increment button:active {
	background: #d9dbe7 !important;
	color: #14172c !important;
	border: 0 !important;
}

.custom-increment.cart button {
	font-size: 10px;
}

.custom-increment button.btn-success {
	border-radius: 0 4px 4px 0;
}

.custom-increment button.btn-danger {
	border-radius: 4px 0px 0px 4px;
}

/*-----------------
	44. Cart
-----------------------*/
.view-cart-header {
	position: relative;
}

.view-cart-header .shopping-cart {
	margin: 20px 0;
	float: right;
	background: white;
	width: 320px;
	position: absolute;
	right: 0;
	top: 99%;
	border-radius: 3px;
	padding: 20px;
	z-index: 999;
	box-shadow: 0 2px 20px rgba(25, 26, 56, 0.2);
	display: none;
}

.view-cart-header .shopping-cart.show-cart {
	opacity: 1;
	visibility: visible;
}

.view-cart-header .shopping-cart-total {
	float: right;
}

.view-cart-header .shopping-cart-items {
	padding-top: 0px;
}

.view-cart-header .shopping-cart-items li {
	margin-bottom: 10px;
	padding-right: 0;
	display: block;
	border-bottom: 1px solid #e3e4ed;
	padding-bottom: 14px;
	position: relative;
}

.view-cart-header .shopping-cart-items .close-icon {
	position: absolute;
	top: 10px;
	right: 0;
	cursor: pointer;
}

.view-cart-header .shopping-cart-items img {
	float: left;
	width: 70px;
	margin-right: 12px;
	max-width: 100%;
	height: auto;
}

.view-cart-header .shopping-cart-items .item-name {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	padding-right: 20px;
}

.view-cart-header .shopping-cart-items .item-price {
	margin-right: 8px;
	color: #416fd2;
	font-size: 13px;
}

.view-cart-header .shopping-cart-items .item-quantity {
	color: #8b9ede;
	font-size: 13px;
}

.view-cart-header .shopping-cart:after {
	border: 7px solid #ffffff;
	border-color: transparent transparent #ffffff #ffffff;
	box-shadow: -2px 2px 2px -1px rgba(25, 26, 56, 0.1);
	content: "";
	right: 0;
	position: absolute;
	top: 2px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.view-cart-header .cart-icon {
	color: #3043a4;
	font-size: 24px;
	margin-right: 7px;
	float: left;
}

.view-cart-header .booking-date li {
	padding: 0;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.view-cart-header .booking-date li span {
	float: right;
}

.view-cart-header .booking-total {
	padding-top: 0;
	text-align: center;
}

.view-cart-header .apt-btn {
	font-size: 13px;
	padding: 7px 20px;
}

/*-----------------
	45. Slider
-----------------------*/
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left,
	.carousel-fade  .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right
	{
	opacity: 0;
}

.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left,
	.carousel-fade  .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

.carousel-item {
	height: 75vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: -1 !important;
}

.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	z-index: 10;
	padding-bottom: 20px;
	color: #ffffff;
	top: 110px;
	width: 100%;
	text-align: center;
}

.carousel-caption span {
	font-size: 32px;
	font-weight: 700;
	color: #162b5a;
}

.carousel-caption h2 {
	font-size: 54px;
	font-weight: 700;
	color: #22448e;
}

.carousel-caption p {
	font-size: 18px;
	font-weight: 700;
	color: #162b5a;
}

/*-----------------
	46. Account
-----------------------*/
.account-card {
	border-radius: 10px;
	margin-bottom: 30px;
	font-size: 16px;
	padding: 10px;
	text-align: center;
}

.account-card span {
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	font-weight: 500;
}

.info-list {
	margin-bottom: 10px;
}

.info-list .title {
	color: #172251;
	font-weight: 500;
}

.info-list .text {
	color: #596491;
	display: block;
	overflow: hidden;
}

/*-----------------
	47. About Us
-----------------------*/
.about-section {
	background: url(../img/about-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
	min-height: 700px;
}

.about-titile {
	font-size: 15px;
	color: #ffffff;
	background-color: #172858;
	border: 1px solid #172858;
	border-radius: 5px;
	padding: 12px 20px;
	display: inline-block;
}

.about-titile:hover {
	color: #ffffff;
}

.about-section h3 {
	color: #172251;
	font-size: 25px;
	font-weight: 600;
}

.about-section p {
	font-size: 16px;
	color: #14172c;
}

.select-category {
	margin-top: -100px;
	padding: 50px 0;
	padding-top: 0;
}

.category-subox {
	background-color: #ffffff;
	box-shadow: 0px 4px 5px 5px #e7edf9;
	border-radius: 8px;
	padding: 30px;
	text-align: center;
	overflow: hidden;
}

.category-subox h4 {
	color: #1f3f83;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	margin-bottom: 20px;
}

.category-subox p {
	font-size: 16px;
	color: #14172c;
}

.subox-img {
	position: relative;
	padding-top: 90px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.subox-img .subox-circle {
	width: 160px;
	height: 160px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: inset 0px 4px 5px 5px #e7edf9;
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.subox-img .subox-circle img {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -30%);
	-webkit-transform: translate(-50%, -30%);
	-ms-transform: translate(-50%, -30%);
}

.category-col {
	position: relative;
}

.category-col:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 150px;
	height: 26px;
	background-color: #ffffff;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-radius: 10px 10px;
}

.about-page {
	background-color: #ffffff;
}

.about-page .section-specialities {
	background-color: #e7edf9;
}

.about-page .section-specialities {
	padding: 50px 0;
}

.section-testimonial {
	padding: 50px 0;
}

.testimonial-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 300px;
}

.section-testimonial .testimonial-item {
	position: relative;
	margin-bottom: 30px;
}

.testimonial-item  .testimonial-img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.testimonial-item  .testimonial-img img {
	border-radius: 50%;
}

.testimonial-item  .testimonial-content {
	background: #ffffff;
	box-shadow: 0px 4px 5px 5px #e7edf9;
	border-radius: 8px;
	padding: 20px;
	padding-top: 90px;
	margin-top: -100px;
}

.testimonial-item  .testimonial-content p {
	font-size: 16px;
	color: #14172c;
}

.testimonial-item  .testimonial-content p.user-name {
	color: #2b55b1;
	font-weight: 600;
}

.testimonial-slider .slick-dots {
	margin-bottom: 30px;
}

.feature-subox {
	background: #ffffff;
	box-shadow: 0px 4px 5px 5px #e7edf9;
	border-radius: 8px;
	padding: 15px 15px 35px;
	margin-bottom: 45px;
}

.feature-subox h4 {
	color: #1f3f83;
	font-size: 18px;
	margin: 25px 0 0;
	font-weight: 600;
}

.section-featurebox {
	padding: 35px 0 135px;
	background: url(../img/features/feature-box-bg.png) no-repeat bottom
		center;
}

.feature-subox img {
	max-height: 215px;
	width: 100%;
	border-radius: 5px;
}

.feature-col-list {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
}

.feature-col {
	width: 350px;
	margin: 0 15px;
}

/*-----------------
	48. Contact Us
-----------------------*/
.contact-section {
	padding: 50px 0 60px;
	background: linear-gradient(360deg, rgba(46, 84, 179, 0.06) 40.94%,
		rgba(229, 241, 251, 0) 100%);
}

.contact-section h3 {
	color: #172251;
	font-size: 36px;
}

.contact-section p {
	color: #14172c;
	max-width: 710px;
	margin: 0 auto;
}

.infor-img {
	position: absolute;
	margin: 0 auto;
	top: -50px;
}

.infor-img .image-circle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #3b6ad0;
	box-shadow: 0px 10px 4px rgba(25, 26, 56, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 30px;
	margin: 0 auto;
}

.contact-box {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.contact-box .infor-details {
	background: #ffffff;
	box-shadow: 0px 4px 5px 5px #e7edf9;
	border-radius: 8px;
	padding: 20px;
	padding-top: 80px;
	width: 100%;
}

.contact-box .infor-details label {
	font-size: 16px;
	color: #14172c;
	margin-bottom: 20px;
}

.contact-box .infor-details p {
	color: #2b55b1;
	font-size: 16px;
	font-weight: 600;
}

.contact-form {
	padding: 50px 0 60px;
	background-color: #ffffff;
}

.contact-form .section-header {
	margin-bottom: 50px;
}

.contact-form form {
	background: #ffffff;
	box-shadow: 0px 4px 5px 5px #e7edf9;
	border-radius: 8px;
	padding: 30px;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.contact-form form label span {
	color: #d22dd1;
}

.contact-form form input, .contact-form form textarea {
	background: #ffffff;
	border: 1px solid #e7edf9;
	border-radius: 8px;
}

.contact-form form textarea {
	min-height: 200px;
	resize: none;
	padding: 6px 15px;
}

.contact-form .btn {
	font-size: 15px;
	font-weight: 600;
	padding: 11px 30px;
	color: #ffffff;
	border-radius: 8px;
	border: 1px solid #e7edf9;
}

.contact-map iframe {
	width: 100%;
	border: none;
	height: 400px;
}

/*-----------------
	49. Home One Banner
-----------------------*/
.home-one-banner {
	background: #e7edf9;
	padding: 20px 0 0px;
	font-family: 'Encode Sans', sans-serif;
	position: relative;
	overflow: hidden;
}

.nav-bg {
	background-color: #ffffff;
	border-radius: 50px;
	position: relative;
}

.header-nav-one {
	height: 97px;
}

.nav-bg .navbar-header {
	margin-top: 0px;
}

.nav-bg .main-menu-wrapper {
	display: flex;
}

.nav-bg .header-navbar-rht {
	margin: 0;
	padding: 0;
}

.black-font>li>a {
	font-size: 16px;
	font-weight: 600;
	color: #1b1a36;
	font-family: 'Encode Sans', sans-serif;
}

.grey-font>li>a {
	color: #1f3e82;
}

.nav-bg .main-nav .has-submenu.active .submenu li.active>a {
	color: #2b55b1;
}

.nav-bg .main-nav li .submenu a:hover {
	color: #2b55b1;
	letter-spacing: 0.5px;
	padding-left: 20px;
}

.nav-bg .main-nav .has-submenu.active>a {
	color: #2b55b1;
}

.nav-bg .login-blue-bg {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 30px;
	text-align: center;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 50px;
	min-width: 110px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bg .login-blue-bg:hover {
	color: #1e1c3a;
	border: 1px solid #1e1c3a;
	background: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bg .signup-white-bg {
	font-size: 16px;
	font-weight: 700;
	color: #1e1c3a;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 30px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #1e1c3a;
	box-shadow: inset 0 0 0 0 #2b55b1;
	border-radius: 50px;
	min-width: 110px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bg .signup-white-bg:hover {
	color: #ffffff;
	border: 1px solid #2b55b1;
	background: #2b55b1;
	box-shadow: inset 0 50px 0 0 #2b55b1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.banner-left {
	margin: auto;
}

.scroll-down {
	position: absolute;
	right: auto;
	left: -50px;
	top: 70px;
}

.scroll-down .scroll-text {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	width: 150px;
	right: auto;
	left: -64px;
	top: 28px;
}

.scroll-down .scroll-text p {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #466ed0;
	margin-bottom: 0;
}

.scroll-center {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	margin-top: 125px;
}

.scroll-arrow-one {
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #466ed0;
	border-bottom: 1px solid #466ed0;
	margin: -8px 0 8px 5px;
	width: 14px;
	height: 14px;
	-webkit-animation: mouse-scroll .4s infinite;
	-moz-animation: mouse-scroll .4s infinite;
	-webkit-animation-direction: alternate;
}

.scroll-arrow-two {
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #466ed0;
	border-bottom: 1px solid #466ed0;
	margin: -14px 0 8px 5px;
	width: 14px;
	height: 14px;
	-webkit-animation: mouse-scroll .8s infinite;
	-moz-animation: mouse-scroll .8s infinite;
	-webkit-animation-direction: alternate;
}

.scroll-mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid #466ed0;
	margin-bottom: 6px;
}

.scroll-wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: #466ed0;
	position: relative;
	height: 4px;
	width: 4px;
	border: 2px solid #466ed0;
	border-radius: 8px;
	-webkit-animation: mouse-wheel 2s linear infinite;
	-moz-animation: mouse-wheel 2s linear infinite;
}

@
-webkit-keyframes mouse-wheel { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
}
@
-moz-keyframes mouse-wheel { 0% {
	top: 1px;
}

25
%
{
top
:
2px;
}
50
%
{
top
:
6px;
}
75
%
{
top
:
2px;
}
100
%
{
top
:
1px;
}
}
@
-webkit-keyframes mouse-scroll { 0% {
	opacity: 0;
}

25
%
{
opacity
:
.25;
}
50
%
{
opacity
:
.5;
}
75
%
{
opacity
:
.75;
}
100
%
{
opacity
:
1;
}
}
@
-moz-keyframes mouse-scroll { 0% {
	opacity: 0;
}

50
%
{
opacity
:
.5;
}
100
%
{
opacity
:
1;
}
}
@
-o-keyframes mouse-scroll { 0% {
	opacity: 0;
}

25
%
{
opacity
:
.25;
}
50
%
{
opacity
:
.5;
}
75
%
{
opacity
:
.75;
}
100
%
{
opacity
:
1;
}
}
@
keyframes mouse-scroll { 0% {
	opacity: 0;
}

25
%
{
opacity
:
.25;
}
50
%
{
opacity
:
.5;
}
75
%
{
opacity
:
.75;
}
100
%
{
opacity
:
1;
}
}
.banner-left .banner-info h2 {
	font-size: 48px;
	font-weight: 700;
	color: #14172c;
	margin-bottom: 20px;
}

.banner-left .banner-info h2 span {
	color: #2b55b1;
}

.banner-left .banner-details {
	padding-top: 20px;
}

.banner-left .banner-details h4 {
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 20px;
	background: #2b55b1;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
}

.banner-left .banner-details p {
	font-size: 20px;
	font-weight: 400;
	color: #1f3e82;
	margin-bottom: 0px;
	max-width: 500px;
}

.bg-shapes {
	position: relative;
}

.bg-shapes .shape-01 {
	position: absolute;
	opacity: 0.5;
	top: 0px;
	left: 0;
}

.bg-shapes .shape-02 {
	position: absolute;
	right: 0;
	top: 490px;
	width: 110px;
}

.bg-shapes .shape-03 {
	position: absolute;
	left: 48%;
	top: 130px;
}

.bg-shapes .shape-04 {
	position: absolute;
	right: 0;
	top: -50px;
}

/*-----------------
	50. Appoinment
-----------------------*/
.appoinment-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
}

.appoinment-box {
	background: #ffffff;
	box-shadow: 0px 30px 80px rgba(46, 84, 179, 0.02), 0px 64.8148px
		46.8519px rgba(46, 84, 179, 0.015), 0px 38.5185px 25.4815px
		rgba(46, 84, 179, 0.012), 0px 20px 13px rgba(46, 84, 179, 0.01),
		0px 8.14815px 6.51852px rgba(46, 84, 179, 0.008), 0px 1.85185px
		3.14815px rgba(46, 84, 179, 0.005);
	border-radius: 6px;
	margin-top: -45px;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
}

.appoinment-box .appoinment-location i {
	color: #2b55b1;
	font-size: 18px;
	position: absolute;
	top: 15px;
}

.appoinment-box .appoinment-location {
	position: relative;
}

.appoinment-box .appoinment-location .form-control {
	background: transparent;
	border: transparent;
	position: relative;
	height: auto;
	padding: 0px 26px;
}

.appoinment-box .appoinment-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.appoinment-box .appoinment-btn {
	width: 50px;
	height: 50px;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #2b55b1;
	background: #2b55b1;
	margin-right: 20px;
}

.appoinment-box .appoinment-btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
}

.appoinment-box .appoinment-search-btn i {
	font-size: 20px;
}

.appoinment-box .appoinment-search-btn {
	color: #14172c;
	font-size: 16px;
	min-width: 185px;
	height: 50px;
	background: #eff0f5;
	border-radius: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.appointment-bg {
	background: #ffffff;
	padding: 20px 0 0px;
}

.appointment-bg .custom-contain {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.appointment-bg .appointment-left {
	margin: 0 -15px;
}

.appointment-grid {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	border-radius: 6px;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	padding: 20px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-grid:hover {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	box-shadow: 0px 30px 30px rgba(31, 53, 114, 0.2);
	border-radius: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-grid:hover .appointment-link {
	color: #2b55b1;
}

.appointment-grid:hover .appointment-read-btn {
	color: #ffffff;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-grid:hover .appointment-info .appointment-read-btn i {
	left: 6px;
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-icon {
	font-size: 40px;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.icon-primary {
	color: #dd5fdc;
	background: #fbeafa;
	border: 1px solid #e7edf9;
}

.icon-green {
	color: #6f27ad;
	background: #fae8fa;
	border: 1px solid #e7edf9;
}

.icon-red {
	color: #de64dd;
	background: #fdf3fc;
	border: 1px solid #e7edf9;
}

.appointment-info {
	padding-bottom: 50px;
}

.appointment-info .appointment-link {
	font-weight: 600;
	font-size: 28px;
	color: #14172c;
	line-height: normal;
}

.appointment-info p {
	font-size: 16px;
	color: #1f3e82;
	margin-top: 10px;
	margin-bottom: 20px;
}

.appointment-info .appointment-read-btn {
	font-weight: bold;
	font-size: 18px;
	color: #1e1c3a;
	min-width: 170px;
	padding: 10px 25px;
	background: #ffffff;
	border: 1px solid #1e1c3a;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 50px;
	position: absolute;
	bottom: 20px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-info .appointment-read-btn i {
	position: relative;
	left: 0;
	color: #1e1c3a;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.appointment-schedule {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	border-radius: 6px;
	margin-bottom: 30px;
	position: relative;
	padding: 20px;
}

.schedule-title {
	font-weight: 600;
	font-size: 28px;
	color: #14172c;
	margin-bottom: 20px;
}

.appointment-schedule ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.appointment-schedule ul li {
	font-weight: 400;
	color: #1f3e82;
	overflow: hidden;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.appointment-schedule ul li:first-child {
	padding-top: 0;
}

.appointment-schedule ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.appointment-schedule ul li span {
	float: left;
	font-weight: 600;
}

.appointment-request {
	background: #2b55b1;
	border: 1px solid #2b55b1;
	border-radius: 6px;
	margin-bottom: 30px;
	position: relative;
	padding: 20px;
}

.appointment-img-holder {
	margin-right: 20px;
}

.appointment-info-holder p {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 12px;
}

.appointment-info-holder h2 {
	font-size: 44px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 0px;
}

/*-----------------
	51. Service Section
-----------------------*/
.service-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #eef2fb;
	padding: 80px 0 80px;
}

.service-grid {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

.service-grid .effect-oscar {
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-grid .effect-oscar .services-img {
	position: relative;
	border-radius: 5px;
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.service-grid:hover .effect-oscar .services-img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.service-grid .effect-oscar .services-caption {
	padding: 40px;
	color: #ffffff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.service-grid .effect-oscar .services-caption::before, .service-grid .effect-oscar .services-caption::after
	{
	pointer-events: none;
}

.service-grid .effect-oscar p {
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	color: #ffffff;
	margin-bottom: 20px;
}

.service-grid .effect-oscar .service-link {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	background: #2b55b1;
	color: #ffffff;
	margin: auto;
	display: block;
	font-weight: 400;
	font-size: 14px;
}

.effect-oscar .services-caption::before, .effect-oscar .service-link {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.effect-oscar:hover .services-caption::before, .effect-oscar:hover .service-link
	{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-oscar .services-caption {
	padding-left: 15px;
	padding-right: 15px;
}

.effect-oscar .services-caption::before {
	position: absolute;
	top: 15px;
	right: 0px;
	left: 0px;
	bottom: 15px;
	content: '';
	background: rgba(25, 26, 56, 0.72);
	border-radius: 10px;
	margin-right: 15px;
	margin-left: 15px;
}

.effect-oscar .services-caption::before, .effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.effect-oscar:hover .services-caption::before, .effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-oscar:hover .services-caption {
	background-color: rgba(58, 52, 42, 0);
}

.effect-oscar .services-caption::before, .effect-oscar .service-grid-icon
	{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.effect-oscar:hover .services-caption::before, .effect-oscar:hover .service-grid-icon
	{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.service-grid-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	background: #2b55b1;
	border-radius: 10px;
	margin: 0px auto 20px;
	position: relative;
}

.service-grid-icon img {
	width: 40px;
}

/*-----------------
	52. Doctor Section
-----------------------*/
.doctor-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
	padding: 80px 0 80px;
	position: relative;
	overflow: hidden;
}

.doctor-right-img {
	position: absolute;
	right: 0;
}

.doctor-book-slider {
	padding-bottom: 0px;
}

.doctor-section .slick-slide, .doctor-book-slider .slick-slide,
	.doctor-book-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
	padding-bottom: 0;
}

.doctor-profile-widget {
	border-radius: 6px;
	padding: 0px;
	margin-bottom: 60px;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(108, 135, 216, 0.34);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-profile-widget:hover {
	border: 1px solid #e4e6ee;;
	box-shadow: 0px 35px 35px rgb(0 28 43/ 10%);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-profile-widget .pro-content {
	padding: 0;
}

.doctor-profile-widget .provider-info {
	background-color: #ffffff;
	padding: 15px;
	position: absolute;
	top: calc(100% - 85px);
	width: 100%;
	left: 0;
	text-align: center;
	border-radius: 0px 0px 6px 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-profile-widget:hover .provider-info p {
	margin-bottom: 5px;
}

.doctor-profile-widget:hover .provider-info {
	top: calc(100% - 250px);
	box-shadow: 0px 35px 35px rgb(0 28 43/ 10%);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 4%, 0);
	transform: translate3d(0, 4%, 0);
	box-shadow: 0px 30px 30px rgb(47 70 86/ 20%);
}

.doctor-profile-widget .provider-info .pro-icon {
	background: #2b55b1;
	border: 1.5px solid #ffffff;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	display: none;
	margin: -40px auto 14px;
	position: relative;
}

.doctor-profile-widget .provider-info .pro-icon img {
	width: 30px;
	display: unset;
}

.doctor-profile-widget:hover .provider-info .pro-icon {
	display: flex;
}

.doctor-profile-widget .provider-info h3 a {
	font-size: 22px;
	font-weight: 600;
	color: #2b55b1;
}

.doctor-profile-widget .provider-info h3 a img {
	display: inline-block;
}

.doctor-profile-widget .book-doctor {
	width: 100%;
	padding: 0;
	border-radius: 6px 6px 0px 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.doctor-profile-widget:hover .book-doctor {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.doctor-profile-widget .provider-info p {
	color: #466ed0;
	margin-bottom: 13px;
}

.doctor-profile-widget .provider-info .rating {
	font-size: 14px;
	width: auto;
	margin-bottom: 15px;
	color: #466ed0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-profile-widget .provider-info .rating i.filled {
	color: #de66dd;
}

.doctor-profile-widget .provider-info .rating i {
	color: #466ed0;
}

.doctor-profile-widget .content-info {
	padding: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-profile-widget .provider-info .social-info {
	display: flex;
	justify-content: center;
	align-items: center;
}

.doctor-profile-widget .provider-info .social-info a {
	padding: 0px 2px;
	position: relative;
}

.doctor-profile-widget .provider-info .social-info a i {
	font-size: 14px;
	color: #ffffff;
	background: #2b55b1;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.doctor-profile-widget .provider-info .social-info a i:hover {
	color: #ffffff;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 90px;
	height: 90px;
	border-radius: 0;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #ffffff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 0;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {
	speak: none;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon {
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon:after {
	display: none;
}

.hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.5s forwards;
	-moz-animation: toTopFromBottom 0.5s forwards;
	animation: toTopFromBottom 0.5s forwards;
}

@
-webkit-keyframes toTopFromBottom { 49% {
	-webkit-transform: translateY(-100%);
}

50
%
{
opacity
:
0;
-webkit-transform
:
translateY(
100%
);
}
51
%
{
opacity
:
1;
}
}
@
-moz-keyframes toTopFromBottom { 49% {
	-moz-transform: translateY(-100%);
}

50
%
{
opacity
:
0;
-moz-transform
:
translateY(
100%
);
}
51
%
{
opacity
:
1;
}
}
@
keyframes toTopFromBottom { 49% {
	transform: translateY(-100%);
}

50
%
{
opacity
:
0;
transform
:
translateY(
100%
);
}
51
%
{
opacity
:
1;
}
}
.booking-btn {
	margin-top: 20px;
	margin-bottom: 0px;
}

.booking-btn .book-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 25px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 4px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.booking-btn .book-btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-book-slider .slick-prev {
	right: 0;
	left: 10px;
	top: 104.5%;
}

.doctor-book-slider .slick-next {
	right: 0;
	left: 60px;
	top: 104.5%;
}

.doctor-book-slider .slick-prev, .doctor-book-slider .slick-next {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-color: #e7edf9;
	color: #2b55b1;
	box-shadow: unset;
	opacity: 1;
}

.doctor-book-slider .slick-prev:hover, .doctor-book-slider .slick-next:hover
	{
	background-color: #2b55b1;
	color: #ffffff;
	opacity: 1;
}

.doctor-book-slider .slick-next:hover:before, .doctor-book-slider .slick-prev:hover:before
	{
	color: #ffffff;
}

.doctor-book-slider .slick-next:before, .doctor-book-slider .slick-prev:before
	{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #2b55b1;
	opacity: 1;
	font-size: 15px;
}

.doctor-book-slider .slick-prev:before {
	content: "\f053";
}

.slick-view-btn .btn {
	display: inline-block;
	padding: 9px 23px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 4px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
}

.slick-view-btn .btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	53. Features Section
-----------------------*/
.features-section {
	padding: 80px 0 80px;
	background-color: rgba(46, 84, 179, 0.07);
	font-family: 'Encode Sans', sans-serif;
}

.features-section-slider {
	padding-bottom: 60px;
}

.features-grid {
	position: relative;
	text-align: center;
	margin-bottom: 0px;
	background: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 6px;
}

.features-cricle {
	background: url(../img/shapes/shape-9.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 220px;
	height: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
}

.features-cricle .features-round {
	background-color: #f3f3f7;
	border: 1px solid #f3f3f7;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
}

.features-cricle .features-round img {
	width: 80px;
}

.features-grid h4 {
	font-weight: 600;
	font-size: 22px;
	color: #1e1c3a;
	margin-bottom: 0;
}

.features-grid:hover h4 {
	color: #ffffff;
}

.features-grid:hover .features-cricle {
	background: url(../img/shapes/shape-11.png);
	-webkit-animation: pulse-secondary 2s infinite;
	animation: pulse-secondary 2s infinite;
	-webkit-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
	border-radius: 100%;
}

@
-webkit-keyframes pulse-secondary { 0% {
	-webkit-box-shadow: 0 0 0 rgba(51, 92, 197, 0.3);
	box-shadow: 0 0 0 rgba(51, 92, 197, 0.3);
}

70
%
{
-webkit-box-shadow
:
0
0
0
10px
rgba(
16
,
229
,
153
,
0
);
box-shadow
:
0
0
0
10px
rgba(
16
,
229
,
153
,
0
);
}
100
%
{
-webkit-box-shadow
:
0
0
0
0
rgba(
16
,
229
,
153
,
0
);
box-shadow
:
0
0
0
0
rgba(
16
,
229
,
153
,
0
);
}
}
@
keyframes pulse-secondary { 0% {
	-webkit-box-shadow: 0 0 0 rgba(51, 92, 197, 0.3);
	box-shadow: 0 0 0 rgba(51, 92, 197, 0.3);
}

70
%
{
-webkit-box-shadow
:
0
0
0
10px
rgba(
16
,
229
,
153
,
0
);
box-shadow
:
0
0
0
10px
rgba(
16
,
229
,
153
,
0
);
}
100
%
{
-webkit-box-shadow
:
0
0
0
0
rgba(
16
,
229
,
153
,
0
);
box-shadow
:
0
0
0
0
rgba(
16
,
229
,
153
,
0
);
}
}
.features-grid .features-cricle:hover .features-round {
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.features-section .slick-slide, .features-section-slider .slick-slide,
	.features-section-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
	padding-bottom: 0;
}

.hvr-bounce-to-bottom {
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2b55b1;
	border-radius: 6px;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus,
	.hvr-bounce-to-bottom:active {
	color: white;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before,
	.hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.features-section-slider .slick-prev {
	right: 0;
	left: 10px;
	top: 420px;
}

.features-section-slider .slick-next {
	right: 0;
	left: 60px;
	top: 420px;
}

.features-section-slider .slick-prev, .features-section-slider .slick-next
	{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-color: #eff0f5;
	color: #1f3e82;
	box-shadow: unset;
	opacity: 1;
}

.features-section-slider .slick-prev:hover, .features-section-slider .slick-next:hover
	{
	background-color: #2b55b1;
	color: #ffffff;
	opacity: 1;
}

.features-section-slider .slick-next:hover:before,
	.features-section-slider .slick-prev:hover:before {
	color: #ffffff;
}

.features-section-slider .slick-next:before, .features-section-slider .slick-prev:before
	{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #1f3e82;
	opacity: 1;
	font-size: 15px;
}

.features-section-slider .slick-prev:before {
	content: "\f053";
}

/*-----------------
	54. News Section
-----------------------*/
.news-letter-bg {
	font-family: 'IBM Plex Sans', sans-serif;
	padding: 130px 0 80px;
	background-color: #ffffff;
}

.news-section {
	padding: 0px 0 80px;
	font-family: 'Encode Sans', sans-serif;
}

.news-letter-bg .news-bg {
	background: url(../img/blog/news-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
}

.news-bg .news-left {
	margin: auto;
}

.news-bg .news-left>div {
	padding-left: 60px;
	padding-right: 60px;
}

.news-bg .news-left h2 {
	font-weight: 700;
	font-size: 44px;
	color: #ffffff;
	margin-bottom: 10px;
}

.news-bg .news-left p {
	font-weight: 500;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 20px;
}

.news-bg .news-left .form-group {
	margin-bottom: 0;
}

.news-bg .news-left .form-control {
	width: 350px;
	min-height: 50px;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	display: inline-block;
}

.news-bg .news-left .btn {
	font-weight: 700;
	font-size: 18px;
	color: #2b55b1;
	min-width: 180px;
	height: 50px;
	background: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: inset 0 0 0 0 #2b55b1;
	border-radius: 8px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.news-bg .news-left .btn:hover {
	color: #ffffff;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.news-bg .news-img {
	margin-top: -80px;
}

.grid-news {
	background: #ffffff;
	border: 1px solid #abbdea;
	border-radius: 6px;
	margin-bottom: 60px;
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.grid-news:hover {
	background: #ffffff;
	border: 1px solid #abbdea;
	box-shadow: 0px 35px 35px rgba(15, 21, 47, 0.1);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.grid-news .news-image {
	margin-bottom: 0px;
	overflow: hidden;
	border-radius: 6px 6px 0px 0px;
}

.grid-news .news-image, .grid-news .news-image>a, .grid-news .news-image img
	{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.grid-news:hover .news-image a img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.grid-news .news-image img {
	border-radius: 6px 6px 0px 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.grid-news .news-content {
	padding: 20px;
	position: relative;
}

.grid-news .news-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.grid-news .news-content ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.grid-news .news-content ul li:last-child {
	margin: 0;
}

.grid-news .news-content ul li .news-date a {
	font-weight: 600;
	font-size: 16px;
	padding: 10px;
	height: 43px;
	background: #1f3e82;
	border-radius: 5px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.grid-news .news-content ul li .news-date a:hover {
	background: #2b55b1;
	color: #ffffff;
}

.grid-news .news-content ul li .news-date .news-light-btn {
	font-weight: 400;
	background: #edf2fb;
	border-radius: 5px;
	color: #2b55b1;
}

.grid-news .news-content .news-title {
	margin-top: 4px;
	max-width: 350px;
}

.grid-news .news-content .news-title a {
	font-weight: 600;
	font-size: 22px;
	color: #1f3e82;
}

.grid-news:hover .news-content .news-title a {
	color: #2b55b1;
}

.grid-news .news-content p {
	margin-top: 10px;
	margin-bottom: 0;
}

.grid-news .news-content p a {
	font-weight: 500;
	font-size: 18px;
	text-decoration: underline;
	color: #de64dd;
}

.grid-news:hover .news-content p a {
	color: #1e1c3a;
}

.news-section .view-more {
	display: inline-block;
	padding: 8px 25px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 4px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
}

.news-section .view-more:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	55. Footer One
-----------------------*/
.footer-one {
	background: url(../img/footer-bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.footer-one .footer-top {
	font-family: 'Encode Sans', sans-serif;
}

.footer-one .footer-widget .footer-logo {
	margin-bottom: 20px;
}

.footer-one .footer-widget .footer-about-content p {
	margin-bottom: 20px;
}

.footer-one .social-icon ul li a:hover {
	color: #98ade4;
}

.footer-one .footer-menu ul li a {
	color: #98ade4;
	padding-left: 0px;
}

.footer-one .footer-widget.footer-menu ul li a:hover {
	padding-left: 15px;
}

.footer-one .footer-menu ul li a::before {
	display: none;
}

.footer-one .footer-contact-info {
	color: #98ade4;
}

.footer-one .footer-contact-info i {
	font-size: 20px;
	color: #ffffff;
}

.footer-one .footer-bottom {
	font-family: 'IBM Plex Sans', sans-serif;
}

.footer-one .footer-bottom .copyright {
	border-top: 1px solid rgba(242, 240, 250, 0.27);
}

.footer-one .policy-menu li a:hover, .policy-menu li a:focus {
	color: #98ade4;
}

/*-----------------
	56. Home Two Header
-----------------------*/
.nav-bg-two .login-blue-bg {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 30px;
	text-align: center;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 50px;
	min-width: 110px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bg-two .login-blue-bg:hover {
	color: #1e1c3a;
	border: 1px solid #1e1c3a;
	background: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-bg-two .login-blue-bg i {
	font-size: 18px;
}

/*-----------------
	57. Banner Two
-----------------------*/
.home-banner-two {
	position: relative;
	font-family: 'Encode Sans', sans-serif;
	padding: 80px 0;
}

.home-banner-two .slick-slide img {
	width: 100%;
}

.home-banner-two .profile-widget {
	padding: 0;
	margin-bottom: 0px;
	border-radius: 0;
	border: none;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 700px;
}

.slider-img-one {
	background: url(../img/banner-6.jpg);
}

.slider-img-two {
	background: url(../img/banner-6.jpg);
}

.slider-img-three {
	background: url(../img/banner-6.jpg);
}

.slider-img-four {
	background: url(../img/banner-6.jpg);
}

.banner-two-form {
	position: absolute;
	top: 50%;
	padding: 0px 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-two-form .app-form {
	background: #ffffff;
	border-radius: 5px;
	padding: 15px;
}

.banner-two-form .search-area {
	background: #0f1f40;
	border-radius: 5px;
	padding: 30px;
}

.banner-two-form .app-form h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 40px;
}

.banner-two-form label {
	font-size: 16px;
	color: #eff0f5;
}

.banner-two-form .search-btn {
	font-size: 18px;
	font-weight: 700;
	font-family: 'IBM Plex Sans', sans-serif;
	margin-top: 0.5rem;
}

.home-banner-two .slick-dots {
	display: none !important;
}

.home-banner-two .slider-counter-three {
	background: rgba(25, 26, 56, 0.38);
	border-radius: 10px;
	position: absolute;
	right: 270px;
	float: right;
	bottom: 147px;
	font-weight: 500;
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 5px;
	padding: 10px;
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

.home-banner-two .slick-prev {
	right: 416px;
	left: auto;
	bottom: 75px;
	top: inherit;
	transform: none;
	-webkit-transform: none;
}

.home-banner-two .slick-next {
	right: 280px;
	left: auto;
	bottom: 75px;
	top: inherit;
	transform: none;
	-webkit-transform: none;
}

.home-banner-two .slick-prev, .home-banner-two .slick-next {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-color: #eff0f5;
	color: #2b55b1;
	box-shadow: unset;
	opacity: 1;
	z-index: 1;
}

.home-banner-two .slick-prev:hover, .home-banner-two .slick-next:hover {
	background-color: #2b55b1;
	color: #ffffff;
	opacity: 1;
}

.home-banner-two .slick-next:hover:before, .home-banner-two .slick-prev:hover:before
	{
	color: #ffffff;
}

.home-banner-two .slick-next:before, .home-banner-two .slick-prev:before
	{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #1f3e82;
	opacity: 1;
	font-size: 15px;
}

.home-banner-two .slick-prev:before {
	content: "\f053";
}

/*-----------------
	58. Looking Section
-----------------------*/
.looking-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
	padding: 0px 0 60px;
}

.looking-grid {
	background: #f5f7fc;
	border: 1px solid #f5f7fc;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid:hover {
	background: #2b55b1;
	border: 1px solid rgba(108, 135, 216, 0.34);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2b55b1;
	border-radius: 6px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before,
	.hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.looking-grid:hover .looking-link {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-small-icon {
	margin-bottom: 10px;
}

.looking-small-icon i {
	font-size: 50px;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid:hover .looking-small-icon i {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-info {
	padding-bottom: 0px;
}

.looking-info .looking-link {
	font-weight: 600;
	font-size: 28px;
	color: #14172c;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-info p {
	font-size: 16px;
	color: #1f3e82;
	margin-top: 10px;
	margin-bottom: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid:hover .looking-info p {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-big-icon {
	align-items: center;
	color: rgba(46, 84, 179, 0.1);
	display: inline-flex;
	font-size: 160px;
	justify-content: center;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid:hover .looking-big-icon {
	color: rgba(242, 240, 250, 0.12);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	59. Best Doctor Section
-----------------------*/
.best-doctor-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
	padding: 20px 0 80px;
}

.best-doctor-section .slick-slide, .best-doctor-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 5px;
	width: 280px;
	padding-bottom: 0;
}

.best-doctor-widget {
	padding: 20px;
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	border-radius: 6px;
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	margin-bottom: 60px;
}

.best-doctor-widget:hover {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.11);
	box-shadow: 0px 22px 40px rgba(180, 182, 210, 0.5);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctor-widget .best-doctor-image {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.best-doctor-widget .best-doctor-image>a, .best-doctor-widget .best-doctor-image img
	{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.best-doctor-widget .best-doctor-image img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.best-doctor-widget:hover .best-doctor-image a img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.best-doctor-widget .item-info {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	padding: 0px 30px 0px;
	z-index: 1;
}

.best-doctor-widget .item-info .doctor-verify-overlay {
	float: left;
	align-items: center;
}

.best-doctor-widget .item-info .doctor-verify-overlay a {
	font-size: 16px;
	color: #14172c;
	padding: 0px;
	width: 100px;
	height: 34px;
	background: transparent;
	border-radius: 0px 5px 5px 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: -10px;
	top: -6px;
}

.best-doctor-widget .item-info .doctor-verify-overlay a:hover {
	color: #2b55b1;
}

.best-doctor-widget:hover .item-info .doctor-verify-overlay a {
	background: #ffffff;
	-webkit-transform: translate3d(0, 4%, 0);
	transform: translate3d(0, 4%, 0);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	left: 20px;
}

.best-doctor-widget .item-info .doctor-verify-overlay img {
	display: unset;
	margin-left: 8px;
}

.best-doctor-widget .item-info .doctor-verify-overlay span {
	display: none;
}

.best-doctor-widget:hover .item-info .doctor-verify-overlay  span {
	display: inline-block;
}

.best-doctor-widget .item-info .doctor-fav-btn {
	float: right;
}

.best-doctor-widget .item-info .doctor-fav-btn .fav-icon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ffffff;
	border: 1.5px solid #ffffff;
	width: 24px;
	height: 24px;
	font-size: 13px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	border-radius: 3px;
	color: #14172c;
	z-index: 99;
}

.best-doctor-widget .item-info .doctor-fav-btn .fav-icon:hover {
	background-color: #2b55b1;
	color: #ffffff;
	border: 1.5px solid #ffffff;
}

.best-doctor-widget .item-info .doctor-fav-btn .fav-icon.favourite {
	background-color: #2b55b1;
	color: #ffffff;
	border: 1.5px solid #ffffff;
}

.best-doctor-widget .provider-info h3 a {
	font-size: 22px;
	font-weight: 600;
	color: #2b55b1;
}

.best-doctor-widget .provider-info p {
	color: #466ed0;
	margin-bottom: 10px;
}

.doctor-appointment-btn {
	padding-top: 10px;
}

.doctor-appointment-btn .btn {
	font-weight: 600;
	box-shadow: inset 0 0 0 #1f3e82;
	width: 100%;
}

.best-doctor-widget:hover .doctor-appointment-btn .btn {
	color: #ffffff;
	border: 1px solid #1f3e82;
	background: #1f3e82;
	box-shadow: inset 250px 0 0 0 #1f3e82;
}

.best-doctor-widget .best-doctor-image .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(46, 84, 179, 0.67);
	overflow: hidden;
	width: 0;
	height: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctor-widget:hover .best-doctor-image .overlay {
	width: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctor-widget .best-doctor-image .pro-icon {
	background: #2b55b1;
	border: 1.5px solid #ffffff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	margin: 0px auto 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.best-doctor-widget .best-doctor-image .pro-icon img {
	width: 30px;
	display: unset;
}

.best-doctor-widget .best-doctor-image .social-info {
	display: flex;
	justify-content: center;
	align-items: center;
}

.best-doctor-widget .best-doctor-image .social-info {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.best-doctor-widget .best-doctor-image .social-info a {
	padding: 0px 2px;
	position: relative;
}

.best-doctor-widget .best-doctor-image .social-info a i {
	font-size: 18px;
	color: #ffffff;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.best-doctor-slider .slick-prev {
	left: -70px;
	right: auto;
}

.best-doctor-slider .slick-next {
	right: -70px;
	left: auto;
}

.best-doctor-slider .slick-prev, .best-doctor-slider .slick-next {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-color: rgba(46, 84, 179, 0.2);
	color: #2b55b1;
	box-shadow: unset;
	opacity: 1;
	width: 56px;
	height: 56px;
}

.best-doctor-slider .slick-prev:hover, .best-doctor-slider .slick-next:hover
	{
	background-color: #2b55b1;
	color: #ffffff;
	opacity: 1;
}

.best-doctor-slider .slick-next:hover:before, .best-doctor-slider .slick-prev:hover:before
	{
	color: #ffffff;
}

.best-doctor-slider .slick-next:before, .best-doctor-slider .slick-prev:before
	{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ffffff;
	opacity: 1;
	font-size: 16px;
}

.best-doctor-slider .slick-prev:before {
	content: "\f060";
}

/*-----------------
	60. Features Clinic Section
-----------------------*/
.features-clinic-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: rgba(46, 84, 179, 0.05);;
	padding: 80px 0 80px;
}

.clinic-row {
	padding-left: 15px;
	padding-right: 15px;
}

.clinic-main-grid {
	padding-left: 0;
	padding-right: 0;
}

.clinic-grid {
	position: relative;
	text-align: center;
	margin-bottom: 0px;
	background: transparent;
	border: 1px solid rgba(108, 135, 216, 0.34);
	padding-top: 40px;
	padding-bottom: 40px;
}

.clinic-grid h4 {
	font-weight: 600;
	font-size: 22px;
	color: #1e1c3a;
	margin-top: 20px;
	margin-bottom: 0;
}

.clinic-grid:hover h4 {
	color: #ffffff;
}

.features-clinic-section .hvr-bounce-to-right:before {
	border-radius: 0;
}

/*-----------------
	61. High Service Section
-----------------------*/
.high-service-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
	padding: 80px 0 60px;
	position: relative;
	overflow: hidden;
}

.high-service-box {
	background: rgba(46, 84, 179, 0.05);
	border: 1px solid rgba(108, 135, 216, 0.34);
	border-radius: 6px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner {
	height: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}

.high-service-box .high-service-img {
	align-items: center;
	border-radius: 50%;
	background-color: #2b55b1;
	display: inline-flex;
	justify-content: center;
	text-align: center;
	height: 80px;
	width: 80px;
	position: absolute;
	top: -15px;
	right: -10px;
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .high-service-img img {
	width: 36px;
}

.high-service-box .high-service-img .service-img-small {
	width: 30px;
}

.high-service-box:hover .high-service-img {
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .high-service-head {
	font-weight: 500;
	font-size: 18px;
	color: #14172c;
	margin-bottom: 10px;
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box:hover .service-box-inner .high-service-head {
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .high-service-text {
	font-weight: 400;
	font-size: 16px;
	color: #1f3e82;
	margin-bottom: 0px;
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box:hover .service-box-inner .high-service-text {
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #2b55b1;
	overflow: hidden;
	width: 0;
	height: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box:hover .service-box-inner .overlay {
	width: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .overlay .pro-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto 0px;
	position: absolute;
	top: 60px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.high-service-box .service-box-inner .overlay .pro-icon img {
	width: 70px;
}

.high-service-box .service-box-inner .overlay .pro-icon .service-img-big
	{
	width: 56px;
}

.high-service-box:hover .service-box-inner .overlay .pro-text {
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .overlay .pro-text {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .overlay .pro-text h4 {
	font-weight: 500;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-box .service-box-inner .overlay .pro-text p {
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.high-service-section .high-btn {
	margin-top: 40px;
}

/*-----------------
	62. Blog News Section
-----------------------*/
.blog-news-section {
	font-family: 'Encode Sans', sans-serif;
	background-color: #ffffff;
	padding: 40px 0 260px;
}

.blog-news-grid {
	padding: 20px;
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-news-grid:hover {
	background: #ffffff;
	border: 1px solid #abbdea;
	box-shadow: 0px 35px 35px rgba(15, 21, 47, 0.1);
	border-radius: 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-news-grid .blog-news-img {
	margin-bottom: 30px;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.blog-news-grid .blog-news-img>a, .blog-news-grid .blog-news-img img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.blog-news-grid .blog-news-img img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-news-grid:hover .blog-news-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.blog-news-grid .blog-news-img .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(25, 26, 56, 0.54);
	overflow: hidden;
	width: 0;
	height: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-news-grid:hover .blog-news-img .overlay {
	width: 100%;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-news-grid .blog-news-date {
	position: absolute;
	left: 0;
	bottom: 7px;
	width: 100%;
	padding: 0px 0px 0px;
	z-index: 1;
}

.blog-news-grid .blog-news-date a {
	font-weight: 600;
	font-size: 16px;
	padding: 10px;
	height: 23px;
	background: #2b55b1;
	color: #ffffff;
	align-items: center;
	justify-content: space-between;
	font-family: 'IBM Plex Sans', sans-serif;
}

.blog-news-grid .blog-news-title {
	max-width: 350px;
}

.blog-news-grid .blog-news-title a {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #1f3e82;
}

.blog-news-grid:hover .blog-news-title a {
	color: #2b55b1;
}

.blog-news-grid .blog-news-arrows {
	position: absolute;
	bottom: -28px;
	right: 40px;
	background-color: #2b55b1;
	color: #ffffff;
	box-shadow: 0px 0px 20px rgb(10 99 184/ 85%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-news-grid:hover .blog-news-arrows {
	-webkit-transform: translate(0, -320%);
	transform: translate(0, -320%);
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	63. Footer Two
-----------------------*/
.footer-two {
	background-color: #0f1f40;
}

.footer-news {
	background: #ffffff;
	box-shadow: 0px 0px 35px rgba(15, 21, 47, 0.1);
	border-radius: 6px;
	text-align: center;
	padding: 60px 0;
	margin-top: -200px;
	margin-bottom: 30px;
	font-family: 'IBM Plex Sans', sans-serif;
}

.footer-news .footer-news-head {
	margin-bottom: 30px;
}

.footer-news .footer-news-head h2 {
	font-weight: 700;
	font-size: 44px;
	color: #2b55b1;
	margin-bottom: 20px;
}

.footer-news .footer-news-head p {
	font-weight: 500;
	font-size: 18px;
	color: #14172c;
	margin-bottom: 0px;
}

.footer-news .footer-news-form {
	position: relative;
}

.footer-news .footer-news-form .form-control {
	position: relative;
	background: #eff0f5;
	border: 1px solid #eff0f5;
	border-radius: 25px;
	padding: 0px 20px;
	height: 50px;
	font-weight: 400;
	font-size: 16px;
	color: #14172c;
	font-family: 'Encode Sans', sans-serif;
}

.footer-news .footer-news-form .form-control::placeholder {
	color: rgba(25, 26, 56, 0.33);
}

.footer-news .footer-news-form .btn {
	font-family: 'IBM Plex Sans', sans-serif;
	border-radius: 25px;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
	height: 50px;
}

.footer-two .footer-top {
	font-family: 'Encode Sans', sans-serif;
}

.footer-two .footer-widget .footer-logo {
	margin-bottom: 20px;
}

.footer-two .footer-widget .footer-about-content p {
	margin-bottom: 20px;
}

.footer-two .social-icon ul li a:hover {
	color: #98ade4;
}

.footer-two .footer-menu ul li a {
	color: #98ade4;
	padding-left: 0px;
}

.footer-two .footer-widget.footer-menu ul li a:hover {
	padding-left: 15px;
}

.footer-two .footer-menu ul li a::before {
	display: none;
}

.footer-two .footer-contact-info {
	color: #98ade4;
}

.footer-two .footer-contact-info i {
	font-size: 20px;
	color: #ffffff;
}

.footer-two .footer-bottom {
	font-family: 'IBM Plex Sans', sans-serif;
}

.footer-two .footer-bottom .copyright {
	border-top: 1px solid rgba(242, 240, 250, 0.27);
}

.footer-two .policy-menu li a:hover, .policy-menu li a:focus {
	color: #98ade4;
}

/*-----------------
	64. Home Three Banner
-----------------------*/
body.home-three {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #1f3e82;
}

.home-three-top {
	background: #2b55b1;
	padding: 0 30px;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-three-top.header-top ul li {
	padding-right: 20px;
	margin-right: 20px;
	color: #ffffff;
	font-size: 16px;
	border-right: 1px solid #ffffff;
}

.home-three-top.header-top ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.home-three-top .right-top ul li {
	padding-right: 14px;
	border: none;
	margin: 0;
}

.home-three-top .right-top ul li a {
	color: #ffffff;
}

.home-three-nav {
	border-radius: 0;
}

.home-three-nav .header-nav {
	height: 120px;
}

.home-three-nav .black-font>li>a {
	color: #1f3e82;
	font-family: 'Montserrat', sans-serif;
	position: relative;
}

.home-three-nav .main-nav .has-submenu.active>a:after {
	content: "";
	position: absolute;
	width: 70px;
	background: #2b55b1;
	left: -7px;
	height: 3px;
	z-index: 9;
	bottom: 20px;
}

.home-three-nav .login-blue-bg:hover {
	color: #2b55b1;
	border: 1px solid #2b55b1;
}

.home-three-nav .signup-white-bg {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
}

.home-banner-three {
	position: relative;
	overflow: hidden;
}

.home-three-slider .item {
	position: relative;
}

.home-three-slider .item:before {
	content: '';
	background: rgba(21, 33, 74, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-three-slider .item img {
	width: 100%;
}

.home-banner-three .banner-wrapper {
	margin: 0 auto;
	max-width: 550px;
	width: 100%;
}

.banner-wrapper-left {
	left: 100px;
}

.banner-wrapper-right {
	right: 100px;
}

.home-banner-three .banner-wrapper .app-form {
	background: transparent;
	padding: 20px;
}

.home-banner-three .banner-wrapper .app-form-one {
	background: rgba(36, 63, 135, 0.41);
	border-radius: 10px;
}

.home-banner-three .doc-form {
	position: absolute;
	z-index: 1;
	top: 50%;
	padding: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.home-banner-three .banner-three-content h2 {
	font-weight: 700;
	font-size: 44px;
	color: #ffffff;
	margin-bottom: 30px;
}

.home-banner-three .banner-three-content h2 span {
	padding: 10px 30px;
	background: #2b55b1;
	border-radius: 5px;
}

.home-banner-three .banner-three-content p {
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0;
}

.home-banner-three .banner-wrapper .app-form label {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

.home-banner-three .banner-wrapper .app-form .form-control {
	border-radius: 5px;
	color: #14172c;
	font-size: 16px;
	min-height: 46px;
	padding: 6px 15px;
	box-shadow: unset;
}

.home-banner-three .banner-wrapper .app-form .btn {
	margin-top: 0.5rem;
}

.home-banner-three .owl-theme .owl-dots {
	position: absolute;
	right: 0;
	bottom: 38px;
	margin: 0 auto;
	text-align: right;
	width: 100%;
}

.home-banner-three .owl-theme .owl-dots .owl-dot.active span,
	.home-banner-three .owl-theme .owl-dots .owl-dot:hover span {
	background: #2b55b1;
}

.home-banner-three .owl-theme .owl-dots .owl-dot span {
	width: 17px;
	height: 17px;
	background: rgba(242, 240, 250, 0.16);
	border-radius: 50px;
}

.home-banner-three .owl-nav {
	position: absolute;
	right: 0;
	left: -200px;
	bottom: 30px;
	margin: 0 auto;
	width: 100%;
	text-align: right;
}

.home-banner-three .owl-nav button.owl-next span, .home-banner-three .owl-nav button.owl-prev span
	{
	font-size: 34px;
	transform: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	background: #eff0f5;
	border-radius: 25px;
	padding: 0;
	color: #1f3e82;
}

.home-banner-three .owl-nav button.owl-next span:hover,
	.home-banner-three .owl-nav button.owl-prev span:hover {
	background: #2b55b1;
	color: #ffffff;
}

.home-banner-three .owl-nav button.owl-prev {
	position: relative;
	right: 0px;
	left: -80px;
	margin: 0;
	z-index: 11111;
}

.home-banner-three .owl-nav button.owl-next {
	position: relative;
	left: 0px;
	right: auto;
	margin: 0;
	z-index: 11111;
}

.header-three {
	margin-bottom: 60px;
}

.header-three h2 {
	font-size: 44px;
	font-weight: 700;
	color: #12244c;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	position: relative;
	display: inline-block;
}

.header-three h2:before {
	position: absolute;
	content: "";
	width: 85px;
	height: 3px;
	background: #2b55b1;
	left: 0px;
	top: 0;
}

.header-three h2:after {
	position: absolute;
	content: "";
	width: 85px;
	height: 3px;
	background: #2b55b1;
	left: 0px;
	bottom: 0;
}

.header-three p {
	max-width: 800px;
	margin: 0;
}

/*-----------------
	65. Looking Section Three
-----------------------*/
.looking-section-three {
	background-color: #ffffff;
	padding: 80px 0 60px;
}

.looking-box {
	background: #ffffff;
	border: 1px solid #abbdea;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 40px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
	text-align: center;
}

.looking-box:hover {
	box-shadow: 0px 40px 40px rgba(180, 182, 210, 0.5);
	border: 1px solid rgba(108, 135, 216, 0.11);
	border-radius: 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box.hvr-bounce-to-bottom:before {
	border: 1px solid rgba(108, 135, 216, 0.11);
	background: #172d5e;
	border-radius: 6px;
}

.looking-box .looking-icon {
	position: relative;
	overflow: hidden;
	display: flex;
}

.looking-box .icon-inner {
	background: #2b55b1;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px auto;
	font-size: 40px;
	color: #ffffff;
	width: 90px;
	height: 90px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.looking-box:hover .icon-inner {
	background: #ffffff;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.looking-box .icon-inner i {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box:hover .icon-inner i {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box .looking-info {
	padding-bottom: 40px;
}

.looking-box .looking-info .looking-link {
	font-weight: 600;
	font-size: 28px;
	color: #172d5e;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box:hover .looking-info .looking-link {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box .looking-info p {
	margin-top: 20px;
	margin-bottom: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box:hover .looking-info p {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box .looking-btn {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.looking-box .looking-btn .btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.looking-box:hover .looking-btn .btn {
	color: #2b55b1;
	border: 1px solid #ffffff;
	background: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.looking-box .looking-btn .btn span {
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box:hover .looking-btn .btn span:after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	opacity: 0;
	top: -1px;
	right: -20px;
}

.looking-box:hover .looking-btn .btn span {
	padding-right: 25px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.looking-box:hover .looking-btn .btn span:after {
	opacity: 1;
	right: 0;
}

/*-----------------
	66. Browse Specialities Section
-----------------------*/
.browse-section-three {
	background-color: #f0f3fb;
	padding: 80px 0 60px;
}

.browse-grid {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover {
	box-shadow: 0px 25px 15px rgba(25, 26, 56, 0.25);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid .browse-img {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.browse-grid .browse-img:before {
	background-color: rgba(25, 26, 56, 0.7);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover .browse-img:before {
	background-color: rgba(21, 33, 74, 0.95);
	border-radius: 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	opacity: 0.9;
}

.browse-grid .browse-img img {
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.browse-grid:hover .browse-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.browse-grid .overlay {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover .overlay {
	bottom: 0;
	height: 100%;
	opacity: 0;
	background-color: rgba(21, 33, 74, 0.95);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid .browse-content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.browse-grid .browse-content h4 {
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
}

.browse-grid .browse-content p {
	color: #ffffff;
	margin: auto;
	width: 140px;
	height: 34px;
	background: #6f27ad;
	box-shadow: inset 0 0 0 0 #ffffff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover .browse-content p {
	color: #2b55b1;
	background: #ffffff;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid .browse-icon {
	position: absolute;
	bottom: -85px;
	width: 100%;
	z-index: 1;
}

.browse-grid .browse-icon .browse-inner {
	background: #2b55b1;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px auto;
	width: 90px;
	height: 90px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.browse-grid:hover .browse-icon .browse-inner {
	background: #ffffff;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.browse-grid .browse-icon .browse-inner .browse-box-img {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover .browse-icon .browse-inner .browse-box-img {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid .browse-icon .browse-inner .browse-inner-img {
	position: relative;
	top: -20px;
	width: 30px;
	fill: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.browse-grid:hover .browse-icon .browse-inner .browse-inner-img {
	fill: #2b55b1;
	filter: invert(26%) sepia(31%) saturate(5801%) hue-rotate(153deg)
		brightness(75%) contrast(130%);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.browse-grid .browse-icon .browse-inner .browse-inner-one {
	width: 24px;
}

/*-----------------
	67. Doctor Details Section
-----------------------*/
.doctor-details-section {
	background: url(../img/doctors/doctor-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 100px 0 100px;
	position: relative;
	overflow: hidden;
}

.doctor-grid .doctor-details {
	background: url(../img/doctors/doctor-inner-img1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
	padding: 30px;
	position: relative;
	overflow: hidden;
}

.doctor-grid .doctor-details:before {
	background: rgba(28, 47, 102, 0.93);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.doctor-grid .doctor-details-one {
	background: url(../img/doctors/patient-inner-img1.jpg);
}

.doctor-grid .doctor-details-one:before {
	background: rgba(36, 63, 135, 0.92);
}

.doctor-grid .doctor-details h4 {
	font-weight: 700;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 24px;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
}

.doctor-grid .doctor-details p {
	color: #ffffff;
	margin-bottom: 30px;
	max-width: 370px;
	position: relative;
	z-index: 1;
}

.doctor-grid .doctor-details .btn {
	color: #2b55b1;
	background: #ffffff;
	box-shadow: inset 0 0 0 0 #2b55b1;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}

.doctor-grid .doctor-details .btn:hover {
	color: #ffffff;
	background: #2b55b1;
	box-shadow: inset 0 50px 0 0 #2b55b1;
}

.doctor-grid .doctor-details .doctor-details-img {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0px;
}

/*-----------------
	68. Doctor Section Three
-----------------------*/
.doctor-section-three {
	background: url(../img/doctors/best-doctor-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0 80px;
	position: relative;
	overflow: hidden;
}

.best-our-doctors {
	margin-bottom: 60px;
}

.best-our-doctors .our-doctors-card {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	border-radius: 6px;
	padding: 0;
	padding-bottom: 130px;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.our-doctors-card .doctors-img {
	border-radius: 6px 6px 0px 25px;
	position: relative;
	overflow: hidden;
	padding: 0;
}

.our-doctors-card .doctors-img img {
	width: 100%;
	border-radius: 6px 6px 0px 25px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.our-doctors-card:hover .doctors-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.our-doctors-card .pro-content {
	padding: 0px;
}

.our-doctors-card .provider-info {
	background-color: #ffffff;
	padding: 15px;
	position: absolute;
	bottom: 125px;
	width: 100%;
	left: 0;
	border-radius: 0px 0px 6px 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.our-doctors-card:hover .provider-info {
	background-color: #0f1f40;
	border-radius: 0px 0px 6px 6px;
	bottom: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.our-doctors-card .provider-info .pro-icon {
	background: #2b55b1;
	border: 1.5px solid #ffffff;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	display: none;
	margin: -40px auto 14px;
	position: relative;
}

.our-doctors-card .doctors-amount {
	position: absolute;
	right: 20px;
	top: -18px;
}

.our-doctors-card .doctors-amount span {
	font-family: 'Encode Sans', sans-serif;
	background: #2b55b1;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	padding: 5px 10px;
}

.our-doctors-card .total-patient p {
	font-family: 'Encode Sans', sans-serif;
	background: #6f27ad;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 0.5rem;
	font-size: 14px;
	font-weight: 400;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.our-doctors-card .total-patient p img {
	width: 18px;
	display: inline-block;
}

.our-doctors-card .provider-info h3 a {
	font-size: 18px;
	font-weight: 600;
	color: #14172c;
}

.our-doctors-card:hover .provider-info h3 a {
	color: #ffffff;
}

.our-doctors-card .provider-info .doctor-post {
	font-size: 14px;
	color: #466ed0;
	margin-bottom: 0;
}

.our-doctors-card:hover .provider-info .doctor-post {
	color: #ffffff;
}

.our-doctors-card .provider-info .rating {
	font-size: 14px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #466ed0;
	display: none;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.our-doctors-card .provider-info .rating i.filled {
	color: #de66dd;
}

.our-doctors-card .provider-info .rating i {
	color: #466ed0;
}

.our-doctors-card:hover .provider-info .rating i.filled {
	color: #de66dd;
}

.our-doctors-card:hover .provider-info .rating {
	color: #ffffff;
}

.our-doctors-card:hover .provider-info .rating i {
	color: #ffffff;
}

.our-doctors-card:hover .provider-info .rating, .our-doctors-card:hover .content-info
	{
	display: block;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.our-doctors-card .content-info {
	display: none;
	padding: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.our-doctors-card .booking-btn {
	margin-bottom: 0;
}

.slide-nav-5 button.owl-next, .slide-nav-5 button.owl-prev {
	width: 44px;
	height: 44px;
	background: #98ade4;
	text-shadow: none;
	top: 0px;
	margin-top: 0;
	cursor: pointer;
	border: 0;
	color: #14172c;
	margin-bottom: 0px;
	border-radius: 50px;
	transform: rotate(0deg);
}

.slide-nav-5 button.owl-next:hover, .slide-nav-5 button.owl-prev:hover {
	background: #2b55b1;
	color: #ffffff;
}

.doctor-section-three .owl-nav button.owl-next span,
	.doctor-section-three .owl-nav button.owl-prev span {
	font-size: 34px;
	line-height: 25px;
	transform: rotate(0deg);
	display: flex;
	padding-left: 6px;
	padding-bottom: 3px;
}

.doctor-section-three .owl-nav button.owl-next {
	margin-left: 10px;
}

/*-----------------
	69. Features Clinic
-----------------------*/
.features-clinic {
	background-color: #ffffff;
	padding: 80px 0 80px;
}

.features-clinic-slider {
	margin-bottom: 60px;
}

.features-clinic-grid {
	border-radius: 10px;
	position: relative;
}

.features-clinic-grid .features-clinic-img {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.features-clinic-grid .features-clinic-img img {
	width: 100%;
	border-radius: 10px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.features-clinic-grid:hover .features-clinic-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.feature-clinic-overlay {
	position: absolute;
	bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	width: 100%;
}

.feature-clinic-overlay p {
	width: 100%;
	background: rgba(25, 26, 56, 0.7);
	border-radius: 4px;
	border: 1px solid rgba(25, 26, 56, 0.7);
	margin-bottom: 0;
	padding: 10px 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
}

.slide-nav-6 button.owl-next, .slide-nav-6 button.owl-prev {
	width: 44px;
	height: 44px;
	background: #98ade4;
	text-shadow: none;
	top: 0px;
	margin-top: 0;
	cursor: pointer;
	border: 0;
	color: #14172c;
	margin-bottom: 0px;
	border-radius: 50px;
	transform: rotate(0deg);
}

.slide-nav-6 button.owl-next:hover, .slide-nav-6 button.owl-prev:hover {
	background: #2b55b1;
	color: #ffffff;
}

.features-clinic .owl-nav button.owl-next span, .features-clinic .owl-nav button.owl-prev span
	{
	font-size: 34px;
	line-height: 25px;
	transform: rotate(0deg);
	display: flex;
	padding-left: 6px;
	padding-bottom: 3px;
}

.features-clinic .owl-nav button.owl-next {
	margin-left: 10px;
}

/*-----------------
	70. Latest Blog Section
-----------------------*/
.latest-blog-section {
	background-color: #eff0f5;
	padding: 80px 0 80px;
}

.latest-blog-grid {
	background: #ffffff;
	border: 1px solid #abbdea;
	border-radius: 10px;
	margin-bottom: 60px;
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.latest-blog-grid:hover {
	background: #ffffff;
	border: 1px solid #abbdea;
	box-shadow: 0px 35px 35px rgba(15, 21, 47, 0.1);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.latest-blog-grid .latest-blog-img {
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
}

.latest-blog-grid .latest-blog-img img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.latest-blog-grid:hover .latest-blog-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.latest-blog-grid .lastest-blog-info {
	padding: 20px;
}

.latest-blog-grid .lastest-blog-date {
	font-family: 'Encode Sans', sans-serif;
	background: #6f27ad;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: -44px;
	margin-bottom: 20px;
}

.latest-blog-grid .lastest-blog-date h4 {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 0;
}

.latest-blog-grid .lastest-blog-date h4 span {
	display: block;
	font-weight: 400;
}

.latest-blog-grid .lastest-blog-info .latest-blog-title {
	margin-top: 20px;
	margin-bottom: 14px;
}

.latest-blog-grid .lastest-blog-info .latest-blog-title a {
	font-size: 22px;
	font-weight: 600;
	color: #14172c;
}

.latest-blog-grid .lastest-blog-info .latest-blog-title a:hover {
	color: #2b55b1;
}

.latest-blog-grid .lastest-blog-info p {
	margin-bottom: 14px;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	background: #6e8dda;
	border-radius: 5px;
	padding: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.latest-blog-grid .lastest-post-author {
	margin-bottom: 20px;
}

.latest-blog-grid .lastest-post-author a {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #1f3e82;
}

.latest-blog-grid .lastest-post-author a:hover {
	color: #2b55b1;
}

.latest-blog-grid .lastest-post-author img {
	width: 35px;
	border-radius: 50px;
}

.latest-blog-grid .lastest-blod-btn {
	margin-bottom: 0px;
}

.latest-blog-grid .lastest-blod-btn .btn {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 0 #2b55b1;
}

.latest-blog-grid .lastest-blod-btn .btn:hover {
	color: #ffffff;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 50px 0 0 #2b55b1;
}

.slide-nav-7 button.owl-next, .slide-nav-7 button.owl-prev {
	width: 44px;
	height: 44px;
	background: #98ade4;
	text-shadow: none;
	top: 0px;
	margin-top: 0;
	cursor: pointer;
	border: 0;
	color: #14172c;
	margin-bottom: 0px;
	border-radius: 50px;
	transform: rotate(0deg);
}

.slide-nav-7 button.owl-next:hover, .slide-nav-7 button.owl-prev:hover {
	background: #2b55b1;
	color: #ffffff;
}

.latest-blog-section .owl-nav button.owl-next span, .latest-blog-section .owl-nav button.owl-prev span
	{
	font-size: 34px;
	line-height: 25px;
	transform: rotate(0deg);
	display: flex;
	padding-left: 6px;
	padding-bottom: 3px;
}

.latest-blog-section .owl-nav button.owl-next {
	margin-left: 10px;
}

/*-----------------
	71. News Letter Section
-----------------------*/
.news-letter-section {
	background-color: #12244c;
	padding: 0px 0 0px;
	position: relative;
	overflow: hidden;
}

.news-letter-section .news-left {
	margin: auto;
}

.news-letter-section .news-left .news-info h2 {
	font-size: 44px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 10px;
}

.news-letter-section .news-left .news-info h2 span {
	color: #2b55b1;
}

.news-letter-section .news-left .news-info p {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 20px;
	max-width: 600px;
}

.news-letter-section .news-info-one {
	max-width: 640px;
}

.news-letter-section .news-info-one .form-control {
	background: #eff0f5;
	border: 1px solid #eff0f5;
	border-radius: 5px;
	min-height: 50px;
	font-size: 16px;
	padding: 0 20px;
	color: #14172c;
}

.news-letter-section .news-left .news-info .btn {
	min-width: 180px;
}

.news-letter-section .news-letter-img {
	padding-top: 40px;
}

/*-----------------
	72. Footer Three
-----------------------*/
.footer-three {
	background-color: #ffffff;
}

.footer-three .footer-widget .footer-about-content p {
	color: #1f3e82;
}

.footer-three .social-icon ul li a {
	color: #2b55b1;
}

.footer-three .social-icon ul li a:hover {
	color: #1f3e82;
}

.footer-three .footer-title {
	color: #1f3e82;
}

.footer-three .footer-menu ul li a {
	color: #1f3e82;
	padding-left: 0px;
}

.footer-three .footer-widget.footer-menu ul li a:hover {
	color: #2b55b1;
	padding-left: 15px;
}

.footer-three .footer-menu ul li a::before {
	display: none;
}

.footer-three .footer-contact-info {
	color: #1f3e82;
}

.footer-three .footer-contact-info i {
	font-size: 20px;
	color: #2b55b1;
}

.footer-three .footer-middle .footer-middle-menu {
	border-top: 1px solid #abbdea;
	padding: 30px 0;
}

.footer-three .footer-middle .footer-middle-menu .footer-menu-three {
	margin-top: 56px;
}

.footer-three .footer-bottom .copyright {
	border-top: 1px solid #abbdea;
	padding: 30px 0;
}

.footer-three .footer-bottom .copyright-text p {
	color: #1f3e82;
}

.footer-three .policy-menu li a {
	color: #1f3e82;
}

.footer-three .policy-menu li::after {
	color: #1f3e82;
}

.footer-three .policy-menu li a:hover, .footer-three .policy-menu li a:focus
	{
	color: #2b55b1;
}

/*-----------------
	73. Home Four Banner
-----------------------*/
body.home-four {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #1f3e82;
}

.home-four-banner {
	background: url(../img/banner-5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 0 40px;
	position: relative;
	overflow: hidden;
}

.home-four-top {
	background: transparent;
	padding: 20px 0;
}

.home-four-top ul {
	display: flex;
	margin: 0;
	list-style: none;
	padding: 0;
}

.home-four-top ul li {
	padding-right: 20px;
	margin-right: 20px;
	color: #ffffff;
	font-weight: 500;
	border-right: 1px solid #ffffff;
}

.home-four-top ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.home-four-top .right-top {
	margin-left: auto;
}

.home-four-top .right-top ul {
	display: inline-flex;
}

.home-four-top .right-top ul li {
	display: inline-block;
	padding-right: 14px;
	border: none;
	margin: 0;
}

.home-four-top .right-top ul li a {
	color: #ffffff;
}

.home-four-top .hi-icon {
	width: auto;
	height: auto;
}

.home-four-top .hi-icon:before {
	font-size: 16px;
}

.home-four-nav {
	border-radius: 5px;
}

.home-four-nav .black-font>li>a {
	font-family: "Poppins", sans-serif;
}

.home-four-doctor {
	padding: 140px 0;
	max-width: 630px;
	margin-left: auto;
}

.home-four-doctor .home-four-header {
	margin-bottom: 40px;
}

.home-four-doctor .home-four-header h2 {
	color: #ffffff;
	font-weight: 700;
	margin: auto;
	font-size: 48px;
	max-width: 550px;
	text-align: right;
}

.home-four-doctor .home-four-header h2 span {
	color: #dd5fdc;
}

.banner-four-form .form-group {
	position: relative;
}

.banner-four-form .form-control {
	border-radius: 5px;
	color: #1f3e82;
	border: 1px solid #bcc0d4 !important;
	border-color: #bcc0d4 !important;
	font-size: 16px;
	min-height: 50px;
	padding: 6px 44px;
	box-shadow: unset;
}

.banner-four-form .select2-container .select2-selection--single .select2-selection__rendered
	{
	padding-left: 44px;
}

.banner-four-form .form-control::placeholder {
	font-size: 16px;
	color: #9da3c0;
}

.banner-four-form .form-group i {
	position: absolute;
	top: 35%;
	left: 15px;
	font-size: 18px;
	color: #2b55b1;
}

.banner-four-form .btn {
	padding: 12px 30px;
}

/*-----------------
	74. Looking Section Four
-----------------------*/
.looking-section-four {
	padding: 80px 0 80px;
}

.section-header-four {
	margin-bottom: 60px;
}

.section-header-four .title-four {
	font-family: 'Montserrat', sans-serif;
}

.section-header-four h2 {
	font-size: 44px;
	margin-bottom: 0;
	font-weight: 700;
	color: #12244c;
}

.section-header-four .color-primary {
	color: #2b55b1;
	font-weight: 700;
}

.section-header-four .sub-title {
	color: #1f3e82;
	font-size: 16px;
	max-width: 600px;
	margin: 30px auto 0;
}

.section-header-four p {
	color: #1f3e82;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 15px;
}

.looking-row {
	padding-left: 0px;
	padding-right: 0px;
	background: #ffffff;
	border: 1px solid rgba(165, 180, 230, 0.5);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-col {
	padding-left: 0;
	padding-right: 0;
}

.looking-grid-four {
	display: flex;
	padding: 0px;
	background: #ffffff;
	border: 1px solid transparent;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover {
	background: #e7edf9;
	border: 1px solid rgba(165, 180, 230, 0.5);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four .looking-box-four {
	display: flex;
	padding: 20px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
	top: 0px;
	right: 0px;
}

.looking-grid-four:hover .looking-box-four {
	background: #14234a;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	top: -20px;
	right: -20px;
}

.looking-box-four .looking-inner-box {
	padding: 20px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-box-four .looking-inner-box {
	background: rgba(242, 240, 250, 0.06);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box-four .looking-inner-box .looking-info-four a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 28px;
	color: #172d5e;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-box-four .looking-inner-box .looking-info-four a
	{
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box-four .looking-inner-box .looking-info-four a i {
	font-size: 40px;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-box-four .looking-inner-box .looking-info-four a i
	{
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box-four .looking-inner-box .looking-info-four p {
	margin-top: 20px;
	margin-bottom: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-inner-box .looking-info-four p {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box-four .looking-inner-box .looking-four-btn {
	margin-top: 30px;
}

.looking-box-four .looking-inner-box .looking-four-btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 18px;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-box-four .looking-inner-box .looking-four-btn a
	{
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-box-four .looking-inner-box .looking-four-btn a i {
	color: #2b55b1;
	position: relative;
	left: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-four:hover .looking-box-four .looking-inner-box .looking-four-btn a i
	{
	color: #ffffff;
	left: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	75. Clinic Section Four
-----------------------*/
.clinic-section-four {
	padding: 40px 0 40px;
}

.clinic-grid-four {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four .clinic-img {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.clinic-grid-four .clinic-img:before {
	background-color: rgba(21, 33, 74, 0.8);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four .clinic-img .clinic-image {
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.clinic-grid-four .clinic-img:hover .clinic-image {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.clinic-grid-four .overlay {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	background-color: #2b55b1;
	border-radius: 6px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four:hover .overlay {
	height: 100%;
	bottom: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four .overlay .clinic-cricle {
	background: url(../img/shapes/shape-11.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 160px;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	border-radius: 100%;
	animation: pulse-secondary 2s infinite;
	-webkit-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
}

.clinic-grid-four .overlay .clinic-round {
	background-color: #f3f3f7;
	border: 1px solid #f3f3f7;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	animation: pulse-secondary 2s infinite;
	-webkit-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
}

.clinic-grid-four .overlay .clinic-round .clinic-heart-img {
	width: 40px;
}

.clinic-grid-four .overlay .clinic-round img {
	width: 50px;
	fill: #2b55b1;
	filter: invert(26%) sepia(31%) saturate(5801%) hue-rotate(153deg)
		brightness(75%) contrast(130%);
}

.clinic-grid-four .overlay h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 0px;
}

.clinic-grid-four .clinic-content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four:hover .clinic-content {
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four .clinic-content h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
}

.clinic-grid-four .clinic-icon-inner {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 1;
	background: #ffffff;
	border-radius: 6px;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four:hover .clinic-icon-inner {
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-four .clinic-icon-inner .clinic-inner-heart {
	width: 30px;
}

.clinic-grid-four .clinic-icon-inner img {
	width: 40px;
	fill: #2b55b1;
	filter: invert(26%) sepia(31%) saturate(5801%) hue-rotate(153deg)
		brightness(75%) contrast(130%);
}

/*-----------------
	76. Doctor Section Four
-----------------------*/
.doctor-section-four {
	padding: 40px 0 80px;
}

.best-doctors-grid {
	background: #ffffff;
	border: 1px solid rgba(165, 180, 230, 0.5);
	border-radius: 6px;
	position: relative;
	margin-bottom: 70px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-img {
	border-radius: 6px 6px 0px 0px;
	position: relative;
	overflow: hidden;
	padding: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-img:before {
	background-color: rgba(15, 21, 47, 0.42);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-img img {
	width: 100%;
	border-radius: 6px 6px 0px 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.best-doctors-grid:hover .best-doctors-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.best-doctors-grid .best-doctors-info {
	padding: 20px;
	font-family: 'Montserrat', sans-serif;
	border-radius: 0px 0px 6px 6px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info {
	background: #2b55b1;
	box-shadow: 0px 20px 40px rgba(25, 26, 56, 0.09);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info h3 {
	margin-bottom: 14px;
}

.best-doctors-grid .best-doctors-info h3 a {
	font-size: 18px;
	font-weight: 600;
	color: #14172c;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info h3 a {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .doctor-posting {
	font-weight: 500;
	font-size: 14px;
	color: #1f3e82;
	margin-bottom: 14px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .doctor-posting {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .doctors-amount {
	font-weight: 600;
	font-size: 18px;
	color: #6f27ad;
	margin-bottom: 14px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .doctors-amount {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .rating {
	font-weight: 500;
	font-size: 14px;
	color: #1f3e82;
	margin-bottom: 24px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .rating {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .rating i.filled {
	color: #dd5fdc;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .rating i.filled {
	color: #dd5fdc;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .rating i {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .rating i {
	color: #6e8dda;
}

.best-doctors-grid .best-doctors-info .booking-btn {
	padding: 0;
	margin: 0;
}

.best-doctors-grid .best-doctors-info .booking-btn .btn {
	font-weight: 600;
	font-size: 16px;
	width: 100%;
	color: #2b55b1;
	background: transparent;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .booking-btn .btn span {
	position: relative;
	right: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .booking-btn .btn {
	background: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid:hover .best-doctors-info .booking-btn .btn span {
	right: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.best-doctors-grid .best-doctors-info .booking-btn .btn i {
	font-size: 14px;
}

.doctor-section-four .slick-slide, .best-doctors-slider .slick-slide,
	.best-doctors-slider .slick-slide {
	display: block;
	margin-left: 0;
	padding: 10px;
	width: 280px;
	padding-bottom: 0;
}

.best-doctors-slider .slick-prev, .best-doctors-slider .slick-next {
	display: none !important;
}

.best-doctors-slider .slick-dots {
	position: relative;
	bottom: 0;
}

.best-doctors-slider .slick-dots li.slick-active button {
	background-color: #2b55b1;
	box-shadow: 0px 0px 10px #2b55b1;
}

.best-doctors-slider .slick-dots li button {
	width: 20px;
	height: 20px;
	background: #0f1f40;
	border-radius: 50px;
}

/*-----------------
	77. Features Clinic Four
-----------------------*/
.features-clinic-four {
	background-color: #f0f3fb;
	padding: 80px 0 0;
}

.features-clinic-slider-four {
	margin-bottom: 40px;
}

.features-clinic-four .feature-clinic-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	bottom: 30px;
}

.features-clinic-four .feature-clinic-overlay p {
	background: #2b55b1;
	border: 1px solid #2b55b1;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	padding: 10px 20px;
}

.slide-nav-8 button.owl-next, .slide-nav-8 button.owl-prev {
	width: 44px;
	height: 44px;
	background: #98ade4;
	text-shadow: none;
	top: 0px;
	margin-top: 0;
	cursor: pointer;
	border: 0;
	color: #14172c;
	margin-bottom: 0px;
	border-radius: 50px;
	transform: rotate(0deg);
}

.slide-nav-8 button.owl-next:hover, .slide-nav-8 button.owl-prev:hover {
	background: #2b55b1;
	color: #ffffff;
}

.features-clinic-four .owl-nav button.owl-next span,
	.features-clinic-four .owl-nav button.owl-prev span {
	font-size: 34px;
	line-height: 25px;
	transform: rotate(0deg);
	display: flex;
	padding-left: 6px;
	padding-bottom: 3px;
}

.features-clinic-four .owl-nav button.owl-next {
	margin-left: 10px;
}

/*-----------------
	78. Blog Section Four
-----------------------*/
.blog-section-four {
	padding: 80px 0;
}

.grid-blog-four {
	background: #ffffff;
	border: 1px solid #dee0ea;
	border-radius: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
	margin-bottom: 80px;
}

.grid-blog-four:hover {
	box-shadow: 0px 35px 35px rgba(15, 21, 47, 0.1);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.grid-blog-four .grid-blog-image {
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;
}

.grid-blog-four .grid-blog-image img {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.grid-blog-four:hover .grid-blog-image img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.grid-blog-four .blog-title-four {
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	z-index: 1;
	width: 100%;
	padding-left: 70px;
	padding-right: 70px;
}

.grid-blog-four .blog-title-four .btn {
	width: 100%;
	background: rgba(25, 26, 56, 0.7);
	border-radius: 0px 0px 5px 5px;
	border: 1px solid rgba(25, 26, 56, 0.7);
	display: inline-block;
	padding: 8px 25px;
	font-family: 'Encode Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.grid-blog-four .blog-title-four .btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.grid-blog-four .blog-date-four {
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 1;
}

.grid-blog-four .blog-date-four a {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	padding: 10px;
	height: 43px;
	background: #2b55b1;
	border-radius: 5px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.grid-blog-four .blog-date-four a:hover {
	background: #1f3e82;
	color: #ffffff;
}

.grid-blog-four .blog-info-four {
	padding: 15px;
	max-width: 350px;
}

.grid-blog-four .blog-info-four a {
	font-family: 'Encode Sans', sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #1f3e82;
}

.grid-blog-four:hover .blog-info-four a {
	color: #2b55b1;
}

.grid-blog-four .blog-doctors-four {
	font-family: 'Montserrat', sans-serif;
	padding: 15px;
	border-top: 1px solid #dee0ea;
	border-bottom: 1px solid #dee0ea;
}

.grid-blog-four .blog-doctors-four img {
	width: 37px;
	border-radius: 50%;
}

.grid-blog-four .blog-doctors-four a {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #1f3e82;
}

.grid-blog-four .blog-doctors-four a:hover {
	color: #2b55b1;
}

.grid-blog-four .blog-doctors-four p {
	margin-bottom: 0px;
	font-weight: 400;
	font-size: 14px;
	color: #ffffff;
	background: #6e8dda;
	border-radius: 5px;
	padding: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.grid-blog-four .blog-four-content {
	padding: 15px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.grid-blog-four:hover .blog-four-content {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.grid-blog-four .blog-four-content p {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #1f3e82;
	margin-bottom: 0px;
}

.grid-blog-four .blog-four-arrow {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

.grid-blog-four .blog-four-arrow a {
	background-color: #2b55b1;
	color: #ffffff;
	box-shadow: 0px 0px 20px rgb(10 99 184/ 85%);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	margin: auto;
}

.grid-blog-four:hover .blog-four-arrow a {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	79. Footer Four
-----------------------*/
.footer-four {
	background-color: #1e1c3a;
}

.news-section-four {
	padding: 40px 0 40px;
	font-family: 'Montserrat', sans-serif;
}

.news-section-four .news-info h2 {
	font-size: 44px;
	margin-bottom: 24px;
	font-weight: 700;
	color: #ffffff;
}

.news-section-four .news-info p {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	max-width: 640px;
	margin: 0 auto 30px;
}

.news-section-four .footer-news-four {
	max-width: 640px;
	margin: auto;
	position: relative;
}

.news-section-four .footer-news-four .form-control {
	background: #eff0f5;
	border: 1px solid #eff0f5;
	border-radius: 5px;
	min-height: 50px;
	font-size: 16px;
	padding: 0 20px;
	color: #14172c;
}

.news-section-four .footer-news-four .form-control::placeholder {
	font-size: 16px;
	color: rgba(25, 26, 56, 0.33);
}

.news-section-four .footer-news-four .btn {
	font-family: "Poppins", sans-serif;
	border-radius: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 144px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-four .footer-title {
	margin-bottom: 20px;
}

.footer-four .footer-contact-info {
	color: #dee0ea;
	font-family: 'Encode Sans', sans-serif;
}

.footer-four .footer-contact-info i {
	font-size: 20px;
	color: #ffffff;
}

.footer-four .footer-menu ul li a {
	color: #dee0ea;
	padding-left: 0px;
	font-family: 'Montserrat', sans-serif;
}

.footer-four .footer-widget.footer-menu ul li a:hover {
	padding-left: 15px;
}

.footer-four .footer-menu ul li a::before {
	display: none;
}

.footer-menu ul li a i {
	font-size: 20px;
	color: #ffffff;
}

.footer-four .footer-bottom .copyright {
	border-top: 1px solid #abbdea;
}

.footer-four .policy-menu li a:hover {
	color: #2b55b1;
}

/*-----------------
	80. Home Five Banner
-----------------------*/
body.home-five {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #1f3e82;
}

.nav-bg-five .main-nav .has-submenu.active>a {
	color: #172d5e;
}

.nav-bg-five .bar-icon span {
	background-color: #2b55b1;
}

.nav-bg-five .logo {
	margin-right: 80px;
}

.nav-bg-five .black-font>li>a {
	font-weight: 500;
	font-size: 15px;
	color: #1f3e82;
	font-family: 'Inter', sans-serif;
}

.nav-bg-five .black-font>li>a:hover {
	color: #2b55b1;
}

.nav-bg-five .header-contact-img i {
	color: #dd5fdc;
}

.nav-bg-five .header-contact-detail p.contact-info-header {
	font-size: 15px;
	color: #1f3e82;
}

.home-section-five {
	background: url(../img/banner-7.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 100px 0;
	position: relative;
}

.section-search-five span {
	font-size: 18px;
	color: #ffffff;
	display: block;
	margin-bottom: 18px;
}

.section-search-five h2 {
	font-size: 48px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 30px;
}

.section-search-five p {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0;
}

.search-box-five {
	background: #ffffff;
	box-shadow: 0px 0px 50px rgba(25, 26, 56, 0.25);
	border-radius: 5px;
	max-width: 850px;
	margin: 0 auto;
	margin-top: 30px;
}

.search-box-five form {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-right: 10px;
	height: 60px;
}

.search-input-five {
	float: left;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.search-box-five ::-webkit-input-placeholder {
	font-size: 16px;
	color: #9da3c0;
}

.search-box-five :-ms-input-placeholder {
	font-size: 16px;
	color: #9da3c0;
}

.search-box-five ::placeholder {
	font-size: 16px;
	color: #9da3c0;
}

.search-input-five .form-control::placeholder {
	color: #9da3c0;
	font-size: 16px;
	font-weight: 400;
}

.search-input-five .form-control, .search-input-five.line-five .form-control
	{
	color: #223d83;
	font-size: 16px;
	font-weight: 500;
	height: 50px;
	padding: 0px 50px 0px 50px;
	border: 0;
}

.search-input-five .search-loc {
	padding: 0px 50px 0px 40px;
}

.search-input-five .search-ortho::placeholder {
	color: #1f3e82;
	font-family: 'Poppins', sans-serif;
}

.search-input-five.line-five {
	width: 50%;
}

.search-input-five.line-five::before {
	position: absolute;
	left: 5px;
	top: 50%;
	width: 1px;
	height: 16px;
	background: #9da3c0;
	content: "";
	z-index: 1;
	margin-top: -8px;
}

.search-input-five i {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #2b55b1;
	font-size: 20px;
}

.search-input-five .current-loc-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0px;
	color: #6974a1;
	font-size: 18px;
}

.search-input-five .current-loc-icon i {
	position: unset;
	transform: unset;
}

.search-input-five>i.bficon {
	right: inherit;
	left: 20px;
	z-index: 1;
}

.search-input-five>i.compass-icon {
	left: 10px;
}

.search-btn-five .btn {
	border: 1px solid #dd5fdc;
	background: #dd5fdc;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 7px 20px;
	min-width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.search-btn-five .btn:hover {
	color: #172d5e;
	background: #ffffff;
	border: 1px solid #172d5e;
	box-shadow: inset 210px 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.search-btn-five .btn i {
	font-size: 14px;
	color: #ffffff;
}

/*-----------------
	81. Looking Section Five
-----------------------*/
.looking-section-five {
	padding: 80px 0;
}

.section-header-five {
	position: relative;
}

.section-header-five .title-five {
	font-weight: 700;
	color: #1e1c3a;
	position: relative;
	display: inline-block;
}

.section-header-five .title-five:before {
	position: absolute;
	content: "";
	width: 66px;
	height: 25px;
	background: url(../img/shapes/shape-5.png);
	left: -80px;
	top: 10px;
}

.section-header-five .title-five:after {
	position: absolute;
	width: 66px;
	height: 25px;
	content: "";
	background: url(../img/shapes/shape-5.png);
	top: 10px;
	right: -80px;
}

.looking-bg-five {
	background: #ffffff;
	box-shadow: 0px 40px 50px rgba(46, 84, 179, 0.1);
	border-radius: 10px;
	padding: 20px;
}

.looking-grid-five {
	border-radius: 10px;
	text-align: center;
	margin-top: 30px;
	position: relative;
}

.looking-grid-blue {
	background: #e7edf9;
}

.looking-grid-five .looking-icon-five {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	font-size: 40px;
	color: #ffffff;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
}

.looking-grid-blue .looking-icon-five {
	background: #2b55b1;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
}

.looking-grid-five .looking-info-five {
	padding-top: 70px;
	padding-bottom: 100px;
}

.looking-grid-five .looking-info-five a {
	font-weight: 600;
	font-size: 30px;
	color: #172d5e;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.looking-grid-five .looking-info-five p {
	margin: 16px auto 0;
	max-width: 300px;
}

.looking-grid-five .looking-info-btn {
	margin-bottom: 34px;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.looking-grid-five .looking-info-btn .btn {
	background: #172d5e;
	border: 1px solid #172d5e;
	min-width: 175px;
	padding: 9px 20px;
	margin: auto;
	font-size: 16px;
}

.looking-grid-five .looking-info-btn .btn i {
	font-size: 20px;
	position: relative;
	left: 0;
	color: #ffffff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.looking-grid-five .looking-info-btn .btn:hover i {
	position: relative;
	left: 5px;
	color: #172d5e;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.looking-grid-green {
	background: #fae8fa;
}

.looking-grid-green .looking-icon-five {
	background: #6f27ad;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
}

.looking-grid-orange {
	background: #fbeafa;
}

.looking-grid-orange .looking-icon-five {
	background: #dd5fdc;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
}

/*-----------------
	82. Clinic Section Five
-----------------------*/
.clinic-section-five {
	padding: 80px 0 60px;
}

.clinic-grid-five {
	background: #f9fbfe;
	border: 1px solid rgba(46, 84, 179, 0.18);
	border-radius: 5px;
	padding: 30px;
	padding-bottom: 40px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five:hover {
	border-radius: 10px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five.hvr-bounce-to-bottom:before {
	background: #1f3e82;
	border: 1px solid rgba(46, 84, 179, 0.18);
	box-shadow: 0px 50px 50px rgba(25, 26, 56, 0.09);
	border-radius: 10px;
}

.clinic-grid-five .clinic-grid-img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.clinic-grid-five .clinic-img-five {
	background: #ffffff;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
	border-radius: 5px;
	min-width: 110px;
	height: 110px;
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five:hover .clinic-img-five {
	background: #3d6bd0;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
	border-radius: 5px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five .clinic-img-five1 {
	margin-top: 10px;
	margin-bottom: 40px;
}

.clinic-grid-five:hover .clinic-img-five1 {
	background: #ffffff;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
}

.clinic-grid-five .clinic-img-five1 img {
	width: 50px;
}

.clinic-grid-info p {
	font-weight: 600;
	font-size: 18px;
	color: #1f3e82;
	margin-bottom: 42px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five:hover .clinic-grid-info p {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five .clinic-grid-info .clinic-five-btn {
	position: absolute;
	width: 100%;
	bottom: 46px;
	left: 0;
	right: 0;
	text-align: center;
}

.clinic-grid-five .clinic-grid-info .clinic-five-btn .btn {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px 24px;
	background: #dd5fdc;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-grid-five:hover .clinic-grid-info .clinic-five-btn .btn {
	opacity: 1;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.clinic-see-btn {
	padding-top: 30px;
}

.clinic-see-btn .btn {
	font-family: "Poppins", sans-serif;
	padding: 10px 38px;
	min-width: 230px;
}

/*-----------------
	83. Doctor Section Five
-----------------------*/
.doctor-section-five {
	background: url(../img/doctors/doctor-bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 100px 0 100px;
}

.doctor-grid-five .doctor-details {
	background: #172d5e;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
}

.doctor-grid-five .doctor-details-one {
	background: #1f3e82;
}

.doctor-grid-five .doctor-details h4 {
	font-weight: 700;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 24px;
}

.doctor-grid-five .doctor-details p {
	color: #ffffff;
	margin-bottom: 30px;
	max-width: 350px;
}

.doctor-grid-five .doctor-details .btn {
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	background: #3d6bd0;
	border: 1px solid #3d6bd0;
	box-shadow: inset 0 0 0 #ffffff;
	min-width: 138px;
	padding: 8px 25px;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-grid-five .doctor-details .btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: inset 150px 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-grid-five .doctor-details-one .btn {
	font-weight: 600;
	font-size: 16px;
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: inset 0 0 0 #3d6bd0;
	min-width: 138px;
	padding: 8px 25px;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctor-grid-five .doctor-details-one .btn:hover {
	color: #ffffff;
	background: #3d6bd0;
	border: 1px solid #3d6bd0;
	box-shadow: inset 150px 0 0 0 #3d6bd0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	84. Browse Section Five
-----------------------*/
.browse-section-five {
	padding: 80px 0 55px;
}

.specialist-card-five {
	background: #ffffff;
	border: 1px solid rgba(46, 84, 179, 0.18);
	border-radius: 5px;
	align-items: center;
	padding: 20px;
	margin-bottom: 25px;
	position: relative;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-card-five:hover {
	border-radius: 10px;
	border: 1px solid rgba(46, 84, 179, 0.18);
	box-shadow: 0px 50px 50px rgba(25, 26, 56, 0.09);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-card-five.hvr-bounce-to-right:hover:before,
	.specialist-card-five.hvr-bounce-to-right:focus:before,
	.specialist-card-five.hvr-bounce-to-right:active:before {
	border-radius: 10px;
	border: 1px solid rgba(46, 84, 179, 0.18);
	box-shadow: 0px 50px 50px rgba(25, 26, 56, 0.09);
}

.specialist-img-five {
	background: #2b55b1;
	box-shadow: 0px 0px 20px rgba(25, 26, 56, 0.11);
	padding: 10px;
	height: 60px;
	width: 60px;
	border-radius: 5px;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-card-five:hover .specialist-img-five {
	background: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-card-five img {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	width: 32px;
}

.specialist-card-five .spec-img {
	width: 26px;
}

.specialist-card-five:hover .specialist-img-five img {
	fill: #2b55b1;
	filter: invert(26%) sepia(31%) saturate(5801%) hue-rotate(153deg)
		brightness(75%) contrast(130%);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-info a {
	font-weight: 600;
	color: #1f3e82;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-card-five:hover .specialist-info a {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.specialist-nav-five a {
	color: #ffffff;
	font-size: 24px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
	left: -10px;
}

.specialist-card-five:hover .specialist-nav-five a {
	color: #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	left: 10px;
}

/*-----------------
	85. Best Section Five
-----------------------*/
.best-section-five {
	background-color: #e7edf9;
	padding: 80px 0;
}

.doctors-grid-five {
	background: #ffffff;
	border-radius: 6px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five:hover {
	box-shadow: 0px 50px 50px rgba(25, 26, 56, 0.1);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .doctors-img-five {
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	padding: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five:hover .doctors-img-five:before {
	background: linear-gradient(180deg, rgba(63, 104, 207, 0.5) 0%,
		rgba(36, 63, 135, 0.5) 100%);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .doctors-img-five img {
	width: 100%;
	border-radius: 6px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.doctors-grid-five:hover .doctors-img-five img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.doctors-grid-five .best-doctors-info {
	padding: 20px;
	text-align: center;
}

.doctors-grid-five .best-doctors-info h3 {
	margin-bottom: 10px;
}

.doctors-grid-five .best-doctors-info h3 a {
	font-weight: 600;
	font-size: 22px;
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .best-doctors-info h3 a:hover {
	color: #172d5e;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .best-doctors-info .doctor-posting {
	font-weight: 400;
	font-size: 16px;
	color: #466ed0;
	margin-bottom: 10px;
}

.doctors-grid-five .best-doctors-info .rating {
	font-weight: 600;
	font-size: 14px;
	color: #466ed0;
	margin-bottom: 0px;
}

.doctors-grid-five .best-doctors-info .rating i {
	color: #466ed0;
}

.doctors-grid-five .best-doctors-info .rating i.filled {
	color: #dd5fdc;
}

.doctors-grid-five .doctors-btn-five {
	height: 0;
	transform: translateY(80px);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five:hover .doctors-btn-five {
	margin-top: 10px;
	height: auto;
	transform: translateY(0px);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .doctors-btn-five .btn {
	font-weight: 600;
	font-size: 16px;
	padding: 8px 25px;
	color: #ffffff;
	background: #2b55b1;
	border: 1px solid #2b55b1;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 4px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.doctors-grid-five .doctors-btn-five .btn:hover {
	color: #2b55b1;
	background: #ffffff;
	border: 1px solid #2b55b1;
	box-shadow: inset 200px 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .social-info {
	position: absolute;
	bottom: 16px;
	text-align: center;
	left: 0;
	right: 0;
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	z-index: 1;
}

.doctors-grid-five:hover .social-info {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	opacity: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.doctors-grid-five .social-info .social-inner {
	background: #ffffff;
	display: inline-flex;
	border-radius: 5px;
	padding: 10px;
	z-index: 1;
}

.doctors-grid-five .social-info a {
	padding: 0px;
	margin-right: 10px;
	position: relative;
}

.doctors-grid-five .social-info a:last-child {
	margin-right: 0px;
}

.doctors-grid-five .social-info a i {
	font-size: 14px;
	color: #ffffff;
	background: #2b55b1;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.doctor-see-btn {
	margin-top: 50px;
}

.doctor-see-btn .btn {
	padding: 8px 30px;
	min-width: 194px;
	border-radius: 5px;
}

/*-----------------
	86. News Letter Five
-----------------------*/
.news-letter-five {
	padding: 20px 0 0;
}

.news-five {
	background: url(../img/blog/news-letter-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	padding: 60px 0;
	text-align: center;
}

.news-five-head h2 {
	font-weight: 700;
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 10px;
}

.news-five-head p {
	font-weight: 500;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 28px;
}

.news-five-form .form-group {
	margin-bottom: 0;
}

.news-five-form .form-control {
	width: 350px;
	min-height: 50px;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 8px;
	display: inline-block;
	margin-right: 12px;
}

.news-five-form .form-control::placeholder {
	color: rgba(25, 26, 56, 0.33);
}

.news-five-form .btn {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 38px;
	min-width: 180px;
	text-align: center;
	background: #3d6bd0;
	border: 1px solid #3d6bd0;
	box-shadow: inset 0 0 0 #ffffff;
	border-radius: 8px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	position: relative;
}

.news-five-form .btn:hover {
	color: #172d5e;
	border: 1px solid #172d5e;
	background: #ffffff;
	box-shadow: inset 210px 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/*-----------------
	87. Blog Section Five
-----------------------*/
.blog-section-five {
	padding: 80px 0;
}

.blog-grid-five {
	background: #ffffff;
	border: 1px solid rgba(108, 135, 216, 0.34);
	position: relative;
	border-radius: 6px;
	margin-bottom: 60px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five:hover {
	background: #ffffff;
	border: 1px solid rgba(46, 84, 179, 0.18);
	box-shadow: 0px 40px 40px rgba(15, 21, 47, 0.1);
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-five-img {
	border-radius: 6px 6px 0px 0px;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five:hover .blog-five-img:before {
	background: rgba(25, 26, 56, 0.6);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-five-img .blog-details-img {
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	-webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-grid-five:hover .blog-five-img .blog-details-img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.blog-grid-five .blog-item-info {
	position: absolute;
	left: 20px;
	top: 0;
	width: 100%;
	padding: 30px 0px 0px;
	z-index: 1;
}

.blog-grid-five .blog-news-date {
	float: left;
}

.blog-grid-five .blog-news-date a {
	font-weight: 600;
	font-size: 16px;
	padding: 8px 8px;
	background: #1f3e82;
	border-radius: 5px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five:hover .blog-news-date a {
	background: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-doctors-profile {
	float: right;
}

.blog-grid-five .blog-doctors-profile a {
	font-family: 'Montserrat', sans-serif;
	background: #ffffff;
	font-size: 14px;
	border-radius: 50px 0px 0px 50px;
	right: -95px;
	position: absolute;
	padding-left: 6px;
	min-width: 164px;
	height: 47px;
	display: flex;
	align-items: center;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-doctors-profile a:hover {
	color: #2b55b1;
}

.blog-grid-five:hover .blog-doctors-profile a {
	right: 0px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-doctors-profile span {
	display: none;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five:hover .blog-doctors-profile span {
	display: unset;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-doctors-profile img {
	width: 37px;
	border-radius: 50%;
}

.blog-grid-five .blog-info-five {
	padding: 20px;
	text-align: center;
}

.blog-grid-five .blog-info-five .blog-news-title a {
	font-weight: 600;
	font-size: 22px;
	color: #1f3e82;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-info-five .blog-news-title {
	max-width: 350px;
	margin: 0 auto 16px;
}

.blog-grid-five:hover .blog-info-five .blog-news-title a {
	color: #2b55b1;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five .blog-info-five p {
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 16px;
}

.blog-grid-five .blog-info-five .read-news {
	font-size: 18px;
	color: #2b55b1;
	text-decoration: underline;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-grid-five:hover .blog-info-five .read-news {
	color: #1e1c3a;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

.blog-five-btn .btn {
	padding: 8px 35px;
}

/*-----------------
	88. Footer Five
-----------------------*/
.footer-five {
	background: url(../img/footer-bg5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.footer-five .footer-widget .footer-about-content p {
	font-weight: 400;
	color: #dee0ea;
}

.footer-five .social-icon ul {
	display: inline-block;
}

.footer-five .social-icon ul li {
	margin-right: 0;
}

.footer-five .footer-menu ul li a::before {
	display: none;
}

.footer-five .footer-menu-five {
	padding-top: 20px;
}

.footer-five .footer-menu-five ul li a {
	padding-left: 0;
	font-weight: 400;
	color: #dee0ea;
}

.footer-five .footer-widget.footer-menu-five ul li a:hover {
	padding-left: 20px;
}

.footer-five .footer-menu ul li a i {
	font-size: 20px;
	color: #ffffff;
	margin-left: 10px;
}

.footer-five .footer-contact-info i {
	font-size: 20px;
	color: #ffffff;
}

.footer-five .footer-contact-info {
	color: #dee0ea;
	font-size: 16px;
	font-weight: 400;
}

.footer-five .footer-title {
	font-size: 24px;
	font-weight: 600;
}

.footer-five .footer-menu ul li a {
	padding-left: 0px;
	color: #dee0ea;
	font-size: 16px;
	font-weight: 400;
}

.footer-five .footer-widget.footer-menu ul li a:hover {
	padding-left: 20px;
}

.footer-five .footer-bottom .copyright {
	border-top: 1px solid #e7edf9;
}

.footer-five .footer-bottom .copyright-text p {
	font-size: 16px;
	font-weight: 400;
}

.footer-five .policy-menu li a {
	font-size: 16px;
	font-weight: 400;
}

.footer-five .policy-menu li a:hover, .footer-five .policy-menu li a:focus
	{
	color: #3d6bd0;
}

/*-----------------
	89. Onboarding Email Otp 
-----------------------*/
.onboard-page {
	overflow: hidden;
}

.right-panel-title {
	/*background: #1d3a79;*/
	background: radial-gradient(circle at 20% 20%, rgba(78, 30, 115, 0.55), rgba(35, 15, 57, 0.92) 60%), linear-gradient(135deg, #2b0f3d 0%, #571f6f 48%, #782993 100%);
	padding: 10px;
	display: none;
}

.onboard-wrapper {
	display: flex;
	overflow: hidden;
	height: 100vh;
}

.left-panel {
	/*background-color: #172858;*/
	/*background:radial-gradient(circle at 20% 20%, rgba(78, 30, 115, 0.55), rgba(35, 15, 57, 0.92) 60%), linear-gradient(135deg, #2b0f3d 0%, #571f6f 48%, #782993 100%);
    */
	background:
			radial-gradient(
					circle at 20% 10%,
					rgba(35, 15, 57, 0.95),   /* darker top */
					rgba(78, 30, 115, 0.55) 60%
			),
			linear-gradient(
					to bottom,                /* 👈 key change */
					#2b0f3d 0%,               /* dark top */
					#571f6f 50%,              /* mid */
					#782993 100%              /* lighter bottom */
			);
	width: 25%;
	padding: 45px;
	height: 100vh;
	overflow: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.left-panel::-webkit-scrollbar {
	display: none;
}

.left-panel {
	-ms-overflow-style: none;
	scrollbar-width: none;
}


/**** rights - panel  ***/
/*.rights-panel {
  background: rgba(229, 228, 242, 0.9);
  width: 25%;
  height: 100vh; 
  padding: 45px; 
  overflow-y: auto; 
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
  position: fixed;
  top: 0; 
  right: 0; 
}


.rights-panel::-webkit-scrollbar {
  display: none;
}

.rights-panel {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.rights-panel .panel {
    background: white;
    border: 1px solid #dadce7;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(25, 26, 56, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex-shrink: 0;
   overflow-y: auto;
}


.rights-panel .panel:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(25, 26, 56, 0.2);
}*/
.rights-panel {
 /* background: rgba(229, 228, 242, 0.9); /* Panel background */
 background-color: #172858;
  width: 25%; /* Set panel width */
  height: 100vh; /* Full viewport height */
  padding: 45px; /* Padding around content */
  overflow-y: auto; /* Enable vertical scrolling */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align items from the top */
  position: fixed; /* Position the panel fixed on the right */
  top: 0; /* Align to the top */
  right: 0; /* Align to the right */
  z-index: 10; /* Ensure it sits above other elements */
}

/* Hide scrollbar */
.rights-panel::-webkit-scrollbar {
  display: none;
}

.rights-panel {
  -ms-overflow-style: none; /* For IE and Edge */
  scrollbar-width: none; /* For Firefox */
}

/* Styling for individual panel items inside the right panel */
.rights-panel .panel {

  background: white;
  border: 1px solid #dadce7;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(25, 26, 56, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex-shrink: 0; /* Prevent shrinking */
  overflow-y: auto; /* Enable vertical scroll inside each panel */
  max-height: calc(100vh - 90px); /* Prevent the panel from exceeding viewport height */
  flex-grow: 1; /* Allow the panel to grow if there is space */
}

/* Hover effect for panels inside the right panel */
.rights-panel .panel:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(25, 26, 56, 0.2);
}


.right-panel {
	width: 75%;
	height: 100vh;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	flex-wrap: wrap;
}

.onboard-img {
	padding: 70px 0px 20px 0px;
	animation: mymove 1s ease-in-out infinite alternate;
	text-align: center;
	width: 240px;
	margin: auto;
}

@
keyframes mymove {to { transform:translateY(-5px);
	
}

}
.onboard-content h3 {
	color: #ffffff;
}

.onboard-content p {
	color: #ffffff;
}

.onboarding-slider {
	margin-top: 10px;
}

.onboard-content h3 {
	font-weight: 600;
	font-size: 21px;
}

.onboard-content p {
	font-weight: 200;
	font-size: 13px;
}

#onboard-slider .owl-dots {
	margin-top: 0px;
	display: flex;
	justify-content: center;
}

#onboard-slider .owl-nav {
	display: none;
}

#onboard-slider.owl-theme .owl-dots .owl-dot span {
	background-color: #172858;
	width: 15px;
	height: 6px;
	border-radius: 50px;
	transition: .5s all;
}

#onboard-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: #ffffff;
	width: 50px;
	border-radius: 50px;
}

.on-board-wizard ul {
	list-style: none;
	padding: 0px;
}

.on-board-wizard ul li a {
	display: flex;
	align-items: center;
	background: #ffffff;
	border: 1px solid #f6f6f9;
	box-shadow: 0px 4px 4px rgba(210, 216, 242, 0.25);
	border-radius: 4px;
	padding: 13px 5px 13px 8px;
	margin-bottom: 18px;
	transition: .1s ease-out;
}

.on-board-wizard ul li a:hover {
	box-shadow: 8px 7px 14px -15px rgb(0 0 0/ 40%);
}

.onboarding-list h6 {
	font-weight: 600;
	font-size: 16px;
	color: #14172c;
}

li:hover .onboarding-list h6 {
	color: #14172c;
}

.onboarding-list p {
	font-weight: 300;
	font-size: 13px;
	color: #414a6f;
	margin-bottom: 0px;
}

.onboarding-progress {
	margin-right: 20px;
	min-width: 35px;
	height: 35px;
	background: #f6f6f9;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #14172c;
}

.onboarding-progress.active {
	background: #9c42cd;
	color: #ffffff;
}

.onboarding-progress span {
	font-size: 13px;
}

.onboarding-title h2 {
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 10px;
}

.on-board-wizard {
	position: sticky;
	top: 65px;
}

.onboarding-content-box {
	margin-top: 20px;
	padding: 50px;
	background: #ffffff;
	box-shadow: 0px 24px 24px rgba(210, 216, 242, 0.3);
	border-radius: 4px;
	border: 1px solid #e3e7f7;
}

.onboarding-content-box.content-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 580px;
}

.onboarding-title h6 {
	font-weight: 400;
	font-size: 15px;
	color: #414a6f;
	margin-bottom: 25px;
	line-height: 1.5;
}

.onboarding-btn a:hover {
	box-shadow: inset 0 60px 0 0 #8f9adf;
	border-color: #8f9adf;
}

.onboarding-btn a {
	/*background: #172858;*/
	background: linear-gradient(135deg, #5981d7 0%, #8f9adf 55%, #b478de 100%);
	border-radius: 6px;
	padding: 15px 50px;
	color: #ffffff;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	border: 1px solid #b478de;
	transition: all 0.5s;
}

/*-----------------
	90. Onboarding Email
-----------------------*/
.onboarding-title h2 span {
	color: #d22fd1;
}

.passcode-wrap input, .passcode-wrap select, .passcode-wrap textarea {
	background-color: #f3f5fc;
	border: 1px solid #e3e7f7;
	border-radius: 5px;
	width: 60px;
	height: 54px;
	text-align: center;
	color: #1c326b;
	font-size: 20px;
	font-weight: 500;
	margin-right: 23px;
}

.passcode-wrap input:focus {
	color: #1c326b;
	border-color: #172858;
	background-color: #ffffff;
	outline: none;
}

.passcode-wrap.mail-box input {
	width: 100%;
	text-align: unset;
	font-size: 14px;
	height: 54px;
}

/*-----------------
	91. Onboarding Personalize
-----------------------*/
.passcode-wrap.mail-box select {
	width: 100%;
	text-align: unset;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #e3e7f7 !important;
	outline: none;
	color: #414a6f;
	padding: 0px 10px;
}

.passcode-wrap select:focus {
	color: #1c326b;
	border-color: #172858 !important;
	background-color: #ffffff;
	outline: none;
}

.mail-icon {
	background: url("../img/mail-box.png") no-repeat 99% 50%;
}

.passcode-wrap.form-focus.focused .focus-label {
	opacity: 1;
	top: -31px;
	font-size: 12px;
	z-index: 1;
	background: #ffffff;
	padding: 0px 5px;
	color: #557ed6;
	font-weight: 400;
}

.passcode-wrap.form-focus .focus-label {
	top: -4px;
	color: #414a6f;
}

.form-focus .focus-label span {
	color: #d331d1;
}

.placeholder-style::placeholder {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 14px;
	color: #414a6f;
	opacity: 1;
}

.placeholder-style:-ms-input-placeholder {
	color: #414a6f;
}

.placeholder-style::-ms-input-placeholder {
	color: #414a6f;
}

.passcode-wrap.mail-box textarea {
	width: 100%;
	height: 145px;
	text-align: unset;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #e3e7f7;
	outline: none;
	resize: none;
}

.onboarding-btn.Personalize-btn {
	margin-top: 30px;
}

.onboarding-lable {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 14px;
}

.onboarding-lable span {
	color: #d22fd1;
}

.passcode-wrap textarea:focus {
	color: #1c326b;
	border-color: #172858;
	background-color: #ffffff;
	outline: none;
}

.upload-pic {
	display: flex;
	align-items: center;
	border-radius: 10px;
	height: 163px;
	width: 183px;
	position: relative;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
	border: 1px dashed #728ad7;
}

.upload-pic img {
	max-width: 100%;
	border-radius: 10px;
}

.upload-pic h6 {
	margin-top: 12px;
	font-weight: 500;
	font-size: 16px;
	color: #728ad7;
}

.onboarding-title.profile-title {
	margin-bottom: 35px;
}

.upload-pics input[type="file"] {
	opacity: 0;
	width: 40px;
	height: 63px;
	position: absolute;
	cursor: pointer;
	top: -15px;
	right: 8px;
	margin-right: 0px;
}

.photo-norms h5 {
	color: #728ad7;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 35px;
}

.btn-profile img {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 11px;
	right: 8px;
	cursor: pointer;
}

/*-----------------
	92. Onboarding Payments
-----------------------*/
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.tog-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f3f5fc;
	-webkit-transition: .4s;
	transition: .4s;
}

.tog-slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	bottom: 4px;
	background-color: #1c3773;
	-webkit-transition: .4s;
	transition: .4s;
	top: 4px;
	left: 4px;
}

input:checked+.tog-slider {
	background-color: #1c3773;
}

input:checked+.tog-slider:before {
	-webkit-transform: translateX(32px);
	-ms-transform: translateX(32px);
	transform: translateX(32px);
	background: #ffffff;
	left: -1px;
}

.tog-slider.round {
	border-radius: 30px;
	width: 56px;
	height: 28px;
	border: 2px solid #f5f6f9;
}

.tog-slider.round:before {
	border-radius: 50%;
}

.save-card {
	margin-left: 22px;
}

.save-card h5 {
	font-weight: 500;
	font-size: 14px;
}

.save-card h6 {
	font-weight: 400;
	font-size: 14px;
	color: #728ad7;
}

.save-detail {
	padding-top: 25px;
	display: flex;
}

.payment-icon {
	position: relative;
}

.payment-icon img {
	position: absolute;
	top: 250px
}

/*-----------------
	93. Onboarding Availability
-----------------------*/
.datetimepicker {
	background: url('../img/icons/down-arrow-gray-dark.svg') no-repeat 97%
		50%;
	cursor: pointer;
}

.avail-content {
	margin-left: 15px;
	margin-top: 4px;
}

.avail-content h6 {
	color: #172858;
}

.weekDays-selector input {
	display: none !important;
}

.weekDays-selector input[type=checkbox]+label {
	display: inline-block;
	border-radius: 4px;
	background: #ffffff;
	padding: 8px 0px;
	width: 60px;
	margin-right: 3px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #e3e7f7;
	font-weight: 400;
	font-size: 20px;
}

.weekDays-selector input[type=checkbox]:checked+label {
	background: #f3f5fc;
	color: #14172c;
}

/*-----------------
	94. Onboarding Consultation
-----------------------*/
.consult-option {
	position: relative;
	display: flex;
}

.call-option {
	position: relative;
	width: 33%;
	margin-right: 10px;
}

.option-radio {
	appearance: none;
	display: none;
}

.call-lable {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition-duration: .5s;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	min-height: 75px;
	text-align: center;
	border: 1px solid #e3e7f7;
	cursor: pointer;
}

.option-radio:checked+.call-lable {
	box-shadow: 0 0 0 60px #1d3a79 inset;
	color: #ffffff;
}

.call-lable img {
	margin-right: 6px;
	margin-bottom: 5px;
}

.option-radio:checked+.call-lable img {
	filter: brightness(0) invert(1);
}

.right-panel .select2-container .select2-selection--single {
	border: 1px solid #e3e7f7;
	height: 54px;
	background: #f3f5fc;
}

.right-panel .select2-container .select2-selection--single:focus {
	border-color: #172858;
	background-color: #ffffff;
}

.right-panel .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	font-size: 14px;
	font-weight: 400;
	font-weight: normal;
	line-height: 54px;
	color: #414a6f;
}

.right-panel .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 54px;
	right: 7px;
}

.onboarding-btn.Consultation-btn a:nth-child(2) {
	background: #ffffff;
	border-radius: 6px;
	padding: 15px 50px;
	color: #1d3a79;
	border: none;
}

.onboarding-btn.Consultation-btn a:nth-child(2):hover {
	box-shadow: none;
	color: #172858;
}

.onboarding-btn.Consultation-btn {
	margin-top: 70px;
}

/*-----------------
	95. Onboarding Cost
-----------------------*/
.onboarding-btn.Consultation-btn.cost-btns {
	margin-top: 40px;
}

/*-----------------
	96. Onboarding Preferences
-----------------------*/
.right-panel .accordion-item:first-of-type {
	margin-bottom: 16px;
	border-radius: 6px;
	overflow: hidden;
}

.right-panel .accordion-item:not(:first-of-type) {
	border-top: 1px solid rgba(25, 26, 56, 0.125);
	margin-bottom: 16px;
	border-radius: 6px;
	overflow: hidden;
}

.right-panel .accordion-button {
	padding: 20px;
}

.right-panel .accordion-button::after {
	transform: rotate(-90deg);
}

.right-panel .accordion-button:not(.collapsed)::after {
	transform: rotate(0deg);
}

.right-panel .accordion-button:focus {
	box-shadow: 8px 7px 14px -15px rgb(0 0 0/ 40%);
}

.right-panel .accordion-button:not(.collapsed) {
	background-color: #ffffff;
	color: #14172c;
}

.right-panel .accordion-body {
	padding: 1rem 1rem;
}

.accordion-body .onboarding-title h2 {
	font-size: 16px;
}

.accordion-body .onboarding-title h6 {
	font-size: 14px;
}

.prefer-box {
	display: flex;
	border-radius: 4px;
	box-shadow: 0px 4px 24px rgb(227 227 227/ 25%);
	width: 100%;
	padding: 36px;
	color: #14172c;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #e3e7f7;
	justify-content: space-between
}

.prefer-box .right-sec i {
	font-size: 16px;
	color: #64239a;
}

.prefer-box:hover {
	box-shadow: 0px 0px 10px 3px #dce5f7;
}

.onboarding-btn.prefer-btn {
	margin-top: 70px;
}

/*-----------------
	97. Onboarding Verification
-----------------------*/
.verify-item::marker {
	color: #1d3a79;
	font-size: 120%;
}

.verify-item {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.8;
}

.verify-list {
	padding-left: 20px;
	margin-bottom: 0px;
}

.verify-list li:last-child {
	margin-bottom: 0px;
}

.upload-sucess-note h6 {
	color: #1f3e81;
	font-weight: 400;
	font-size: 16px;
}

.upload-sucess-note h6:nth-child(2) {
	color: #5a69cf;
	font-weight: 400;
	font-size: 16px;
	margin-top: 18px;
}

.upload-sucess-note h6:nth-child(2) i {
	margin-left: 4px;
	cursor: pointer;
}

.verify-box {
	background: #fbfcfe;
	padding: 16px;
}

/*-----------------
	98. Onboarding Identity
-----------------------*/
.modal-content.id-pop-content {
	border-radius: 10px;
}

.modal-header.id-pop-header {
	border-bottom: none;
	padding: 2rem 1rem 1rem 1rem;
}

.modal-footer.id-pop-footer {
	border-top: none;
	padding: 0.75rem 0rem 2rem 0rem
}

.modal-body.id-pop-body h2 {
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 14px;
}

.modal-body.id-pop-body p {
	font-weight: 400;
	font-size: 15px;
	color: #414a6f;
}

.modal-body.id-pop-body {
	padding: 1rem 3rem;
}

.onboarding-btn.pop-btn {
	margin-top: 4px;
}

.modal.show .modal-dialog.id-upload {
	max-width: 600px;
}

.fade.fade-custom {
	background: rgba(25, 26, 56, 0.8);
}

.call-lable.verify-lable.verify-lable {
	width: 100%;
	height: 170px;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.call-option.file-option {
	margin-right: 0px;
	background: #f3f5fc;
	border-radius: 10px;
	border: 2px dashed #e3e7f7;
	width: 100%;
}
/*-----------------
	99. Onboarding Lock
-----------------------*/
.set-path {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.onboarding-content-box.lock-box {
	padding: 70px
}

.lock-content img {
	margin-bottom: 20px;
}

.lock-content h2 {
	font-weight: 500;
	font-size: 24px;
}

.lock-content h6 {
	margin: 15px 0px 30px 0px;
	font-weight: 400;
	font-size: 16px;
	color: #414a6f;
}

.lock-content a {
	color: #d22fd1;
	font-weight: 600;
	font-size: 16px;
}

.lock-content a:hover {
	color: #14172c;
}

/*-----------------
	100. onboarding Phone
-----------------------*/
.mail-icon2 {
	background: url(../img/icons/phone.png) no-repeat 99% 50%;
}

/*-----------------
	101. Onboarding Password 
-----------------------*/
.onboarding-title.pass-title {
	margin-bottom: 32px;
}

.pass-icon {
	background: url(../img/icons/password-duotone.svg) no-repeat 99% 50%;
}

.pass-icon-1 {
	background: url(../img/icons/fluent-password.svg) no-repeat 99% 50%;
}

.form-group.pass-group {
	margin-bottom: 2rem;
}

/*-----------------
	102. Onboarding Verify Account
-----------------------*/
.call-lable.verify-lable.verify-options {
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0px 0px;
	border-radius: 5px;
}

.call-option.verify-account {
	min-width: 242px;
}

/*-----------------
	103. Onboarding step-2 
-----------------------*/
.onboarding-title h6 span {
	font-weight: 600;
}

.method-btn a {
	color: #1d3a79;
	font-weight: 500;
	font-size: 14px;
}

.method-btn a:hover {
	color: #172858;
}

.code-title {
	background: rgba(81, 118, 212, 0.1);
	border-radius: 4px;
	padding: 12px 15px;
	margin: 30px 0px;
}

.code-title h6 {
	color: #172858;
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0px;
}
/*-----------------
	104. Patient Onboarding
-----------------------*/
.opt-resend {
	padding-top: 30px;
	display: flex;
	position: relative;
}

.opt-resend a {
	font-weight: 500;
	font-size: 16px;
	position: absolute;
	left: 0px;
}

.upload-patient-btn:hover .pic-upload-btn {
	color: #172858;
}

.passcode-wrap.form-floating>label {
	color: #414a6f;
	font-size: 14px;
}

#patient-verified .modal-body.id-pop-body p {
	font-size: 16px;
	max-width: 280px;
	margin: auto;
}

.upload-pic.patient-photo-upload {
	display: flex;
	align-items: center;
	border-radius: 10px;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
	width: 265px;
	height: 235px;
	background: #f3f5fc;
	border: none;
}

.upload-patient-pic {
	padding: 10px 0px 30px 0px;
}

.upload-patient-pic input[type="file"] {
	opacity: 0;
	max-width: 468px;
	min-height: 60px;
	cursor: pointer;
	top: 0px;
	left: 87px;
	position: absolute;
}

.upload-patient-btn {
	position: relative;
	margin-bottom: 15px;
}

.pic-upload-btn {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #f6f6f9;
	box-shadow: 0px 4px 10px rgba(212, 212, 231, 0.25);
	border-radius: 5px;
	cursor: pointer;
	display: block;
	max-width: 475px;
	text-align: center;
	margin: auto;
	z-index: 99999;
}

.onboarding-contents {
	display: flex;
	justify-content: center;
}

.uploads-report {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.uploads-report a:nth-child(1) {
	margin-bottom: 20px;
}

.select-gender-option [type="radio"]:checked, .select-gender-option [type="radio"]:not(:checked)
	{
	position: absolute;
	left: -9999px;
}

.select-gender-option [type="radio"]:checked+label, .select-gender-col [type="radio"]:not(:checked)+label
	{
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.select-gender-option label {
	background: #ffffff;
	box-shadow: 0px 4px 24px rgba(177, 180, 209, 0.25);
	border-radius: 5px;
	padding: 28px;
	min-width: 260px;
	text-align: center;
	position: relative;
}

.select-gender-option [type="radio"]:not(:checked)+label:after {
	opacity: 0;
}

.select-gender-option [type="radio"]:checked+label:after,
	.select-gender-option [type="radio"]:not(:checked)+label:after {
	content: '';
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(210, 216, 242, 0.25);
	border: 2px solid #3464ce;
	box-shadow: 0px 4px 24px rgba(55, 98, 205, 0.04);
	border-radius: 5px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 2px solid #3b6ad0;
}

.login-header .form-focus .focus-label {
	top: -6px;
	color: #414a6f;
}

.select-gender-option {
	display: flex;
}

.option-set {
	display: flex;
}

.modal-body.id-pop-body h3 {
	font-weight: 500;
	font-size: 20px;
}

.modal-body.id-pop-body span {
	font-weight: 500;
	font-size: 20px;
	color: #3464ce;
	padding-bottom: 30px;
	display: block;
}

.relative-form {
	position: relative;
	background: #f3f5fc;
	border: 1px solid #e3e7f7;
	border-radius: 5px;
	min-height: 54px;
	padding: 6px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.relative-form span {
	color: #0c112a;
}

.relative-form .form-control::placeholder {
	color: #0c112a;
	font-weight: 400;
	font-size: 14px;
}

.relative-form .btn {
	border-radius: 6px;
	padding: 5px 15px;
	position: absolute;
	top: 7px;
	right: 7px;
}

.relative-file-upload {
	color: #14172c;
	padding: 11px 35px;
	font-size: 14px;
	margin-bottom: 0;
	cursor: pointer;
	position: absolute;
	right: 4px;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	background: #eff0f5;
	border-radius: 4px;
}

.relative-file-upload:hover {
	color: #ffffff;
	background: #b0b5cd;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.relative-file-upload input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	filter: alpha(opacity = 0);
	opacity: 0;
	outline: none;
	background: #ffffff;
	cursor: inherit;
	display: block;
}

.onboarding-content .checklist-col .custom_check .checkmark:after {
	left: 10px;
	top: 3px;
}

.onboarding-content .custom_check .checkmark::after {
	color: #ffffff;
}

.onboarding-content .custom_check input:checked ~ .checkmark {
	background-color: #3464ce;
}

.onboarding-content .checklist-col .custom_check .checkmark {
	width: 35px;
}

.onboarding-content .checklist-col.pregnant-col .remember-me-col .custom_check .checkmark
	{
	border-color: #3464ce;
}

.onboarding-content .custom_check .checkmark {
	left: -10px;
}

.onboarding-content .checklist-col .remember-me-col {
	border-bottom: 1px solid #f6f6f9;
}

.onboarding-content .increment-decrement .input-groups input[type="button"]
	{
	background-color: transparent;
	font-size: 20px;
	border: 1px solid #3464ce;
	border-radius: 4px;
	height: 24px;
	width: 35px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	margin-top: 0px;
	line-height: 0;
	padding: 0;
	color: #3464ce;
}

/*-----------------
	105. Responsive
-----------------------*/
@media only screen and (min-width:768px) {
	.avatar-xxl {
		width: 8rem;
		height: 8rem;
	}
	.avatar-xxl .border {
		border-width: 4px !important;
	}
	.avatar-xxl .rounded {
		border-radius: 12px !important;
	}
	.avatar-xxl .avatar-title {
		font-size: 42px;
	}
	.avatar-xxl.avatar-away:before, .avatar-xxl.avatar-offline:before,
		.avatar-xxl.avatar-online:before {
		border-width: 4px;
	}
}

@media ( min-width : 992px) {
	.main-nav>li {
		margin-right: 30px;
	}
	.white-font>li>a {
		color: #ffffff;
	}
	.main-nav>li:last-child {
		margin-right: 0;
	}
	.main-nav li {
		display: block;
		position: relative;
	}
	.main-nav>li>a {
		line-height: 85px;
		padding: 0 !important;
	}
	.header-nav-one .main-nav>li>a {
		line-height: 97px;
	}
	.header-four .main-nav>li>a {
		line-height: 80px;
		color: #ffffff;
	}
	.main-nav>li>a>i {
		font-size: 12px;
		margin-left: 3px;
	}
	.main-nav li>ul {
		background-color: #ffffff;
		border-radius: 5px;
		box-shadow: 0 0 3px rgba(25, 26, 56, 0.1);
		display: block;
		font-size: 14px;
		left: 0;
		margin: 0;
		min-width: 200px;
		opacity: 0;
		padding: 0;
		position: absolute;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		top: 100%;
		visibility: hidden;
		z-index: 1000;
	}
	.main-nav li .submenu::before {
		border: 7px solid #ffffff;
		border-color: transparent transparent #ffffff #ffffff;
		box-shadow: -2px 2px 2px -1px rgba(25, 26, 56, 0.1);
		content: "";
		left: 45px;
		position: absolute;
		top: 2px;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.main-nav li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.main-nav .has-submenu.active>a {
		color: #3d6bd0;
	}
	.header-four .main-nav .has-submenu.active>a {
		color: #ffffff;
		border-top: 3px solid #da5bda;
	}
	.main-nav .has-submenu.active .submenu li.active>a {
		color: #2c59b9;
	}
	.nav-bg-two {
		font-family: 'Encode Sans', sans-serif;
	}
	.nav-bg-two .has-submenu.active>a {
		color: #2b55b1;
	}
	.nav-bg-two .has-submenu.active .submenu li.active>a {
		color: #2b55b1;
	}
	.nav-bg-five .main-nav .has-submenu.active .submenu li.active>a {
		color: #2b55b1;
	}
	.nav-bg-five .main-nav li .submenu a:hover {
		color: #2b55b1;
	}
	.nav-bg-five .black-font {
		font-family: 'Inter', sans-serif;
	}
	.main-nav>li .submenu li:first-child a {
		border-top: 0;
	}
	.main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-top: -1px;
		margin-right: 0;
	}
	.main-nav>li .submenu>li .submenu {
		left: 100%;
		top: 0;
		margin-top: 10px;
	}
	.main-nav li .submenu a:hover {
		color: #2c59b9;
		letter-spacing: 0.5px;
		padding-left: 20px;
	}
	.main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before {
		top: 20px;
		margin-left: -35px;
		box-shadow: 1px 1px 0 0 rgba(25, 26, 56, 0.15);
		border-color: transparent #ffffff #ffffff transparent;
	}
	.header-navbar-rht .show+.dropdown-menu {
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.header-navbar-rht li .dropdown-menu {
		border-radius: 5px;
		padding: 0;
		margin: 0;
		min-width: 200px;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		display: block;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	.header-trans-two .main-nav .has-submenu.active>a {
		color: #2b55b1;
	}
	.header-trans-two .main-nav .has-submenu.active>a:after {
		content: "";
		position: absolute;
		width: 70px;
		background: #2b55b1;
		left: -7px;
		height: 3px;
		z-index: 9;
		bottom: 0px;
	}
	.header-five .main-nav .has-submenu.active>a {
		color: #4974d3;
	}
	.header-five .main-nav .has-submenu.active>a:after {
		content: "";
		position: absolute;
		width: 70px;
		background: #4974d3;
		left: -7px;
		height: 2px;
		z-index: 9;
		bottom: 25px;
	}
}

@media only screen and (max-width: 1399px) {
	.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
		{
		max-width: 180px;
	}
	.row.row-grid {
		margin-left: -8px;
		margin-right: -8px;
	}
	.row.row-grid>div {
		padding-right: 8px;
		padding-left: 8px;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media ( min-width : 1200px) {
	.aval-features .custom-contain {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media ( min-width : 1600px) {
	.blog-wrapper .wrap-content:before {
		border-left: 221px solid transparent;
		border-right: 221px solid transparent;
	}
}

@media only screen and (max-width: 1200px) {
	.home-one-banner {
		padding: 0;
	}
	.nav-bg {
		background: transparent;
	}
	.nav-bg .main-menu-wrapper {
		display: unset;
	}
	.nav-bg .navbar-header {
		margin-top: 0px;
	}
	.nav-bg .header-nav {
		height: auto;
	}
	.news-bg .news-left .form-control {
		width: 290px;
	}
	.header-trans.header-trans-two .main-menu-wrapper {
		margin-left: auto;
	}
	.header-trans.header-trans-two .logo {
		width: auto;
	}
	.best-doctor-slider .slick-prev, .best-doctor-slider .slick-next {
		width: 40px;
		height: 40px;
	}
	.best-doctor-slider .slick-next {
		right: -10px;
		left: auto;
	}
	.best-doctor-slider .slick-prev {
		left: -10px;
		right: auto;
	}
	.home-banner-three .doc-form {
		padding: 0;
	}
	.home-banner-three .banner-three-content h2 {
		font-size: 34px;
	}
	.home-banner-three .banner-wrapper {
		max-width: 450px;
	}
}

@media only screen and (max-width: 1199px) {
	.header-nav {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
		{
		max-width: 150px;
	}
	.chat-cont-left {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.chat-cont-right {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.row.row-grid>div {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.dash-widget {
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
	.circle-bar {
		margin: 0 0 15px;
	}
	.header-navbar-rht li.contact-item {
		display: none;
	}
	.map-right {
		height: 450px;
		position: static;
		min-height: inherit;
		margin-bottom: 30px;
		padding-right: 15px;
	}
	.map-listing {
		height: 450px;
	}
	.map-page .content {
		padding-top: 100px;
	}
	.appoinment-box {
		margin-top: 0;
	}
	.appoinment-box .appoinment-search-btn {
		font-size: 14px;
		min-width: 140px;
	}
	.appoinment-box .appoinment-btn {
		margin-right: 0px;
		width: 48px;
	}
	.appointment-grid {
		margin-top: 0;
	}
	.doctor-right-img {
		display: none;
	}
}

@media only screen and (max-width: 991.98px) {
	.nav-bg .main-nav li .submenu a:hover {
		padding: 10px 15px 10px 35px;
	}
	.nav-bg-two .main-nav li .submenu a:hover {
		padding: 10px 15px 10px 35px;
	}
	.home-one-banner {
		padding: 0 0 30px;
	}
	.home-three-nav .main-nav .has-submenu.active>a:after {
		display: none;
	}
	.bg-shapes {
		display: none;
	}
	.main-nav {
		padding: 0;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}
	.doc-info-left.doc-details, .doc-info-right.appt-date {
		width: 100%;
	}
	.doc-info-right.appt-date {
		margin-left: unset;
		margin-top: 20px;
		justify-content: center;
		display: flex;
		flex-direction: column;
	}
	.doctor-col {
		flex-direction: column;
	}
	.blog-pagination .pagination li a {
		padding: 10px 15px;
	}
	.nav-bg .main-menu-wrapper {
		display: unset;
	}
	.nav-bg .menu-close:hover {
		color: #2b55b1;
	}
	.nav-bg .main-menu-wrapper {
		background-color: #2b55b1;
	}
	.nav-bg .main-nav li .submenu a:hover {
		color: #ffffff;
	}
	.nav-bg .main-nav .has-submenu.active>a {
		color: #ffffff;
	}
	.nav-bg .main-nav .has-submenu.active .submenu li.active>a {
		color: #ffffff;
	}
	.nav-bg .login-blue-bg {
		display: none;
	}
	.nav-bg .signup-white-bg {
		display: none;
	}
	.nav-bg .main-nav li.login-link {
		display: block;
	}
	.nav-bg .logo {
		width: 100%;
		margin: 0;
	}
	.nav-bg-five .main-menu-wrapper {
		background-color: #2b55b1;
	}
	.nav-bg-five .black-font>li>a {
		color: #ffffff;
	}
	.nav-bg-five .black-font>li>a:hover {
		color: #ffffff;
	}
	.nav-bg-five .main-nav .has-submenu.active>a {
		color: #ffffff;
	}
	.nav-bg-five .main-nav .has-submenu.active .submenu li.active>a {
		color: #ffffff;
	}
	.menu-close:hover {
		color: #2b55b1;
	}
	.nav-bg .navbar-header {
		width: 100%;
		text-align: center;
	}
	.main-nav .has-submenu.active>a {
		color: #ffffff;
	}
	.main-nav .has-submenu>a:hover {
		color: #ffffff;
	}
	.home-three-nav .black-font>li>a {
		color: #ffffff;
	}
	.banner-left .banner-info h2 {
		font-size: 36px;
		margin-bottom: 10px;
	}
	.banner-left .banner-details h4 {
		margin-right: 10px;
		font-size: 20px;
	}
	.banner-left .banner-details p {
		font-size: 18px;
	}
	.main-nav ul {
		background-color: #2b57b5;
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	.main-nav>li {
		border-bottom: 1px solid #95aee5;
		margin-left: 0;
	}
	.main-nav li+li {
		margin-left: 0;
	}
	.main-nav>li>a {
		line-height: 1.5;
		padding: 15px 20px !important;
		color: #ffffff;
		font-size: 14px;
		font-weight: 500;
	}
	.main-nav>li>a>i {
		float: right;
		margin-top: 5px;
	}
	.main-nav>li .submenu li a {
		border-top: 0;
		color: #ffffff;
		padding: 10px 15px 10px 35px;
	}
	.main-nav>li .submenu ul li a {
		padding: 10px 15px 10px 45px;
	}
	.main-nav>li .submenu>li.has-submenu>a::after {
		content: "\f078";
	}
	.main-nav .has-submenu.active>a {
		color: #ffffff;
	}
	.main-nav .has-submenu>a:hover {
		color: #ffffff;
	}
	.main-nav .has-submenu.active .submenu li.active>a {
		color: #ffffff;
	}
	.login-left {
		display: none;
	}
	.main-menu-wrapper {
		order: 3;
		width: 260px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1060;
		transform: translateX(-260px);
		transition: all 0.4s;
		background-color: #2b55b1;
	}
	.menu-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.navbar-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	#mobile_btn {
		display: inline-block;
	}
	.section-search {
		min-height: 330px;
	}
	.section-specialities {
		padding: 50px 0;
	}
	.footer-widget {
		margin-bottom: 30px;
	}
	.chat-cont-left, .chat-cont-right {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;
		width: 100%;
	}
	.chat-cont-left {
		border-right: 0;
	}
	.chat-cont-right {
		position: absolute;
		right: -100%;
		top: 0;
		opacity: 0;
		visibility: hidden;
	}
	.chat-cont-right .chat-header {
		justify-content: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
	}
	.chat-cont-right .chat-header .back-user-list {
		display: block;
	}
	.chat-cont-right .chat-header .chat-options {
		margin-left: auto;
	}
	.chat-window.chat-slide .chat-cont-left {
		left: -100%;
	}
	.chat-window.chat-slide .chat-cont-right {
		right: 0;
		opacity: 1;
		visibility: visible;
	}
	.day-slot li.left-arrow {
		left: -10px;
	}
	.container {
		max-width: 100%;
	}
	.appointments .appointment-action {
		margin-top: 10px;
	}
	.appointments .appointment-list {
		display: block;
	}
	.banner-wrapper {
		max-width: 720px;
	}
	.search-box .search-info {
		-ms-flex: 0 0 180px;
		flex: 0 0 180px;
		width: 180px;
	}
	.banner-wrapper .banner-header h1 {
		font-size: 2.125rem;
	}
	.dct-border-rht {
		border-bottom: 1px solid #f1f2f6;
		border-right: 0;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	.dr-img {
		display: none;
	}
	.doctor-search {
		padding: 30px 0;
	}
	.doctor-search-section {
		padding-top: 85px;
	}
	.shapes {
		display: none;
	}
	.search-box-3 {
		position: relative;
	}
	.header-top {
		display: none;
	}
	.search-box {
		max-width: 535px;
		margin: 0 auto;
	}
	.card-label>label {
		font-size: 12px;
	}
	.footer .footer-top {
		padding-bottom: 10px;
	}
	.time-slot li .timing.selected::before {
		display: none;
	}
	.review-listing .recommend-btn {
		float: none;
	}
	.dash-widget {
		flex-direction: unset;
		text-align: left;
	}
	.circle-bar {
		margin: 0 15px 0 0;
	}
	.call-wrapper {
		height: calc(100vh - 140px);
	}
	.sidebar-overlay.opened {
		display: block;
	}
	.about-content {
		margin-bottom: 30px;
	}
	.slide-image {
		padding-left: 0;
		padding-right: 0;
	}
	.custom-short-by>div {
		margin-right: 0;
	}
	.product-description .doctor-img1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.product-description .doc-info-cont {
		width: 100%;
	}
	.product-description .doc-info-left {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.clinics-section {
		padding: 40px 0 25px;
	}
	.specialities-section {
		padding: 60px 0 35px;
	}
	.our-doctors-section {
		padding: 40px 0;
	}
	.clinic-features-section {
		padding: 40px 0;
	}
	.our-blog-section {
		padding: 40px 0;
	}
	.section-search-3 .banner-info {
		padding: 60px 0 130px;
	}
	.section-search-3 .doctor-search-form .banner-btn {
		padding: 18px 30px;
	}
	.pop-box .body-section h3 {
		font-size: 20px;
	}
	.section-header-three h2 {
		font-size: 28px;
	}
	.doc-background, .pat-background {
		min-height: 250px;
	}
	.doctor-divison h3 {
		font-size: 20px;
	}
	.doctor-divison p {
		font-size: 12px;
	}
	.doctors-body .inner-section>span {
		font-size: 12px;
	}
	.book-best-doctors .doctors-body .average-ratings {
		padding: 1px 8px;
		font-size: 10px;
		margin-left: 7px;
	}
	.book-best-doctors .doctors-body h4 {
		font-size: 18px;
	}
	.book-best-doctors .amt-txt {
		font-size: 16px;
	}
	.latest-blog .blog-wrap .blog-wrap-body h3 {
		font-size: 18px;
	}
	.header-four .nav-item a.header-login {
		margin: 15px 20px;
	}
	.header-four .nav-item a.header-login i {
		float: unset;
	}
	.doc-form {
		position: absolute;
		top: 85px;
		left: 20px;
		padding: 37px 0;
		width: 600px;
	}
	.dot-slider .slick-slide {
		height: 375px;
	}
	.dot-slider .profile-widget {
		margin-bottom: 0;
	}
	.app-form h2 {
		font-size: 30px;
	}
	.app-form .doctor-search-form input {
		min-height: 50px;
	}
	.app-form .banner-btn {
		padding: 10px 30px;
		min-height: 50px;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.category-sec {
		padding: 50px 0;
		margin-top: 0;
	}
	.set-category {
		padding: 10px;
	}
	.set-category .info-holder h3 {
		font-size: 20px;
	}
	.set-category .info-holder p {
		font-size: 11px;
	}
	.set-category .img-holder {
		margin-right: 10px;
	}
	.set-category .img-holder a {
		width: 50px;
		height: 50px;
	}
	.set-category .img-holder a img {
		width: 20px;
	}
	.select-box {
		padding: 20px;
	}
	.select-box p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.select-box .book-now {
		padding: 8px 20px;
	}
	.select-box .image-holder {
		margin-right: 15px;
	}
	.aval-features .custom-contain {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.aval-features .feature {
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 40px;
	}
	.aval-features .feature .info-box {
		padding: 20px;
	}
	.aval-features .feature .info-box h2 {
		font-size: 30px;
	}
	.aval-features .custom-contain {
		max-width: 100%;
	}
	.header-trans.header-five .main-menu-wrapper {
		margin-left: auto;
	}
	.header-trans.header-trans-two .main-menu-wrapper {
		margin-left: auto;
	}
	.home-search-section .banner-header h2 {
		font-size: 34px;
	}
	.facility-section .operat-img {
		width: 100%;
	}
	.facility-section .visit-doctor {
		padding: 15px;
		margin-bottom: 20px;
	}
	.facility-section .visit-doctor .inner-details img {
		bottom: -13px;
	}
	.visit-doctor .inner-details .info h1 {
		font-size: 20px;
	}
	.visit-doctor .inner-details .info p {
		font-size: 12px;
		max-width: 100%;
	}
	.visit-doctor .inner-details .count h1 {
		width: 55px;
		height: 55px;
		font-size: 20px;
	}
	.clinic-wrap {
		height: 200px;
	}
	.heading-wrapper h1 {
		font-size: 30px;
		max-width: 100%;
	}
	.clinic-wrap .wrapper-overlay img {
		margin-bottom: 20px;
	}
	.doc-booking .book-slider .slick-prev, .doc-booking .book-slider .slick-next
		{
		top: -100px;
	}
	.blog-wrapper .wrap-content .date-cart {
		font-size: 26px;
	}
	.home-search-section .doctor-search {
		padding: 40px 0;
	}
	.facility-section {
		padding: 40px 0 20px;
	}
	.clinic-speciality {
		padding: 40px 0 10px;
	}
	.browse-section.brower-category {
		padding: 40px 0 20px;
	}
	.doctor-divison.provider-select .doc-background, .doctor-divison.provider-select .pat-background
		{
		padding: 40px 30px;
	}
	.doc-booking {
		padding: 40px 0;
	}
	.blogs-section.blog-container {
		padding: 40px 0 10px;
	}
	.heading-wrapper .nav-arrow {
		display: none;
	}
	.heading-wrapper {
		margin-bottom: 30px;
		text-align: center;
	}
	.blog-wrapper .wrap-content:before {
		border-left: 178px solid transparent;
		border-right: 170px solid transparent;
	}
	.divider .carousel-inner {
		height: 430px;
	}
	.about-section {
		min-height: unset;
		background: linear-gradient(360deg, rgba(46, 84, 179, 0.06) 40.94%,
			rgba(229, 241, 251, 0) 100%);
	}
	.select-category {
		padding: 50px 0 20px;
		margin: 0;
	}
	.contact-section h3 {
		font-size: 36px;
	}
	.contact-section p {
		font-size: 18px;
	}
	.contact-box .infor-details p {
		font-size: 14px;
	}
	.category-subox {
		margin-bottom: 30px;
	}
	.category-col:after {
		bottom: 15px;
	}
	.appoinment-box .appoinment-btn {
		margin-right: 20px;
		width: 50px;
	}
	.appointment-info-holder h2 {
		font-size: 38px;
	}
	.appointment-info .appointment-link {
		font-size: 24px;
	}
	.appointment-info-holder h2 {
		font-size: 28px;
	}
	.news-bg .news-left h2 {
		font-size: 36px;
	}
	.nav-bg .header-nav {
		height: 85px;
	}
	.appointment-bg {
		padding: 20px 0 20px;
	}
	.appointment-bg .appointment-left {
		display: none;
	}
	.appointment-grid {
		margin-bottom: 20px;
	}
	.service-section {
		padding: 40px 0 40px;
	}
	.doctor-section {
		padding: 40px 0 40px;
	}
	.section-header {
		margin-bottom: 40px;
	}
	.features-section {
		padding: 40px 0 40px;
	}
	.news-letter-bg {
		padding: 40px 0 40px;
	}
	.news-section {
		padding: 0px 0 40px;
	}
	.news-letter-bg .news-bg {
		text-align: center;
		padding: 40px 0
	}
	.news-img {
		display: none;
	}
	.grid-news .news-content .news-title a {
		font-size: 18px;
	}
	.grid-news .news-content ul li .news-date a {
		font-size: 15px;
		height: 40px;
	}
	.footer-one {
		padding: 20px 0;
	}
	.footer-two {
		padding: 20px 0;
	}
	.nav-bg-two .main-menu-wrapper {
		background-color: #2b55b1;
	}
	.nav-bg-two .main-nav .has-submenu.active>a {
		color: #ffffff;
	}
	.nav-bg-two .main-nav>li {
		border-bottom: 1px solid #95aee5;
	}
	.nav-bg-two .main-nav li .submenu a:hover {
		color: #ffffff;
	}
	.nav-bg-two .main-nav .has-submenu.active .submenu li.active>a {
		color: #ffffff;
	}
	.nav-bg  .main-nav>li {
		border-bottom: 1px solid #95aee5;
	}
	.nav-bg-two .menu-close:hover {
		color: #2b55b1;
	}
	.home-banner-two {
		padding: 80px 0 0px;
	}
	.home-banner-two .slick-slide img {
		height: auto;
	}
	.banner-two-form {
		margin: -50px auto 0;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.banner-two-form .search-area {
		max-width: 100%;
	}
	.home-banner-two .slider-counter {
		position: relative;
		right: 0;
		float: unset;
		font-size: 20px;
		padding: 10px;
		bottom: 5px;
		min-width: 200px;
		display: none;
		justify-content: center;
		align-items: center;
		left: 15px;
		text-align: center;
		margin: auto;
	}
	.home-banner-two .slick-prev {
		right: auto !important;
		top: 50%;
		left: 15px;
	}
	.home-banner-two .slick-next {
		right: 15px !important;
		top: 50%;
		left: auto;
	}
	.looking-section {
		padding: 40px 0 20px;
	}
	.looking-big-icon {
		font-size: 100px;
	}
	.best-doctor-section {
		padding: 0px 0 40px;
	}
	.best-doctor-widget {
		margin-bottom: 40px;
	}
	.clinic-grid img {
		width: 100px;
	}
	.features-clinic-section {
		padding: 40px 0 40px;
	}
	.high-service-section {
		padding: 40px 0 40px;
	}
	.blog-news-section {
		padding: 0px 0 40px;
	}
	.blog-news-grid {
		margin-bottom: 20px;
	}
	.blog-news-section .high-btn {
		margin-top: 20px;
	}
	.footer-news {
		margin-top: 40px;
		margin-bottom: 0;
	}
	.footer-news .footer-news-head h2 {
		font-size: 36px;
	}
	.banner-three-content {
		display: none;
	}
	.home-banner-three .banner-wrapper {
		max-width: unset;
		position: relative;
		top: 0;
		padding: 40px 0px;
		left: 0;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.home-banner-three .app-form {
		display: inline-block;
	}
	.home-banner-three .banner-wrapper .app-form-one {
		display: inline-block;
		background: #172d5e;
		width: 100%;
		padding: 20px;
	}
	.home-banner-three .d-md-none {
		display: none;
	}
	.home-banner-three .owl-nav {
		display: none;
	}
	.home-banner-three .owl-theme .owl-dots {
		right: 0 !important;
		left: 0;
		max-width: max-content;
		text-align: center;
		bottom: 10px;
	}
	.looking-section-three {
		padding: 20px 0 20px;
	}
	.header-three {
		margin-bottom: 40px;
	}
	.header-three h2 {
		font-size: 36px;
	}
	.header-three h2:before {
		width: 75px;
	}
	.header-three h2:after {
		width: 75px;
	}
	.browse-section-three {
		padding: 40px 0 40px;
	}
	.browse-grid {
		margin-bottom: 20px;
	}
	.doctor-details-section {
		padding: 60px 0 60px;
	}
	.doctor-section-three {
		padding: 40px 0 40px;
	}
	.best-our-doctors {
		margin-bottom: 40px;
	}
	.features-clinic {
		padding: 40px 0 40px;
	}
	.features-clinic-slider {
		margin-bottom: 40px;
	}
	.latest-blog-section {
		padding: 40px 0 40px;
	}
	.latest-blog-grid {
		margin-bottom: 40px;
	}
	.news-letter-section {
		padding: 40px 0 40px;
	}
	.news-letter-section .news-left .news-info h2 {
		font-size: 36px;
	}
	.footer-three {
		padding: 20px 0;
	}
	.home-four-banner {
		padding: 0;
	}
	.home-four-banner .header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #ffffff;
	}
	.home-four-top {
		display: none;
	}
	.home-four-doctor .home-four-header h2 {
		font-size: 36px;
	}
	.looking-section-four {
		padding: 0px 0 0px;
	}
	.section-header-four {
		margin-bottom: 40px;
	}
	.section-header-four h2 {
		font-size: 36px;
	}
	.clinic-section-four {
		padding: 40px 0 0px;
	}
	.clinic-grid-four {
		margin-bottom: 20px;
	}
	.doctor-section-four {
		padding: 40px 0 40px;
	}
	.best-doctors-grid {
		margin-bottom: 30px;
	}
	.features-clinic-four {
		padding: 40px 0 40px;
	}
	.clinic-big-img {
		display: none;
	}
	.features-clinic-slider-four {
		margin-bottom: 20px;
	}
	.blog-section-four {
		padding: 40px 0 40px;
	}
	.grid-blog-four {
		margin-bottom: 30px;
	}
	.news-section-four {
		padding: 40px 0 40px;
	}
	.news-section-four .news-info h2 {
		font-size: 36px;
	}
	.home-section-five {
		padding: 60px 0;
	}
	.section-search-five h2 {
		font-size: 40px;
	}
	.looking-section-five {
		padding: 40px 0;
	}
	.looking-bg-five {
		padding-bottom: 0;
	}
	.looking-grid-five {
		margin-bottom: 30px;
	}
	.clinic-section-five {
		padding: 40px 0 40px;
	}
	.doctor-section-five {
		padding: 40px 0 40px;
	}
	.doctor-img2 {
		display: none;
	}
	.browse-section-five {
		padding: 40px 0 20px;
	}
	.specialist-card-five {
		margin-bottom: 20px;
	}
	.best-section-five {
		padding: 40px 0 40px;
	}
	.doctor-see-btn {
		margin-top: 30px;
	}
	.news-letter-five {
		padding: 20px 0;
	}
	.blog-section-five {
		padding: 40px 0;
	}
	.blog-grid-five {
		margin-bottom: 20px;
	}
	.scroll-down {
		display: none;
	}
	.looking-row {
		padding-left: 15px;
		padding-right: 15px;
		border: none;
	}
	.looking-col {
		padding-left: 15px;
		padding-right: 15px;
	}
	.looking-grid-four {
		margin-bottom: 20px;
		padding: 0;
		border: 1px solid rgba(165, 180, 230, 0.5);
	}
	.looking-grid-four:hover .looking-box-four {
		top: 0;
		right: 0;
	}
	.home-banner-two .slider-counter-three {
		display: none;
	}
	.section-category {
		padding: 40px 0;
	}
	/*.section-blogs {
		padding: 40px 0;
	}*/

	.section-blogs {
		background-color: #f5f8fd;
		padding: 80px 0;
	}
	.divider .banner-wrapper {
		padding-bottom: 0;
	}
	.appoint {
		font-size: 22px;
	}
	.view-icons a {
		font-size: 18px;
		width: 40px;
		height: 40px;
	}
	.total-dr {
		font-size: 16px;
	}
	.calender {
		font-size: 14px;
	}
	.doctor-widget .doc-name {
		font-size: 18px;
	}
	.doc-speciality {
		font-size: 12px;
	}
	.doc-department h6 {
		font-size: 12px;
	}
	.left-panel {
		display: none;
	}
	.right-panel {
		width: 100%;
		height: auto;
		padding: 0px;
	}
	.right-panel-title {
		display: block;
	}
	.right-panel-title img {
		max-width: 140px;
	}
	.onboarding-list h6 {
		font-size: 15px;
	}
	.onboarding-progress span {
		font-size: 12px;
	}
	.onboarding-list p {
		font-size: 13px;
	}
	.onboarding-title h2 {
		font-weight: 450;
		font-size: 22px;
	}
	.onboarding-lable {
		font-size: 13px;
	}
	.passcode-wrap.mail-box input {
		font-size: 14px;
		height: 50px;
	}
	.right-panel .select2-container .select2-selection--single {
		height: 50px;
	}
	.right-panel .select2-container--default .select2-selection--single .select2-selection__rendered
		{
		line-height: 50px;
	}
	.right-panel .select2-container--default .select2-selection--single .select2-selection__arrow
		{
		height: 50px;
	}
	.passcode-wrap.mail-box textarea {
		height: 100px;
	}
	.onboarding-btn a {
		padding: 13px 45px;
		font-size: 14px;
	}
	.onboarding-content-box {
		margin-top: 0px;
	}
	.onboarding-btn {
		margin-top: 75px;
	}
	.passcode-wrap.form-focus .focus-label {
		top: -8px;
	}
	.onboarding-content-box {
		padding: 30px;
	}
	.passcode-wrap input {
		width: 77px;
		height: 50px;
		font-size: 24px;
		font-weight: 400;
	}
	.method-btn a {
		font-size: 12px;
	}
	.code-title {
		padding: 10px 12px;
		margin: 22px 0px;
	}
	.code-title h6 {
		font-size: 14px;
	}
	.onboarding-btn.step-2-btn {
		margin-top: 50px;
	}
	.weekDays-selector input[type=checkbox]+label {
		font-size: 16px;
		padding: 14px 22px;
	}
	.onboard-wrapper {
		height: auto;
	}
	.modal.show .modal-dialog.id-upload {
		max-width: 400px;
	}
	.modal-header.id-pop-header {
		padding: 5px;
	}
	.modal-body.id-pop-body {
		padding: 5px;
	}
	.modal-footer.id-pop-footer {
		border-top: none;
		padding: 2px 0px 5px 0px;
	}
	.modal-body.id-pop-body h2 {
		font-size: 20px;
	}
	.modal-body.id-pop-body p {
		font-size: 12px;
	}
	.call-lable.verify-lable.verify-lable {
		height: 120px;
	}
	.upload-sucess-note h6 {
		font-size: 14px;
	}
	.upload-sucess-note h6:nth-child(2) {
		font-size: 14px;
	}
	.payment-icon img {
		top: -168px;
		right: 10px;
	}
	.tog-slider:before {
		height: 12px;
		width: 12px;
	}
	.tog-slider.round {
		width: 50px;
		height: 22px;
	}
	.save-card h6 {
		font-size: 13px;
		margin-bottom: 0px;
	}
	.prefer-box {
		padding: 24px;
		font-size: 14px;
	}
	.onboarding-btn.Consultation-btn.cost-btns {
		margin-top: 10px;
	}
	.call-lable {
		font-size: 14px;
		width: 172px;
	}
	.call-option {
		width: max-content;
	}
	.onboard-page {
		overflow: auto;
	}
	.on-board-wizard {
		padding-top: 25px;
		top: 50px;
	}
	.onboarding-title h6 {
		font-size: 14px;
	}
	.dash-widget-info h3 {
		font-size: 22px;
	}
	.dash-cards table.table td h2 a {
		font-size: 14px;
	}
	.avatar-m {
		height: 50px;
		width: 50px;
	}
	.dash-cards .table.table-center td, .table.table-center th {
		white-space: nowrap;
	}
	.dash-cards .select2-container--default .select2-selection--single .select2-selection__rendered
		{
		font-size: 14px;
	}
	.earning-details h2 {
		font-weight: 500;
		font-size: 31px;
	}
	.onboarding-content-box.content-wrap {
		min-height: auto;
	}
	.opt-resend {
		padding-top: 20px;
	}
	.opt-resend a {
		left: 0px;
	}
}

@media only screen and (max-width: 849.98px) {
	.row.row-grid>div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767.98px) {
	body {
		font-size: 0.875rem;
	}
	body.home-three {
		font-size: 0.875rem;
	}
	body.home-five {
		font-size: 0.875rem;
	}
	h1, .h1 {
		font-size: 2rem;
	}
	h2, .h2 {
		font-size: 1.75rem;
	}
	h3, .h3 {
		font-size: 1.375rem;
	}
	h4, .h4 {
		font-size: 1rem;
	}
	h5, .h5 {
		font-size: 0.875rem;
	}
	h6, .h6 {
		font-size: 0.75rem;
	}
	.content {
		padding: 15px 0 0;
	}
	.account-page .content {
		padding: 15px 0;
	}
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.carousel-item {
		height: auto;
		min-height: auto;
	}
	.card {
		margin-bottom: 20px;
	}
	.profile-sidebar {
		margin-bottom: 20px;
	}
	.appointment-tab {
		margin-bottom: 20px;
	}
	.features-slider .slick-dots, .features-img img {
		text-align: center;
		margin: 0 auto;
	}
	.doctor-slider {
		margin-top: 25px;
	}
	.breadcrumb-bar {
		height: auto;
	}
	.login-right {
		margin: 0 15px;
		padding: 15px;
	}
	.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
		{
		max-width: 250px;
	}
	.chat-window .chat-cont-right .chat-header .media .media-body {
		display: none;
	}
	.divider .carousel-inner {
		height: 100%;
	}
	.divider .form-group {
		margin-bottom: 10px;
	}
	.banner-wrapper .banner-header h1 {
		font-size: 2rem;
	}
	.banner-wrapper .banner-header p {
		font-size: 1rem;
	}
	.section-header h2 {
		font-size: 1.875rem;
	}
	.section-header .sub-title {
		font-size: 0.875rem;
	}
	.speicality-item p {
		font-size: 0.875rem;
	}
	.section-header p {
		font-size: 0.9375rem;
	}
	.footer-title {
		font-size: 1.125rem;
	}
	.search-box {
		max-width: 535px;
		margin: 0 auto;
	}
	.search-box form {
		-ms-flex-direction: column;
		flex-direction: column;
		word-wrap: break-word;
		background-clip: border-box;
	}
	.search-box .search-location {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}
	.search-box .search-info {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}
	.search-box .search-btn {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		min-height: 46px;
		width: 100%;
	}
	.search-box .search-btn span {
		display: inline-block;
		margin-left: 5px;
		text-transform: uppercase;
	}
	.section-search {
		background: #ffffff;
	}
	.day-slot li span {
		font-size: 16px;
		text-transform: unset;
	}
	.time-slot li .timing span {
		display: block;
	}
	.submit-section.proceed-btn {
		margin-bottom: 20px;
	}
	.day-slot li small.slot-year {
		display: none;
	}
	.success-cont h3 {
		font-size: 22px;
	}
	.view-inv-btn {
		font-size: 14px;
		padding: 10px 30px;
	}
	.invoice-info.invoice-info2 {
		text-align: left;
	}
	.invoice-item .invoice-details {
		text-align: left;
	}
	.section-search, .section-doctor, .section-features {
		padding: 50px 0;
	}
	.slick-next {
		right: -10px;
	}
	.slick-prev {
		left: -10px;
	}
	.specialities-slider .slick-slide {
		margin-right: 15px;
	}
	.about-content a {
		padding: 12px 20px;
	}
	.submit-section .submit-btn {
		padding: 10px 20px;
		font-size: 15px;
		min-width: 105px;
	}
	.policy-menu {
		margin-top: 10px;
		text-align: left;
	}
	.booking-doc-info .booking-doc-img {
		width: 75px;
	}
	.booking-doc-info .booking-doc-img img {
		height: 75px;
		width: 75px;
	}
	.btn.btn-danger.trash {
		margin-bottom: 20px;
	}
	.nav-tabs.nav-tabs-bottom>li>a.active, .nav-tabs.nav-tabs-bottom>li>a.active:hover,
		.nav-tabs.nav-tabs-bottom>li>a.active:focus {
		background-color: #f6f6f9;
	}
	.nav-tabs.nav-justified {
		border-bottom: 1px solid #dadce7;
	}
	.nav-tabs.nav-justified>li>a.active, .nav-tabs.nav-justified>li>a.active:hover,
		.nav-tabs.nav-justified>li>a.active:focus {
		border-color: transparent transparent transparent #2b55b1;
		border-left-width: 2px;
	}
	.nav-tabs {
		border-bottom: 0;
		position: relative;
		background-color: #ffffff;
		padding: 5px 0;
		border: 1px solid #dadce7;
		border-radius: 3px;
	}
	.nav-tabs .nav-item {
		margin-bottom: 0;
	}
	.nav-tabs>li>a {
		border-width: 2px;
		border-left-color: transparent;
	}
	.nav-tabs .nav-link {
		border-width: 2px;
	}
	.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
		background-color: #ffffff;
	}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
		.nav-tabs>li>a.active, .nav-tabs>li>a.active:hover, .nav-tabs>li>a.active:focus
		{
		border-color: transparent transparent transparent #416fd2 !important;
		border-left-width: 2px;
	}
	.nav-tabs>li.open:not(.active)>a, .nav-tabs>li.open:not(.active)>a:hover,
		.nav-tabs>li.open:not(.active)>a:focus {
		background-color: #ffffff;
	}
	.nav-tabs.nav-tabs-solid {
		padding: 5px;
	}
	.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
		border-radius: 5px;
	}
	.nav-tabs.nav-tabs-solid>li>a {
		border-left-width: 0 !important;
	}
	.nav-tabs-justified {
		border-bottom: 1px solid #dadce7;
	}
	.nav-tabs-justified>li>a.active, .nav-tabs-justified>li>a.active:hover,
		.nav-tabs-justified>li>a.active:focus {
		border-width: 0 0 0 2px;
		border-left-color: #416fd2;
	}
	.review-listing>ul li .comment .comment-body .meta-data span.comment-date
		{
		margin-bottom: 5px;
	}
	.review-listing>ul li .comment .comment-body .meta-data .review-count {
		position: unset;
	}
	.my-video ul li {
		width: 50px;
	}
	.call-users ul li {
		width: 50px;
	}
	.call-mute {
		font-size: 20px;
		height: 50px;
		line-height: 50px;
		width: 50px;
	}
	.call-duration {
		font-size: 24px;
	}
	.voice-call-avatar .call-avatar {
		height: 100px;
		width: 100px;
	}
	.user-tabs {
		margin-top: 1.5rem;
	}
	.user-tabs .nav-tabs>li>a {
		border-left: 2px solid transparent;
		border-bottom: 0;
		padding: .5rem 1rem;
	}
	.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active, .user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:hover,
		.user-tabs .nav-tabs.nav-tabs-bottom>li>a.active:focus {
		border-left-width: 2px;
		color: #416fd2;
	}
	.doctor-widget {
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
	.doc-info-right {
		margin-left: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.doc-info-left {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.clinic-services {
		display: none;
	}
	.doctor-img {
		margin: 0 auto 20px;
	}
	.doctor-action {
		justify-content: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	}
	.row.row-grid>div {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.breadcrumb-bar .breadcrumb-title {
		font-size: 18px;
	}
	.dash-widget h6 {
		font-size: 15px;
	}
	.dash-widget h3 {
		font-size: 20px;
	}
	.dash-widget p {
		font-size: 13px;
	}
	.doctor-widget .doc-name {
		font-size: 18px;
	}
	.exp-title, .booking-total ul li span, .booking-total ul li .total-cost
		{
		font-size: 14px;
	}
	.invoice-item .customer-text {
		font-size: 16px;
	}
	.call-wrapper {
		height: calc(100vh - 115px);
	}
	.appointment-tab .nav-tabs {
		padding: 1.5rem;
	}
	.submit-btn-bottom {
		margin-bottom: 20px;
	}
	.service-list ul li {
		width: 50%;
	}
	.grid-blog .blog-title {
		min-height: inherit;
	}
	.blog-title {
		font-size: 20px;
	}
	.blog-view .blog-title {
		font-size: 22px;
	}
	.full-slide-home .slick-prev {
		left: 15px;
	}
	.full-slide-home .slick-next {
		right: 15px;
	}
	.search-box1 form p {
		margin-bottom: 15px !important;
	}
	.search-box1 .search-location1 {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.product-description .doctor-widget {
		text-align: left;
	}
	.pharmacy-home-slider .swiper-button-prev, .pharmacy-home-slider .swiper-button-next
		{
		display: none;
	}
	.banner-header h2 {
		font-size: 26px;
		line-height: 40px;
	}
	.section-heading {
		margin-bottom: 15px;
	}
	.owl-theme .owl-dots, .owl-nav button {
		margin-top: 10px;
	}
	.clinics-section {
		padding: 30px 0 10px;
	}
	.specialities-section {
		padding: 40px 0 15px;
	}
	.our-doctors-section {
		padding: 30px 0;
	}
	.clinic-features-section {
		padding: 30px 0;
	}
	.our-blog-section {
		padding: 30px 0;
	}
	.section-heading h2 {
		font-size: 20px;
	}
	.slide-nav-1 button.owl-next, .slide-nav-1 button.owl-prev, .slide-nav-2 button.owl-next,
		.slide-nav-2 button.owl-prev, .slide-nav-3 button.owl-next,
		.slide-nav-3 button.owl-prev, .slide-nav-4 button.owl-next,
		.slide-nav-4 button.owl-prev {
		width: 28px;
		height: 28px;
	}
	.slide-nav-5 button.owl-next, .slide-nav-5 button.owl-prev {
		width: 40px;
		height: 40px;
	}
	.slide-nav-6 button.owl-next, .slide-nav-6 button.owl-prev {
		width: 40px;
		height: 40px;
	}
	.slide-nav-7 button.owl-next, .slide-nav-7 button.owl-prev {
		width: 40px;
		height: 40px;
	}
	.slide-nav-8 button.owl-next, .slide-nav-8 button.owl-prev {
		width: 40px;
		height: 40px;
	}
	.section-search-3 .banner-info {
		padding: 20px 0 100px;
	}
	.pop-box .body-section h3 {
		font-size: 18px;
	}
	.section-header-three h2 {
		font-size: 24px;
	}
	.section-header-three p {
		font-size: 14px;
	}
	.section-header-three {
		margin-bottom: 40px;
	}
	.doctor-category {
		padding: 40px 0 10px;
		margin-top: -110px;
	}
	.clinic-specialities {
		padding: 40px 0;
	}
	.browse-section {
		padding: 40px 0;
	}
	.doc-background, .pat-background {
		padding: 20px 15px;
		min-height: 200px;
	}
	.doctor-divison>.d-flex {
		display: block !important;
	}
	.doctor-divison h3 {
		font-size: 16px;
	}
	.doctor-divison p {
		font-size: 11px;
	}
	.book-section {
		padding: 40px 0;
	}
	.latest-blog {
		padding: 40px 0 10px;
	}
	.footer.custom-footer .footer-top {
		padding: 40px 0 10px;
	}
	.app-form h2 {
		font-size: 20px;
	}
	.doc-form {
		padding: 10px;
		left: 0;
	}
	.app-form {
		display: none;
	}
	.dot-slider .slick-slide {
		height: 100%;
	}
	.dot-slider .profile-widget {
		margin: 0;
	}
	.category-sec {
		padding: 30px 0 0;
	}
	.set-category {
		margin-bottom: 30px;
	}
	.clinic-section {
		padding: 30px 0 0;
	}
	.sec-header h2 {
		font-size: 24px;
	}
	.browse-speciality {
		padding: 30px 0 15px;
	}
	.select-box {
		margin-bottom: 30px;
		border-radius: 60px;
	}
	.select-box::before {
		border-radius: 55px;
	}
	.select-box.theme {
		border-radius: 60px;
	}
	.select-box.theme::before {
		border-radius: 55px;
	}
	.set-category h1 {
		bottom: 0;
	}
	.patient-select {
		background: #3056b7 url(../img/slider/blue-bg.png);
		padding: 30px 0 0;
	}
	.select-box h2 {
		font-size: 24px;
	}
	.select-box p {
		font-size: 12px;
	}
	.select-box .book-now {
		font-size: 13px;
	}
	.book-doctor {
		padding: 30px 0;
	}
	.book-slider .provider-info h3 {
		font-size: 18px;
	}
	.book-slider .provider-info h5 {
		font-size: 12px;
	}
	.book-slider .provider-info .side-arrow {
		width: 30px;
		height: 30px;
	}
	.book-slider .available-info li {
		font-size: 13px;
	}
	.book-slider .content-info .view-btn, .book-slider .content-info .view-btn:hover,
		.book-slider .content-info .book-btn, .book-slider .content-info .book-btn:hover
		{
		font-size: 12px;
	}
	.book-doctor .row.mt-4 {
		margin-top: 0 !important;
	}
	.book-doctor .view-btn, .blogs-section .view-btn {
		font-size: 14px;
	}
	.aval-features .feature {
		padding: 30px;
	}
	.aval-features .feature .info-box h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.aval-features .feature .info-box p {
		margin-bottom: 15px;
		font-size: 13px;
	}
	.aval-features .feature .info-box a {
		font-size: 12px;
		width: 100px;
	}
	.aval-features .col-md-6.ps-0 {
		padding-left: 15px !important;
	}
	.aval-slider .slick-list {
		padding: 30px 0;
	}
	.blogs-section {
		padding: 30px 0;
	}
	.blog-wrapper .wrap-content .date-cart {
		font-size: 22px;
		width: 60px;
		height: 55px;
		padding: 5px;
	}
	.blog-wrapper .wrap-content .date-cart span {
		font-size: 10px;
	}
	.blog-wrapper .wrap-content-body h3 {
		font-size: 17px;
	}
	.home-search-section .banner-header h2 {
		font-size: 30px;
	}
	.heading-wrapper h1 {
		font-size: 24px;
	}
	.clinic-wrap .wrapper-overlay h3 {
		font-size: 20px;
		text-align: center;
	}
	.facility-section .operat-img {
		width: 100%;
		margin-bottom: 20px;
	}
	.visit-doctor .inner-details .info h1, .visit-doctor .inner-details .count h1
		{
		font-size: 18px;
	}
	.clinic-wrap .wrapper-overlay img {
		margin: 0 auto 0;
	}
	.clinic-wrap .wrapper-overlay p {
		text-align: center;
	}
	.doc-booking .book-slider .slick-list {
		padding-top: 50px;
	}
	.doc-booking .book-slider .slick-prev, .doc-booking .book-slider .slick-next
		{
		top: 0;
	}
	.book-slider .provider-info h3 a {
		font-size: 20px;
	}
	.blog-container .blog-wrapper .wrap-content-body h3 a {
		font-size: 17px;
	}
	.blog-wrapper .wrap-content:before {
		border-left: 170px solid transparent;
		border-right: 160px solid transparent;
	}
	.pop-box {
		margin-bottom: 30px;
	}
	.about-section p, .testimonial-item .testimonial-content p {
		font-size: 14px;
	}
	.about-section {
		min-height: unset;
	}
	.about-titile {
		font-size: 13px;
	}
	.about-section h3 {
		font-size: 20px;
	}
	.category-subox p {
		font-size: 14px;
	}
	.contact-box {
		margin-bottom: 30px;
	}
	.contact-section {
		padding-bottom: 20px;
	}
	.category-subox h4 {
		font-size: 16px;
	}
	.contact-box .infor-details {
		padding-top: 65px;
	}
	.category-subox {
		margin-bottom: 30px;
	}
	.contact-section h3 {
		font-size: 1.5rem;
	}
	.contact-section p {
		font-size: 16px;
	}
	.banner-left .banner-info h2 {
		font-size: 26px;
	}
	.banner-left .banner-details {
		padding-top: 10px;
	}
	.banner-left .banner-details h4 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.banner-left .banner-details p {
		font-size: 15px;
	}
	.appoinment-box .appoinment-right {
		display: block;
	}
	.appoinment-box .appoinment-btn {
		margin-right: 10px;
	}
	.appointment-info .appointment-link {
		font-size: 18px;
	}
	.schedule-title {
		font-size: 18px;
	}
	.appointment-img-holder {
		margin-right: 10px;
	}
	.appointment-img-holder img {
		width: 50px;
	}
	.appointment-info-holder h2 {
		font-size: 20px;
	}
	.appointment-info p {
		font-size: 15px;
	}
	.appointment-info .appointment-read-btn {
		font-size: 15px;
	}
	.appointment-schedule {
		margin-bottom: 20px;
	}
	.appointment-request {
		margin-bottom: 20px;
	}
	.doctor-profile-widget {
		margin-bottom: 40px;
	}
	.doctor-profile-widget:hover {
		box-shadow: 0px 15px 20px rgb(0 28 43/ 10%);
	}
	.slick-view-btn .btn {
		padding: 8px 20px;
		font-size: 14px;
	}
	.doctor-book-slider .slick-next {
		top: 102.8%;
	}
	.doctor-book-slider .slick-prev {
		top: 102.8%;
	}
	.news-bg .news-left h2 {
		font-size: 1.875rem;
	}
	.news-bg .news-left p {
		font-size: 15px;
	}
	.news-bg .news-left .form-control {
		width: 100%;
		margin-bottom: 20px;
	}
	.grid-news {
		margin-bottom: 20px;
	}
	.grid-news .news-content p a {
		font-size: 16px;
	}
	.news-section .view-more {
		padding: 8px 20px;
		font-size: 16px;
	}
	.footer-one {
		padding: 0;
	}
	.footer-two {
		padding: 0;
	}
	.home-banner-two .profile-widget {
		min-height: 200px;
	}
	.home-banner-two .slick-prev {
		top: auto;
	}
	.home-banner-two .slick-next {
		top: auto;
	}
	.banner-two-form .app-form {
		display: inline-block;
		width: 100%;
	}
	.banner-two-form .app-form h2 {
		font-size: 1.5em;
		line-height: unset;
		margin-bottom: 20px;
	}
	.banner-two-form .search-area {
		padding: 20px;
	}
	.banner-two-form .search-btn {
		font-size: 16px;
	}
	.banner-two-form label {
		font-size: 14px;
	}
	.looking-info .looking-link {
		font-size: 22px;
	}
	.btn-one {
		font-size: 14px;
	}
	.btn-two {
		font-size: 14px;
	}
	.theme-btn {
		font-size: 14px;
	}
	.btn-five {
		font-size: 14px;
	}
	.btn-six {
		font-size: 14px;
	}
	.clinic-grid {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.clinic-grid img {
		width: 70px;
	}
	.clinic-grid h4 {
		font-size: 18px;
	}
	.high-service-section .high-btn {
		margin-top: 20px;
	}
	.blog-news-grid .blog-news-date a {
		font-size: 15px;
	}
	.blog-news-grid .blog-news-title a {
		font-size: 20px;
	}
	.footer-news {
		padding: 30px;
	}
	.footer-news .footer-news-head h2 {
		font-size: 28px;
	}
	.footer-news .footer-news-head p {
		font-size: 15px;
	}
	.footer-news .footer-news-form .btn {
		position: relative;
		width: 100%;
		margin-top: 15px;
	}
	.home-banner-three .banner-wrapper .app-form label {
		font-size: 14px;
	}
	.home-banner-three .banner-wrapper .app-form .form-control {
		min-height: 44px;
		font-size: 14px;
	}
	.header-three h2 {
		font-size: 1.875rem;
	}
	.header-three h2:before {
		width: 65px;
	}
	.header-three h2:after {
		width: 65px;
	}
	.looking-box .icon-inner {
		font-size: 30px;
		width: 80px;
		height: 80px;
	}
	.looking-box .looking-info .looking-link {
		font-size: 24px;
	}
	.looking-box .looking-btn .btn {
		font-size: 15px;
	}
	.browse-section-three {
		padding: 40px 0 20px;
	}
	.doctor-details-section {
		padding: 40px 0 20px;
	}
	.doctor-details-section .doctor-grid {
		margin-bottom: 20px;
	}
	.doctor-grid .doctor-details h4 {
		font-size: 18px;
	}
	.latest-blog-grid .lastest-blog-info .latest-blog-title a {
		font-size: 18px;
	}
	.latest-blog-grid .lastest-post-author a {
		font-size: 14px;
	}
	.news-letter-section {
		text-align: center;
	}
	.news-letter-section .news-letter-img {
		display: none;
	}
	.news-letter-section .news-left .news-info h2 {
		font-size: 1.875rem;
	}
	.news-letter-section .news-left .news-info p {
		font-size: 14px;
	}
	.news-letter-section .news-info-one .form-control {
		min-height: 46px;
		font-size: 14px;
	}
	.news-letter-section .news-left .news-info .btn {
		min-width: auto;
	}
	.footer-three {
		padding: 0px 0;
	}
	.footer-three .footer-middle .footer-middle-menu {
		padding: 30px 0 0;
	}
	.footer-three .footer-middle .footer-middle-menu .footer-menu-three {
		margin-top: 0;
	}
	.home-four-banner {
		background-position: 20%;
	}
	.home-four-doctor {
		padding: 120px 0;
	}
	.home-four-doctor .home-four-header h2 {
		font-size: 1.875rem;
	}
	.banner-four-form .form-control {
		min-height: 46px;
		font-size: 14px;
	}
	.banner-four-form .form-control::placeholder {
		font-size: 14px;
	}
	.banner-four-form .btn {
		padding: 11px 30px;
	}
	.select2-results__option[aria-selected] {
		font-size: 14px;
	}
	.section-header-four h2 {
		font-size: 1.875rem;
	}
	.section-header-four p {
		font-size: 0.875rem;
	}
	.section-header-four .sub-title {
		margin: 20px auto 0;
		font-size: 0.875rem;
	}
	.looking-grid-four .looking-box-four {
		padding: 15px;
	}
	.looking-box-four .looking-inner-box {
		padding: 15px;
	}
	.looking-box-four .looking-inner-box .looking-info-four a {
		font-size: 20px;
	}
	.looking-box-four .looking-inner-box .looking-info-four a i {
		font-size: 30px;
	}
	.looking-box-four .looking-inner-box .looking-four-btn a {
		font-size: 15px;
	}
	.grid-blog-four .blog-title-four .btn {
		font-size: 15px;
	}
	.grid-blog-four .blog-date-four a {
		font-size: 15px;
	}
	.grid-blog-four .blog-info-four a {
		font-size: 20px;
	}
	.grid-blog-four .blog-doctors-four a {
		font-size: 15px;
	}
	.grid-blog-four .blog-four-content p {
		font-size: 15px;
	}
	.news-section-four .news-info h2 {
		font-size: 1.5rem;
	}
	.news-section-four .news-info p {
		font-size: 15px;
	}
	.news-section-four .footer-news-four .form-control {
		font-size: 15px;
		min-height: 46px;
	}
	.news-section-four .footer-news-four .form-control::placeholder {
		font-size: 15px;
	}
	.news-section-four .footer-news-four .btn {
		position: relative;
		width: 100%;
		margin-top: 15px;
		height: 46px;
		right: 0;
	}
	.news-section-four {
		padding: 0px 0 0;
	}
	.home-section-five {
		padding: 40px 0;
	}
	.search-box-five {
		margin-top: 20px;
	}
	.section-search-five h2 {
		font-size: 1.875rem;
		margin-bottom: 20px;
	}
	.section-search-five span {
		font-size: 16px;
	}
	.section-search-five p {
		font-size: 16px;
	}
	.search-box-five form {
		display: block;
		height: auto;
		padding: 10px;
	}
	.search-box-five form>div {
		width: 100%;
		display: inline-block;
	}
	.search-input-five.line-five {
		width: 100%;
	}
	.search-input-five.line-five::before {
		display: none;
	}
	.search-btn-five .btn {
		min-width: 100%;
	}
	.search-input-five .search-loc {
		padding: 0px 50px 0px 50px;
	}
	.search-input-five>i.compass-icon {
		left: 20px;
	}
	.section-header-five .title-five:before {
		display: none;
	}
	.section-header-five .title-five:after {
		display: none;
	}
	.looking-grid-five {
		padding-left: 15px;
		padding-right: 15px;
	}
	.looking-grid-five .looking-icon-five {
		width: 80px;
		height: 80px;
		font-size: 30px;
		top: -40px;
	}
	.looking-grid-five .looking-info-five a {
		font-size: 26px;
	}
	.clinic-grid-info p {
		font-size: 16px;
	}
	.clinic-grid-five .clinic-grid-info .clinic-five-btn .btn {
		font-size: 14px;
		padding: 8px 20px;
	}
	.clinic-see-btn {
		padding-top: 10px;
	}
	.clinic-see-btn .btn {
		min-width: 170px;
		padding: 8px 20px;
	}
	.doctor-grid-five .doctor-details {
		margin-bottom: 20px;
	}
	.doctor-grid-five .doctor-details-one {
		margin-bottom: 0;
	}
	.doctor-grid-five .doctor-details h4 {
		font-size: 18px;
	}
	.doctor-grid-five .doctor-details p {
		max-width: none;
	}
	.doctor-grid-five .doctor-details .btn {
		font-size: 14px;
		min-width: 120px;
		padding: 7px 20px;
	}
	.doctor-grid-five .doctor-details-one .btn {
		font-size: 14px;
		min-width: 120px;
		padding: 7px 20px;
	}
	.doctors-grid-five .best-doctors-info h3 a {
		font-size: 20px;
	}
	.doctors-grid-five .best-doctors-info .doctor-posting {
		font-size: 15px;
	}
	.doctors-grid-five .doctors-btn-five .btn {
		font-size: 14px;
	}
	.doctor-see-btn {
		margin-top: 20px;
	}
	.doctor-see-btn .btn {
		min-width: 170px;
		padding: 8px 20px;
	}
	.news-five {
		padding: 40px 0;
	}
	.news-five-head h2 {
		font-size: 1.875rem;
	}
	.news-five-head {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-five-form {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-five-form .form-control {
		width: 100%;
		margin-bottom: 20px;
		min-height: 46px;
	}
	.news-five-form .btn {
		font-size: 14px;
		padding: 10px 38px;
		min-width: 150px;
	}
	.news-five-head p {
		font-size: 14px;
	}
	.footer .footer-menu ul li a {
		font-size: 14px;
	}
	.footer-five .footer-title {
		font-size: 1.125rem;
		margin-bottom: 20px;
	}
	.footer .footer-bottom .copyright-text p {
		font-size: 14px;
	}
	.policy-menu li a {
		font-size: 14px;
	}
	.footer-five .footer-contact-info {
		font-size: 14px;
	}
	.footer-five .policy-menu li a {
		font-size: 14px;
	}
	.looking-box-four .looking-inner-box .looking-info-four p {
		font-size: 14px;
	}
	.doctor-profile-widget .provider-info {
		top: calc(100% - 82px);
	}
	.doctor-profile-widget:hover .provider-info {
		top: calc(100% - 247px);
	}
	.blog-details-btn {
		margin-top: 20px;
	}
	.feature-clinic-overlay p {
		font-size: 15px;
	}
	.clinic-grid-four .clinic-content h4 {
		font-size: 18px;
	}
	.clinic-grid-four .overlay h4 {
		font-size: 18px;
	}
	.clinic-grid-four .clinic-icon-inner {
		width: 75px;
		height: 75px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered
		{
		font-size: 14px;
	}
	.blog-grid-five .blog-item-info {
		padding: 15px 0px 0px;
	}
	.blog-grid-five .blog-news-date a {
		margin-left: -15px;
	}
	.appoint {
		font-size: 20px;
	}
	.view-icons a {
		font-size: 16px;
		width: 35px;
		height: 35px;
	}
	.total-dr {
		font-size: 14px;
	}
	.doc-department {
		justify-content: center;
	}
	.clinic-booking a.view-pro-btn {
		margin-bottom: 5px;
	}
	.clinic-booking a {
		font-size: 12px;
	}
	.on-board-wizard {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	body {
		font-size: 0.8125rem;
	}
	h1, .h1 {
		font-size: 1.75rem;
	}
	h2, .h2 {
		font-size: 1.5rem;
	}
	h3, .h3 {
		font-size: 1.25rem;
	}
	h4, .h4 {
		font-size: 1rem;
	}
	h5, .h5 {
		font-size: 0.875rem;
	}
	h6, .h6 {
		font-size: 0.75rem;
	}
	.card {
		margin-bottom: 0.9375rem;
	}
	.card-body {
		padding: 1.25rem;
	}
	.card-header {
		padding: .75rem 1.25rem;
	}
	.card-footer {
		padding: .75rem 1.25rem;
	}
	.header-nav {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-navbar-rht {
		display: none;
	}
	.main-nav li.login-link {
		display: block;
	}
	.navbar-header {
		width: 100%;
	}
	#mobile_btn {
		left: 0;
		margin-right: 0;
		padding: 0 15px;
		position: absolute;
		z-index: 99;
	}
	.navbar-brand.logo {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.navbar-brand.logo img {
		height: 40px;
	}
	.search-box form {
		display: block;
	}
	.search-box .search-location {
		width: 100%;
		-ms-flex: none;
		flex: none;
	}
	.search-box .search-info {
		width: 100%;
		-ms-flex: none;
		flex: none;
	}
	.banner-wrapper .banner-header h1 {
		font-size: 28px;
	}
	.slick-next {
		right: 0px;
	}
	.section-header h2 {
		font-size: 1.5rem;
	}
	.section-header .sub-title {
		font-size: 0.875rem;
	}
	.speicality-item p {
		font-size: 0.875rem;
	}
	.section-header p {
		font-size: 0.9375rem;
	}
	.footer-title {
		font-size: 1.125rem;
	}
	.booking-schedule.schedule-widget {
		overflow-x: auto;
	}
	.booking-schedule.schedule-widget>div {
		width: 730px;
	}
	.booking-schedule .day-slot ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.booking-schedule .day-slot li {
		-ms-flex: 0 0 100px;
		flex: 0 0 100px;
		width: 100px;
	}
	.booking-schedule .time-slot ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.booking-schedule .time-slot li {
		-ms-flex: 0 0 100px;
		flex: 0 0 100px;
		width: 100px;
	}
	.booking-schedule .time-slot li .timing span {
		display: inline-block;
	}
	.booking-schedule .day-slot li.right-arrow {
		right: -20px;
	}
	.booking-doc-info .booking-doc-img {
		width: 70px;
	}
	.booking-doc-info .booking-doc-img img {
		height: 70px;
		width: 70px;
	}
	.voice-call-avatar .call-avatar {
		height: 80px;
		width: 80px;
	}
	.call-duration {
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
		position: inherit;
	}
	.end-call {
		margin-top: 10px;
		position: inherit;
	}
	.user-tabs .med-records {
		min-width: 110px;
	}
	.pagination-lg .page-link {
		font-size: 1rem;
		padding: 0.5rem 0.625rem;
	}
	.row.row-grid>div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.edit-link {
		font-size: 14px;
		margin-top: 2px;
	}
	.invoice-content {
		padding: 1.25rem;
	}
	.change-avatar .profile-img img {
		height: 80px;
		width: 80px;
	}
	.submit-btn-bottom {
		margin-bottom: 0.9375rem;
	}
	.service-list ul li {
		width: 100%;
	}
	.blog {
		padding: 1.25rem;
	}
	.blog-title {
		font-size: 18px;
	}
	.blog-view .blog-title {
		font-size: 20px;
	}
	.blog-info i {
		font-size: 14px;
	}
	.post-left ul li {
		margin-right: 10px;
	}
	.post-left ul li:last-child {
		margin-right: 10px;
	}
	.about-author-img {
		height: 60px;
		width: 60px;
	}
	.author-details {
		margin-left: 80px;
	}
	.blog-comments .comments-list li img.avatar {
		border-radius: 40px;
		height: 40px;
		width: 40px;
	}
	.blog-comments .comments-list li {
		padding: 10px 0 0 50px;
	}
	.read-more {
		font-size: 14px;
	}
	.banner-left .banner-details h4 {
		margin-right: 0;
	}
	.news-section .news-bg {
		padding: 30px 0 30px;
	}
	.news-bg .news-left>div {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-bg .news-left h2 {
		font-size: 1.5rem;
	}
	.news-bg .news-left p {
		font-size: 14px;
	}
	.news-bg .news-left .form-control {
		min-height: 46px;
	}
	.news-bg .news-left .btn {
		font-size: 15px;
		color: #2b55b1;
		min-width: 160px;
		height: 46px;
	}
	.header-three h2 {
		font-size: 1.5rem;
		padding-bottom: 15px;
	}
	.news-letter-section .news-left .news-info h2 {
		font-size: 1.5rem;
	}
	.home-four-doctor .home-four-header h2 {
		font-size: 1.5rem;
	}
	.section-header-four h2 {
		font-size: 1.5rem;
	}
	.grid-blog-four .blog-info-four a {
		font-size: 18px;
	}
	.grid-blog-four .blog-four-content {
		padding-bottom: 30px;
	}
	.grid-blog-four .blog-four-arrow a {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	.section-search-five h2 {
		font-size: 1.5rem;
	}
	.looking-grid-five .looking-info-five {
		padding-top: 60px;
	}
	.looking-grid-five .looking-info-five a {
		font-size: 20px;
	}
	.looking-grid-five .looking-info-btn .btn {
		min-width: 150px;
		font-size: 15px;
	}
	.news-five-head h2 {
		font-size: 1.5rem;
	}
	.doctor-profile-widget .provider-info {
		top: calc(100% - 78px);
	}
	.doctor-profile-widget:hover .provider-info {
		top: calc(100% - 243px);
	}
	.header-trans.header-trans-two .logo {
		width: 100%;
	}
	.blog-news-grid {
		padding: 10px;
	}
	.blog-news-grid .blog-news-title a {
		font-size: 18px;
	}
	.footer-news .footer-news-head h2 {
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	.onboarding-progress span {
		font-size: 13px;
	}
	.onboarding-title h2 {
		font-weight: 500;
		font-size: 18px;
	}
	.verify-box {
		padding: 5px;
	}
	.verify-item {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.onboarding-content-box {
		padding: 20px;
	}
	.btn-profile img {
		height: 30px;
		width: 30px;
	}
	.upload-pic {
		height: 100px;
		width: 120px;
	}
	.passcode-wrap.mail-box input {
		font-size: 10px;
		height: 40px;
	}
	.onboarding-btn.Personalize-btn {
		margin-top: 15px;
		text-align: center;
	}
	.onboarding-btn a {
		padding: 10px 30px;
		font-size: 14px;
		margin-top: 15px;
	}
	.passcode-wrap.mail-box textarea {
		height: 90px;
	}
	.on-board-wizard {
		padding-left: 0px;
	}
	.onboarding-title h6 {
		font-size: 14px;
	}
	.passcode-wrap.form-focus .focus-label {
		top: -9px;
	}
	.onboarding-btn {
		margin-top: 10px;
		text-align: center;
	}
	.passcode-wrap input {
		width: 48px;
		height: 43px;
		font-size: 19px;
		font-weight: 400;
	}
	.right-panel .select2-container .select2-selection--single {
		height: 43px;
	}
	.right-panel .select2-container--default .select2-selection--single .select2-selection__rendered
		{
		line-height: 40px;
		font-size: 14px;
	}
	.select2-results__option[aria-selected] {
		font-size: 11px;
	}
	.right-panel .select2-container--default .select2-selection--single .select2-selection__arrow
		{
		height: 42px;
	}
	.consult-option {
		flex-direction: column;
		align-items: center;
	}
	.call-option {
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.call-lable.verify-lable.verify-options {
		width: 253px;
		height: 118px;
	}
	.code-title {
		margin: 10px 0px;
	}
	.code-title h6 {
		font-size: 12px;
	}
	.onboarding-btn.step-2-btn {
		margin-top: 25px;
	}
	.onboarding-title {
		text-align: center;
	}
	.call-lable.verify-lable.verify-lable {
		height: 100px;
	}
	.weekDays-selector input[type=checkbox]+label {
		padding: 12px 22px;
		font-size: 14px;
	}
	.modal-body.id-pop-body h2 {
		font-size: 18px;
	}
	.modal-body.id-pop-body p {
		font-size: 14px;
		margin-bottom: 0px;
	}
	.upload-pics input[type="file"] {
		height: 60px;
	}
	.upload-pic h6 {
		font-size: 14px;
	}
	.photo-norms h5 {
		margin-bottom: 0px;
	}
	.upload-sucess-note h6 {
		font-size: 13px;
	}
	.payment-icon img {
		top: -210px;
	}
	.onboarding-btn.prefer-btn {
		margin-top: 10px;
	}
	.prefer-box {
		padding: 12px;
		font-size: 14px;
	}
	.onboarding-btn.Consultation-btn {
		margin-top: 15px;
	}
	.call-lable {
		font-size: 14px;
	}
	.right-panel .accordion-button {
		padding: 20px;
	}
	.relative-file-upload {
		padding: 9px 10px;
	}
	.opt-resend {
		padding-top: 12px;
		padding-bottom: 30px;
	}
	.opt-resend a {
		font-size: 14px;
		left: auto;
		left: 0px;
	}
	.modal-body.id-pop-body span {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.select-gender-option {
		display: flex;
		flex-direction: column;
	}
	.option-set {
		display: unset;
		justify-content: end;
		padding-bottom: 20px;
	}
	.upload-patient-pic input[type="file"] {
		left: 0px;
	}
	.pregnant-col .remember-me-col {
		font-size: 15px;
	}
	.option-set {
		padding-right: 0px;
	}
}

@media only screen and (max-width:479px) {
	.section-search {
		min-height: 410px;
		padding: 30px 15px;
	}
	.specialities-slider .slick-slide {
		margin-right: 10px;
	}
	.speicality-img {
		width: 120px;
		height: 120px;
	}
	.speicality-img img {
		width: 50px;
	}
	.clinic-booking a.apt-btn {
		width: 100%;
	}
	.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,
		.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat
		{
		max-width: 160px;
	}
	.section-features, .section-features, .section-specialities {
		background-color: #ffffff;
		padding: 30px 0;
	}
	.login-header h3 a {
		color: #3b6ad0;
		float: none;
		font-size: 15px;
		margin-top: 10px;
		text-align: center;
		display: block;
	}
	.login-header h3 {
		text-align: center;
	}
	.appointments .appointment-list {
		text-align: center;
	}
	.appointment-list .profile-info-widget {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.appointment-list .profile-info-widget {
		text-align: center;
	}
	.appointment-list .profile-info-widget .booking-doc-img {
		margin: 0 0 15px;
	}
	.appointment-list .profile-info-widget .booking-doc-img img {
		border-radius: 50%;
		height: 100px;
		width: 100px;
	}
	.appointment-list .profile-det-info {
		margin-bottom: 15px;
	}
	.appointments .appointment-action {
		margin-top: 0;
	}
	.user-tabs .nav-tabs .nav-item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.review-listing .recommend-btn span {
		display: block;
		margin-bottom: 10px;
	}
	.review-listing>ul li .comments-reply {
		margin-left: 0;
	}
	.schedule-nav .nav-tabs li {
		display: block;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-right: 0;
	}
	.fc-header-toolbar .fc-left {
		margin-bottom: 10px;
	}
	.fc-header-toolbar .fc-right {
		margin-bottom: 10px;
	}
	.section-header-three h2 {
		font-size: 15px;
	}
	.section-header-three p {
		font-size: 11px;
	}
	.section-search-3 .banner-info {
		padding: 20px 0 70px;
	}
	.special-box .special-body h4 {
		font-size: 15px;
	}
	.special-box .special-footer .doc-count, .special-box .special-footer .clin-count
		{
		font-size: 13px;
	}
	.view-all-more .btn {
		font-size: 14px;
		padding: 6px 20px;
	}
	.section-header-three {
		margin-bottom: 30px;
	}
	.doctor-divison h3 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.doctor-divison p {
		font-size: 10px;
		margin-bottom: 20px;
	}
	.doctor-divison .doc-bok-btn {
		font-size: 12px;
		padding: 5px 10px;
	}
	.book-best-doctors .doctors-body h4 {
		font-size: 16px;
	}
	.book-best-doctors .loc-details img {
		margin-right: 6px;
	}
	.book-best-doctors .available-info {
		font-size: 11px;
	}
	.book-best-doctors .data-info {
		font-size: 10px;
	}
	.book-best-doctors .amt-txt {
		font-size: 14px;
	}
	.book-best-doctors .doctors-body .book-btn {
		font-size: 12px;
		padding: 5px 10px;
		width: 80px;
	}
	.latest-blog .blog-wrap .blog-wrap-body h3 {
		font-size: 16px;
	}
	.latest-blog .blog-wrap .blog-wrap-body p {
		font-size: 12px;
	}
	.latest-blog .blog-footer .read-txt, .latest-blog .blog-footer .cal-txt
		{
		font-size: 12px;
	}
	.aval-features .feature .info-box h2 {
		font-size: 20px;
	}
	.home-search-section .banner-header h2 {
		font-size: 28px;
	}
	.blog-wrapper .wrap-content:before {
		border-left: 125px solid transparent;
		border-right: 125px solid transparent;
	}
	.feature-col {
		max-width: calc(100% - 30px);
		width: auto;
	}
	.doctor-grid .doctor-details .doctor-details-img {
		display: none;
	}
	.paitents-report-card-details p {
		font-weight: 300;
	}
	.today-appointment-title h5 {
		font-size: 15px;
	}
	.today-appointment-title h6 {
		font-size: 13px;
	}
	.paitents-report-card-head {
		margin-bottom: 5px;
	}
	.chart-select {
		margin-top: 6px;
	}
	.earning-details h2 {
		font-weight: 500;
		font-size: 26px;
	}
}

@media screen and (max-width:1299px) {
}

/************************Kindgenix Custom CSS ********/
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
}

/*.section-login {
	background: #ffffff url(../img/icons/log1.jpg) no-repeat top center;
	min-height: 700px;
	position: relative;
	background-blend-mode: Darken;
	background-size: cover;
   }
	.section-register {
		background: #ffffff url(../img/register-bg.webp) no-repeat top center;
		min-height: 840px;
		position: relative;
		background-blend-mode: Darken;
		background-size: cover;
	}
	.section-forgotpassword {
		background: #ffffff url(../img/forgotpassword-bg.webp) no-repeat top
			center;
		min-height: 840px;
		position: relative;
		background-blend-mode: Darken;
		background-size: cover;
	}
	*/

.section-login {
	background: #ffffff url(../img/login.jpg) no-repeat center center;
	min-height: 100vh;          /* full viewport height */
	width: 100%;                /* full width */
	position: relative;
	background-blend-mode: darken;
	background-size: cover;     /* ensures image fills */
	background-position: center;
	background-repeat: no-repeat;
}

.section-register {
	background: #ffffff url(../img/register.jpg) no-repeat center center;
	min-height: 100vh;          /* full viewport height */
	width: 100%;                /* full width */
	position: relative;
	background-blend-mode: darken;
	background-size: cover;     /* ensures image fills */
	background-position: center;
	background-repeat: no-repeat;
}

.section-forgotpassword {
	background: #ffffff url(../img/forgot-password.jpg) no-repeat center center;
	min-height: 100vh;          /* full viewport height */
	width: 100%;                /* full width */
	position: relative;
	background-blend-mode: darken;
	background-size: cover;     /* ensures image fills */
	background-position: center;
	background-repeat: no-repeat;
}

.section-resetpassword {
	background: #ffffff url(../img/reset-password.jpg) no-repeat center center;
	min-height: 100vh;          /* full viewport height */
	width: 100%;                /* full width */
	position: relative;
	background-blend-mode: darken;
	background-size: cover;     /* ensures image fills */
	background-position: center;
	background-repeat: no-repeat;
}



.select {
	width: 100%;
	height: 54px;
	text-align: unset;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #e3e7f7 !important;
	outline: none;
	color: #414a6f;
	padding: 0px 10px;
	border-radius: 5px;
	background-color: #f3f5fc;
}

.modal-content .close-btn i {
	font-size: 20px;
	color: #d331d1;
}

.modal-content .close-btn {
	background: transparent;
	border: none;
	padding: 0;
}

/*-----------------
	106. Reports
-----------------------*/
.app-listing {
	display: flex;
	display: -ms-flexbox;
	justify-content: end;
	margin-bottom: 25px;
}

.app-listing .import-list, .app-listing .SortBy {
	margin-left: 15px;
}

.import-list {
	border: 1px solid #f1f3fb;
	border-radius: 7px;
	padding: 6px 20px;
}

.import-list a {
	color: #0c112a;
}

.table td.desc-info {
	width: 190px;
	white-space: pre-wrap;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*-----------------
	107. Invoice View
-----------------------*/
.invoice-content {
	background-color: #ffffff;
	border: 1px solid #f1f2f6;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 30px;
}

.invoice-item .invoice-logo {
	margin-bottom: 30px;
}

.invoice-item .invoice-logo img {
	width: auto;
	max-height: 52px;
}

.invoice-item .invoice-text h2 {
	color: #172251;
	font-size: 36px;
	font-weight: 600;
}

.invoice-item .invoice-details {
	text-align: right;
	color: #596491;
	font-weight: 500
}

.invoice-item .invoice-details strong {
	color: #172251
}

.invoice-item .invoice-details-two {
	text-align: left
}

.invoice-item .invoice-text {
	padding-top: 42px;
	padding-bottom: 36px
}

.invoice-item .invoice-text h2 {
	font-weight: 400
}

.invoice-info {
	margin-bottom: 30px;
}

.invoice-info p {
	margin-bottom: 0;
}

.invoice-info.invoice-info2 {
	text-align: right;
}

.invoice-item .customer-text {
	font-size: 18px;
	color: #172251;
	font-weight: 600;
	margin-bottom: 8px;
	display: block
}

.invoice-table tr th, .invoice-table tr td, .invoice-table-two tr th,
	.invoice-table-two tr td {
	color: #172251;
	font-weight: 600;
	padding: 10px 20px;
	line-height: inherit
}

.invoice-table tr td, .invoice-table-two tr td {
	color: #596491;
	font-weight: 500;
}

.invoice-table-two {
	margin-bottom: 0
}

.invoice-table-two tr th, .invoice-table-two tr td {
	border-top: 0;
}

.invoice-table-two tr td {
	text-align: right
}

.invoice-info h5 {
	font-size: 16px;
	font-weight: 500;
}

.other-info {
	margin-top: 10px;
}

/*-----------------
	108. Dashboard
-----------------------*/
.dash-title {
	font-size: 18px;
	font-weight: 400;
	color: #546acd;
	margin-bottom: 2px;
}

.dash-widget-icon {
	align-items: center;
	border-radius: 3px;
	color: #ffffff;
	display: inline-flex;
	font-size: 1.875rem;
	height: 52px;
	justify-content: center;
	text-align: center;
	width: 52px;
}

.dash-counts p {
	font-weight: 700;
}

.dash-count {
	font-size: 24px;
	margin-left: 15px;
}

.dash-widget-info h3 {
	margin-bottom: 10px;
}

.dash-widget-header {
	display: flex;
	display: -ms-flexbox;
}

.trade-level {
	color: #546acd;
	text-align: right;
	font-size: 14px;
	padding-top: 8px;
}

.income-rev {
	background: #e8eefa;
	font-size: 14px;
	padding: 10px;
	display: inline-block;
	margin-bottom: 15px;
}

.income-rev span {
	font-weight: 700;
}

.table .user-name {
	color: #0c112a;
	font-weight: 600;
}

.disease-name {
	font-weight: 600;
	color: #21428a;
}

.bg-badge-grey {
	background: #f3f5fc;
}

.table-rating i {
	color: #d22dd1;
}

.avatar-pos {
	position: relative;
}

.empty-user {
	width: 42px;
	height: 42px;
	background: #f1f3fb;
	border-radius: 5px;
	margin-right: 12px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
}

.empty-user i {
	color: #546acd;
	font-size: 20px;
}

.emp-title {
	font-size: 24px;
	font-weight: 700;
	color: #21428a;
}

.activity-feed {
	list-style: none;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0;
}

.recent-card, .recent-card .card-header {
	background: #f6f8fd;
}

.pres-list {
	background: #ffffff;
	border: 1px solid #f1f3fb;
	border-radius: 5px;
	margin-bottom: 9px;
}

.pres-head {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 1px solid #f1f3fb;
}

.pres-head h6 {
	margin-bottom: 0;
}

.pres-head p {
	color: #d331d1;
	font-weight: 600;
}

.pres-body {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	padding: 10px;
}

.pres-body p {
	margin-bottom: 2px;
	color: #546acd;
}

.pres-body>div {
	padding-right: 10px;
}

.pres-body h6 {
	font-size: 14px;
	margin-bottom: 0;
}

.flag-box {
	width: 54px;
	height: 54px;
	background: #ffffff;
	border: 1px solid #e3e7f7;
	border-radius: 4px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
}

.flag-box img {
	width: 32px;
	height: 32px;
	margin-right: 0 !important;
}

.country-item {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.country-item:last-child {
	margin-bottom: 0;
}

.con-name {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}

.con-revenue p {
	margin-bottom: 3px;
}

.con-revenue h6 {
	font-weight: 600;
	font-size: 16px;
	color: #d331d1;
	margin-bottom: 0;
}

.speciality-item {
	padding: 16px;
}

.spl-items {
	background: rgba(242, 240, 250, 0.8);
	border: 1px solid #f1f3fb;
	box-shadow: 0px 7px 10px #f1f3fb;
	border-radius: 5px;
	margin-bottom: 16px;
}

.spl-items a {
	padding: 30px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.spl-items:hover {
	background: #3b6ad0;
}

.spl-items i {
	color: #546acd;
	font-size: 30px;
	margin-bottom: 12px;
}

.spl-items a:hover i, .spl-items a:hover h6 {
	color: #ffffff;
}

.spl-items h6 {
	color: #546acd;
	text-align: center;
	margin-bottom: 0;
}

.doc-table.table>tbody>tr>td {
	padding: 13px;
}

.appointment-item {
	background: rgba(242, 240, 250, 0.8);
	border: 1px solid #f1f3fb;
	box-shadow: 0px 7px 10px #f1f3fb;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 30px;
}

.app-head {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e3e7f7;
	padding-bottom: 10px;
}

.app-head p {
	margin-bottom: 0;
}

.app-head .con-time {
	background: #dd60dc;
	border-radius: 80px;
	padding: 4px 8px;
	font-weight: 600;
	color: #ffffff;
}

.app-user {
	border-bottom: 1px solid #e3e7f7;
}

.app-user .app-img {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	margin: 10px 0;
}

.app-user .app-img:last-child {
	border-left: 1px solid #e3e7f7;
}

.app-user .app-img img {
	width: 42px;
	height: 42px;
	border-radius: 5px;
	margin-right: 8px;
}

.app-user .app-name h6 {
	color: #546acd;
	margin-bottom: 1px;
}

.app-user .app-name p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 110px;
}

.app-info {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	border-bottom: 1px solid #e3e7f7;
	padding: 10px 0;
}

.app-info p {
	color: #546acd;
	margin-bottom: 3px;
}

.app-info h6 {
	font-size: 14px;
	font-weight: 600;
}

.app-footer {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	padding-top: 14px;
}

.app-mode p {
	color: #546acd;
}

.app-footer h6 {
	color: #d331d1;
	font-weight: 700;
	margin-bottom: 0;
}

.app-mode {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}

.app-mode p {
	margin: 0 10px 0 0;
}

.app-mode .mode-box {
	width: 39px;
	height: 39px;
	background: #ffffff;
	border: 1px solid #f1f3fb;
	box-sizing: border-box;
	box-shadow: 0px 4px 24px #f1f3fb;
	border-radius: 4px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
}

.app-mode .mode-box i {
	font-size: 20px;
}

.slide-nav-3 button.owl-next, .slide-nav-3 button.owl-prev {
	background: transparent;
	top: 4px;
	cursor: pointer;
	border: 0;
	color: #0c112a;
	margin-bottom: 15px;
	border-radius: 8px;
}

.speciality-item {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
}

.spl-name {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
}

.spl-box {
	width: 53px;
	height: 53px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: 1px solid #f1f3fb;
	box-shadow: 0px 5px 7px #f1f3fb;
	border-radius: 5px;
	margin-right: 10px;
}

.spl-count h6 {
	margin-bottom: 2px;
}

.spl-consult p {
	margin-bottom: 3px;
}

.spl-consult h6 {
	color: #3b6ad0;
	margin-bottom: 0;
}

.speciality-item:hover {
	background: #ffffff;
	box-shadow: 0px 0px 24px #f1f3fb;
}

.upcomimg-app .owl-theme .owl-nav .owl-prev, .upcomimg-app .owl-theme .owl-nav .owl-next
	{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: inline-block;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	bottom: 0;
	background-color: #ffffff;
}

.upcomimg-app .owl-theme .owl-nav .owl-next {
	right: 0;
	left: auto;
}

.upcomimg-app {
	width: 100%;
}

.upcomimg-app .owl-carousel {
	padding: 0 15px;
}

.price-list {
	text-align: center;
}

.price-list a.active {
	background: #3b6ad0;
	border-radius: 5px;
	color: #0c112a;
	font-weight: 600;
}

.price-list a {
	color: #0c112a;
	display: block;
}

.price-list a span {
	display: block;
}

.appointment-items {
	background: #f6f8fd;
	border: 1px solid #f3f5fc;
	border-radius: 3px;
}

.app-time p {
	font-weight: 600;
	color: #21428a;
	margin-bottom: 15px;
}

.app-infos p {
	margin-bottom: 4px;
}

.app-infos h6 {
	font-size: 16px;
	margin-bottom: 0;
	color: #d331d1;
}

.mode-app {
	width: 45px;
	height: 39px;
	background: #ffffff;
	border: 1px solid #f1f3fb;
	box-shadow: 0px 4px 24px #f1f3fb;
	border-radius: 4px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
}

.appointment-items .app-user {
	border-bottom: 0;
	margin-bottom: 10px;
}

.appointment-items .app-img {
	margin: 0 0 20px;
}

.appointment-items {
	padding: 10px;
	margin-bottom: 5px;
}

.pat-card .card-body {
	padding: 10px;
}

.pat-card p {
	margin-bottom: 2px;
}

.pat-card h3 {
	font-size: 28px;
	margin-bottom: 5px;
}

.pat-card .trade-level {
	text-align: left;
}

.cons-card {
	padding: 10px;
}

.cons-card h6 {
	font-size: 14px;
}

.upcoming-content {
	height: 371px;
	overflow-y: auto;
	padding-right: 5px;
}

.upcoming-content::-webkit-scrollbar {
	width: 3px;
	background: #21428a;
	height: 3px;
}

.upcoming-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #e6e8ef;
	border-radius: 10px;
}

.upcoming-content::-webkit-scrollbar-thumb {
	background: #3b6ad0;
	border-radius: 10px;
}

.upcoming-content::-webkit-scrollbar-thumb:hover {
	background: #3b6ad0;
}

.selectBox-cont {
	height: 220px;
	overflow-y: auto;
	padding-right: 5px;
}

.selectBox-cont::-webkit-scrollbar {
	width: 3px;
	background: #f1f3fb;
	height: 3px;
}

.selectBox-cont::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #e6e8ef;
	border-radius: 10px;
}

.selectBox-cont::-webkit-scrollbar-thumb {
	background: #21428a;
	border-radius: 10px;
}

.selectBox-cont::-webkit-scrollbar-thumb:hover {
	background: #21428a;
}

.contentmodal .select2-container .select2-selection--single {
	height: 51px;
	background: #f3f5fc;
}

.contentmodal .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	line-height: 50px;
}

.contentmodal .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 49px;
}

.app-status p {
	margin-bottom: 2px;
}

.app-status h6 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 7px;
}

.num-circle {
	width: 24px;
	height: 24px;
	font-size: 14px;
	color: #ffffff;
	background: #3b6ad0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 3px;
}

.table>tbody>tr.speciality-item>td {
	padding: 0 5px;
}

.recent-tab .table>tbody>tr>td {
	padding: 0;
}

.activity-feed .feed-item {
	border-left: 2px solid #d9e2f6;
	padding-bottom: 19px;
	padding-left: 20px;
	position: relative;
}

.activity-feed .feed-item:last-child {
	border-color: transparent;
}

.activity-feed .feed-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -7px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #3b6ad0;
}

.activity-feed .feed-item .feed-date {
	display: block;
	position: relative;
	color: #5b6693;
	text-transform: uppercase;
	font-size: 13px;
}

.activity-feed .feed-item .feed-text {
	color: #5b6693;
	position: relative;
}

.activity-feed .feed-item .feed-text a {
	color: #242a42;
	font-weight: 600;
}

.modal-icon i {
	font-size: 42px;
	color: #596490;
}

.modal-footer {
	border-top: 0;
	padding-top: 0;
	padding-bottom: .75rem;
}

.add-remove i {
	font-size: 18px;
	cursor: pointer;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

[ng-cloak] {
	display: none;
}
/* Hover ***/
.actions {
	position: relative;
}

.action-icon {
	position: relative;
	display: inline-block;
}

.tooltip-text {
	visibility: hidden;
	width: 100px; /* Adjust as needed */
	background-color: #14172c;
	color: #ffffff;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 100%; /* Position the tooltip above the icon */
	left: 50%;
	margin-left: -30px; /* Adjust to center the tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

.action-icon:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}



/*** Blogs ****/
.blog .blog-image img {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.blog-image, .blog-image>a, .blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.blog-image img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
    transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-image, .blog-image>a, .blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.blog-image img {
	width: 100%;
	display: block;
	transition: transform 0.35s ease;
}

.blog.grid-blog:hover .blog-image img {
	transform: scale(1.05);
}




/*My-Job Landing Page */
/* =====================================================================
          CSS Custom Properties — single source of truth for all magic numbers
          ===================================================================== */
:root {
	/* Hero / slider section */
	--hero-aspect-ratio: 16 / 9; /* intrinsic ratio for the slide canvas   */
	--hero-min-height: 340px; /* floor so it never collapses on mobile  */
	--hero-pt: 15vh; /* default padding-top                    */
	--hero-pb: 15vh; /* default padding-bottom                 */

	/* Breakpoint overrides – desktop ≥1200 px */
	--hero-pt-xl: 40vh;
	--hero-pb-xl: 15vh;
	--hero-height-xl: 100vh;

	/* Breakpoint overrides – laptop 992–1199 px */
	--hero-pt-lg: 30vh;
	--hero-pb-lg: 10vh;
	--hero-height-lg: 80vh;

	/* Breakpoint overrides – tablet 768–991 px */
	--hero-pt-md: 20vh;
	--hero-pb-md: 40vh;

	/* Breakpoint overrides – mobile <768 px */
	--hero-pt-sm: 3vh;
	--hero-pb-sm: 29vh;

	/* CTA button inside each slide */
	--btn-top: 40%;
	--btn-left: 48%;
	--btn-pad-y: 15px;
	--btn-pad-x: 25px;
	--btn-font-size: 20px;
	--btn-font-size-sm: 12px;
	--btn-radius: 8px;
	--btn-shadow: 0px 4px 8px rgba(25, 26, 56, 0.2);
	--btn-shadow-hover: 0px 6px 12px rgba(25, 26, 56, 0.3);

	/* Pop-up overlay */
	--popup-width: 60%;
	--popup-max-width: 600px;
	--popup-pad: 20px;
	--popup-radius: 8px;
}

.assessments-carousel .owl-stage {
	display: flex;
	justify-content: flex-start; /* Align items to the left */
}

.assessments-carousel .item {
	flex: 0 0 auto; /* Prevent stretching */
}

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

/* Pop-up container */
#popup {
	display: none; /* Initially hidden */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(25, 26, 56, 0.5); /* Semi-transparent background */
	z-index: 9999; /* Keep it above all content */
}

/* Pop-up content */
.popup-content {
	position: relative;
	width: var(--popup-width);
	max-width: var(--popup-max-width);
	margin: auto;
	padding: var(--popup-pad);
	background: url('assets/slides/2.png') no-repeat center center;
	background-size: cover;
	text-align: center;
	border-radius: var(--popup-radius);
	color: #ffffff;
	top: 50%;
	transform: translateY(-50%);
}

.popup-content h2 {
	margin-top: 0;
}

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

#closePopup {
	padding: 10px 20px;
	background-color: #242a42;
	color: #ffffff;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

.img-fluid {
	max-width: 100%;
}

/* Removed overly broad .rounded override — Bootstrap's default 0.375rem is preserved.
   Thumbnail images use the scoped .thumbnail img rule (border-radius: 10px) below. */

.btn {
	background-color: rgba(25, 26, 56, 0.502);
	color: white;

}


.footer {
	padding: 30px 0 0;
	/* background-color: #1f3f83; */
	background: radial-gradient(circle at 20% 20%, rgba(78, 30, 115, 0.55), rgba(35, 15, 57, 0.92) 60%), linear-gradient(135deg, #2b0f3d 0%, #571f6f 48%, #782993 100%);
	/* background-image: url(../assets/img/footer.jpg);*/
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem #172858;
	color: white;
}

.book-btn1:hover {
	background-color: #172858;
	border-color: #c42ac3;
	color: #ffffff;
}

.slick-slide img {
	display: block;
	border-radius: 50%;
}

.banner-wrapper .banner-header p {
	color: #fffdff;
	font-size: 20px;
	margin-bottom: 0;
}

.section-search2 {
	position: relative;
	padding-top: var(--hero-pt);
	padding-bottom: var(--hero-pb);
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	/* Intrinsic aspect ratio keeps the hero proportional without a
       fixed height; min-height prevents total collapse on small screens */
	aspect-ratio: var(--hero-aspect-ratio);
	min-height: var(--hero-min-height);
}

@media (min-width: 1200px) {
	.section-search2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: var(--hero-pt-xl);
		padding-bottom: var(--hero-pb-xl);
		height: var(--hero-height-xl);
		/* Override the default aspect-ratio so the explicit height rules */
		aspect-ratio: auto;
	}
}

/* Medium devices (992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.section-search2 {
		padding-top: var(--hero-pt-lg);
		padding-bottom: var(--hero-pb-lg);
		height: var(--hero-height-lg);
		aspect-ratio: auto;
	}
}

/* Small devices (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.section-search2 {
		padding-top: var(--hero-pt-md);
		padding-bottom: var(--hero-pb-md);
		height: auto;
	}
}

/* Extra small devices (less than 768px) */
@media (max-width: 767.98px) {
	.section-search2 {
		padding-top: var(--hero-pt-sm);
		padding-bottom: var(--hero-pb-sm);
		height: auto;
	}
}

.banner-wrapper {
	max-width: 800px;
	width: 100%;
	margin: -25vh auto;
}

.search-box .form-text {
	color: #ffffff;
	font-size: 13px;
}


.home-tile-section, .section-specialities {
	padding: 50px 0; /* Adjust padding as needed */
	background-color: #561b65;
}

@media (max-width: 767.98px) {
	.home-tile-section, .section-specialities {
		padding: 50px 0; /* Adjust padding as needed */
		background-color: #561b65;
	}
}


.home-tile-section, .section-specialities2 {
	padding: 50px 0; /* Adjust padding as needed */

}


@media (max-width: 767.98px) {
	.home-tile-section, .section-specialities2 {
		padding: 50px 0; /* Adjust padding as needed */

	}
}

.home-tile-section, .section-specialities3 {
	padding: 50px 0; /* Adjust padding as needed */
	background-color: #561b65;
}


@media (max-width: 767.98px) {
	.home-tile-section, .section-specialities3 {
		padding: 50px 0; /* Adjust padding as needed */
		background-color: #561b65;
	}
}

.home-tile-section, .section-specialities4 {
	padding: 50px 0; /* Adjust padding as needed */
	background-color: #f5f8fd;
}


@media (max-width: 767.98px) {
	.home-tile-section, .section-specialities4 {
		padding: 50px 0; /* Adjust padding as needed */
		background-color: #f5f8fd;
	}
}

.owl-carousel .item {
	margin: 4px;
}

.scroll-container {
	overflow-x: hidden;
	white-space: nowrap;
	position: relative;
}

.scroll-container .row {
	display: flex;
	transition: transform 1s ease;
}

.scroll-container .col {
	flex: 0 0 100%;
	/* Each item takes up 100% width, showing one at a time */
}

.modal-content {
	overflow: hidden;
}

.video-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(25, 26, 56, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.video-content {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	width: 80%;
	max-width: 800px;
	text-align: center;
	position: relative;
}

#closeBtn {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	color: black;
}

.video-container {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.myjob-hero {
	position: relative;
	min-height: 920px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	background: radial-gradient(circle at 20% 20%, rgba(78, 30, 115, 0.55), rgba(35, 15, 57, 0.92) 60%),
	linear-gradient(135deg, #2b0f3d 0%, #571f6f 48%, #782993 100%);
}

.myjob-hero::before,
.myjob-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.myjob-hero::before {
	background:
			radial-gradient(circle at 18% 30%, rgba(93, 127, 214, 0.18), transparent 26%),
			radial-gradient(circle at 86% 18%, rgba(242, 240, 250, 0.12), transparent 20%),
			radial-gradient(circle at 70% 72%, rgba(52, 96, 205, 0.08), transparent 18%);
}

.myjob-hero::after {
	background-image:
			linear-gradient(rgba(136, 159, 225, 0.12) 1px, transparent 1px),
			linear-gradient(90deg, rgba(136, 159, 225, 0.12) 1px, transparent 1px);
	background-size: 120px 120px;
	opacity: 0.16;
	mask-image: linear-gradient(to bottom, transparent, rgba(25, 26, 56, 0.9) 20%, rgba(25, 26, 56, 0.9) 80%, transparent);
}

.myjob-hero .hero-slider {
	position: relative;
	width: 100%;
	z-index: 1;
}

.myjob-hero .hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease, visibility 0.8s ease;
}

.myjob-hero .hero-slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.myjob-hero .hero-slide-inner {
	min-height: 920px;
	display: grid;
	grid-template-columns: minmax(320px, 44%) minmax(420px, 56%);
	align-items: center;
	gap: 2rem;
	padding: 7rem 4.5rem 5rem;
	position: relative;
}

.myjob-hero .hero-visual {
	position: relative;
	min-height: 300px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	overflow: hidden;
	border-radius: 32px;
	isolation: isolate;
	padding: 0;
		margin: 0;
}

.myjob-hero .hero-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	filter: saturate(1.05);
}

.hero-slide-inner {
	gap: 0 !important;
	padding: 0 !important;
}

.hero-panel {
	padding: 0 !important;
	margin: 0 !important;
}

.myjob-hero .hero-visual img[src^="data:image"] {
	object-fit: cover;
}

.myjob-hero .hero-nav span {
	font-size: 2rem;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	transform: translateY(-1px);
}

.myjob-hero .hero-nav:focus,
.myjob-hero .hero-nav:focus-visible {
	outline: 2px solid rgba(117, 145, 220, 0.7);
	outline-offset: 3px;
}

.myjob-hero .hero-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(13, 12, 37, 0.55) 0%, rgba(13, 12, 37, 0.12) 42%, rgba(13, 12, 37, 0.45) 100%);
	z-index: 1;
}

.myjob-hero .hero-copy {
	position: relative;
	padding: 2rem 1rem 2rem 2rem;
	max-width: 720px;
	z-index: 2;
}

.myjob-hero .hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.7rem 1.2rem;
	border-radius: 999px;
	border: 1px solid rgba(242, 240, 250, 0.22);
	background: rgba(242, 240, 250, 0.08);
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-bottom: 1.35rem;
	box-shadow: 0 18px 40px rgba(28, 13, 47, 0.22);
	backdrop-filter: blur(12px);
}

.myjob-hero .hero-title {
	color: #ffffff;
	font-size: clamp(2.6rem, 5vw, 5.2rem);
	line-height: 0.98;
	letter-spacing: -0.04em;
	margin-bottom: 1.4rem;
	text-shadow: 0 6px 30px rgba(25, 26, 56, 0.28);
}

.myjob-hero .hero-title .accent {
	color: #a1b7e8;
}

.myjob-hero .hero-description {
	color: rgba(242, 240, 250, 0.86);
	font-size: 1.18rem;
	line-height: 1.7;
	max-width: 610px;
	margin-bottom: 1.7rem;
}

.myjob-hero .hero-feature-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(220px, 1fr));
	gap: 0.85rem 1rem;
	margin: 0 0 2rem;
	padding: 0;
}

.myjob-hero .hero-feature-list li {
	list-style: none;
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	color: rgba(242, 240, 250, 0.92);
	font-size: 1rem;
	line-height: 1.45;
}

.myjob-hero .hero-feature-list li i {
	color: #7395de;
	margin-top: 0.18rem;
	text-shadow: 0 0 12px rgba(113, 142, 219, 0.45);
}

.myjob-hero .hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.myjob-hero .hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	padding: 0.95rem 1.55rem;
	border-radius: 18px;
	border: 1px solid rgba(242, 240, 250, 0.18);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 18px 40px rgba(28, 13, 47, 0.28);
	backdrop-filter: blur(10px);
}

.myjob-hero .hero-btn-primary {
	color: #ffffff;
	background: linear-gradient(135deg, #5981d7 0%, #8f9adf 55%, #b478de 100%);
}

.myjob-hero .hero-btn-primary:hover {
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 22px 44px rgba(89, 124, 213, 0.24);
}

.myjob-hero .hero-btn-secondary {
	color: #ffffff;
	background: rgba(242, 240, 250, 0.08);
}

.myjob-hero .hero-btn-secondary:hover {
	color: #ffffff;
	background: rgba(242, 240, 250, 0.14);
	transform: translateY(-2px);
}

.myjob-hero .hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.myjob-hero .hero-tag {
	display: inline-flex;
	align-items: center;
	padding: 0.68rem 1rem;
	border-radius: 999px;
	border: 1px solid rgba(242, 240, 250, 0.14);
	background: rgba(242, 240, 250, 0.07);
	color: rgba(242, 240, 250, 0.86);
	font-size: 0.96rem;
	line-height: 1;
	backdrop-filter: blur(12px);
}

.myjob-hero .hero-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(242, 240, 250, 0.22);
	border-radius: 50%;
	background: rgba(27, 12, 47, 0.44);
	color: #ffffff;
	z-index: 4;
	backdrop-filter: blur(10px);
	box-shadow: 0 18px 40px rgba(27, 12, 47, 0.3);
}

.myjob-hero .hero-nav:hover {
	color: #ffffff;
	background: rgba(49, 20, 79, 0.72);
}

.myjob-hero .hero-nav.prev {
	left: 1.5rem;
}

.myjob-hero .hero-nav.next {
	right: 1.5rem;
}

.myjob-hero .hero-dots {
	position: absolute;
	left: 50%;
	bottom: 1.8rem;
	transform: translateX(-50%);
	display: flex;
	gap: 0.7rem;
	z-index: 4;
}

.myjob-hero .hero-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: none;
	background: rgba(242, 240, 250, 0.35);
	box-shadow: 0 0 0 4px rgba(242, 240, 250, 0.08);
}

.myjob-hero .hero-dot.active {
	background: #7798df;
	box-shadow: 0 0 0 4px rgba(117, 145, 220, 0.18);
}

.myjob-hero .journey-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem;
	margin: 0 0 2rem;
	padding: 0;
}

.myjob-hero .journey-steps li {
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.78rem 1rem;
	border-radius: 16px;
	background: rgba(242, 240, 250, 0.08);
	border: 1px solid rgba(242, 240, 250, 0.14);
	color: rgba(242, 240, 250, 0.95);
	font-weight: 600;
}

.myjob-hero .journey-steps .step-no {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(117, 145, 220, 0.18);
	color: #a1b7e8;
	font-size: 0.92rem;
}

.myjob-hero .hero-panel {
	background: linear-gradient(135deg, rgba(242, 240, 250, 0.12), rgba(242, 240, 250, 0.04));
	border: 1px solid rgba(242, 240, 250, 0.18);
	box-shadow: 0 20px 50px rgba(26, 12, 44, 0.25);
	backdrop-filter: blur(14px);
	border-radius: 32px;
	padding: 1.75rem;
}

@media (max-width: 1199.98px) {
	.myjob-hero .hero-slide-inner {
		grid-template-columns: 1fr 1.1fr;
		min-height: 820px;
		padding: 6.2rem 4rem 5rem;
	}

	.myjob-hero .hero-visual {
		min-height: 300px;
	}
}


@media (min-width: 992px) {
	.myjob-hero,
	.myjob-hero .hero-slide-inner {
		min-height: 1000px;
	}
}

@media (max-width: 991.98px) {
	.myjob-hero {
		min-height: auto;
	}

	.myjob-hero .hero-slide,
	.myjob-hero .hero-slide.active {
		position: relative;
	}

	.myjob-hero .hero-slide:not(.active) {
		display: none;
	}

	.myjob-hero .hero-slide-inner {
		grid-template-columns: 1fr;
		min-height: auto;
		gap: 1.5rem;
		padding: 6rem 1.5rem 6rem;
	}

	.myjob-hero .hero-visual,
	.myjob-hero .hero-copy {
		max-width: 100%;
	}

	.myjob-hero .hero-visual {
		min-height: 300px;
	}

	.myjob-hero .hero-copy {
		padding: 0;
	}

	.myjob-hero .hero-feature-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.myjob-hero .hero-slide-inner {
		padding: 5.5rem 1rem 5rem;
	}

	.myjob-hero .hero-visual {
		min-height: 300px;
		border-radius: 24px;
	}

	.myjob-hero .hero-panel {
		border-radius: 24px;
		padding: 1.35rem;
	}

	.myjob-hero .hero-description {
		font-size: 1rem;
	}

	.myjob-hero .hero-nav {
		width: 46px;
		height: 46px;
		top: auto;
		bottom: 1.2rem;
		transform: none;
	}

	.myjob-hero .hero-nav.prev {
		left: 1rem;
	}

	.myjob-hero .hero-nav.next {
		right: 1rem;
	}

	.myjob-hero .hero-dots {
		bottom: 1.9rem;
	}
}

.btn-primary.focus, .btn-primary:focus {
	color: #ffffff;
	background-color: #050913 !important;
	border-color: #050913 !important;
	box-shadow: 0 0 0 .2rem rgba(81, 117, 211, 0.5);
}

/* How it works / video experience */
.how-it-works-wrap {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 18px;
}

.how-it-works-intro {
	max-width: 780px;
	margin: 0 auto 2rem;
	color: #3146a7;
	font-size: 1.08rem;
	line-height: 1.75;
}

.how-it-works-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
	gap: 1.5rem;
	align-items: stretch;
}

.video-feature-card,
.video-mini-card {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	border: 1px solid rgba(242, 240, 250, 0.62);
	background: rgba(242, 240, 250, 0.45);
	backdrop-filter: blur(18px);
	box-shadow: 0 24px 70px rgba(43, 18, 70, 0.14);
}

.video-feature-card {
	min-height: 520px;
	padding: 1.4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.video-feature-media {
	position: absolute;
	inset: 0;
}

.video-feature-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(18, 17, 52, 0.1) 0%, rgba(18, 17, 52, 0.3) 38%, rgba(18, 17, 52, 0.85) 100%);
}

.video-feature-media img,
.video-mini-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.video-feature-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	color: #ffffff;
}

.video-step-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	width: fit-content;
	padding: 0.62rem 0.95rem;
	border-radius: 999px;
	background: rgba(242, 240, 250, 0.14);
	border: 1px solid rgba(242, 240, 250, 0.22);
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	backdrop-filter: blur(8px);
}

.video-step-pill span {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(155, 174, 229, 0.22);
	color: #a1b7e8;
	font-size: 0.9rem;
}

.video-feature-title {
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.05;
	color: #ffffff;
	margin: 0;
}

.video-feature-copy {
	max-width: 640px;
	color: rgba(242, 240, 250, 0.88);
	font-size: 1.05rem;
	line-height: 1.75;
	margin: 0;
}

.video-feature-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
}

.video-play-btn,
.video-ghost-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	border-radius: 18px;
	padding: 0.95rem 1.3rem;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid rgba(242, 240, 250, 0.18);
}

.video-play-btn {
	background: linear-gradient(135deg, #5981d7 0%, #8f9adf 55%, #b478de 100%);
	color: #ffffff;
	box-shadow: 0 18px 42px rgba(89, 124, 213, 0.24);
}

.video-play-btn:hover,
.video-ghost-btn:hover {
	color: #ffffff;
	transform: translateY(-2px);
}

.video-ghost-btn {
	background: rgba(242, 240, 250, 0.1);
	color: #ffffff;
	backdrop-filter: blur(10px);
}

.video-feature-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.85rem;
}

.video-feature-point {
	padding: 0.9rem 1rem;
	border-radius: 18px;
	background: rgba(242, 240, 250, 0.08);
	border: 1px solid rgba(242, 240, 250, 0.12);
	color: rgba(242, 240, 250, 0.92);
	font-size: 0.95rem;
	line-height: 1.45;
	backdrop-filter: blur(8px);
}

.video-side-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.video-mini-card {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	min-height: 162px;
}

.video-mini-media {
	position: relative;
	overflow: hidden;
}

.video-mini-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(39, 16, 64, 0.06) 0%, rgba(39, 16, 64, 0.22) 100%);
}

.video-mini-content {
	padding: 1.2rem 1.2rem 1.15rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.6rem;
}

.video-mini-label {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	width: fit-content;
	padding: 0.42rem 0.72rem;
	border-radius: 999px;
	background: rgba(85, 33, 128, 0.08);
	color: #383fc3;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.video-mini-title {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.15;
	color: #141d46;
}

.video-mini-copy {
	margin: 0;
	color: #3146a7;
	line-height: 1.6;
	font-size: 0.97rem;
}

.video-mini-action {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-top: 0.25rem;
	color: #3236ad;
	font-weight: 700;
}

.video-trigger {
	cursor: pointer;
}

.video-trigger:hover .video-mini-title,
.video-trigger:hover .video-mini-action,
.video-trigger:hover .video-feature-title {
	opacity: 0.96;
}

.video-modal {
	position: fixed;
	inset: 0;
	background: rgba(12, 10, 31, 0.84);
	backdrop-filter: blur(8px);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
	z-index: 1000;
}

.video-content {
	width: min(1080px, 100%);
	background: linear-gradient(180deg, rgba(35, 15, 58, 0.98), rgba(15, 14, 44, 0.98));
	color: #ffffff;
	border: 1px solid rgba(242, 240, 250, 0.12);
	box-shadow: 0 24px 80px rgba(25, 26, 56, 0.32);
	border-radius: 28px;
	padding: 1.4rem;
	position: relative;
}

.video-content h3 {
	color: #ffffff;
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 2.3vw, 2.1rem);
}

.video-container {
	display: block;
	margin: 0;
}

.video-container video {
	width: 100%;
	height: auto;
	border-radius: 18px;
	background: #14172c;
}

#closeBtn {
	position: absolute;
	top: 14px;
	right: 18px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(242, 240, 250, 0.1);
	color: #ffffff;
	font-size: 30px;
	cursor: pointer;
	z-index: 2;
}

#closeBtn:hover {
	background: rgba(242, 240, 250, 0.18);
}

.how-it-works-cta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.8rem;
}

.how-it-works-cta .btn {
	border-radius: 16px;
	padding: 0.9rem 1.25rem;
	font-weight: 700;
}

@media (max-width: 1199.98px) {
	.how-it-works-layout {
		grid-template-columns: 1fr;
	}

	.video-feature-card {
		min-height: 460px;
	}

	.video-side-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.video-mini-card {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.video-mini-media {
		min-height: 200px;
	}
}

@media (max-width: 767.98px) {
	.how-it-works-wrap {
		padding: 0 12px;
	}

	.video-feature-card {
		min-height: 420px;
		padding: 1rem;
	}

	.video-feature-points {
		grid-template-columns: 1fr;
	}

	.video-side-grid {
		grid-template-columns: 1fr;
	}

	.video-mini-media {
		min-height: 180px;
	}

	.video-feature-actions,
	.how-it-works-cta {
		flex-direction: column;
	}

	.video-play-btn,
	.video-ghost-btn,
	.how-it-works-cta .btn {
		width: 100%;
		justify-content: center;
	}
}


/* Menu items styling */
.navbar-nav .nav-link {
	font-weight: bold;
	text-align: center;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
	color: #22448f !important;
}

/* Navbar alignment */
.navbar-nav {
	display: flex;
	align-items: center;
}

/* Button styles */
.btn-primary {
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 20px;
}

@media (max-width: 991.98px) {
	.btn-primary {
		padding: 6px 15px;
		font-size: 14px;
	}
}

@media (max-width: 767.98px) {
	.btn-primary {
		width: 100%;
		margin-top: 5px;
	}
}

/* Nav link hover effects */
.navbar-nav .nav-link:hover {
	color: #3262cd;
	text-decoration: none;
}

.navbar-nav .nav-link::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	background-color: #3262cd;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

@media (min-width: 992px) {
	.navbar-nav .nav-link:hover::after,
	.navbar-nav .nav-link.active::after {
		width: 80%;
	}
}

/* Mobile menu active state */
@media (max-width: 991.98px) {
	.navbar-nav .nav-link.active {
		background-color: #f5f8fd;
		border-radius: 5px;
	}
}

/* Header and Navbar Responsive Fixes */
.header {
	/*background-color: #ffffff;*/
	/*box-shadow: 0 2px 8px rgba(25, 26, 56, 0.1);*/
	position: sticky;
	top: 0;
	z-index: 1000;
	padding: 0;
}

.header .container {
	padding: 10px 15px;
}

.navbar {
	padding: 0.5rem 0;
}

.navbar-brand {
	margin-right: auto;
}

.navbar-brand img {
	max-height: 60px;
	transition: transform 0.3s ease;
}

.navbar-brand img:hover {
	transform: scale(1.05);
}

.nav-link {
	color: #14172c;
	font-size: 16px;
	transition: color 0.3s;
	position: relative;
}

.nav-link:hover {
	color: #3262cd;
}

/* Navbar toggler improvements */
.navbar-toggler {
	border: 2px solid #d0dbf4;
	padding: 0.5rem 0.75rem;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.navbar-toggler:hover {
	border-color: #3262cd;
	background-color: #f5f8fd;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 95, 204, 0.25);
	outline: none;
}

.navbar-toggler-icon {
	width: 1.5em;
	height: 1.5em;
}

/* Desktop Navigation */
@media (min-width: 992px) {
	.navbar-nav {
		margin-left: auto;
	}

	.navbar-nav .nav-item {
		margin: 0 5px;
	}

	.header-navbar-rht {
		margin-left: 15px;
	}
}

/* Tablet and Mobile Navigation */
@media (max-width: 991.98px) {
	.header .container {
		max-width: 100%;
		padding: 8px 15px;
	}

	.navbar {
		padding: 0.25rem 0;
	}

	.navbar-brand img {
		max-height: 30px;
	}

	.navbar-toggler {
		border: none;
		padding: 0.5rem;
		font-size: 1.25rem;
	}

	.navbar-collapse {
		background-color: #ffffff;
		margin-top: 10px;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(25, 26, 56, 0.1);
		max-height: 70vh;
		overflow-y: auto;
	}

	.navbar-nav {
		text-align: center;
		padding: 15px 0;
	}

	.navbar-nav .nav-item {
		margin: 5px 0;
		border-bottom: 1px solid #f1f2f6;
	}

	.navbar-nav .nav-item:last-child {
		border-bottom: none;
	}

	.nav-link {
		padding: 12px 20px !important;
		font-size: 16px;
		display: block;
	}

	.header-navbar-rht {
		padding-top: 10px;
		border-top: 2px solid #f1f2f6;
		margin-top: 10px;
	}

	.header-navbar-rht .nav-link {
		font-weight: 600;
		/*color: #3262cd !important;*/
	}
}

/* Mobile specific (smaller screens) */
@media (max-width: 767.98px) {
	.navbar-brand {
		margin-right: 0;
		flex-grow: 1;
	}

	.navbar-brand img {
		max-height: 45px;
	}

	.navbar-toggler-icon {
		width: 1.2em;
		height: 1.2em;
	}

	.navbar-collapse {
		margin-top: 15px;
	}
}

/* Extra small devices */
@media (max-width: 480px) {
	.header .container {
		padding: 5px 10px;
	}

	.navbar-brand img {
		max-height: 40px;
	}

	.nav-link {
		padding: 10px 15px !important;
		font-size: 15px;
	}
}

.btn-close {
	margin: 10px;
	font-size: 1.5rem;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}

.btn-close:hover {
	color: #3262cd;
	transform: scale(1.1);
}

/* Hide menu button — shown on mobile when the nav is expanded */
.hide-menu-btn {
	border-radius: 5px;
	padding: 6px 12px;
	font-size: 13px;
	background-color: #f1f2f6;
	color: #242a42;
	border: 1px solid #dadce7;
	margin-right: 8px;
}

.hide-menu-btn:hover {
	background-color: #dee0ea;
	border-color: #c5c9da;
	color: #14172c;
}

@media (max-width: 991.98px) {
	.hide-menu-btn {
		padding: 5px 10px;
		font-size: 12px;
	}
}

/*dropdown*/

.dropdown {
	position: relative;
	display: inline-block;
	margin: 10px;
}

.dropdown-button {
	background-color: #3262cd;
	color: white;
	padding: 10px 15px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px rgba(25, 26, 56, 0.2);
    border-radius: 5px;
    padding: 10px;
    z-index: 1;
}*/

.dropdown-content {
	display: none; /* Hidden by default */
	position: absolute;
	background-color: white;
	min-width: 200px;
	box-shadow: 0px 8px 16px rgba(25, 26, 56, 0.2); /* Dropdown shadow */
	border-radius: 5px;
	padding: 10px;
	z-index: 9999; /* Ensure it appears above other elements */
}


.dropdown-content label {
	display: block;
	font-size: 14px;
	margin: 5px 0;
	cursor: pointer;
}

/* Make visible when ng-show is true */
[ng-show="dropdownOpen"] {
	display: block !important;
}

.scale-track {
	background-color: green;
	border-radius: 5px;
	height: 10px;
	width: 100%;
}

.scale-thumb {
	background-color: green;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -5px;
	cursor: pointer;
}


/* =====================================================================
   Job Section — refreshed layout
   ===================================================================== */

.jobs-heading {
	padding: 30px 0 20px;
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}
.jobs-heading .jobs-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 1rem;
	margin-bottom: 1rem;
	border-radius: 999px;
	background: rgba(242, 240, 250, 0.1);
	border: 1px solid rgba(242, 240, 250, 0.16);
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	backdrop-filter: blur(8px);
}
.jobs-heading h2 {
	color: #ffffff;
	font-size: clamp(2.1rem, 4vw, 3.25rem);
	margin-bottom: 0.75rem;
}
.jobs-heading p {
	color: rgba(242, 240, 250, 0.86);
	font-size: 1.08rem;
	line-height: 1.7;
	margin: 0;
}
.jobs-filters {
	position: relative;
	z-index: 40;
	overflow: visible;
	background: rgba(32, 14, 54, 0.62);
	border: 1px solid rgba(242, 240, 250, 0.12);
	border-radius: 24px;
	padding: 24px;
	margin: 0 auto 26px;
	max-width: 1380px;
	box-shadow: 0 20px 50px rgba(27, 12, 45, 0.24);
	backdrop-filter: blur(14px);
}
.jobs-filters .search-box form {
	display: grid;
	grid-template-columns: minmax(220px, 1.2fr) minmax(220px, 1fr) auto;
	gap: 14px;
	align-items: end;
}
.jobs-filters .search-box .mb-3 { margin-bottom: 0 !important; position: relative; }
.jobs-filters .filter-label {
	display: block; margin-bottom: 0.5rem; color: rgba(242, 240, 250, 0.88); font-size: 0.95rem; font-weight: 600;
}
.jobs-filters .form-control {
	height: 56px; border-radius: 18px; border: 1px solid rgba(242, 240, 250, 0.18); background: rgba(242, 240, 250, 0.12); color: #ffffff; padding: 0.95rem 1rem;
}
.jobs-filters .form-control::placeholder { color: rgba(242, 240, 250, 0.68); }
.jobs-filters .form-control:focus { background: rgba(242, 240, 250, 0.16); border-color: rgba(242, 240, 250, 0.28); box-shadow: 0 0 0 0.18rem rgba(242, 240, 250, 0.08); color: #ffffff; }
.jobs-filters .form-text { margin-top: 0.45rem; color: rgba(242, 240, 250, 0.72) !important; font-size: 0.82rem; }
.jobs-filters .search-box form { display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 150px; gap:18px; align-items:end; }
.jobs-filters .search-box .mb-3 { margin-bottom:0 !important; min-width:0; }
.jobs-filters .search-btn {
	align-self: end; width: 100%; min-width: 0; height: 56px; border: none; border-radius: 18px; background: linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%); color: #ffffff; font-weight: 700; box-shadow: 0 18px 30px rgba(105, 124, 210, 0.28);
}
.jobs-filters .search-btn:hover { transform: translateY(-2px); color: #ffffff; }
.jobs-filters .filter-controls {
	display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr) 120px; gap: 18px; align-items: end; margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(242, 240, 250, 0.12);
}
.jobs-filters .dropdown,.jobs-filters .slidecontainer,.jobs-filters .filter-summary { margin: 0; }
.jobs-filters .dropdown { width: 100%; position:relative; z-index: 60; }
.jobs-filters .dropdown-button {
	width: 100%; height: 56px; border: 1px solid rgba(242, 240, 250, 0.18); border-radius: 18px; background: rgba(242, 240, 250, 0.12); color: #ffffff; padding: 0 1rem; font-weight: 600;
}
.jobs-filters .dropdown-content { margin-top: 10px; min-width: 100%; width: 100%; left: 0; top: calc(100% + 4px); border-radius: 16px; border: 1px solid rgba(242, 240, 250, 0.1); box-shadow: 0 18px 40px rgba(35, 15, 57, 0.25); background: rgba(242, 240, 250, 0.98); z-index: 999; max-height: 240px; overflow-y: auto; }
.jobs-filters .dropdown-content label { display:flex; align-items:center; gap:0.55rem; margin-bottom:0.65rem; color:#431767; font-weight:600; }
.jobs-filters .dropdown-content label:last-child { margin-bottom:0; }
.jobs-filters .slidecontainer { min-width: 0; }
.jobs-filters .salary-row { display:flex; align-items:center; gap:14px; }
.jobs-filters .salary-badge {
	display:inline-flex; align-items:center; justify-content:center; min-width:170px; margin-top:0; padding:0.78rem 1rem; border-radius:999px; background:rgba(242, 240, 250, 0.12); border:1px solid rgba(242, 240, 250, 0.15); color:#ffffff; font-weight:700;
}
.jobs-filters .slider { width:100%; -webkit-appearance:none; appearance:none; height:6px; border-radius:999px; background:linear-gradient(90deg, rgba(76, 110, 208, 0.95), rgba(151, 66, 204, 0.95)); outline:none; }
.jobs-filters .slider::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:#ffffff; border:3px solid #7798df; box-shadow:0 0 0 4px rgba(117, 145, 220, 0.18); cursor:pointer; }
.jobs-filters .filter-summary { display:flex; flex-direction:column; justify-content:center; align-items:flex-end; min-width:0; height:56px; padding:0.5rem 0; color:#ffffff; }
.jobs-filters .filter-summary strong { font-size:1.85rem; line-height:1; }
.jobs-filters .filter-summary span { font-size:0.95rem; color:rgba(242, 240, 250, 0.78); text-align:right; }
/*.jobs-results { max-width:1380px; margin:0 auto; padding:10px 0 18px; position: relative; z-index: 1; }
.jobadverts-carousel .item { height:100%; }
.jobadverts-carousel .owl-stage-outer { overflow: visible; }
.jobadverts-carousel .owl-item { padding: 10px 8px 18px; }*/
.job-ad-card {
	background: rgba(242, 240, 250, 0.18); border:1px solid rgba(242, 240, 250, 0.22); border-radius:24px; padding:22px; min-height:100%; color:#ffffff; box-shadow:0 18px 40px rgba(27, 12, 46, 0.18); backdrop-filter: blur(12px); position:relative;
}
.job-ad-card .job-top-bar { display:flex; justify-content:flex-end; margin-bottom:16px; }
.job-ad-card .job-card-top { display:flex; gap:18px; align-items:flex-start; margin-bottom:18px; }
.job-ad-card .job-logo-wrap {
	width:112px; height:112px; flex:0 0 112px; display:flex; align-items:center; justify-content:center; border-radius:24px; background:rgba(242, 240, 250, 0.97); box-shadow:inset 0 1px 0 rgba(242, 240, 250, 0.7), 0 14px 24px rgba(18, 18, 55, 0.16); overflow:hidden; padding:14px;
}
.job-ad-card .job-logo-wrap img { width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; }
.job-ad-card .job-card-head { flex:1; }
.job-ad-card .job-card-title { color:#ffffff; font-size:1.35rem; line-height:1.2; margin-bottom:0.4rem; }
.job-ad-card .job-card-company { color:#a1b7e8; font-size:1rem; font-weight:700; margin-bottom:0.65rem; }
.job-ad-card .job-meta { display:flex; flex-wrap:wrap; gap:0.6rem; margin-bottom:1rem; }
.job-ad-card .job-meta span { display:inline-flex; align-items:center; gap:0.4rem; padding:0.5rem 0.8rem; border-radius:999px; background:rgba(242, 240, 250, 0.08); border:1px solid rgba(242, 240, 250, 0.1); font-size:0.9rem; color:rgba(242, 240, 250, 0.92); }
.job-ad-card .job-summary { color:rgba(242, 240, 250, 0.82); line-height:1.65; min-height:78px; margin-bottom:1rem; }
.job-ad-card .job-highlights { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin-bottom:1rem; }
.job-ad-card .job-highlight { padding:0.9rem 1rem; border-radius:16px; background:rgba(242, 240, 250, 0.06); border:1px solid rgba(242, 240, 250, 0.08); }
.job-ad-card .job-highlight small { display:block; margin-bottom:0.35rem; color:rgba(242, 240, 250, 0.66); text-transform:uppercase; letter-spacing:0.04em; font-size:0.74rem; }
.job-ad-card .job-highlight strong, .job-ad-card .job-highlight a { color:#ffffff; font-size:0.98rem; font-weight:700; word-break:break-word; }
.job-ad-card .job-highlight a:hover { color:#a1b7e8; }
.job-ad-card .job-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; align-items:center; padding-top:1rem; border-top:1px solid rgba(242, 240, 250, 0.12); }
.job-ad-card .job-dates { display:flex; flex-wrap:wrap; gap:1rem; }
.job-ad-card .job-dates div small { display:block; color:rgba(242, 240, 250, 0.66); margin-bottom:0.25rem; text-transform:uppercase; letter-spacing:0.04em; font-size:0.72rem; }
.job-ad-card .job-dates div strong { color:#ffffff; font-size:0.95rem; }
.job-ad-card .job-actions { display:flex; gap:0.75rem; flex-wrap:wrap; }
.job-ad-card .job-btn { display:inline-flex; align-items:center; justify-content:center; gap:0.45rem; min-width:138px; height:46px; padding:0 1.15rem; border-radius:14px; text-decoration:none; font-weight:700; }
.job-ad-card .job-btn-primary { color:#ffffff; background:linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%); box-shadow:0 14px 28px rgba(105, 124, 210, 0.24); }
.job-ad-card .job-btn-secondary { color:#ffffff; border:1px solid rgba(242, 240, 250, 0.16); background:rgba(242, 240, 250, 0.05); }
.job-ad-card .job-btn:hover { color:#ffffff; transform:translateY(-2px); }
@media (max-width: 991.98px) {
	.jobs-filters .search-box form, .jobs-filters .filter-controls { grid-template-columns:1fr; }
	.jobs-filters .search-btn, .jobs-filters .filter-summary { width:100%; }
	.jobs-filters .filter-summary { align-items:flex-start; height:auto; padding:0; }
	.jobs-filters .salary-row { flex-direction:column; align-items:stretch; }
	.jobs-filters .salary-badge { width:100%; }
}
@media (max-width: 767.98px) {
	.jobs-heading { padding:10px 0 14px; }
	.jobs-filters { padding:18px 16px; border-radius:20px; }
	.job-ad-card { padding:18px; border-radius:20px; }
	.job-ad-card .job-card-top { flex-direction:column; }
	.job-ad-card .job-logo-wrap { width:96px; height:96px; flex-basis:96px; }
	.job-ad-card .job-highlights { grid-template-columns:1fr; }
	.job-ad-card .job-footer { flex-direction:column; align-items:flex-start; }
	.job-ad-card .job-top-bar { justify-content:flex-start; }
}

/****Location Dropdown ****/
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: block;
	background-color: #ffffff;
	border: 1px solid #c5c9da;
	border-radius: 0.25rem;
	max-height: 200px;
	overflow-y: auto;
}

.dropdown-item {
	padding: 0.5rem 1rem;
	cursor: pointer;
}

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

/* ===== SAFE MY-JOB LANDING NAV + BUTTON ENHANCEMENTS (append-only) =====
   This layer is intentionally narrow so it does not restyle the whole site.
   It only enhances the landing page navbar/header login button and selected CTA buttons.
   Footer styles are untouched.
======================================================================= */

:root {
  --mj-accent-blue: #4b72d1;
  --mj-accent-blue-soft: #8f9adf;
  --mj-accent-purple: #9c42cd;
  --mj-accent-text: #1c2c62;
  --mj-accent-shadow: 0 12px 28px rgba(105, 124, 210, 0.2);
  --mj-accent-shadow-strong: 0 18px 34px rgba(79, 86, 203, 0.24);
  --mj-accent-gradient: linear-gradient(135deg, #4b72d1 0%, #8f9adf 52%, #9c42cd 100%);
}

/* Header navigation only */
.header.header-custom.header-fixed.header-one .navbar {
  min-height: 84px;
}

.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item {
  position: relative;
}

.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link {
  position: relative;
  color: var(--mj-accent-text);
  font-weight: 500;
  padding: 0.85rem 0.95rem;
  transition: color 0.25s ease, opacity 0.25s ease;
}

.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link::after {
  content: "";
  position: absolute;
  left: 0.95rem;
  right: 0.95rem;
  bottom: 0.45rem;
  height: 2px;
  border-radius: 999px;
  background: var(--mj-accent-gradient);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}

.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link:hover,
.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link:focus,
.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link.active {
  color: var(--mj-accent-blue);
}

.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link:hover::after,
.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link:focus::after,
.header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link.active::after {
  transform: scaleX(1);
}

/* Login / Signup button only in the landing header */
.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login {
  background: var(--mj-accent-gradient);
  border: 1px solid rgba(125, 47, 188, 0.24);
  border-radius: 6px;
  color: #ffffff;
  box-shadow: var(--mj-accent-shadow);
  transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease;
  position: relative;
  overflow: hidden;
}

.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login::after {
  content: "";
  position: absolute;
  top: 0;
  left: -78%;
  width: 52%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(242, 240, 250, 0.26), transparent);
  transition: left 0.55s ease;
}

.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login:hover,
.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login:focus {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--mj-accent-shadow-strong);
  filter: saturate(1.05);
}

.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login:hover::after,
.header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login:focus::after {
  left: 128%;
}

/* Keep overlay buttons elegant without affecting generic buttons */
.btn-overshadow {
  background: rgba(12, 12, 34, 0.45);
  color: #ffffff;
  border: 1px solid rgba(242, 240, 250, 0.16);
  box-shadow: 0 10px 24px rgba(27, 12, 44, 0.18);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.btn-overshadow:hover,
.btn-overshadow:focus {
  background: rgba(12, 12, 34, 0.58);
  color: #ffffff;
  border-color: rgba(242, 240, 250, 0.28);
  transform: translateY(-2px);
  box-shadow: var(--mj-accent-shadow);
}

/* Selected CTA buttons used on the landing page only */
.job-ad-card .job-btn-primary,
.how-it-works-cta .btn-primary,
.how-it-works-cta .btn-outline-secondary:hover,
.how-it-works-cta .btn-outline-primary:hover {
  background: var(--mj-accent-gradient);
  border-color: rgba(125, 47, 188, 0.24);
  color: #ffffff;
  box-shadow: var(--mj-accent-shadow);
}

.job-ad-card .job-btn-primary:hover,
.how-it-works-cta .btn-primary:hover,
.how-it-works-cta .btn-outline-secondary:hover,
.how-it-works-cta .btn-outline-primary:hover {
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--mj-accent-shadow-strong);
}

@media (max-width: 991.98px) {
  .header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link {
    padding: 0.9rem 0;
  }

  .header.header-custom.header-fixed.header-one .navbar-nav > .nav-item > .nav-link::after {
    left: 0;
    right: 0;
    bottom: 0.3rem;
  }

  .header.header-custom.header-fixed.header-one .header-navbar-rht {
    border-top: 1px solid #f2f4fb;
    margin-top: 0.75rem;
    padding-top: 0.9rem;
    width: 100%;
  }

  .header.header-custom.header-fixed.header-one .header-navbar-rht li {
    width: 100%;
    padding-right: 0;
  }

  .header.header-custom.header-fixed.header-one .header-navbar-rht li a.header-login {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }
}

/* ===== END SAFE MY-JOB LANDING NAV + BUTTON ENHANCEMENTS ===== */