/*------------------------------------------

Project Name : Jobs Portal
Desgined By  : eCreative solutions
Developed By : sharjeel
Updated        :  17/Nov/19

Table Of Index
------------------

1. Base css

2. Typography css

3. Header css

4. Top Search css

5. Map search css

6. Revolution slider css

7. How it works css

8. Top Employers css

9. Home Jobs css

10. Video css

11. Testimonials css

12. App Box css

13. Search List css

14. Job Detail css

15. Cms Pages css

16. FAQs css css

17. User Account css

18. 404 Page css

19. About Us css

20. Pay Packages css

21. Blog Listing css

22. Blog Grid css

23. Blog Detail css

24. Blog sidebar css

25. Footer css

26. Media Queries css

------------------------------------------*/





/************************************************

           ==Start Base css==

*************************************************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Open+Sans:400,400i,600,700&display=swap');
/* CSS Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	font-weight: 600;
}

.hidden {
	display: none;
}

a {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	color: #056cb8;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

a:focus {
	outline: 0 solid
}

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

p {
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 20px;
}

.inner p,
.inner li {
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 20px;
}

.listUl li {
	list-style: disc;
}

.listUl {
	margin-left: 20px;
}

img {
	max-width: 100%;
}

.clear {
	clear: both;
}

select {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.margin-top30 {
	margin-top: 30px;
}

.margin-left80 {
	margin-left: 80px;
}

/*Common*/

.section {
	padding: 50px 0;
	overflow: hidden;
}

.greybg {
	margin-top: 25px;
	background: #f6f6f6;
	width: 90%;
	margin-left: 70px;
}

/*Section Title*/

.titleTop {
	margin-bottom: 10px;
}

.titleTopboard {
	margin-bottom: 10px;
	text-align: center;

	color: #056cb8;

}

.board {
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 80px;
}

.titleTop .subtitle {
	font-size: 18px;
	font-weight: 600;
	color: #056cb8;
	letter-spacing: 3px;
}

.titleTop h3 {
	font-size: 36px;
	font-weight: 600;
	color: #000;
}

.titleTop h4 {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-bottom: 30px;
}

.titleTop h2 {
	font-size: 40px;
	font-weight: 600;
	color: #056cb8;
}

.titleTop h3 span {
	color: #056cb8;
	font-weight: 300;
}

.btn-primary {
	border: none;
}

.modal-title {
	font-size: 20px;
}

.btn-close,
.close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: #000;
	background: transparent url(../images/times.svg) center/1em auto no-repeat;
	border: 0;
	border-radius: 0.375rem;
	opacity: .5;
	text-shadow: none;
}
.w-15{
	width: 17% !important;
}
.forms
.btn {
	font-weight: 700;
	float: right;
}
.forms label.col-form-label {
    width: 35%;
    float: left;
    font-size: 14px;
}
 
.forms span.wpcf7-form-control-wrap, .forms select {
    width: 65%;
    float: left;
    margin-bottom: 10px;
}
.btn-success {
	background: #2bab4f;
	color: #fff;
	border: none;
	padding: 15px 25px;
	font-size: 18px;
	border-radius: 8px;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
}

.btn-yellow {
	background: #ffd302;
	color: #000;
	border: none;
	padding: 15px 25px;
	font-size: 18px;
	border-radius: 8px;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
}

.btn-yellow:hover {
	background: #fff;
	color: #000;
}

.btn-dark {
	background: #2a2b32;
	color: #fff;
	border: none;
	padding: 15px 25px;
	font-size: 18px;
	border-radius: 8px;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2);
}

.btn-dark:hover {
	background: #fff;
	color: #000;
}


/************************************************

           ==Tyography css==

*************************************************/



.mt-wrapper {
	margin-bottom: 30px;
}

h1,
.h1 {
	font-size: 45px;
}

h2,
.h2 {
	font-size: 30px;
}

h3 {
	font-size: 25px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
	font-weight: bold;
}

h6 {
	font-size: 16px;
}

#message-error {
	color: red;
	padding-top: 6px;
	display: inline-block;
}

.button-orng {
	background: #ffb72f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffb72f), to(#ff9000));
	background: -webkit-linear-gradient(#ffb72f, #ff9000);
	background: -moz-linear-gradient(#ffb72f, #ff9000);
	background: -ms-linear-gradient(#ffb72f, #ff9000);
	background: -o-linear-gradient(#ffb72f, #ff9000);
	background: linear-gradient(#ffb72f, #ff9000);
	padding: 7px 20px;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}

.button-orng:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9000), to(#ffb72f));
	background: -webkit-linear-gradient(#ff9000, #ffb72f);
	background: -moz-linear-gradient(#ff9000, #ffb72f);
	background: -ms-linear-gradient(#ff9000, #ffb72f);
	background: -o-linear-gradient(#ff9000, #ffb72f);
	background: linear-gradient(#ff9000, #ffb72f);
	color: #fff;
}

.sitebtn {
	-webkit-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	-moz-box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	box-shadow: 3px 4px rgba(255, 209, 95, 0.3);
	background: #ff9000;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}

.sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}

.sitebtn i,
.button-orng i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}

.grey_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #444;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}

.grey_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}

.grey_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}

.gree_sitebtn {
	-webkit-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	-moz-box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	box-shadow: 3px 4px rgba(202, 255, 127, 0.3);
	background: #77c30a;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 4px;
}

.gree_sitebtn:hover {
	background: #111;
	color: #fff;
	text-decoration: none;
}

.gree_sitebtn i {
	padding-right: 7px;
	font-size: 16px;
	display: inline-block;
}

/*Shortcode*/

.mt-shortcodes-d-styles {
	padding-bottom: 30px;
}

.mt-shortcodes-default-custom-styles .row1 {
	padding-bottom: 55px;
}

.mt-list-style h4 {
	font-size: 16px;
	font-weight: 400;
	color: #252525;
}

.mt-list-style ul {
	padding: 0;
	list-style: none;
}

.mt-list-style ul li {
	line-height: 36px;
}

.mt-list-style ul li a {
	color: #737373;
	line-height: 36px;
}

.mt-list-style ul li span {
	font-size: 16px;
	margin-right: 10px;
}

.mt-list-style-blue {
	color: #056cb8;
}

/*Buttons*/

.mt-style-button {
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	margin-bottom: 24px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0 20px;
}

.mt-style-button1 .mt-style-button {
	background: #056cb8;
	color: #fff;
	border-radius: 3px;
}

.mt-style-button2 .mt-style-button {
	background: #ddd;
	color: #000000;
	border-radius: 3px;
}

.mt-style-button3 .mt-style-button {
	background: #fff;
	color: #252525;
	border: 2px solid #42454a;
	border-radius: 3px;
}

.mt-style-button41 .mt-style-button {
	background: #55adff;
	color: #fff;
	border-radius: 30px;
}

.mt-style-button42 .mt-style-button {
	background: #ffb72f;
	color: #fff;
	border-radius: 0px;
}

.mt-style-button43 .mt-style-button {
	background: #5fd33f;
	color: #fff;
	border-radius: 3px;
}

.mt-style-button.large {
	line-height: 51px;
	font-size: 16px;
	letter-spacing: 1px;
}

.mt-style-button.normal {
	line-height: 40px;
	font-size: 12px;
	letter-spacing: 1px;
}

.mt-style-button.small {
	line-height: 30px;
	font-size: 9px;
	letter-spacing: 1px;
}

.mt-style-button1 .mt-style-button:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}

.mt-style-button2 .mt-style-button:hover {
	background: #056cb8;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}

.mt-style-button3 .mt-style-button:hover {
	background: #056cb8;
	color: #fff;
	border-radius: 3px;
	border: 2px solid #056cb8;
	text-decoration: none;
}

.mt-style-button41 .mt-style-button:hover {
	background: #333;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
}

.mt-style-button42 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 0px;
	text-decoration: none;
}

.mt-style-button43 .mt-style-button:hover {
	background: #000;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}

/************************************************

           ==Header css==

*************************************************/



.header {
	padding: 0px 0;
	position: fixed;
	z-index: 100;
	width: 100%;
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.header .col-md-5 {
	padding-right: 0;
}

.header .logo {
	display: inline-block;
	margin: 5px 0 5px 0;
}

.header.issticky {
	background: #033d66;
}
.view-profile-link{
	height: 45px !important;
}
.navbar-nav {
	margin-left: auto;
	/* margin-right: auto; */
	float: right !important;
}
.education-fields {
    border: 1px solid #e9ecef;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.navbar {
	padding: 0 10px 0 0;
}

.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0;
	min-height: auto;
	float: right;
}

.navbar {
	background: none;
}
.list-group a {
    background: #00457d;
    padding: 18px;
    font-size: 16px;
    color: #fff;
}
.list-group-item.active{
	background: #03A9F4 !important;
}

.list-group {
    margin-bottom: 100px;
}
.navbar-collapse, .navbar-nav .navbar-nav:first-child li li {
	padding: 0;
}
.navbar-nav .navbar-nav:first-child li{
	padding: 0 20px 0 0px;
}
.navbar-nav>li {
	padding: 0 10px 0 0px;
	position: relative;
}

.navbar-nav>li>a {
	font-weight: 600;
	padding: 16px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 16px 0;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: none;
}

.navbar-light .navbar-nav .active>.nav-link {
	color: #ffd302;
}

.navbar-nav>li>a:hover,
.navbar-nav>li:hover>a,
.navbar-nav>li.active>a {
	color: #ffd302;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
}

.userbtn {
	margin-top: 7px;
}

.dropdown-menu {
	border-radius: 5px;
	padding: 0;
	border: none;
	box-shadow: 2px 8px 15px rgba(0, 0, 0, .1);
	right: 0;

}

.dropdown-menu ul.sub-menu {
	/* border-radius: 5px; */
	padding: 0;
	border: none;
	box-shadow: 2px 8px 15px rgba(0, 0, 0, .1);
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	background: #fff;
	width: 360px;
}

.navbar-nav>li:hover .dropdown-menu,
.dropdown-menu li:hover .sub-menu {
	display: block;
}

.navbar-nav .dropdown-menu li {
	position: relative;
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>a,
.dropdown-menu ul a {
	font-weight: 600;
	color: #555;
	padding: 15px 20px;
	font-size: 14px;
	display: block;
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>a:hover,
.dropdown-menu ul a:hover {
	background: #056cb8;
	color: #fff;
}

.navbar-collapse.in {
	overflow: inherit;
	height: auto;
	padding: 0 15px;
}

.navbar-nav li.postjob,
.navbar-nav li.jobseeker {
	padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link.register {
	background: #056cb8;
	color: #fff;
	padding: 10px 18px;
	border-radius: 40px;
	margin-top: 8px;
}

.navbar-nav li.jobseeker a {
	background: #666;
	color: #fff;
	padding: 16px 15px;
	border-bottom-color: #666;
}

.navbar-nav li>a.postjob:hover,
.navbar-nav li>a.jobseeker:hover {
	text-decoration: none;
	color: #fff;
	background: #000;
}

.navbar-nav>li.userbtn>a {
	padding: 0;
	border: none;
	padding-top: 8px;
}

.navbar-nav>li.userbtn img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #ddd;
	padding: 3px;
}

.navbar-nav>li.userbtn .dropdown-menu {
	left: auto;
	right: 0;
	width: 200px;
	top: 95%;
}

.navbar-header {
	display: none;
}

.close-toggler {
	display: none;
}

/************************************************

           ==Top Search css==

*************************************************/

.searchwrap {
	/* height: 730px; */
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	position: relative;
}

.srjobseeker {
	background: #056cb8 url(../images/srjobseekerbg.png) no-repeat bottom right;
	padding: 40px 40px 280px 60px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	align-items: center;
	display: flex;
	overflow: hidden;
	position: relative;
}

.srcompanies:before,
.srjobseeker:before {
	background-color: #fff;
	opacity: 0.1;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -400px;
	bottom: 30px;
	content: "";
	border-radius: 50%;
	animation: pulse-animation 6s infinite;
}

.srcompanies:after,
.srjobseeker:after {
	background-color: #fff;
	opacity: 0.05;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -350px;
	bottom: 150px;
	content: "";
	border-radius: 50%;
	animation: pulse-animation 4s infinite;
}

.srcompanies:before,
.srcompanies:after {
	/* opacity: 0.2; */
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
	}

	100% {
		box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
	}
}


.srcompanies {
	background: #ffd302 url(../images/srcompanybg.jpg) no-repeat bottom right;
	padding: 40px 40px 280px 60px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	align-items: center;
	display: flex;
	overflow: hidden;
	position: relative;
}

.bxsrctxt {
	max-width: 455px;
	position: relative;
	z-index: 1;
}

.bxsrctxt h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
}

.bxsrctxt h3 {
	font-size: 44px;
	color: #fff;
	font-weight: 400;
}

.bxsrctxt p {
	font-size: 18px;
	color: #fff;
}



.srcompanies .bxsrctxt h2,
.srcompanies .bxsrctxt h3,
.srcompanies .bxsrctxt p {
	color: #000;
}



.searchwrap .col-lg-5 {
	position: relative;
}

.searchwrap .searchtpimg {
	-webkit-animation: hero-thumb-animation 2s linear infinite alternate;
	-moz-animation: hero-thumb-animation 2s linear infinite alternate;
	-o-animation: hero-thumb-animation 2s linear infinite alternate;
	animation: hero-thumb-animation 2s linear infinite alternate;
}

.searchbarbt {
	padding: 30px;
	background: #f3f5f7;
	position: absolute;
	bottom: -60px;
	width: 90%;
	left: 4%;
	border-radius: 30px;
}


@keyframes hero-thumb-animation {
	0% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(100px);
	}
}



.loginpageimg {
	text-align: center;
}

.divider-text-center {
	position: relative;
	text-align: center;
	margin-bottom: 35px;
}

.divider-text-center::after {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	background-color: #E0E6F6;
	top: 50%;
	left: 0;
	z-index: 1;
}

.divider-text-center span {
	display: inline-block;
	background-color: #fff;
	padding: 0 15px;
	z-index: 2;
	position: relative;
}

.searchbar {
	margin: 0;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 20px 40px 5px rgb(0 0 0 / 10%);
	width: 70%;
}


.srchbox {
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;

}

h3.seekertxt {
	text-align: left;
	color: #000;
	font-size: 48px;
	font-weight: 700;
}

h3.seekertxt span {
	color: #009c46;
}



.srchbox label {
	display: block;
	color: #000;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
}

.additional_fields {
	margin-top: 15px
}


.additional_fields .form-control {
	margin-bottom: 15px;
}

.searchbar .form-control {
	height: 50px;
	padding: 13px 15px;
	font-size: 16px;
	border-radius: 0;
	border: none;
	appearance: auto;
}

.searchbar select.form-control {
	border-left: 1px solid #eee;
}

.form-control:focus {
	box-shadow: none;
}

.srchbtn {
	text-align: center;
}

.searchbar .btn {
	background: #ffd302;
	color: #000;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 13px 20px;
	border-radius: 8px !important;
	margin-left: 10px !important;
}

.seekersrch .form-control {
	box-shadow: none;
}

.seekersrch .btn {
	padding: 13px 20px;
}

.getstarted {
	text-align: center;
	margin-top: 50px;
}

.getstarted a {
	display: inline-block;
	border: 3px solid #fff;
	padding: 12px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.getstarted a i {
	margin-right: 10px;
}

.getstarted a:hover {
	background: #056cb8;
	text-decoration: none;
}


.slidersearch .searchbar {
	background: #f2f6fd;
	padding: 25px;
	margin-top: -50px;
	z-index: 5;
	position: relative;
	border-radius: 15px;
	box-shadow: 0px 6px 12px rgb(0 0 0 / 5%);
}



/************************************************

           ==map search css==

*************************************************/

#map_canvas {
	height: 450px;
	width: 100%;
}

.infobox-wrap {
	width: 340px;
	padding: 10px 5px;
}

.infobox-wrap .infobox-figure {
	width: 150px;
	float: left;
}

.infobox-wrap .infobox-content {
	width: 180px;
	float: left;
	padding-left: 15px;
	text-align: left;
}

.infobox-wrap .infobox-content h5 {
	text-align: left;
	margin: 0;
	font-size: 20px;
}

.infobox-wrap .infobox-content .address p {
	text-align: left;
	color: #999;
	font-weight: 600;
}

.infobox-wrap .infobox-rattings {
	margin: 10px 0 15px;
}

.infobox-wrap .infobox-rattings i {
	margin-right: 2px;
}

.infobox-wrap .infobox-figure img {
	max-width: 100% !important;
}

.infobox-rattings i {
	color: #ff9600;
	font-size: 18px;
}

#map-section .form-control {
	height: auto;
	border-radius: 0;
	padding: 13px 15px;
	border: none;
	font-size: 18px;
}

#map-section .btn {
	background: #056cb8;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 20px;
}

.searchblack {
	margin-top: -460px;
	z-index: 10;
	position: relative;
	max-width: 555px;
	float: right;

}

.searchblack .searchbar {
	margin-top: 0;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.searchblack h3 {
	font-size: 40px;
	color: #000;
	font-weight: 900;
	margin-bottom: 40px;
}

.searchblack h3 span {
	display: block;
	color: #056cb8;
	font-weight: 700;
}

/*********************************************

		Revolution slider

**********************************************/
.tp-bannertimer {
	display: none;
}

.tp-banner-container {
	position: relative;
	z-index: 1;
	padding: 0;
	width: 100%;
}

.tp-banner {
	position: relative;
	width: 100%;
}

.tp-caption {
	line-height: normal !important
}

.tp-caption a {
	color: inherit !important;
}

.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}

.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}

.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 60px;
}

.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
}

.tp-leftarrow .tp-arr-allwrapper {}

.tp-rightarrow .tp-arr-allwrapper {}

.tp-arr-iwrapper {
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: 'FontAwesome';
	line-height: 60px;
}

.tp-leftarrow .tp-arr-iwrapper {}

.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}

.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}

.tp-rightarrow .tp-arr-iwrapper {}

.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}

.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}

.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}

.large-desc {
	font-size: 16px;
}

.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}

.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}

.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}

.slide-desc {
	font-size: 22px;
	line-height: 150%;
}

.main-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 70px;
}

.icon-cont {
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}

.icon-cont:after {
	position: absolute;
	bottom: -10px;
	left: 40%;
	z-index: 5;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	content: "";
}

.icon-cont i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 50px;
}

.icon-cont span {
	display: block;
	padding: 0 0 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

a.wit-btn {
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
}

.wit-line {
	width: 5%;
	height: 1px;
	background: #fff;
}

.vert-line {
	min-height: 270px;
	width: 1px;
	background: #fff;
}

.subTxt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}

.large-title {
	color: #222;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase !important;
}

.large-light-title {
	color: #787878 !important;
	font-size: 70px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px
}



/*messages*/
.messageWrap {
	padding: 40px 0px;
	position: relative;
}

.message-body {
	background-color: #f0f0f0;
	overflow: hidden;
}

.message-body .row {
	margin: 0;
}

.message-body .col-lg-4,
.message-body .col-lg-8 {
	padding: 0;
}


.messages::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	transition: .3s background
}

.messages::-webkit-scrollbar-thumb {
	background: transparent
}

.messages:hover::-webkit-scrollbar-thumb {
	background: #adb5bd
}

.message-history::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	transition: .3s background
}

.message-history::-webkit-scrollbar-thumb {
	background: transparent
}

.message-history:hover::-webkit-scrollbar-thumb {
	background: #adb5bd
}



.message-inbox {
	border-right: 4px solid #eee;
}

.message-header {
	padding: 0;
}

.message-header h4 {
	display: inline-block;
	font-size: 18px;
	color: #232323;
	margin: 0;
}

.message-inbox .message-header span {
	float: right;
}

.message-inbox .message-header span+span {
	margin-right: 10px;
}

.message-inbox .message-header span a {
	color: #232323;
}

.message-inbox .message-header span a.active {
	color: #E52D27;
}

.message-inbox .list-wrap {
	position: relative;
	height: 550px;
	overflow: hidden;
	background: #fff;
}

.message-history {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 500px;
}

.message-history li {
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.message-history li a {
	display: block;
	overflow: hidden;
	padding: 15px 20px;
	text-decoration: none;
}

.message-history .active {
	background-color: #f8f8f8;
}

.message-history li:hover {
	background-color: #f8f8f8;
}

.message-history li .user-name p {
	font-size: 13px;
	color: #666;
	line-height: 1.5em;
	margin-top: 5px;
}

.message-history li .image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}

.message-history li .image img {
	width: 100%;
}

.message-history li .user-name {
	position: relative;
	margin-left: 65px;
}

.message-history li .user-name .author {
	margin-top: 13px;
}

.message-history .message-grid .user-name .author span {
	color: #232323;
}

.message-history li .user-name .author span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #666;
}

.message-history .message-grid .user-name .author .user-status {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #2db82d;
	border-radius: 50%;
	margin-left: 5px;
}

.message-history li .user-name .time {
	position: absolute;
	top: 2px;
	right: 0;
}

.message-history li .user-name .time span {
	font-size: 13px;
	color: #777;
}

.icon-envelope {
	content: "\f003";
	font-family: 'FontAwesome';
}

.ps-scrollbar-x-rail {
	display: none;
}

.ps-container>.ps-scrollbar-y-rail {
	position: absolute;
	right: 0;
	width: 5px;
	height: 100%;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 3px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform .3s ease;
}

.message-details .list-wraps {
	position: relative;
	height: 590px;
	overflow: hidden;
}

.ps-container:hover>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container:active>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	opacity: 1;
}

.message-details {
	position: relative;
	padding: 0;
	overflow: hidden;
	background: #fff;
}

.message-details .author {
	overflow: hidden;
}

.message-details .author .image {
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin-right: 18px;
}

.message-details .author .author-name {
	display: block;
	font-size: 16px;
	color: #232323;
	line-height: 1.5em;
	font-weight: 600;
}

.message-details .author em {
	font-size: 14px;
	font-style: italic;
	color: #666;
}

.message-details h2 {
	color: #232323;
	font-size: 18px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	text-transform: capitalize;
}

.message-details h2 a {
	color: #232323;
}

.message-details .list-wraps {
	position: relative;
	height: 590px;
	overflow: hidden;
}

.messages {
	list-style: outside none none;
	margin: 0;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 440px;
}

.messages>li {
	margin-bottom: 10px;
}

.friend-message .profile-picture {
	float: left;
}

.messages .profile-picture {
	height: 40px;
	margin: 0;
	width: 40px;
}

.messages .profile-picture img {
	border: medium none;
	border-radius: 50%;
}

.friend-message .message {
	background-color: #fff;
	margin-left: 50px;
}

.friend-message .message::before {
	border-bottom: 10px solid transparent;
	border-right: 10px solid;
	border-top: 0 solid transparent;
	content: "";
	height: 0;
	left: -10px;
	top: 10px;
	position: absolute;
	width: 0;
}

.friend-message .message::before {
	border-right-color: #fff;
}

.messages .message .time {
	font-size: 12px;
	line-height: 10px;
	margin-top: 0;
	text-align: right;
}

.messages .message {
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	min-height: 40px;
	padding: 15px 20px;
	position: relative;
}

.my-message .profile-picture {
	float: right;
}

.my-message .message .messages .profile-picture img {
	border-radius: 50%;
	border: medium none;
}

.my-message .message {
	background-color: #007bff;
	color: #fff;
	margin-right: 50px;
}

.my-message .message::before {
	border-left-color: #007bff;
}

.my-message .message::before {
	border-bottom: 10px solid transparent;
	border-left: 10px solid;
	border-top: 0 solid transparent;
	border-left-color: #007bff;
	content: "";
	height: 0;
	position: absolute;
	top: 10px;
	right: -10px;
	width: 0;
}

.chat-form {
	background-color: #eff0f4;
	clear: both;
	margin-top: 15px;
	padding: 10px 0px 10px 10px;
}

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

.chat-form .form-group textarea {
	width: 100%;
	padding: 5px 11px;
}

.chat-form .input-wrap {
	width: 100%;
	position: relative
}

.chat-form .input-group-prepend {
	position: absolute;
	top: 7px;
	right: 6px;
}

.chat-form .input-group-prepend .input-group-text {
	-webkit-appearance: none;
	background: #007bff;
	color: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 75px;
	display: block;
	border: none;
	line-height: 17px;
	align-items: center;
	padding: 15px 0;
	cursor: pointer;
}

.chat-form .btn {
	padding: 15px 25px;
}

.chat-form {
	background-color: #dcdcdc;
	clear: both;
	margin-top: 15px;
	padding: 10px;
}

.message-history li .user-name .count-messages {
	float: right;
	margin: -13px;
	margin-right: 2px;
}





.large-text {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}

.larger-text {
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}

.witTxt {
	color: #fff !important;
}

.light-font {
	font-weight: lighter !important;
	font-size: 50px;
}

.black-bg {
	background: rgba(0, 0, 0, .63);
	color: #a8a8a8;
	text-transform: none;
}

.lft-list {
	padding: 10px;
	font-size: 18px;
	color: #fff;
}

.wit-border {
	border: 1px #fff solid;
	padding: 15px 60px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.rounded-bord {
	margin-right: 15px;
	border: 1px #fff solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
}

#vertical-ticker {
	height: 120px;
	overflow: hidden;
}

#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}

.to-bottom i.fa {
	font-size: 30px;
	border: 2px #a8a8a8 solid;
	padding: 20px 22px;
	border-radius: 50%;
	-webkit-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}

.slidertext1 {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	line-height: 48px !important;
	padding: 15px 0 !important;
	text-transform: none !important;
	font-family: 'Montserrat', sans-serif;
	max-width: 550px;
	white-space: break-spaces;
}

.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0 !important;
	text-transform: none !important;
}

.slidertext5 {
	padding: 0 !important;
}

.slidertext5 a {
	color: #fff !important;
	font-size: 20px;
	font-weight: 700;
	padding: 15px 50px;
	text-transform: capitalize !important;
	text-align: left;
	background: #056cb8;
	font-family: 'Montserrat', sans-serif;
	border-radius: 45px;
}

/************************************************

           == How it works css==

*************************************************/
.howitwrap {
	background: #056cb8;
	padding: 60px 0 60px 70px;
	border-radius: 40px;
	margin: 60px 0;
	margin-right: 200px;
	position: relative;
}

.howitimg {
	position: absolute;
	right: -230px;
	top: 0;
	max-width: 536px;
}

.howitsection .container {
	max-width: 1140px;
}

.howitwrap .titleTop h3 {
	color: #fff;
}

.howlist {
	list-style: none;
}

.howlist li {
	margin-top: 40px;
	display: flex;
	gap: 30px;
}

.howlist li .iconcircle {
	text-align: center;
	display: inline-block;
	width: 80px;
	height: 80px;
	flex: 0 0 80px;
	background: #fff;
	border-radius: 50%;
	align-items: center;
	display: flex;
	justify-content: center;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}

.howlist li .iconcircle i {
	font-size: 40px;
	color: #ffd302;
}

.howlist li h4 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 5px;
}

.howlist li p {
	font-size: 14px;
	line-height: 24px;
	color: rgba(255, 255, 255);
}




.statsbox {
	padding: 20px 0px -3px 30px;
	/* background: #f3f5f7; */
	/* border-radius: 35px 35px 0 0; */
	 width: 49%;
	margin: 0 auto;
	bottom: 80px;
	left: 44%;
	/* text-align: center; */
	position: absolute;
	z-index: 2;
	/* box-shadow: 0px -16px 20px rgba(0, 0, 0, 0.2); */
}



.statsbox .statint {
	text-decoration: none;
	transition: all 0.4s ease 0s;
	text-align: center;
}

.statico {
	margin-right: 15px;
}

.statico i {
	font-size: 30px;
}

.statsbox .statint h4 {
	margin-bottom: 0;
	font-size: 26px;
}
.w-45 {
    width: 43%!important
}
.statsbox .statint p {
	font-size: 14px;
	color: #CDDC39;
}

.statsbox .col:nth-child(1) h4,
.statsbox .col:nth-child(1) i {
	color: #ffffff;
}

.statsbox .col:nth-child(2) h4,
.statsbox .col:nth-child(2) i {
	color: #ffffff;
}

.statsbox .col:nth-child(3) h4,
.statsbox .col:nth-child(3) i {
	color: #ffffff;
}
.statsbox .col:nth-child(4) h4,
.statsbox .col:nth-child(4) i {
	color: #ffffff;
}



.popularind {
	margin-top: 30px;
	text-align: center;
}

.popularind h4 {
	margin-bottom: 10px;
	font-size: 16px;
}

.hmindlist {
	margin-bottom: 0;
}

.hmindlist li {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 8px;
}

.hmindlist li a {
	border-left: 1px solid #056cb8;
	padding: 10px 15px;
	display: block;
	margin: 5px 5px 5px 0;
	border-radius: 4px;
	color: #000;
	background: #fff;
}

.hmindlist li a:hover {
	background: #056cb8;
	color: #fff;
}


.citieswrap {
	background: #f2f6fd;
}

.citiessrchlist .cityinfobox {
	background: #fff;
	box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
	padding: 25px;
	border-radius: 0 0 10px 10px;
}

.citiessrchlist li {
	margin-top: 30px;
	transition: all 0.4s ease 0s;
}

.citiessrchlist li .cityimg img {
	border-radius: 10px 10px 0 0;
}

.citiessrchlist li:hover {
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.citiessrchlist li:hover .cityinfobox {
	box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
}

.cityinfoboxs {
	background: #fff;
	box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
	padding: 12px;
	border-radius: 0 0 10px 10px;
	height: 335px;

}

.cityinfoboxs .boxs {
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;

}

/* .news_box .cityinfoboxs {
	height: 405px;

} */


/************************************************
           == Top Employers css==
*************************************************/

.employerList:after {
	display: table;
	clear: both;
	content: '';
}

.employerList li .empint {
	background: #fff;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border: 1px solid #eee;
	padding: 22px 18px;
	margin-bottom: 15px;
}

.employerList li .empint:hover {
	border-color: #056cb8;
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.employerList li .empint a {
	color: #000;
}

.emptbox {
	display: flex;
	width: 100%;
}

.emptbox .comimg {
	width: 65px;
	padding-right: 15px;
}

.emptbox h4 {
	font-size: 16px;
	margin-bottom: 5px;
	min-height: 32px;
}

.text-info-right .emloc {
	color: #056cb8;
}

.cm-info-bottom {
	color: #8c96a3;
}

.employerList li h3 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.employerList li p {
	color: #888;
}

.employerList li img {
	width: 100%;
	border-radius: 8px;
}

.employerList .owl-stage-outer {
	padding: 20px 0 20px 0;
}

.employerList .owl-controls {
	text-align: center;
	margin-top: -15px;
}

.employerList .owl-controls .owl-nav i {
	display: inline-block;
	background: #333;
	color: #fff;
	font-size: 20px;
	padding: 9px 12px;
	margin: 0 5px;
	cursor: pointer;
}


.compnaieslist li .empint {
	background: #fff;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border: 1px solid #eee;
	padding: 22px 18px;
	margin-bottom: 30px;
}

.compnaieslist li .empint:hover {
	border-color: #056cb8;
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
}

.compnaieslist li .empint a {
	color: #000;
}

.compnaieslist .emptbox {
	display: flex;
	width: 100%;
}

.compnaieslist .emptbox .comimg {
	width: 65px;
	padding-right: 15px;
}

.compnaieslist .emptbox h4 {
	font-size: 16px;
	margin-bottom: 5px;
	min-height: 32px;
}

.compnaieslist .text-info-right .emloc {
	color: #056cb8;
}

.compnaieslist .cm-info-bottom {
	color: #8c96a3;
}

.compnaieslist li h3 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.compnaieslist li p {
	color: #888;
}

.compnaieslist li img {
	width: 100%;
	border-radius: 8px;
}

/*
.compnaieslist li{margin-bottom: 30px;}
.compnaieslist li .compint{background: #fff; padding:10px; border: 1px solid #e4e4e4;}
.compnaieslist li .imgwrap{min-height: 240px; max-height: 240px; overflow: hidden; margin-bottom: 10px;}
.compnaieslist li .imgwrap img{width: 100%;}
.compnaieslist li:hover .compint{box-shadow: 0 0 10px rgba(0,0,0,0.1); border: 1px solid #056cb8;}
.compnaieslist li h3 a{font-size: 18px; color:#056cb8 ;}
.compnaieslist li .loctext{margin-bottom: 10px;}
.compnaieslist li i {
    color: #056cb8;
    width: 18px;
    text-align: left;
}
.compnaieslist li .curentopen, .compnaieslist li .loctext{color: #666;}
*/

/*Top Search*/
.topsearchwrap h4 {
	margin: 0;
	color: #5d6469;
	font-size: 22px;
	font-weight: 500;
	padding: 15px 25px;
	text-align: left;
	border-bottom: 1px solid #eee;
	background: #f6f6f6;
}

.srchbx {
	border: 1px solid #eee;
	margin-bottom: 30px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.srchint p {
	font-size: 1.2em;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 0px !important;
}

.srchbx .srchint {
	padding: 30px;
	background: #fff;
}

.catelist li {
	margin-top: 30px;
}

.catelist li a {
	display: flex;
	background: #fff;
	box-shadow: 0 1px 5px 0 #c3cdd7;
	border-left: 5px solid #056cb8;
	border-radius: 4px;
	color: #000;
	padding: 15px 30px 15px 20px;
	font-weight: 700;
	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;
	justify-content: space-between;
}

.catelist li:hover a {
	box-shadow: 0 10px 25px -5px #b6c7d6;
	background: #fff;
	border-left-color: #000;
}

.catelist li span {
	color: #056cb8;
}



.categorylisting li .catecard {
	display: flex;
	padding: 15px;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	box-shadow: 0px 0px 25px rgba(29, 76, 112, 0.1);
	z-index: 1;
	overflow: hidden;
	transition: 0.5s all ease;
	margin-top: 20px;
	gap: 20px;
}

.categorylisting li .catecard:before {
	width: 110px;
	height: 110px;
	position: absolute;
	left: -60px;
	top: -60px;
	/* content: ""; */
	background-color: #1967d2;
	border-radius: 50%;
	opacity: 0.04;
	z-index: -1;
	transition: 0.5s all ease;
}

.categorylisting li .catecard:after {
	width: 110px;
	height: 110px;
	position: absolute;
	right: -60px;
	bottom: -60px;
	/* content: ""; */
	background-color: #056cb8;
	border-radius: 50%;
	opacity: 0.04;
	z-index: -1;
	transition: 0.5s all ease;
}

.categorylisting li .catecard:hover:after {
	background-color: #fff;
	opacity: 0.2;
	width: 600%;
	height: 600%;
}

.currency-symbols{
     font-size: 21px !important;
    color: #ff0000 !important;
    padding-top: 8px !important;
    width: 25px!important;
}



.categorylisting li .catecard h3 {
	font-size: 18px;
	color: #000;
	min-height: 40px;
	padding-top: 16px;
}

.categorylisting li .catecard .iconcircle {
	display: inline-block;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
}

.categorylisting li .catecard .iconcircle img {
	max-width: 60px;
	transition: 0.3s all ease;
}

.categorylisting li .catecard .badge {
	background: no-repeat;
	padding: 4px 3px;
	font-size: 14px;
	color: #4CAF50;
	font-weight: bold;
	display: initial;
}

 


.categorylisting li .catecard:hover .iconcircle img {
	max-width: 60px;
}



/***************************
		Searh Tabs
***************************/
.tabswrap {
	border-bottom: 3px solid #056cb8;
}

.tabswrap .nav-tabs {
	border-bottom: none;
	float: right;
}

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

.tabswrap .nav-tabs>li>a {
	background: none;
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	padding: 15px 30px;
	border: none;
}

.tabswrap .nav-tabs>li>a.active,
.tabswrap .nav-tabs>li>a.active:focus {
	background: #056cb8;
	color: #fff;
	border-color: #056cb8;
	border-radius: 5px 5px 0 0;
	font-weight: 700;
}

.tabswrap .nav-tabs>li.last {
	float: right;
}

.tabswrap .nav-tabs>li.last a {
	background: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	border: none;
	margin-top: 7px;
}

.tabswrap .nav-tabs>li.last a:hover {
	border: none;
	color: #056cb8;
}



.largebanner {
	text-align: left;
	margin: 30px auto;
	max-width: 748px;
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	padding: 10px;
	border-radius: 5px;
}

.largebanner img {
	display: block;
}

.shadow3,
.shadow4 {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	position: relative;
}

.shadow3:before,
.shadow3:after {
	content: "";
	position: absolute;
	bottom: 0;
	top: 2px;
	left: 15px;
	right: 15px;
	z-index: -1;
	border-radius: 100px/30px;
	-webkit-box-shadow: 0 0 20px 2px #ccc;
	-moz-box-shadow: 0 0 20px 2px #ccc;
	box-shadow: 0 0 20px 2px #ccc;
}


/************************************************

           == Home Jobs css==

*************************************************/

.jobslist {
	list-style: none
}

.jobslist li {
	margin-top: 30px;
}

.jobslist li .jobint {
	background: #fff;
	padding: 10px 10px;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	min-height: 113px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid #fff;
}

.jobslist li .jobint:hover {
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	border-color: #056cb8
}

.jobslist li .col-md-7,
.jobslist li .col-md-9 {
	padding: 25px 15px 0px 24px;
}

.jobslist li h4 {
	margin-bottom: 5px;
	color: #ffff;
}

.jobslist li h4 a {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.jobslist li h4 a:hover {
	color: #056cb8;
}

.jobslist li .company {
	color: #999;
	padding: 7px 0
}

.jobslist li .company a {
	color: #056cb8;
}

.jobslist li .jobloc {
	color: #000;
}

.jobslist li .jobloc span {
	color: #999;
}

.jobslist li .applybtn {
	background: #fff;
	display: inline-block;
	color: #056cb8;
	font-weight: 600;
	padding: 9px 13px;
	margin-top: 20px;
	border: 1px solid #056cb8;
	border-radius: 45px;
}

.jobslist li .applybtn:hover {
	background: #056cb8;
	color: #fff;
	text-decoration: none;
}




.newjbox li .jobint {
	box-shadow: none;
	border-radius: 0;
	/* background: #f9fafb; */
	border-bottom: none;
	box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	transition: all 0.4s ease 0s;
	background: rgb(255, 211, 2);
	background: -moz-linear-gradient(211deg, #2196F3 0%, #e91e63 100%);
	background: -webkit-linear-gradient(211deg, #2196F3 0%, #e91e63 100%);
	background: linear-gradient(211deg, #2196F3 0%, #E91E63 100%);
}

.newjbox.row {
	margin-top: 20px;
}

.newjbox.row li h4 a {
	font-weight: 400;
}

.newjbox li .jobint:hover {
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	box-shadow: 0px 0 30px rgba(81, 81, 102, 0.2);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2)
}

.newjbox li .jobint img {
	/* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); */
	/* border-radius: 10px; */
	margin-top: 10px;
}




.viewallbtn {
	text-align: center;
	margin-top: 40px;
}

.viewallbtn a {
	display: inline-block;
	background: #056cb8;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
	border-radius: 5px;
}

.viewallbtn a:hover {
	background: #333;
	text-decoration: none;
	color:#fff;
}

.partTime {
	background: #f8a60c;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
}

.fulltime {
	background: #6ACA00;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
}

label.fulltime[title="Part Time"] {
	background: #f8a60c;
}

label.fulltime[title="Freelance"] {
	background: #ff0000;
}

label.fulltime[title="Contract"] {
	background: #0C86F8;
}

label.fulltime[title="Internship"] {
	background: #9B54F4;
}

label.fulltime[title="First Shift (Day)"] {
	background: #AFCB59;
}

label.partTime[title="First Shift (Day)"] {
	background: #AFCB59;
}

label.partTime[title="Second Shift (Afternoon)"] {
	background: #688CD5;
}

label.partTime[title="Third Shift (Night)"] {
	background: #EF7D7D;
}

label.partTime[title="Rotating"] {
	background: #B09EEB;
}

.freelance {
	background: #ff0000;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	padding: 4px 6px;
}


.featuredjobwrap {
	position: relative;
	overflow: hidden;
}

.featuredjobwrap:before {
	width: 480px;
	height: 480px;
	border: 100px solid #ffd302;
	left: -150px;
	bottom: 0px;
	opacity: 0.3;
	content: '';
	position: absolute;
	border-radius: 50%;
	animation: scale-up-center 2s ease-in-out infinite alternate-reverse both;
}

.featuredjobwrap:after {
	width: 300px;
	height: 300px;
	border: 60px solid #056cb8;
	right: -100px;
	top: 0px;
	opacity: 0.1;
	content: '';
	position: absolute;
	border-radius: 50%;
	animation: scale-up-center 2s ease-in-out infinite alternate-reverse both;
}

@keyframes scale-up-center {
	0% {
		transform: scale(0.5);
	}

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


.featuredlist {
	list-style: none;
}

.featuredlist .jobint {
	background-color: #fff;
	padding: 20px 0px 0px;
	border-radius: 10px;
	text-decoration: none;
	/* box-shadow: 0px 0 30px rgba(0,0,0,0.1); */
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #e0e6e9;
	position: relative;
	transition: all 0.4s ease 0s;
}

.featuredlist .jobint:hover {
	border-color: #056cb8;
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	box-shadow: 0px 0 30px rgba(81, 81, 102, 0.2);
}

.fticon i {
	background-color: #d9e4ed;
	border-radius: 10px;
	padding: 8px;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	margin-right: 10px;
	text-decoration: none;
}


.featuredlist .jobint h4 {
	margin: 0;
	padding: 25px 0 10px;
}

.featuredlist .jobint h4 a {
	font-size: 18px;
	color: #000;
}

.featuredlist .jobint h4 a:hover {
	color: #056cb8;
}

.featuredlist .jobint strong {
	font-weight: 700;
}

.featuredlist .jobint strong i {
	color: #056cb8;
}

.featuredlist .ftjobcomp span {
	color: #000000;
	display: inline-block;
	margin-left: 0px;
}

.jobcompany {
	/* display: flex; */
	margin-top: 20px;
	align-items: center;
	justify-content: space-between;
}

.jobcompany .company-logo {
	display: block;
	width: 70px;
	height: 70px;
	box-shadow: 0px 0px 40px rgba(56, 152, 226, 0.3);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 15px;
	flex-shrink: 0;
}

.jobcompany .company-logo img {
	border-radius: 15px;
}

.ftjobcomp span {
	display: block;
	color: #999;
	margin-bottom: 10px;
}

.ftjobcomp a {
	color: #1cbe72;
	font-weight: 600;
}


/************************************************

           == Video css==

*************************************************/

.videowraper {
	position: relative;
	padding: 60px 0 0;
	max-width: 900px;
	margin: 0 auto;
}

.videowraper .titleTop {
	text-align: center;
}


.videowraper p {
	max-width: 800px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	color: #555;
	text-align: center;
}

.videowraper .embed-responsive {
	margin: 0 auto;
	margin-top: 30px;
}

.videowraper .embed-responsive iframe {
	width: 100%;
}



/************************************************
           == Loginbox css==
*************************************************/

.infodatawrap {
	display: flex;
}

.userloginbox {
	background: #056cb8;
	padding: 50px 70px;
	text-align: center;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}

.userloginbox:before {
	background-color: #fff;
	opacity: 0.1;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -300px;
	bottom: 30px;
	content: "";
	border-radius: 50%;
	animation: pulse-animation 6s infinite;
}

.userloginbox:after {
	background-color: #fff;
	opacity: 0.05;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -200px;
	bottom: 30px;
	content: "";
	border-radius: 50%;
}


.userloginbox .viewallbtn {
	margin-top: 30px;
}

.userloginbox .viewallbtn a {
	background: #ffd302;
	color: #000;
}

.userloginbox .viewallbtn a:hover {
	background: #000;
	color: #fff;
}

.userloginbox p {
	max-width: 770px;
	margin: 0 auto;
	font-size: 16px;
}

.userloginbox .titleTop h3,
.userloginbox p {
	color: #fff;
}

.userloginbox h4 {
	color: #ffd302;
}

.emploginbox {
	background: #ffd302;
	padding: 50px 70px;
	text-align: center;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}

.emploginbox:before {
	background-color: #fff;
	opacity: 0.2;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -300px;
	bottom: 30px;
	content: "";
	border-radius: 50%;
	animation: pulse-animation 6s infinite;
}

.emploginbox:after {
	background-color: #fff;
	opacity: 0.2;
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: -200px;
	bottom: 30px;
	content: "";
	border-radius: 50%;
}

.emploginbox .viewallbtn {
	margin-top: 30px;
}

.emploginbox .viewallbtn a {
	background: #056cb8;
	color: #fff;
}

.emploginbox .viewallbtn a:hover {
	background: #fff;
	color: #056cb8
}

.emploginbox p {
	max-width: 770px;
	margin: 0 auto;
	font-size: 16px;
}

.usrintxt {
	position: relative;
	z-index: 1;
}


/************************************************
           == Testimonials css==
*************************************************/
.testimonialwrap {
	background: #056cb8 url(../images/testimonials-bg.jpg) repeat center;
	background-attachment: fixed;
	text-align: center;
	padding: 70px 0 0;
	color: #fff;
}

.testimonialwrap .subtitle {
	color: #ffd302;
}

.testimonialwrap .titleTop h3 {
	color: #fff;
}


.testimonialsList {
	list-style: none;
	margin-top: 40px;
}

.testimonialsList li {
	background: #fff;
	padding: 40px;
	border-radius: 15px;
	text-align: left;
}

.testimonialsList li .ratinguser {
	color: #f9b420;
	font-size: 16px;
	margin-bottom: 20px;
}

.testimonialsList li .testimg {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto
}

.testimonialsList li .clientname {
	font-size: 24px;
	font-weight: 700;
	padding: 15px 0 5px 0;
	color: #333;
	font-family: 'Montserrat', sans-serif;
}

.testimonialsList li p {
	font-style: italic;
	line-height: 24px;
	font-size: 16px;
	color: #333;
}

.testimonialsList li .clientinfo {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #056cb8;
	margin-bottom: 15px;
}

/************************************************

           == App Box css==

*************************************************/

.appwraper {
	background: url(../images/app-bg.jpg) no-repeat top;
	background-size: cover;
	padding-top: 70px;
	background-attachment: fixed;
}

.appimg {
	text-align: center;
}

.appimg img {
	display: block;
}

.appwraper .titleTop {
	text-align: left;
	margin-bottom: 10px;
}

.appwraper .subtitle {
	color: #fff;
}

.appwraper .titleTop h3 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 5px;
}

.appwraper .subtitle2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #fff;
}

.appwraper p {
	color: #fff;
	line-height: 24px;
}

.appwraper .appbtn {
	margin-top: 45px;
	margin-bottom: 30px
}

.appwraper .appbtn a {
	display: inline-block;
	margin-right: 10px;
}

/*Page Title*/

.pageTitle {
	padding: 180px 0 100px 0;
	background: #056cb8 url(../images/pagetopbg.jpg) no-repeat bottom right;
	position: relative;
	overflow: hidden;
}

.pageTitle h1 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0;
}

.breadCrumb {
	color: #fff;
	margin-top: 15px;
}

.breadCrumb a {
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}

.breadCrumb span {
	color: #ffd302;
	display: inline-block;
	padding-left: 5px;
}

/************************************************

           == Search List css==

*************************************************/
.turbolinks-progress-bar {
	background: rgb(95, 255, 2) !important;
}

.listpgWraper {
	padding: 40px 0;
	min-height: 400px;
}

.pageSearch {
	padding: 200px 0 100px 0;
	background: #056cb8 url(../images/pagetopbg.jpg) no-repeat bottom right;
	position: relative;
	overflow: hidden;
}

.pageSearch:after {
	width: 500px;
	height: 500px;
	background: #fff;
	left: -200px;
	bottom: -200px;
	opacity: 0.1;
	content: '';
	position: absolute;
	border-radius: 50%;
	animation: scale-up-center 2s ease-in-out infinite alternate-reverse both;
}

.Mission,
.vision {
	margin: 50px 0px 50px 120px;
	width: 350px;
	height: 350px;
	padding: 110px 30px;
	text-align: center;
	float: left;
	border-radius: 100%;
	color: #fff;
	background: #5ec5c2;
}

.vision {
	background: #af83a6;
	margin-left: -20px
}

.pageSearch h3 {
	color: #fff;
	font-size: 35px;
}

.pageSearch h5 {
	color: #fff;
	margin-top: 15px;
}

.pageSearch .searchform {
	margin: 0 auto;
}


.searchform {
	background: #fff;
	padding: 10px;
	border-radius: 15px;
	box-shadow: 0px 20px 40px 5px rgb(0 0 0 / 10%);
}

.about h3 {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}


.searchform .form-control {
	height: auto;
	padding: 13px 12px;
	font-size: 16px;
	border: none;
}

.searchform select.form-control {
	padding: 10px 12px;
	background: #fff;
	line-height: 24px;
	appearance: auto;
	border-left: 1px solid #eee;
}

.searchform .btn {
	background: #056cb8;
	font-size: 16px;
	color: #fff;
	padding: 14px 20px;
	border-radius: 8px !important;
	margin-left: 10px !important;
}

.searchform .btn:hover {
	background: #444;
}

/************************************************

           == Sidebar css==

*************************************************/
.jobreqbtn {
	margin-bottom: 20px;
}

.jobreqbtn a {
	display: block;
	padding: 10px 20px;
	text-align: left;
	margin-bottom: 10px;
	background: #056cb8;
	color: #fff;
}

.jobreqbtn a:hover {
	background: #333;
	color: #fff;
}

.jobreqbtn a.btn-job-alert-disabled {
	color: #999 !important;
	border: 1px solid #999;
	cursor: default;
	background: none;
}

.jobreqbtn a.btn-job-alert {
	background: #056cb8;
	color: #fff;
}



.sidebar {
	background: #f2f6fd;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.sidebar .widget {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

.sidebar .widget-title {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin-bottom: 20px;
}

.optionlist {
	list-style: none;
}

.optionlist li {
	margin-bottom: 10px;
	padding: 5px 0;
	position: relative;
	padding-left: 30px;
}

.optionlist li span {
	position: absolute;
	right: 0;
	top: 6px;
}

.optionlist li input[type=checkbox] {
	display: none;
}

.optionlist li input[type=checkbox]+label {
	width: 20px;
	height: 20px;
	border: 1px solid #d1d1d1;
	background: #fff;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

.optionlist li input[type=checkbox]:checked+label:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #4ece00;
	padding-left: 2px;
	position: relative;
	top: 2px;
}

.sidebar a {
	color: #056cb8;
	display: inline-block;
	margin-top: 10px;
}

.searchnt .btn {
	background: #056cb8;
	display: block;
	border-radius: 0;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px;
}

.sidebar .gad {
	margin-top: 15px;
	text-align: center;
}

.social a {
	color: #056cb8;
	font-size: 20px;
	display: inline-block;
	margin-right: 12px;
}

.social a:hover {
	color: #000;
}

/*Listing*/
.topstatinfo {
	margin-bottom: 30px;
}

.searchList {
	list-style: none;
	margin-bottom: 30px;
}

.searchList>li {
	background: #fcfdff;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	border: 1px solid #eee;
	padding: 22px 18px;
	margin-bottom: 15px;

}

.searchList>li.featured {
	background: #f7f5ff;
	border-color: #ddd;
}

.searchList>li:hover {
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
	border-bottom-color: #056cb8;
}

.searchList>li .jobimg {
	float: left;
	width: 70px;
	margin-right: 15px;
}

.searchList>li .jobimg img {
	border-radius: 10px;
}

.searchList>li h3 i {
	font-size: 16px;
	color: rgb(231, 1, 1);
}

.searchList>li h3 a {
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.searchList li .companyName {
	margin: 10px 0;
	color: #969595;
}

.searchList li .companyName a {
	color: #969595;
}

.searchList li a:hover {
	color: #333;
}

.searchList li .location {
	color: #000;
}

.searchList li .location span {
	color: #333;
}

.searchList li .listbtn {
	margin-top: 20px;
	display: flex;
	gap: 5px;
	justify-content: right;
}

.searchList li .listbtn a {
	background: #fff;
	display: block;
	border-radius: 7px;
	color: #056cb8;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 15px;
	text-align: center;
	border: 1px solid #056cb8;
	line-height: 36px;
}

.searchList li .listbtn a:hover {
	background: #056cb8;
	color: #fff;
	text-decoration: none;
}

.searchList li .listbtn .fas.fa-heart {
	color: #da0303;
}

.searchList li .listbtn a.favbtn {
	border-color: #da0303;
}

.searchList li .listbtn a.favbtn:hover {
	background: #eee;
}


.searchList li p {
	line-height: 22px;
	color: #333;
	margin: 10px 0 0 0;
}

.searchList li .cateinfo {
	color: #056cb8;
	margin: 10px 0;
}

.searchList li .minsalary {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
	color: #056cb8;
}

.searchList li .minsalary span {
	color: #999;
	font-weight: 400;
}

/*Pagination*/

.pagiWrap .showreslt {
	font-weight: 600;
	margin-top: 10px;
}

.pagiWrap .pagination {
	text-align: right;
	margin: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-radius: 0;
}

.btn-bars {
	background: #eee;
	padding: 10px 20px;
}

.btn-bars::after {
	display: none;
}

.btn-bars:hover {
	background-color: #ddd;
}

.btn-primary {
	background-color: #056cb8;
	line-height: normal;
	padding: 10px 25px;
}

.searchList>li .dropdown-menu {
	z-index: 10;
}

.searchList>li .dropdown-menu li a {
	padding: 10px 15px;
}


/************************************************

           == Job Detail css==

*************************************************/

.job-header {
	background: #fff;
	margin-bottom: 30px;
	border-radius: 15px;
	box-shadow: 0px 20px 25px rgb(0, 0, 0, 0.05);
	border: 1px solid #eee;
}

.job-header.nomrg {
	margin-bottom: 0;
}

.job-header .jobinfo {
	padding: 20px;
}

.jobPagetitle .jobinfo {
	padding: 0 0 30px 0;
}

.jobPagetitle .jobinfo h2 {
	font-size: 24px;
	color: #444;
}

.jobmainreq {
	border-radius: 0 0 5px 5px;
}

.jobPagetitle .jobinfo .ptext {
	color: #999;
	margin: 12px 0;
}

.jobPagetitle .jobinfo .salary {
	font-size: 16px;
	font-weight: 700;
	color: #888;
}

.jobPagetitle .jobinfo .salary strong {
	color: #000;
}

.companyinfo {
	margin-bottom: 30px;
	background: #f9f9ff;
	padding: 30px;
	border-radius: 15px;
}

.companyinfo h3 {
	margin-bottom: 30px;
	color: #056cb8;
	font-size: 24px;
}

.companyinfo .companylogo {
	width: 100px;
	background: #fff;
	display: inline-block;
	margin-bottom: 10px;
	float: left;
	margin-right: 15px;
}

.companyinfo .companylogo img {
	display: block;
	border-radius: 15px;
}

.companyinfo .ptext {
	color: #056cb8;
	padding: 7px 0;
}

.companyinfo .title a {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}

.companyinfo .opening a {
	color: #056cb8;
}

.companyoverview {
	text-align: left;
}

.companyoverview p {
	color: #555;
	margin-bottom: 0;
}

.nodatabox {
	padding: 35px;
	background-color: #eee;
	border-radius: 5px;
	text-align: center;
}

.nodatabox h4 {
	font-size: 24px;
}

.delete_alert {
	color: #dd0000;
}

.alrtstable th {
	font-weight: 700;
	background: #f4f4f4;
}

.popmessage {
	position: fixed;
	background: #fff;
	padding: 35px;
	top: 50%;
	left: 50%;
	max-width: 300px;
	text-align: center;
	margin-left: -150px;
	z-index: 10;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
	color: #12bb08;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.bgoverlay {
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 7;
}

/*Candidate Info*/

.job-header .jobinfo .candidateinfo .userPic {
	float: left;
	width: 100px;
	height: 100px;
	background: #cbcbcb;
	margin-right: 20px;
	border: 1px solid #b1bcc5;
}

.loctext {
	margin-top: 15px;
}

.loctext i {
	margin-right: 5px;
	width: 24px;
	color: #056cb8;
}

.loctext a {
	color: #333;
}

.job-header .jobinfo .candidateinfo .title {
	font-size: 24px;
	color: #333;
	font-weight: 600
}

.job-header .jobinfo .candidateinfo .desi {
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}

.job-header .jobinfo .candidateinfo .loctext {
	line-height: 24px;
	color: #555;
	margin-top: 8px;
}

.job-header .jobinfo .candidateinfo .loctext i {
	width: 20px;
	color: #056cb8;
}

.container {
	max-width: 1350px;
}

.usercoverimg {
	position: relative;
	min-height: 240px;
	background: #333;
}

.usercoverimg:after {
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9026961126247374) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9026961126247374) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.9026961126247374) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	content: '';
}

.userMaininfo {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	z-index: 1;
}

.userMaininfo .userPic {
	width: 150px;
	height: 150px;
	overflow: hidden;
	border: 5px solid #fff;
	position: relative;
	z-index: 15;
	margin-left: 40px;
	float: left;
	margin-right: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	background: #eee;
}

.userMaininfo .userPic img {
	display: block;
}

.userMaininfo h3 {
	color: #fff;
	padding-top: 35px;
	margin-bottom: 5px;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}

.userMaininfo h3 span {
	font-size: 14px;
	color: #00ff53
}

.userMaininfo .desi {
	font-size: 14px;
	color: #fff;
}

.membersinc {
	float: right;
	color: #fff;
	font-size: 14px;
	margin: -10px 20px 10px 0;
}

.userlinkstp {
	padding: 20px 25px;
	background: #fff;
	margin-bottom: 30px;
	text-align: right;
	border-radius: 0 0 5px 5px;
	min-height: 82px;
}

.userlinkstp.applybox {
	text-align: center;
	border-top: none;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
}

.userlinkstp a {
	margin-left: 10px;
	color: #056cb8;
	font-weight: 600;
	padding: 10px 30px;
	font-size: 14px;
	border-radius: 40px;
	border: 1px solid #056cb8;
	position: relative;
	z-index: 2
}

.userlinkstp a.report {
	color: #e01010;
	border-color: #e01010;
}

.userlinkstp a.apply {
	background: #056cb8;
	color: #fff;
	font-size: 18px;
}

.userlinkstp .jbexpire {
	background: #FF7C69;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: not-allowed
}

.userlinkstp a:hover {
	background: #056cb8;
	color: #fff;
}

.userlinkstp a.report:hover {
	color: #fff;
	background: #e01010;
}

.prolinkadd {
	display: inline-block;
	background: #056cb8;
	color: #fff;
	padding: 10px 25px;
	border-radius: 5px;
	margin-top: 15px;
}

.prolinkadd:hover {
	background: #222;
	color: #fff;
	text-decoration: none;
}

.cadsocial {
	margin-top: 10px;
}

.cadsocial a {
	color: #666;
	font-size: 24px;
	display: inline-block;
	margin-right: 7px;
}

.cadsocial a:hover {
	color: #056cb8;
}

.relatedJobs {
	margin-bottom: 30px;
}

.relatedJobs h3 {
	font-size: 24px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}

.relatedJobs .searchList li {
	margin-bottom: 15;
}

.relatedJobs .searchList li h3 {
	margin-bottom: 0;
}

.relatedJobs .searchList li .location {
	margin-top: 5px;
}

.relatedJobs .searchList li .companyName {
	margin-bottom: 0;
	margin-top: 5px;
}

/*Buttons*/

.jobButtons {
	padding: 20px 25px;
}

.jobButtons.applybox {
	text-align: right;
	border-top: none;
	background: #fff;
	border-radius: 5px;
	padding: 0;
	margin-top: 15px;
}

.jobButtons a {
	margin-right: 10px;
	color: #056cb8;
	font-weight: 600;
	padding: 10px 30px;
	font-size: 14px;
	border-radius: 40px;
	border: 1px solid #056cb8;
}

.jobButtons a.report {
	color: #e01010;
	border-color: #e01010;
}

.jobButtons a.apply {
	background: #056cb8;
	color: #fff;
	font-size: 18px;
	margin-right: 0;
}

.jobButtons .jbexpire {
	background: #FF7C69;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: not-allowed
}

.jobButtons a:hover {
	background: #056cb8;
	color: #fff;
	border-color: #000;
}

.jobButtons a.report:hover {
	color: #fff;
	background: #e01010;
}

.job-header .contentbox {
	padding: 35px;
}

.job-header .contentbox h3 {
	font-size: 24px;
	font-weight: 700;
	color: #056cb8;
	margin-bottom: 10px;
}

.job-header .contentbox h3 i,
.jobdetail h3 i,
.companyinfo h3 i {
	color: #ccc;
	margin-right: 5px;
	font-size: 20px;
}

.job-header .contentbox p {
	line-height: 24px;
	color: #555;
	margin-top: 20px;
	margin-bottom: 0;
	word-wrap: break-word;
}

.job-header .contentbox p strong {
	font-weight: 700;
}

.job-header .contentbox p em {
	font-style: italic;
}

.job-header .contentbox p u {
	text-decoration: underline;
}

.jobButtons a.apply.applied {
	background: #ccc;
	border-color: #ccc;
	cursor: not-allowed
}

.job-header .contentbox iframe {
	width: 100%;
	height: 350px;
}


.job-header .contentbox ul {
	margin-bottom: 30px;
}

.job-header .contentbox ul li {
	padding: 5px 0 5px 25px;
	position: relative;
	line-height: 24px;
}

.job-header .contentbox ul li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	color: #056cb8;
	position: absolute;
	left: 0;
}

.job-header .contentbox ul.userPortfolio {
	margin-bottom: 0;
}


.benefits .contentbox ul {
	margin-bottom: 0;
}

.benefits p:empty {
	display: none;
}


ul.skillslist {
	margin-bottom: 0 !important;
}

ul.skillslist li:before {
	display: none;
}

ul.skillslist li {
	display: inline-block;
	padding: 0 !important;
}

ul.skillslist li a {
	display: inline-block;
	background: #eee;
	color: #555;
	padding: 10px 20px;
	margin: 5px 10px 5px 0;
	border-radius: 45px;
	font-weight: 600;
	font-size: 14px;
}

ul.skillslist li a:hover {
	text-decoration: none;
	background: #056cb8;
	color: #fff;
}



/*Job Info*/
.jobdetail .table-bordered {
	border: none;
	margin-bottom: 0;
}

.jobdetail .table-bordered td {
	border: none;
	border-top: 1px solid #ddd;
}

.jobdetail {
	padding: 35px;
}

.jobdetail iframe {
	width: 100%;
	height: 250px;
	border: none
}

.jobdetail h3 {
	font-size: 18px;
	color: #056cb8;
	font-weight: 700;
}

.jbdetail {
	margin-top: 20px;
}

.jbdetail li {
	margin-bottom: 20px;
	color: #908f8f;
}

.jbdetail li a {
	display: block;
	color: #056cb8;
	font-weight: 600;
}

.jbdetail li span {
	display: block;
	color: #000;
	font-weight: 600;
}

.jbdetail li span.permanent {
	color: #056cb8;
}

.jbdetail li span.contract {
	color: #056cb8;
}

.jbdetail li span.freelance {
	color: #F07200;
	background: none;
	padding: 0;
}

/*Skills*/

.skillswrap {
	margin-top: 20px;
}

.skillswrap h5 {
	color: #7b7b7b;
	font-weight: 400;
	margin-bottom: 5px;
}

/*Education*/

.educationList {
	margin-bottom: 0 !important;
}

.educationList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	margin-top: 30px;
}

.educationList li:hover {
	border-bottom-color: #056cb8;
}

.educationList li:before {
	display: none;
}

.educationList li:last-child {
	border-bottom: 0;
	padding-bottom: 0 !important;
}

.educationList li .date {
	font-weight: 700;
	line-height: 18px;
	color: #056cb8;
}

.educationList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 5px;
}

.educationList li h5 {
	margin-bottom: 5px;
	margin-top: 5px;
}

.educationList li p {
	margin-top: 0 !important;
}

/*Experience*/

.experienceList {
	margin-bottom: 0 !important;
}

.experienceList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-top: 30px;
}

.experienceList li:hover {
	border-bottom-color: #056cb8;
}

.experienceList li:before {
	display: none;
}

.experienceList li:last-child {
	border-bottom: 0;
}

.experienceList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 10px;
}

.experienceList li p {
	margin-bottom: 0 !important;
	margin-top: 10px;
}

/*Portfolio*/

.userPortfolio li {
	padding: 0 15px !important;
	margin-top: 30px;
}

.userPortfolio li:before {
	display: none;
}

.userPortfolio li .imgbox {
	overflow: hidden;
	position: relative
}

.userPortfolio li .itemHover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(22, 34, 46, .9);
	transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.userPortfolio li:hover .itemHover {
	transform: scale(1)
}

.userPortfolio li .zoombox {
	display: table;
	width: 100%;
	height: 20%;
	text-align: right
}

.userPortfolio li .item-zoom {
	display: inline-block;
	border: 2px solid #fff;
	padding: 6px 12px;
	margin: 15px 15px 0 0;
	color: #fff
}

.userPortfolio li .item-zoom:hover {
	background: #2079f2
}

.userPortfolio li .infoItem {
	display: table;
	width: 100%;
	height: 70%;
	text-align: center
}

.userPortfolio li .itemtitle {
	vertical-align: bottom;
	padding: 0 15px 15px;
	position: relative;
	display: table-cell;
}

.userPortfolio li .itemtitle h5 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 5px
}

.userPortfolio li .itemtitle p {
	color: #ccc;
	line-height: 18px
}

.userPortfolio li .itemtitle a {
	color: #2079f2
}

.userPortfolio li.shown,
.no-cssanimations .userPortfolio li,
.no-js .grid li {
	opacity: 1
}

.userPortfolio li a,
.userPortfolio li img {
	outline: 0;
	border: none;
	display: block;
	max-width: 100%
}


.ptsklbx {
	padding: 35px 35px 35px 35px;
	border-top: 1px solid #eee;
}

.profileskills {
	list-style: none;
	margin: 0 -5px;
}

.profileskills li {
	padding: 0 5px;
	margin-bottom: 10px;
}

.profileskills li .skillbox {
	border: 1px solid #eee;
	padding: 15px;
	font-size: 14px;
	font-weight: 700;
}

.profileskills li .skillbox:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	border-color: #28a745;
}

.profileskills li .skillbox span {
	display: block;
	margin-top: 5px;
	font-weight: 400;
}


/************************************************

           == Cms Pages css==

*************************************************/

.inner-page {
	padding: 50px 0;
}

.inner-page .title {
	text-align: center;
	margin-bottom: 40px;
}

.inner-page .title>span {
	color: #292929;
	font-size: 17px;
	margin-bottom: 10px;
}

.inner-page .title h2 {
	color: #292929;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
}

.inner-page .title>p {
	line-height: 24px;
}

.contact {
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 30px;
}

.contact>span {
	color: #056cb8;
	float: left;
	font-size: 50px;
	line-height: 30px;
	margin-right: 10px;
	text-align: center;
	width: 70px;
}

.inner-page .fa-home:before {
	content: "\f015";
}

.information {
	overflow: hidden;
	padding-right: 20px;
	margin-top: 5px;
}

.information>strong {
	color: #000;
	display: table;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.information>p {
	line-height: 22px;
	margin: 0;
}

.contact-form input,
.contact-form textarea {
	color: #8c8c8c;
	border: 1px solid #ddd;
	font-size: 12px;
	line-height: 32px;
	margin-bottom: 15px;
	padding: 10px 20px;
	width: 100%;
}

.contact-form {
	text-align: right;
}

.contact-form button {
	background-color: #056cb8;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 40px;
	margin-top: 20px;
}

/************************************************

           == FAQs css==

*************************************************/

.faqs {
	margin-bottom: 30px;
}

.faqs .panel-default>.panel-heading {
	background: none;
	border: none;
	padding: 0;
}

.faqs h4 a {
	padding: 15px 55px 15px 15px;
	display: block;
	background: #056cb8;
	color: #fff;
	font-size: 16px;
	position: relative;
}

.panel-group .panel {
	border-radius: 0;
	margin-bottom: 20px;
}

.panel-group .panel-body {
	line-height: 24px;
	color: #555;
}

.faqs h4 .collapsed:hover,
.faqs h4 a:hover,
.faqs h4 a:active {
	text-decoration: none;
	background: #056cb8;
	color: #fff;
}

.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #056cb8;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
}

.faqs h4 .collapsed:before {
	content: "\f067";
	font-family: 'FontAwesome';
	background: #666;
	width: 30px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 8px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	transition: 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-ms-transition: 0.3s ease-in;
	text-decoration: none;
}

.faqs h4 a.collapsed {
	background: #fff;
	color: #666;
	text-decoration: none;
}

/*Form Panel*/

.formpanel {
	margin-top: 20px;
}

.formpanel .formrow {
	margin-bottom: 15px;
}

.formpanel .formrow>label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #999;
}

.formpanel .form-control {
	height: auto;
	border-radius: 0;
	padding: 10px 13px;
	border-color: #ddd;
}

.formpanel select.form-control {
	padding: 10px 13px;
	border-radius: 0;
	line-height: normal;
	appearance: auto;
}

.formpanel textarea.form-control {
	height: 150px;
}

.formpanel .formrow>label.btn {
	color: #fff;
}

.formpanel .btn {
	width: 100%;
	background: #056cb8;
	color: #fff;
	border-radius: 5px;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.formpanel .btn:hover {
	background: #222;
}


.formpanel.mt0 {
	margin-top: 0;
}

#projects_div h3 {
	font-size: 16px;
	margin-top: 5px;
}


.featchoose li {
	margin-bottom: 10px;
}

/*Google Map*/

.gmap {
	margin-top: 20px;
}

.gmap iframe {
	height: 250px;
	width: 100%;
	border: none;
}

.googlemap iframe {
	height: 400px;
	width: 100%;
	border: none;
}

/************************************************

           == User Account css==

*************************************************/

.authpages {
	padding: 100px 0;
	position: relative;
}

/* .authpages:before{background: url(../images/search-bg.png) no-repeat bottom; position: absolute; top: 0; left: 0; width: 100%; height: 550px; content: '';} */



.useraccountwrap {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 70px;
}

.userccount {
	background: #f5f7ff;
	padding: 50px;
	border-radius: 10px;
	border-bottom: 3px solid #056cb8;
	margin-bottom: 30px;
	box-shadow: 0px 6px 12px #00000073;
}

.whitebg {
	background: #fff;
}

.userccount p {
	text-align: center;
	line-height: 24px;
	color: #999;
}

.userccount h5 {
	font-size: 20px;
	color: #555;
	font-weight: 700;
	margin-bottom: 15px;
}

.socialLogin {
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 20px;
}

.socialLogin a {
	display: inline-block;
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	line-height: 36px;
}

.socialLogin a.fb {
	background: #3b5998;
}

.socialLogin a.gp {
	background: #dd4b39;
}

.socialLogin a.tw {
	background: #00aced;
}

.newuser {
	margin-top: 30px;
	text-align: center;
	color: #666;
	font-size: 18px;
}

.newuser a {
	font-weight: 600;
}

.userbtns .nav-tabs {
	border-bottom: none;
	margin-bottom: 0;
}

.userbtns .nav-tabs>li {
	width: 50%;
	margin-bottom: 0;
}

.userbtns .nav-tabs>li a {
	border: none;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #222;
	padding: 15px 30px;
	position: relative;
	background: #f2f2f2;

}

.userbtns .nav-tabs>li a:hover,
.userbtns .nav-tabs>li a.active {
	background: #056cb8;
	border: none;
	color: #fff;
}

.userbtns .nav-tabs>li.active a:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #056cb8;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}

.userbtns .nav-tabs>li a.active:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #056cb8;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}



.strippckinfo {
	background: #fff;
	padding-top: 20px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.pkginfo {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	color: #777;
}

.pkginfo strong {
	color: #056cb8;
	font-weight: 700;
}

.tab-content>.active {
	opacity: 1;
}

.tab-content>.active.show {
	opacity: 1;
}

.profileban {
	position: relative;
}

.abtuser {
	background: #f1f5ff;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.profileban img {
	width: 100%;
}

.abtuser h4 {
	color: #2166a4;
	font-size: 30px;
	font-weight: 700;
}

.abtuser h6 {
	color: #444;
	font-size: 16px;
	font-weight: 600;
}

.uavatar img {
	display: block;
}

.editbtbn {
	text-align: right;
	margin-top: 10px;
}

.editbtbn a {
	background: #e83f6f;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
	display: inline-block;
	font-weight: 700;
}

.editbtbn a:hover {
	background: #2166a4;
	color: #fff;
	text-decoration: none;
}

.userdata {
	margin-top: 10px;
}

.userdata li {
	color: #737373;
	font-size: 16px;
}

.userdata li i {
	color: #e83f6f;
	font-size: 18px;
}


.resumebuildwrap {
	padding: 35px;
	border-radius: 15px;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.resumebuildwrap .table th {
	font-weight: 700;
}

.title-error {
	color: #df0909;
}

.expboxint {
	border: 1px solid #eee;
	padding: 25px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.expboxint:hover {
	border-color: #056cb8;
}

.expboxint h4 {
	font-size: 20px;
}

.expboxint h5 {
	font-size: 16px;
	color: #666;
}

.expboxint h5 i {
	margin-right: 7px;
	color: #999;
}

.expboxint p i {
	color: #056cb8;
}


/***************************
		404 Page
***************************/

.error-page-wrap {
	padding: 100px 0;
}

.error-page-wrap .errormain {
	text-align: center;
}

.error-page-wrap .errormain h2 {
	font-size: 350px;
	color: #999;
	font-weight: 900;
	line-height: 350px;
}

.error-page-wrap .errormain h3 {
	font-size: 40px;
	color: #888;
	font-weight: 900;
	line-height: 50px;
	letter-spacing: 5px;
	display: inline-block;
	border: 5px solid #ddd;
	padding: 20px 40px;
	margin-top: -20px;
}

.error-msg {
	margin-top: 50px;
}

.error-msg p {
	max-width: 500px;
	margin: auto;
	line-height: 24px;
	font-size: 16px;
	color: #666;
}

.error-msg .btn {
	background: #056cb8;
	color: #fff;
	margin-top: 30px;
	border-radius: 0;
	padding: 10px 25px;
	font-size: 18px;
	font-weight: 600;
}

/***************************

	About Us

****************************/

.about-wraper {
	padding: 100px 0;
}

.about-wraper h2 {
	font-size: 36px;
	color: #056cb8;
	font-weight: 700;
	margin-bottom: 15px;
}

.about-wraper p {
	line-height: 24px;
	font-size: 16px;
}


.about-wraper strong {
	font-weight: 700;
}

.about-wraper em {
	font-style: italic;
}

.about-wraper u {
	text-decoration: underline;
}

.about-wraper ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.about-wraper ul li {
	padding: 5px 0 5px 25px;
	position: relative;
	line-height: 24px;
	font-size: 16px;
}

.about-wraper ul li:before {
	content: '\f18e';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
}

.what_we_do {
	padding: 50px 0;
	background: #f8f8f8;
	margin-top: 100px;
}

.what_we_do .main-heading {
	color: #056cb8;
	text-align: center;
	line-height: 48px;
	font-size: 36px;
	font-weight: 700;
}

.whatText {
	font-size: 24px;
	text-align: center;
	color: #444;
	line-height: 42px;
}

.whatList {
	list-style: none;
	margin-top: 50px;
}

.whatList li {
	text-align: center;
}

.whatList li .iconWrap {
	display: inline-block;
	border: 4px solid #ddd;
	border-radius: 100%;
	padding: 10px;
}

.whatList li .icon {
	font-size: 103px;
	color: #fff;
	background: #056cb8;
	width: 180px;
	height: 180px;
	text-align: center;
	line-height: 180px;
	border-radius: 100%;
}

.whatList li h3 {
	font-size: 30px;
	color: #333;
	padding-top: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}

.whatList li p {}

.textrow {
	padding-top: 100px;
}

ul.orderlist {
	list-style: none;
	margin-top: 30px;
}

ul.orderlist li {
	float: left;
	width: 48%;
	margin-bottom: 12px;
	color: #333;
	font-size: 16px;
}

ul.orderlist li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #82B440;
}

/**************************

	Pay Packages

**************************/







/*************************

	Three colum Packages

*************************/

.four-plan h3 {
	padding: 0px;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
}

.four-plan .boxes {
	list-style: none;
	border-radius: 5px;
	background: #f6f6f6;
	padding: 10px 20px;
	text-align: center;
	margin-top: 30px;
	border-top: 5px solid #056cb8;
}

.four-plan .boxes:hover {
	box-shadow: 0px 20px 40px 5px rgb(0 0 0 / 20%);
}

.four-plan .boxes li {
	display: block;
}

.four-plan .icon {
	font-size: 52px;
	color: #565656;
	padding: 30px 0
}

.four-plan .plan-name {
	font-size: 26px;
	font-weight: 600;
	padding: 10px 0;
}

.four-plan .plan-date {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}

.plan-pages {
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #868686
}

.plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}

.order {
	font-size: 16px;
	padding: 10px 0px;
	font-weight: bold;
}

.order a {
	background: #056cb8;
	border-radius: 5px;
	padding: 12px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
}

.order.paypal a {
	background: #003087;
}

.order.payu a {
	background: #54D726;
}

.order a:hover {
	background: #333;
}

.invitereval {
	padding: 30px;
	text-align: center;
}

.invitereval h3 {
	font-size: 24px;
}

.totalpay {
	font-size: 18px;
	padding: 15px 0;
}

.totalpay strong {
	color: #056cb8;
	font-weight: 700;
}

.btn2s li {
	display: inline-block;
}

.main-plan {
	margin-bottom: 15px;
	text-align: center;
}

.main-plan .plan-price1-1 {
	font-size: 20px;
	color: #565656;
	display: inline-block;
	padding-top: 22px;
	font-weight: 300;
}

.main-plan .plan-price1-2 {
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
	color: #056cb8;
}

.four-plan .col-md-4:nth-child(2) .main-plan .plan-price1-2 {
	color: #056cb8;
}

.four-plan .col-md-4:nth-child(2) .boxes {
	border-top-color: #056cb8;
}

.main-plan .plan-price1-3 {
	font-size: 18px;
	float: left;
	line-height: 20px;
	margin-right: 30px;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 32px;
}

.main-plan .plan-price1-4 {
	display: block;
}

/*************************

	Three colum Packages

*************************/

.three-plan {
	padding: 100px 0;
}

.three-plan h3 {
	padding: 0px;
	font-size: 48px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}

.three-plan ul {
	list-style: none;
	background: #fff;
}

.three-plan li {
	padding: 0px;
}

.three-plan .boxes {
	background: #fff;
	margin-top: 30px;
}

.pricing-table1 {
	background: #ffc600;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}

.pricing-table1 strong {
	display: block;
	font-size: 16px;
	font-weight: 400;
}

.pricing-detail {
	list-style: none;
}

.pricing-detail li {
	display: block;
	text-align: center;
}

.pricing-unit1 {
	font-size: 57px;
	float: left;
	color: #ffc600;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}

.pricing-unit1-1 {
	font-size: 132px;
	font-weight: bold;
	color: #ffc600;
	float: left;
}

.pricing-unit1-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	float: left;
	font-weight: 300;
	padding-top: 100px;
}

.pricing-unit1-3 {
	display: block;
}

.pricing-unit2 {
	font-size: 57px;
	float: left;
	color: #00aeff;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}

.pricing-unit2-1 {
	font-size: 132px;
	font-weight: bold;
	color: #00aeff;
	float: left;
}

.pricing-unit2-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}

.pricing-unit2-3 {
	display: block;
}

.pricing-unit3 {
	font-size: 57px;
	float: left;
	color: #56d700;
	margin-left: 20px;
	padding-top: 80px;
	font-weight: 300;
}

.pricing-unit3-1 {
	font-size: 132px;
	font-weight: bold;
	color: #56d700;
	float: left;
}

.pricing-unit3-2 {
	font-size: 18px;
	line-height: 20px !important;
	color: #cdcdcd;
	font-weight: 300;
	padding-top: 100px;
}

.pricing-unit3-3 {
	display: block;
}

.three-plan .plan-name-dt {
	font-size: 36px;
	font-weight: bold;
	color: #5c5c5c;
	padding: 0px 82px;
	padding-top: 75px;
	line-height: 44px;
	padding-bottom: 39px;
}

.three-plan .plan-good i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}

.three-plan .plan-pages {
	font-size: 16px;
	line-height: 43px;
	padding-left: 70px;
	font-weight: 300;
	color: #a8a8a8;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}

.three-plan .plan-detail {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}

.three-plan .plan-detail1 {
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	font-weight: bold;
	color: #868686;
	border-top: 1px solid #f5f5f5;
	padding-top: 3px;
}

.three-plan .plan-detail1 i {
	color: green !important;
}

.three-plan .plan-detail i {
	color: red !important;
}

.pricing-table1-2 {
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}

.pricing-table1-2 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.pricing-table1-3 {
	background: #56d700;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding: 10px 0px;
	font-weight: 600;
}

.pricing-table1-3 strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.three-plan .plan-pages i {
	font-size: 18px;
	color: #a8a8a8;
	margin-right: 12px;
}

.three-plan .plan-pages1 {
	display: block;
	font-size: 16px;
	line-height: 43px;
	font-weight: bold;
	color: #e2e2e2
}

.three-plan .order-1 {
	background: #ffc600;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.three-plan .order-1 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.three-plan .order-2 {
	background: #000;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.three-plan .order-2 a {
	background: #00aeff;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.three-plan .order-3 {
	background: #56d700;
	font-size: 16px;
	padding: 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

.three-plan .order-3 a {
	background: #000;
	border-radius: 5px;
	padding: 12px 32px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

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

		Blog Listing

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

.blogWraper {
	margin-bottom: 40px;
	margin-top: 30px;
}

.blogList {
	list-style: none;
	vertical-align: cnter;
}

/*.blogList li .bloginner {*/
/*	background: #fff;*/
/*	padding: 20px;*/

/*	margin-bottom: 30px;*/
/*	border-radius: 8px;*/
/*	border: 1px solid #eee;*/

/*}*/
.blogList li .bloginner {
    width: 100%;
    background: #fff;
	padding: 20px;
	height: auto;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.bloginner .postimg {
    position: relative;
    display: flex;
    height: auto !important;
}
.postimg img {
    margin: 0 auto;
    /* width: 100%; */
    height: auto;
}
.news-data img {
    margin: 0 auto;
    height: 700px;
}

.partner-list li .bloginner {
    max-height: 220px;
}

.statinfo {
    width: max-content;
}

.blogList li .bloginner:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-color: #056cb8;
}


.event {
	list-style: none;
	vertical-align: cnter;
}

.event li .bloginner {
	background: #fff;
	padding: 20px;
	margin-bottom: 112px;
	border-radius: 8px;
	border: 1px solid #eee;
	height: 550px;
}

.event li .bloginner:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-color: #056cb8;
	height: 550px;
}

.events {
	font-size: 14px;
	line-height: 22px;
}

.postimg {
	position: relative;
	display: inline-block;
	height: 100px;
}

.postimg .date {
	width: 60px;
	height: 60px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 7px 10px 0 10px;
	text-align: center;
	line-height: 20px;
	background: #056cb8;
	letter-spacing: 0.4px;
	outline: 3px solid #056cb8;
	border: 1px solid #fff;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 12;
}

.post-header {
	margin-bottom: 20px;
	/*height: 78px;*/
}

.post-header h2 {
	margin-top: 15px;
}

.post-header h4 a {
	font-size: 16px;
	color: #056cb8;
	font-weight: 600;
	display: block;
	margin-top: 10px;
	letter-spacing: 0;
}

.post-header h4 a:hover {
	color: #333;
}

.postmeta {
	margin: 15px 0 20px 0;
	line-height: 20px;
}

.postmeta span,
.postmeta a {
	color: #056cb8;
}

.blogList p,
.blogGrid li p {
	line-height: 24px;
	color: #333;
}

.blogList .readmore,
.blogGrid .readmore {
	border-bottom: 1px dotted #00b1f1;
	display: inline-block;
	margin-top: 15px;
	color: #000;
	font-weight: 600;
	padding-bottom: 5px;
}

.blogList .readmore:hover,
.blogGrid .readmore:hover {
	text-decoration: none;
	color: #00b1f1;
}

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

		Blog Grid

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

.blogGrid {
	list-style: none;
}

.blogGrid li {
	margin-bottom: 30px;
}

.blogGrid li .int {
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
}

.blogGrid li .int:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-color: #056cb8;
}

.blogGrid li .post-header {
	margin-top: 10px;
}

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

		Blog Detail

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

.blogdetailbox {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #e4e4e4;
}

blockquote {
	display: block;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0;
	padding: 20px 20px 20px 60px;
	position: relative;
	/* border: 3px solid #00b1f1; */
	/* box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); */
}

blockquote p {
	font-style: italic;
	display: inline-block;
	color: #fff;
}

blockquote:before {
	color: #ddd;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 200px;
	transform: scale(-1);
}

blockquote:after {
	color: #ddd;
	content: "\f10e";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
}

.comments h4 {
	color: #222222;
	font-size: 24px;
	font-weight: 600;
}

.comments .media-body h4 span {
	font-size: 12px;
	color: #777777;
	margin-left: 20px;
	display: inline-block;
	width: 100%;
}

.comments {
	margin-top: 30px;
}

.comments .media-list {
	margin-bottom: 30px;
}

.comments .media-list li {
	padding: 20px;
	border: 1px solid #e9e9e9;
	position: relative;
	background: #fff;
}

.comments .media-left {
	margin-right: 20px;
}

.comments .media-left a {
	width: 100px;
	display: inline-block;
}

.comments .media p {
	margin-top: 5px;
	color: #333;
	line-height: 20px;
}

.comments .media h6 span {
	font-size: 13px;
	color: #999;
	margin: 0;
	margin-top: 10px;
	text-transform: none;
	display: inline-block;
	width: 100%;
}

.comments .media {
	margin-top: 30px;
}

.comments .media h6 {
	font-weight: 600;
	color: #00b1f1;
	font-size: 16px;
	text-transform: none;
}

.comments .btn.raply {
	padding: 10px 12px;
	font-size: 12px;
	color: #333;
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	position: absolute;
	top: 15px;
	right: 0;
}

.comments .btn.raply:hover {
	background: #00b1f1;
	color: #fff;
}

.comments .media a img {
	margin-bottom: 10px;
}

.commnetsfrm {
	background: #fff;
	padding: 25px;
}

.comments form label {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	font-size: 12px;
}

.comments form .form-control {
	display: inline-block;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	border-radius: 0px;
	box-shadow: none;
	background: none;
	border: 1px solid #e8e8e8;
}

.comments form textarea.form-control {
	display: inline-block;
	width: 100%;
	height: 150px;
}

.commnetsfrm .btn {
	background: #00b1f1;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	border-radius: 0;
	font-size: 18px;
	padding: 8px 18px;
}

/************************************************

           ==Blog sidebar css==

*************************************************/

.search {
	position: relative;
	margin-bottom: 15px;
}

.search .form-control {
	border-radius: 0;
	height: auto;
	padding: 10px 12px;
	border-color: #ddd;
}

.search .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	/* background: none; */
	/* font-size: 20px; */
}

/*categories*/

.categories li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}

.categories li a {
	margin-top: 0;
	color: #888;
	font-weight: 600;
}

.categories li:before {
	content: "\f0da ";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	color: #056cb8;
	font-size: 12px;
}

.categories li a:hover {
	color: #056cb8;
}

/*Archives*/

.archive li {
	line-height: 45px;
}

.archive li a {
	margin-top: 0;
	color: #888;
	font-weight: 600;
}

.archive li span {
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #fff;
	outline: 3px solid #f5f5f5;
	margin-right: 20px;
	line-height: 26px;
	font-size: 12px;
	color: #777777;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.archive li a:hover span {
	background: #056cb8;
	color: #fff;
}

/*Popular Posts*/

.papu-post {}

.papu-post .media-left {
	margin-right: 0px;
}

.papu-post .media-left img {
	width: 100%;
}

.papu-post .media-left a {
	width: 80px;
	margin-top: 0;
	margin-right: 5px;
	display: inline-block;
}

.papu-post span {
	color: #333;
	letter-spacing: 0px;
	font-size: 11px;
}

.papu-post li {
	border-bottom: 1px solid #ececec;
	padding: 20px 0;
	margin: 0px;
}

.papu-post .media-heading {
	display: inline-block;
	width: 100%;
	color: #00b1f1;
	margin-top: 0px;
	line-height: 20px;
}

.papu-post li:last-child {
	border-bottom: 0;
}

/*Tags*/

.tags:after {
	display: table;
	clear: both;
	content: '';
}

.tags li {
	display: inline-block;
	float: left;
}

.tags a {
	color: #969595;
	border: 1px solid #dadada;
	padding: 7px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.tags a:hover {
	border: 1px solid #056cb8;
	background: #056cb8;
	color: #fff;
	text-decoration: none;
}

/*Photo Streen*/

.photo-steam {
	margin: 0 -5px;
}

.photo-steam:after {
	display: table;
	clear: both;
	content: '';
}

.photo-steam li {
	float: left;
	width: 25%;
	padding: 0 5px;
	margin-bottom: 10px;
}

/************************************************

           == Dashboard Page css==

*************************************************/
.usernavwrap {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
}

.usernavdash {
	margin-bottom: 0;

}

.usernavdash li a {
	border-bottom: none;
	padding: 10px 15px;
	color: #444;
	display: block;
}

.usernavdash li a:hover {
	color: #056cb8;
	text-decoration: none;
}

.usernavdash li i {
	margin-right: 2px;
	font-size: 18px;
	width: 25px;
	color: #999;
}

.usernavdash li.active a {
	color: #056cb8;
}

.usernavdash li.active a i,
.usernavdash li a:hover i {
	color: #056cb8;
}

.fade:not(.show) {
	opacity: 1;
}

.profbox {
	background: #f1f5ff;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.profbox h3 {
	font-size: 22px;
	color: #515050;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-right: 30px;
}

.profbox h3 i {
	font-size: 24px;
	margin-right: 10px;
	opacity: .6;
}

.profbox h3 a {
	float: right;
	font-size: 14px;
}

.profbox h3 a i {
	font-size: 14px;
	margin-right: 5px;
}

.recomndjobs li {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0;
	font-size: 14px;
}

.recomndjobs li h4 a {
	display: block;
	color: #2166a4;
	font-size: 16px;
	font-weight: 600;
}

.recomndjobs li p {
	margin-bottom: 0;
	color: #828282;
}

.recomndjobs li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.recomndjobs li:after {
	clear: both;
	content: '';
	display: table;
}

.followinglist li {
	margin-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 15px;
}

.followinglist li span {
	font-weight: 700;
}


.profilestat li .inbox {
	text-align: center;
	background: #f3f6ff;
	padding: 15px 10px;
	margin-bottom: 30px;
	border-radius: 10px;
	border: 1px solid #eee;
	transition: all 0.4s ease 0s;
}

.profilestat li .inbox:hover {
	transform: translateY(-3px);
	transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
	box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.profilestat li i {
	font-size: 36px;
	color: #999;
	margin-bottom: 15px;
	display: block;
}

.profilestat li h6 {
	font-size: 30px;
	font-weight: 600;
	color: #056cb8;
	margin-bottom: 10px;
}

.profilestat li h6 span {
	font-size: 18px;
	color: #999;
}

.profilestat li strong {
	display: block;
	font-size: 13px;
	color: #333;
}

.instoretxt {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	background: #fcfdff;
	border: 1px solid #eee;
	padding: 30px 20px;
	margin-bottom: 30px;
	border-radius: 15px;
	box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
}

.instoretxt .credit {
	font-size: 24px;
	margin-bottom: 20px;
}

.instoretxt .currency {
	font-size: 16px;
	font-weight: 700;
}

.instoretxt .currency strong {
	color: #056cb8;
}

.instoretxt strong {
	font-weight: 700;
	color: #056cb8;
}

.instoretxt a {
	font-size: 18px;
	display: inline-block;
	padding: 9px 20px;
	background: #056cb8;
	color: #fff;
	margin: 0 5px;
}

.instoretxt a:hover {
	background: #333;
	text-decoration: none;
}

.instoretxt a.history {
	background: #444;
}

.myads h3 {
	font-size: 24px;
	margin: 0 0 10px 0;
}

/* The switch - the box around the slider */



.switchbox {
	padding: 25px;
	text-align: center;
	background: #ffd302;
	border-radius: 7px;
	margin-bottom: 10px;
}

.switchbox .txtlbl {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;

}

.switchbox .txtlbl i {
	font-size: 14px;
	font-weight: 400;
	color: #666
}

.switchbox strong {
	font-size: 12px;
	display: block;
	margin-top: 10px;
}

.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 56px;
	height: 20px;
	padding: 3px;
	border-radius: 18px;
	cursor: pointer;
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px !important;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.switch-label:before {
	content: attr(data-off);
	right: 10px;
	color: #aaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
	content: attr(data-on);
	left: 10px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked~.switch-label {
	background: #47a8d8;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked~.switch-label:before {
	opacity: 0;
}

.switch-input:checked~.switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}

.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-input:checked~.switch-handle {
	left: 33px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green>.switch-input:checked~.switch-label {
	background: #4fb845;
}

/************************************************
           ==Subscribe css==
*************************************************/

.subscribe {
	padding: 50px 0;
	background: rgb(255, 211, 2);
	background: -moz-linear-gradient(211deg, rgba(255, 211, 2, 1) 0%, rgba(6, 76, 127, 1) 100%);
	background: -webkit-linear-gradient(211deg, rgba(255, 211, 2, 1) 0%, rgba(6, 76, 127, 1) 100%);
	background: linear-gradient(211deg, rgba(255, 211, 2, 1) 0%, rgba(6, 76, 127, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd302", endColorstr="#064c7f", GradientType=1);
	clear: both;
}

.subscribe h6 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 5px;
}

.subscribe p {
	color: #fff;
}

.subscribe .form-control {
	height: auto;
	padding: 15px 13px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	margin-right: 1px;
	border-right: 1px solid #ddd;
}

.subscribe .btn {
	background: #056cb8;
	padding: 15px 20px;
	color: #fff;
	border: none;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 0 5px 5px 0;
	width: 40%;
}

.subscribe .btn:hover {
	background: #000;
	color: #fff;
}

#subscribe_newsletter_form {
	margin-top: 8px;
}


.elemental {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #252525
}

.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6,
.elemental p,
.elemental span,
.elemental strong,
.elemental table,
.elemental tr,
.elemental td,
.elemental th,
.elemental ol,
.elemental ul,
.elemental li,
.elemental blockquote,
.elemental figure,
.elemental div {
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit
}

.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6 {
	margin: 0;
	padding: 0
}

.elemental p {
	margin: 0.2em 0;
	padding: 0
}

.elemental a {
	text-decoration: none
}

.elemental ul,
.elemental ol {
	margin: 0;
	padding: 0;
	margin-left: 1em
}

.elemental td,
.elemental th {
	padding: 3px
}

.elemental p br:only-child {
	display: block;
	height: 6px;
	content: "";
	margin: 0;
	font-size: 10%
}

.elemental .break-word {
	word-break: break-word
}

.elemental .cover-letter .cl-section {
	margin: 25px auto
}

.elemental .no-padd-left {
	padding-left: 0
}

.elemental .no-padd-right {
	padding-right: 0
}

.elemental .section-header {
	word-break: break-word
}

.elemental .item {
	/* *zoom: 1 */
}

.elemental .item:before,
.elemental .item:after {
	display: table;
	content: "";
	line-height: 0
}

.elemental .item:after {
	clear: both
}

.elemental .item>.row>div {
	word-break: break-word
}

.elemental .objective ul,
.elemental .objective ol,
.elemental .description ul,
.elemental .description ol,
.elemental .cl-description ul,
.elemental .cl-description ol {
	margin-left: 1.5em
}

.elemental .cl-description p {
	margin: 0.6em 0
}

.elemental h1 {
	font-size: 1.8em
}

.elemental h2 {
	font-size: 1.6em
}

.elemental h2.section-header {
	font-size: 1em
}

.elemental h3 {
	font-size: 1.2em
}

.elemental h4 {
	font-size: 1.1em
}

.elemental h5 {
	font-size: 1em
}

.elemental h6 {
	font-size: 0.8em
}

.elemental .date {
	font-size: 0.9em
}

.elemental .contact {
	font-size: 0.95em
}

.elemental .objective,
.elemental .description {
	font-size: 0.95em
}

.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6,
.elemental strong,
.elemental b {
	font-weight: bold
}

.elemental h1,
.elemental h2,
.elemental h3,
.elemental h4,
.elemental h5,
.elemental h6 {
	color: #252525
}

.elemental .about-section {
	padding-top: 0.5em
}

.elemental .about-section.photo-resume .name {
	margin-top: 0.5em
}

.elemental .about-section .name h1,
.elemental .about-section .name h6 {
	margin: 0;
	color: #ffffff;
	text-shadow: 0 1px 2px #00284f
}

.elemental .about-section .name h1 {
	font-size: 1.8em
}

.elemental .about-section .name .subheader {
	font-size: 1em;
	color: #ececec;
	font-style: italic;
	padding: 0.1em 0
}

.elemental .about-section .personal-details {
	padding: 1em;
	margin-bottom: 0;
	background: #056cb8;
}

.elemental .about-section .contact {
	border: none;
	width: 100%
}

.elemental .about-section .contact tr .label-container {
	vertical-align: top;
	border-right: 0.25em solid transparent;
	min-width: 80px;
	max-width: 200px
}

.elemental .about-section .contact tr .label-container span {
	display: inline-block
}

.elemental .about-section .contact tr th,
.elemental .about-section .contact tr td {
	border: none;
	padding: 1px 0
}

.elemental .about-section .contact {
	display: block;
	color: #dfdfdf;
	margin-top: 0.5em;
	border-collapse: separate;
	border-spacing: 2px
}

.elemental .about-section .contact a {
	color: inherit
}

.elemental .about-section .contact tr .label-container {
	min-width: 100px;
	vertical-align: top;
	min-width: 85px
}

.elemental .about-section .contact tr .label-container span {
	padding: 2px 4px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.1);
	display: inline-block;
	width: 100%;
	color: #ffffff
}

.elemental .about-section.photo-resume .photo {
	z-index: 2;
	position: relative
}

.elemental .about-section.photo-resume .photo img {
	display: inline-block;
	min-width: 180px;
	border: 2px solid #fff;
	-webkit-box-shadow: 10px 0 30px #001326;
	box-shadow: 10px 0 30px #001326
}

.elemental .column-container {
	overflow: hidden
}

.elemental .one-fourth {
	display: table-cell;
	width: 300px;
	vertical-align: top;
	padding: 10px;
	padding-top: 20px;
	background: #ececec
}

.elemental .three-fourth {
	display: table-cell;
	padding: 10px;
	padding-top: 20px;
	vertical-align: top
}

.elemental .resume-content-section {
	margin-top: 0
}

.elemental .resume-content-section .section {
	padding-bottom: 1em;
	padding-top: 0;
}

.elemental .profileskills li .skillbox {
	padding: 5px 10px;
}

.elemental .profileskills li .skillbox span {
	margin-top: 0;
}



.elemental .resume-content-section .section .section-header {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	padding: 5px 5px 3px 5px;
	letter-spacing: 0.6px;
	background: #dfdfdf;
	color: #181818
}

.elemental .resume-content-section .section .item {
	padding: 0.8em 0;
	border-bottom: 1px dashed #dfdfdf
}

.elemental .resume-content-section .section .item:last-child {
	border-bottom: none
}

.elemental .resume-content-section .section .date {
	font-style: italic;
	margin-top: 0.5em;
	color: #585858
}

.elemental .resume-content-section .section .language-list h3,
.elemental .resume-content-section .section .language-list h4 {
	display: inline
}

.elemental .resume-content-section .section h1,
.elemental .resume-content-section .section h2,
.elemental .resume-content-section .section h3,
.elemental .resume-content-section .section h4 {
	margin: 0;
	padding: 0;
	line-height: 1.2
}

.elemental .resume-content-section .section h3 {
	font-weight: 700
}

.elemental .resume-content-section .section h4 {
	font-weight: normal;
	color: #585858;
	margin: 0.4em 0
}

.elemental .resume-content-section .three-fourth .section .date {
	text-align: right
}

.elemental .resume-content-section .one-fourth .section .date {
	text-align: left;
	margin-bottom: 0.5em
}

.elemental .resume-content-section .one-fourth .section .section-header {
	background: lightgray
}
@media (min-width: 1470px) {

.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a, .dropdown-menu ul a {
	font-size: 13px !important;
	line-height: 20px;
}

}

@media (max-width: 767px) {
	input#jbsearch, .searchbar select.form-control{
		width: 100% !important;
	}
	.categorylisting li .catecard{
		    margin-top: 0px !important;
	}
	.elemental.html .about-section .col-sm-7,
	.elemental.html .about-section .col-sm-5 {
		width: 100%
	}
	.marquee span {
		width: 100%;
	}
	.footerWrap p, .email a, .phone a{
		padding-left: 25px !important;
	}
	.header .logo {
		width: 80%;
	}
	
		.unnathi-highlight {
	    
        position: absolute;
        left: 8% !important;
        width: 85% !important;
        bottom: -15% !important;
    }
	    .greybg {
	        margin-top: 60px !important;
	    }
	
	.searchbar {
	    width: 100% !important;
	}
	.unani-card {
	    display: none;
	}
	.popularind strong {
    line-height: 32px;
}

	.input-group .w-45 {
  width: 100% !important;
}
.post-header {
  height: auto !important;
}

/*.jobint {*/
/*    width: 80% !important;*/
/*    margin: 0 auto;*/
/*}*/
	.rt_side {
		position: inherit;
		top: inherit;
	}
	
	.header {
		position: inherit;
		background: #021d39;
	}
	
	.navbar {
		min-height: auto;
	}
	
	.carousel-indicators {
		bottom: 0 !important;
	}
	.elemental.html .resume-content-section .section .item .date {
		text-align: left
	}
	.marquee span {
    display: none;
}
.custom-jobs li.col-md-6 {
    width: 32%;
    margin-bottom: -15px;
}
ul.jobslist.newjbox.row.custom-jobs {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
ul.jobslist.newjbox.row.custom-jobs {
	margin-top: -13px !important;
}
.jobint h4 {
	font-size: 8px;
    line-height: 13px;
}
.jobint_img img{
	border-radius: 3px;
}
.list {
    position: inherit !important;
    width: 100% !important;
    /* display: none; */
}
.searchwrap .carousel-indicators {
    display: none;
}
.testim .cont div.testimonial-item .img  img{
	width: 100px !important;
}
.list a span {
    margin: 0;
    width: 100% !important;
    border-radius: 0%;
}
.testim{
	padding-top: 0% !important; 
    transform: initial !important;
}
.statsbox .col {
    width: 33%;
}

.searchwrap .carousel-inner h1 {
      /* position: initial !important; */
        width: 40% !important;
        left: 200px !important;
        top: 30%;
        /*text-align: right;*/
        /* text-align: center; */
        font-size: 13px !important;
}
	.searchbarbt {
		position: initial !important;
		width: 100%;
		border-radius: 0;
	}

	.jobint_img {
		float: inherit !important;
		background: none !important;
	}

	.footerWrap .address,
	.footerWrap .email,
	.footerWrap .phone {
		padding-left: 0 !important;
	}
}

.elemental.cover-letter-container .about-section .personal-details .name {
	margin-top: 0
}

.elemental.cover-letter-container .cl-section {
	padding: 0 0.5em
}

.listpgWraper .container .col-md-9.col-sm-8 {
	background-color: white;
	border-radius: 5px;
}

.resume-content-section.photo-resume .column-container .one-fourth {
	background: white;
}

.resume-content-section.photo-resume .column-container .three-fourth {
	border-right: 1px solid lightgray;
}

.resume-content-section.photo-resume .section-header.section-header-about {
	margin-bottom: 10px !important;
}




.kanban-board {
	display: flex;
	gap: 20px;
}

.column {
	border-radius: 5px;
	padding: 20px;
	width: 25%;
	height: 800px;
	background-color: #f8f8f8;
	overflow: hidden;
	overflow-y: auto;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
}



.task {
	background-color: #fff;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 15px;
	cursor: grab;
	transition: transform 0.3s ease;
}




#rejected .task {
	background-color: #fff4f6;
}

#shortlist .task {
	background-color: #fffaef;
}

#hired .task {
	background-color: #f4fff4;
}


#applied {
	background-color: #d7dff1;
}

#rejected {
	background-color: #f1d7dc;
}

#shortlist {
	background-color: #f7edd9;
}

#hired {
	background-color: #d0efd0;
}

.task.dragging {
	opacity: 0.4;
	border: 3px dotted #ccc;
}

.column h2 {
	margin: 0;
	font-size: 18px;
	margin-bottom: 20px;
}

.column:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.column:hover .task {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.task h3 {
	font-size: 18px;
}

.move-btn {
	border: none;
	padding: 5px 8px;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	color: #666;
}

.profbtn {
	margin-top: 10px;
	background: #056cb8;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
}

.profbtn:hover {
	background: #044473;
}

.location,
.minsalary {
	line-height: 18px;
}

.location i,
.minsalary i {
	color: #056cb8;
}

.jobskrbtnact {
	border-top: 1px solid #eee;
	margin-top: 15px;
}

.select2-container {
	/* z-index: 100000; */
}


/* Additional styles for Dragula library */
.gu-mirror {
	position: fixed;
	margin: 0;
	z-index: 10000;
	opacity: 0.8;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gu-hide {
	display: none !important;
}

/* Responsive styles */
@media (max-width: 600px) {
	.kanban-board {
		flex-direction: column;
		/* Stack columns vertically on small screens */
	}

	.column {
		width: 100%;
		/* Take up full width on small screens */
	}
}


/************************************************
/************************************************

           ==Footer css==

*************************************************/

.footerWrap {
	background: #202037 !important;
	padding: 50px 0;
}

.footerWrap h5 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 15px;
}

.footerWrap p {
	line-height: 22px;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.footerWrap .ft-logo {
	margin-bottom: 15px;
}

.footerWrap .address {
	margin-bottom: 20px;
	padding-top: 8px;
	color: #ffffff;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	line-height: 20px;
}

.footerWrap .address:before {
	position: absolute;
	left: 0;
	content: '\f041';
	font-family: 'FontAwesome';
	font-size: 18px;
}

.footerWrap .email {
	margin-bottom: 20px;
	color: #ffffff;
	position: relative;
	padding-left: 30px;
}

.footerWrap .email:before {
	position: absolute;
	left: 0;
	content: '\f003';
	font-family: 'FontAwesome';
	font-size: 18px;
}

.footerWrap .email a,
.footerWrap .phone a {
	color: #ffffff;
}

.footerWrap .phone {
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	padding-left: 30px;
}

.footerWrap .phone:before {
	position: absolute;
	left: 0;
	content: '\f095';
	font-family: 'FontAwesome';
	font-size: 18px;
}


.social {
	margin-top: 0px;
}

.social a {
	color: #ffffff;
	font-size: 22px;
	display: inline-block;
	margin-right: 15px;
}

.social a:hover {
	color: #36b3e5;
}

.sidebar .social a {
	color: #444;
}

/*Articles*/

.posts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.posts-list li {
	border: none;
	margin: 15px 0;
}

.posts-list .media-left {
	margin-right: 30px;
	width: 80px;
	float: left;
	padding-right: 0;
}

.posts-list .entry-title {
	font-weight: 400;
	text-transform: inherit;
	margin: 0 0 5px;
}

.post .entry-title a {
	color: #fff;
	font-size: 16px;
}

.posts-list .entry-meta {
	padding: 0;
}

.posts-list .entry-date {
	color: #ccc;
	font-style: italic;
	text-transform: capitalize;
}

.btad {
	text-align: center;
	margin-bottom: 30px;
}

.footerWrap .quicklinks {
	list-style: none;
}

.footerWrap .quicklinks li {
	padding: 0;
	line-height: normal;
}

.footerWrap .quicklinks li a {
	display: block;
	color: #fff;
	padding: 8px 0;
	font-size: 14px;
}

.footerWrap .quicklinks li a:hover {
	color: #056cb8;
	text-decoration: none;
}

.copyright {
	padding: 10px 0;
	color: #777;
}

.copyright ul li {
	display: inline;
}

.copyright ul li a {
	color: #555;
	padding: 0 5px;
	display: inline-block;
	margin: 5px;
}

.copyright a:hover {
	color: #000;
}

.paylogos {
	text-align: right;
}

.bttxt {
	text-align: center;
	color: #fff;
	line-height: 24px;
}

.bttxt a:hover {
	color: yellow;
}

/*copyright*/

.copyright {
	padding: 20px 0;
	background: #121221 !important;
}

.help-block-error {
	color: #FE0004
}

/*******************

	Large Screen

*******************/

@media screen and (max-width: 1199px) {
	.main-plan .plan-price2 {
		margin-left: 0px;
		font-size: 44px;
	}

	.main-plan .plan-price2-1 {
		font-size: 70px;
	}

	.main-plan .plan-price2-2 {
		margin-right: 0px;
	}

	.main-plan .plan-price {
		margin-left: 0px;
		font-size: 44px;
	}

	.main-plan .plan-price-1 {
		font-size: 70px;
	}

	.main-plan .plan-price-2 {
		margin-right: 0px;
	}

	.main-plan .plan-price1-1 {
		margin-left: 0px;
		font-size: 44px;
	}

	.main-plan .plan-price1-2 {
		font-size: 70px;
	}

	.main-plan .plan-price1-3 {
		margin-right: 0px;
	}

	.pricing-unit1 {
		margin-left: 5px;
	}

	.pricing-unit2 {
		margin-left: 5px;
	}

	.pricing-unit3 {
		margin-left: 5px;
	}
}

/*******************

	Monitor Screen

*******************/

@media screen and (max-width: 1024px) {
	.usernav li a {
		padding: 19px 14px
	}

	.jobslist li .applybtn {
		margin-top: 15px;
	}

	.pageSearch a.btn {
		margin-bottom: 15px
	}
}

/*******************

	Tablet Screen

*******************/

@media screen and (max-width: 990px) {
	body {
		font-size: 16px;
	}

	.header .logo {
		text-align: center;
		float: left;
	}

	.navbar-header {
		float: right;
		display: block;
		margin-top: 5px;
	}

	.navbar-toggler {
		background: #eee;
		padding: 10px;
		border-radius: 5px;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-default {
		float: none;
	}

	.three-plan li {
		padding: 0 15px;
		margin-top: 15px;
	}

	.three-plan ul {
		background: none;
	}

	.main-plan {
		max-width: 150px;
		margin: 0 auto;
	}

	.main-unit {
		max-width: 240px;
		height: 200px;
		margin: 0 auto;
	}

	/*Search*/
	.searchblack {
		margin-top: 30px;
	}

	.searchwrap {
		display: block;
		height: auto;
	}

	.srjobseeker,
	.srcompanies {
		height: 600px;
	}

	.statsbox {
		width: auto;
		margin-top: 0;
		border-radius: 0;
		left: 0%;
		bottom: 300px;
		display: none;
	}
	.footerWrap .col-md-3.col-sm-12{
		width:  auto !important;
	}
	.searchwrap .searchtpimg {
		display: none;
	}
	.testimonialwrap{
		height: auto !important;
	}
	.section {
	
		width: 100% !important;
	}
	.Mission, .vision {
		margin: 50px 0px 50px -10px;
			
	}
	.vision {
		margin-left: -8px;
		margin: 0px 0px 20px -10px;
	}	
		
	

	h1.mb-3.text-white {
		font-size: 35px !important;
	}
	.about h3 {
		text-align: left;
	}
	.searchbar .btn {
		width: 100%;
	}
	
	.section.about .container {
		width: 100% !important;
	}
	.right_box {
		
		width: 100% !important;
		
	}

.partner-list li .bloginner {
    max-height: 710px;
}

	
	.howitwrap {
		width: 100%;
		padding: 30px;
	}

	.howitimg {
		/*position: static;*/
		display: none;
	}
    .unnathi {
        position: static;
    }

	.infodatawrap {
		display: block;
	}
	.bttxt {
		text-align: center;
	}
	.greybg {
		margin-left:0px;
	}
	.titleTop h2 {
		font-size: 28px;
		
	}
	.popularind {
		margin-top: 30px;
		text-align: left;
	}
	.titleTop h3 {
		text-align: center;
	}

		.howlist li h4 {
			font-size: 19px;
		
		}
		.cityimgg {
			text-align: center;
		}
		.popularind p {
			
			margin:14px;
			font-size: 16px;}

			.forms {
				width: 100%;
				margin: 0px !important;
			}
			.howitsection .howitwrapp {
				
				padding: 60px 40px 50px 25px;
			
			}
			.alert.alert-danger.top-margin-md {
				font-size: 14px;
				line-height: 23px;
			}
			.pdf {
				margin-left: 0px !important
			}
			.forms span.wpcf7-form-control-wrap, .forms select {
				
				float: inherit;
				font-size: 14px;
				
			}
			.forms label.col-form-label {
				width: 35%;
				float: left;
				font-size: 14px;
			}
			h2.text-white {
				text-align: center;
			}
			.contact_box .col-md-4 {
				width: 98% !important;
				
				background:#b2b2b233 !important;
				margin: 3px 0px 0px 4px !important;
				margin-top: 20px !important;
			

			}
			.top-padding-md {
				padding-top: 0px !important;
			}
			.lc-wrap {
				font-size: 20px;
				font-weight: 600;
			}
			.navbar-nav {
				width: 100%;
			}
			
			ul.dropdown-menu {
				position: inherit !important;
				display: block;
			}
			
			
			.dropdown-menu ul.sub-menu {
				position: inherit;
				left: 0;
				display: block !important;
				box-shadow: 0 0 0 0;
			}
			
			.dropdown-menu ul.sub-menu, .dropdown-menu ul.sub-menu li {
				text-decoration: initial;
				white-space: normal;
				left: 13px;
				width: 92%;
				}
			
			.navbar-collapse{
				width:100%
			}



			form.wpcf7-form.init {
				margin: 0px;
				background: aliceblue;
				padding: 10px;
				border-radius: 10px;
			}
			.cityimg, img {
				width: 100% !important;
			}
			.postimg, img {
				width: 100%;
			}
			.post-header h2 {
				
				font-size: 22px;
			}

			.faq-content .accordion-item .accordion-collapse .accordion-body {
				padding-left: 0px;
			}
			.form-group.col-md-5 {
				width: 48% !important;
				margin-right: 7px !important;
			}
			.form-control-lg {
				padding: 8px !important;
			}
			button#findJobs {
				width: 100% !important;
				height: 50px !important;
			}
			.jobint_img {
				padding: 0px !important;
			}
	.navbar-collapse.show {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 100%;
		width: 80%;
		overflow-y: auto;
		visibility: hidden;
		background-color: rgba(0, 0, 0, 0.8);
		transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
			-webkit-transform 0.3s ease-in-out;
		z-index: 10000;
		padding: 30px 0px 30px 30px;
	}
	
	.navbar-collapse.show li.nav-item.dropdown {
    padding-right: 0 !important;
}

	.close-toggler {
		background: none;
		color: #fff;
		padding: 5px;
		border: none;
		margin-top: 10px;
		font-size: 24px;
		float: right;
		display: block;
	}

	.pageSearch {
		background: #056cb8;
		padding: 120px 0 50px 0;
	}

	.pageSearch:after {
		display: none;
	}


	ul.orderlist li {
		float: none;
		width: auto;
	}

	.optionlist li {
		font-size: 14px;
	}

	.searchList li p {
		font-size: 16px;
	}

	.sidebar a {
		font-size: 16px;
	}

	.sidebar .social a {
		font-size: 30px;
	}

	.pageTitle h1,
	.breadCrumb {
		text-align: center;
	}

	/*job detail*/

	.job-header .jobinfo .companyinfo {
		text-align: left;
		margin-top: 30px;
		border-top: 1px solid #eee;
		padding-top: 30px;
	}

	.whatList li {
		margin-bottom: 30px;
	}

	.about-wraper h2 {
		margin-top: 20px;
	}

	.postimg {
		margin-top: 15px;
	}

	.about-wraper,
	.textrow {
		padding: 50px 0;
	}

	.appwraper .appbtn {
		margin-top: 30px;
	}

	.appwraper .titleTop h3 {
		font-size: 40px;
	}

	.appwraper .subtitle2 {
		font-size: 24px;
	}

	/*Footer*/

	.footerWrap h5 {
		margin-top: 25px;
		font-size: 24px;
	}

	.slidertext1 {
		font-size: 30px;
		line-height: 32px !important;
	}

	.caption {
		padding: 15px !important;
	}
}

/*******************

Large Mobile Screen

*******************/

@media screen and (max-width: 768px) {
	.topsearchwrap h5 {
		margin-top: 30px;
	}

	.navbar-nav>li {
		padding: 0 10px;
	}

	.pagiWrap {
		margin-bottom: 30px;
	}

	.jobButtons a {
		font-size: 15px;
		margin-right: 0px;
		padding: 6px 10px;
	}

	.post-header h4 {
		margin-top: 10px;
	}
}

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

	.navbar-nav li.postjob,
	.navbar-nav li.jobseeker {
		margin-bottom: 10px;
	}

	.dropdown-menu {
		position: static;
		float: none;
		width: 100%;
	}

	.usernav li a {
		padding: 12px 15px;
	}

	.titleTop h3 {
		font-size: 36px;
	}

	.catelist {
		margin-bottom: 30px;
	}

	.jobslist li {
		text-align: center;
	}

	.jobslist li h4 {
		margin-top: 5px;
	}

	.jobslist li .col-md-7,
	.jobslist li .col-md-9 {
		padding: 2px 5px 4px 3px;
	}

	.main-plan .plan-price2 {
		margin-left: 0px;
		font-size: 44px;
	}

	.pagiWrap .showreslt {
		margin-bottom: 10px;
	}

	.job-header .jobinfo {
		padding: 15px;
	}

	.job-header .contentbox {
		padding: 20px;
	}

	.searchbar .form-control {
		width: 100%;
	}

	.searchbar select.form-control {
		border-left: none;
		border-top: 1px solid #eee;
	}

	.searchbar .btn {
		margin-left: 0 !important;
	}

	/*sidebar*/

	.sidebar {
		margin-top: 30px;
	}

	.text-right {
		text-align: left;
	}

	/*Photo Streem*/

	.photo-steam li {
		width: 50%;
	}

	.appimg {
		display: none;
	}

	.appwraper .appbtn a {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.pull-right {
		float: none !important;
	}

	.comments .media-list li.margin-left80 {
		margin-left: 0;
	}
}

/*******************

	Mobiles Screen

*******************/

@media screen and (max-width: 560px) {
	.jobButtons a {
		display: block;
		margin-right: 0;
		margin-top: 10px;
	}

	.searchwrap h3 {
		font-size: 24px;
	}

	.searchbar .input-group {
		display: block;
	}

	.searchbar .btn {
		margin: 15px 0 0 0
	}

	.usernav li a {
		padding: 10px 10px;
		text-transform: none;
	}

	.error-page-wrap .errormain h2 {
		font-size: 150px;
		line-height: 160px;
	}

	.error-page-wrap .errormain h3 {
		font-size: 28px;
	}

	.searchList li {
		text-align: center;
	}

	.searchList li .jobimg {
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.job-header .jobinfo .companyinfo,
	.job-header .jobinfo .candidateinfo,
	.educationList li {
		text-align: center;
	}

	.job-header .jobinfo .companyinfo .companylogo,
	.job-header .jobinfo .candidateinfo .userPic,
	.educationList li .date {
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.job-header .jobinfo .candidateinfo .userPic {
		height: auto;
	}

	.employerList {
		margin: 15px 0;
	}

	.copyright ul li a {
		background: #ddd;
		color: #000;
		padding: 8px 15px;
		margin: 5px;
		display: block;
	}

	.copyright ul li a:hover {
		background: #333;
		color: #fff;
		text-decoration: none;
	}

	.appwraper .titleTop h3 {
		font-size: 36px;
	}

	.appwraper {
		padding-top: 50px;
	}

	.appimg {
		display: none;
	}

	.nav-tabs>li,
	.tabswrap .nav-tabs {
		float: none;
	}

	.tabswrap .nav-tabs>li {
		margin-top: 5px;
	}


}

@media screen and (max-width: 400px) {
	.header .col-md-5 {
		padding-right: 15px
	}

	.usernav li {
		width: 50%;
		text-align: center;
	}
}

span.tag {
	background-color: #1cbe72;
	transform: rotate(-45deg);
	color: #fff !important;
	position: absolute;
	padding: 6px 50px;
	left: -42px;
	top: 23px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.featuredlist .ftjobcomp span.red {
	color: red;
	margin-left: 20px;
}

.info {
	border-top: 1px solid #e0e6e9;
	padding: 15px 20px;
}

span.fw-semibold {
	color: #000;
}

.salary span.green {
	color: green;
}

a.link-btn.d-inline-block.position-relative {
	color: green;
}

.pt-100 {
	padding-top: 100px;
}

.jobint a.company-logo {
	width: 100px;
	height: 100px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	background-color: #f4f7fb;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 18px; */
	line-height: 10;
	display: inline-block;
}

span.tag.urgent {
	background-color: #d8342b;
	/* font-family: 'Open Sans', sans-serif; */
}

.icon {
	width: 80px;
	height: 80px;
	/* display: block; */
	float: left;
	position: absolute;
	padding-top: 7px;
	color: #fff !important;
	text-align: center;
	margin-right: 12px;
	font-size: 40px;
	padding-top: 22px;
	border-radius: 50%;
	align-items: center;
	left: -35px;
	justify-content: center;
	margin-top: 10px;
	color: var(--whiteColor);
	background-color: #E91E63;
}

.list-unstyled {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 40px;
}

.jobint_img {
	width: 80px;
	height: 80px;
	position: relative;
	float: left;
	padding: 8px;
	margin-right: 10px;
	border-radius: 50%;
	text-align: center;
	background-color: #ffffff;
}

.company span {
	float: right;
	color: #8BC34A;
	font-weight: bold;
}

.bttxt a {
	color: #87ff00;
	;
}

.srchint ul {
	/* margin: 20px 20px 20px 20px; */
	font-size: 1.2em;
	line-height: 30px;
	font-weight: 600;
}

.srchint ul li {
	margin-bottom: 15px;
	list-style: none;
}

.srchint ul ul {
	font-size: 1.0em;
	margin: 20px 20px 20px 40px;
}

.center-text {
	text-align: center;
}

.title-caption {
	margin-top: 100px;
	line-height: 20px;
}

.primary-color1 {
	margin-top: 100px;
}

.odepc-address-wrap {
	line-height: 22px;
}

.lc-wrap {
	line-height: 22px;
}

.contact_box .col-md-4 {
	background: #1a76c205;
	margin: 1%;
	border-radius: 20px;
	padding: 30px;
	width: 30%;
	text-align: center;
	font-size: 16px;
	line-height: 27px;
	box-shadow: 1px 1px 10px #1111110a;
}

.bg_blue {
	background: #efefef;
	padding: 20px 50px;
	margin: 50px 0;
	border-radius: 20px;
}

.gallery-one--page {
	margin-left: 120px;
}

.section.about {
	width: 75%;
	display: inline-block;
	float: left;
}

.section.about .container {
	width: 90%;
}

.right_box {
    background-color: #f6fafd;
    padding: 20px;
    border-radius: 25px;
    width: 23%;
    margin-top: 48px;
    float: left;
}

.clients h4 a {
	color: #111;
}

/* Import Google font - Poppins */

.input-field {
	position: relative;
	padding-bottom: 10px;
}

.input-field input {
	width: 100%;
	height: 55px;
	border-radius: 6px;
	font-size: 13px;
	padding: 0 15px;
	border: 1px solid #bababa;
	background: transparent;
	color: #000;
	outline: none;
}

.input-field label {
	position: absolute;
	top: 40%;
	left: 15px;
	transform: translateY(-50%);
	color: #070707;
	font-size: 15px;
	pointer-events: none;
	transition: 0.3s;
}

.input-field input:focus {
	border: 2px solid #F44336;
}

.input-field input:focus~label,
.input-field input:valid~label,
.input-field select:valid~label,
.input-field select:focus~label{
 padding:10px;
 margin-top:-25px;
 background:#f5fafe;
 color: #F44336;
}
.input-field textarea:valid~label,
.input-field textarea:focus~label{
 padding:10px;
 margin-top:-30px;
 background:#f5fafe;
 color: #F44336;
}

.input-field textarea {
	padding-top:20px !important;
}
.input-field input,
.input-field select,
.input-field textarea {
	width: 100%;
	height: 55px;
	border-radius: 6px;
	font-size: 15px;
	padding: 0 15px;
	border: 1px solid #bababa;
	background: transparent;
	color: #000000;
	outline: none;
}









.product-details {
	margin-top: 50px;
}

.abroad {
	text-align: center;
	font-size: 45px;
}

.citiessrchlist li .cityimgg img {
	border-radius: 10px 10px 10px 10px;
}

form-group {
	margin-bottom: 15px;
}

.col-form-label {
	font-weight: bold;
}

.danger {
	color: #e74c3c;
	font-weight: bold;
}

.form-control {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	transition: border-color 0.3s;
}

.form-control:focus {
	border-color: #3498db;
	outline: none;
}



.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 5px;
	right: 5px;
}

.select2-selection__rendered {
	line-height: 28px;
}

.btn {
	padding: 10px 20px;
	background-color: #e74c3c;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.btn:hover {
	background-color: #c0392b;
}

.top-padding-xs {
	padding-top: 10px;
}

.bottom-margin-sm-only {
	margin-bottom: 10px;
}

.wpcf7-spinner {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-top-color: #e74c3c;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.forms {
	/* padding: 150px; */
	background-color: #003b6808;
	margin: 15px 175px;
	/* margin-top: -170px; */
	padding: 50px;
	border-radius: 30px;
}
.flag{
	font-size: 18px;
    text-align: center;
}
.titleTopp{
	font-size: 24px;
}
.top{
	font-size: 22px;
	text-align: center;
}
.section.about .container {
	width: 90%;
    background-color: #f6fafd;
    border-radius: 30px;
    padding: 42px;
}
.howitwrapp {
    background: #6f94d9;
    padding: 60px 60px 60px 70px;
    border-radius: 40px;
    margin: 60px 0;
   
}
.titleTops h3 {
	
    font-size: 26px;
    font-weight: 600;
    color: white;
}
.faq-wrapper .faq-content .accordion-item {
    border-radius: 0;
    border-bottom: 1px solid var(--border2) !important;
    border: 0;
    padding: 10px 20px;
    margin-top: 0;
    background-color: #ffffff;
    margin-bottom: 12px;
}
.faq-content .accordion-item {
    border: 0;
    margin-top: 20px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid var(--border2);
    border-radius: 9px;
    padding: 16px 30px;
}
.faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button {
    font-weight: 600;
}
.faq-content .accordion-item .accordion-header .accordion-button {
    font-weight: bold;
    color: var(--header);
    letter-spacing: -0.2px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: white;
    padding: 10px 0;
    font-size: 20px;
}
.faq-content .accordion-item .accordion-collapse .accordion-body {
    padding-right: 30px;
    padding-left: 0;
    padding-top: 5px;
    color: var(--text);
}
.faq-content .accordion-item .accordion-collapse .accordion-body {
	padding-left: 30px;
	/* padding-left: 0; */
	padding-top: 5px;
	color: var(--text);
	font-size: 15px;
	line-height: 30px;
}
  .accordion-button.collapsed::after {
    content: "+" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.faq-content .accordion-item .accordion-header .accordion-button::after {
    content: "-";
    background: transparent;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    transition: all 0.3s ease-in-out !important;
    color: var(--header);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
}
.accordion-body ul{
	list-style: disc;
}
.single-tab-items {
    position: relative;
    /* left: 94px; */
    /* background-color: #eef3f5; */
    /* padding: 12px; */
    border-radius: 30px;
}
.tables{
	margin-left: 25px;
}
.wrapper{ 
	font-size: 30px;
}

.btn-wrapp a{
	color:#ffffff;
}




.gallery-wrap {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 70vh;
	margin-top: 80px;
	margin-bottom: 80px;
  }
  
  .item {
	flex: 1;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: none;
	transition: flex 0.8s ease;
	 
	border-radius: 25px;
  }
  .item:hover {
	flex: 7;
	filter: blur(0px);
  }
  
  .item-1 {
	background-image: url("../images/gallary11.png");
  }
  
  .item-2 {
	background-image: url("../images/gallary12.png");
  }
  
  .item-3 {
	background-image: url("../images/gallary13.png");
  }
  
  .item-4 {
	background-image: url("../images/gallary14.png");
  }
  
  .item-5 {
	background-image: url("../images/gallary15.png");
  }
  .carousel-control{
	display: none;
	width: 25% !important;
  }

  .social img {
	display: block;
	width: 32px;
  }.searchwrap
  .carousel-indicators{
	/*bottom: 122px !important;*/
	top:125px !important;
	margin-right: 45% !important;
	width: 100px;
	right: 0 !important;
	left: initial;
	}
  .carousel-indicators li{
	margin-right: 10px !important;
  }

  .form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: auto;
}
.form-control-lg{
	margin-top: 0;
	margin-bottom: 10px;
    padding: 19px 23px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 0;
    width: 100%;
    border: none;
}


#inner-hero-banner-sm .form-inline {
    max-width: 1032px;
}

.form-group.col-md-5 {
    width: 20%;
    margin-right: 10px;
}

.group.col-md-2{
	padding-left: 20px;
}
button#findJobs {
    width: 48%;
    height: 60px;
}


.top-padding-md {
    padding-top: 60px;
}
.side-bar .sidebar-head {
    padding: 24px 30px;
    background-color: #ff5f5f;
}
.side-bar .sidebar-head h4 .flaticon {
    margin-right: 14px;
}
span[class^="flaticon"]:before, i[class^="flaticon"]:before {
    display: inline-block;
    font-family: "Flaticon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 500 !important;
}
.side-bar .sidebar-head h4 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
}
.side-bar .sidebar-body {
    background-color: #f0f0f0;
    padding: 38px 35px 50px 35px;
}

select {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
  }
  
  /* Sidebar styling */
  .side-bar {
	background-color: white;
	padding: 20px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	margin-bottom: 20px;
  }
  .side-bar .sidebar-body h5 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #100909;
    margin-bottom: 15px;
}
.form-group {
    margin-bottom: 10px;
    text-align: left;
}
.select2-container {
    width: 100% !important;
}



.select2-container--default .select2-selection--single {
    background-color:red;
    border: 1px solid #aaa;
    border-radius: 4px;
   
}


  .sidebar-head h4 {
	font-size: 20px;
	margin-bottom: 20px;
  }
  
  .sidebar-body .sidebar-items {
	margin-bottom: 20px;
  }
  
  .sidebar-items h5 {
	font-size: 18px;
	margin-bottom: 10px;
  }
  
  .checkbox-group {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
  }
  
  .checkbox-group input {
	margin-right: 10px;
  }
 
  
  .btn-group {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
  }
  
  .btn {
	width: 48%;
	padding: 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
  }
  
  .btn-outline-danger {
	background-color: #CCC;
	color: #000;
  }
  
  .btn-outline-danger:hover {
	background-color: #c82333;
  }
  
  .btn-outline-info {
	background-color: #17a2b8;
	color: #fff;
  }
  
  .btn-outline-info:hover {
	background-color: #138496;
  }
  
  /* Job listings styling */
  #jobPostings {
	margin-top: 20px;
  }
  
  .latest-job h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #333;
  }
  
  .latest-job p {
	margin-bottom: 20px;
	color: #666;
  }
  
  .job-content .featured-job {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .job-content .featured-job:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  
  .featured-job-col {
	display: flex;
	align-items: center;
  }
  
  .job-time span {
	background-color: #28a745;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	margin-right: 20px;
  }
  
  .job-img img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	margin-right: 20px;
	border-radius: 50%;
  }
  
  .featured-job-info h4 {
	font-size: 18px;
	margin-bottom: 10px;
  }
  
  .featured-job-info ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #666;
  }
  
  .featured-job-info ul li {
	margin-right: 20px;
	display: flex;
	align-items: center;
  }
  
  .featured-job-info ul li i {
	margin-right: 5px;
	color: #007bff;
  }
  
  .featured-job-apply .btn {
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	transition: background-color 0.3s ease;
  }
  
  
  .pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
  }
  
  .card-list-content {
    line-height: 23px;
    width: 70%;
    float: left;
}
  
  
 .sidebar-items label{
	color:  #000 !important;
 }.row.rl-sort {
    background: #0067bb12;
    padding: 13px 5px 5px 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.row.rl-sort h2 {
    font-size: 26px;
}
.sidebar-items select{
	margin: 0px;
}
.row.rl-sort h4 {
    font-size: 14px;
    color: #ff0000;
}h4.card-list-title {
    font-size: 17px;
    color: #000;
}

.card-list {
    padding: 10px;
    margin-bottom: 20px;
    border-bottom: 1px  #41424470  dashed;
    display: inline-block;
    width: 100%;
}
a.badge.full-time {
    background: #ff0000;
    padding: 10px;float: right;
}
.card-list-content li {
    width: 45%;
    display: inline-block;
    margin-bottom: 5px;
}
 .homeblogpostss .event li .bloginner {
    background: #fff;
    padding: 20px;
    margin-bottom: 112px;
    border-radius: 8px;
    border: 1px solid #eee;
    height: 250px
}



.btn-icon.right-icon {
    text-align: right;
}
.btn-icon {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 17px 0;
    display: block;
    text-decoration: underline;
}
.card-strip {
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.card-strip .card-strip-body {
    width: 70%;
}
.card-strip .card-strip-title {
    font-size: 25px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000000;
    font-weight: 700;
    line-height: 30px;
    margin-top: -3px;
}
.card-strip .label-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
}
.badge-primary {
    color: #ffffff;
    background-color: #186fc9;
}
.badge {
    display: inline-block;
    font-size: 12px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-weight: 400;
    line-height: 19px;
    padding: 8px 22px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}
.top-margin-sm {
    margin-top: 10px;
}
.card-strip .card-strip-body + .card-strip-footer {
    border-left: 1px solid #dbc7c7;
    padding: 0 0 0 30px;
}
.card-strip .card-strip-footer {
    width: 30%;
    text-align: center;
}
.posted{
	padding: 15px;
	font-size: 15px;
	font-weight: bold;
}
.card-strip .card-strip-body ul li {
    font-size: 14px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #2a2a2a;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 0px;
}
.card-strip .card-strip-footer {
    width: 30%;
    text-align: center;
}
.card-strip .card-strip-footer .mail-to-link {
    font-size: 14px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #0067bb;
    /* background: #0067bb; */
    text-decoration: none;
    line-height: 20px;
    font-weight: 400;
    display: block;
    font-weight: bold;
    width: auto;
    text-transform: capitalize;
}
.card-strip .card-strip-footer .card-strip-footer-item label.note {
    font-size: 12px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000000;
    line-height: 20px;
    font-weight: 700;
    display: block;
    margin-top: 41px;
    margin-bottom: 13px;
}

.top-margin-xs {
    margin-top: 30px;
}
.icon-text {
    -webkit-column-count: 3;
    column-count: 3;
}
.icon-text li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}
.icon-text .span-wrap {
    padding-left: 20px;
}
.icon-text li span.sub-title {
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000000;
    font-weight: 400;
}
.icon-text li span.title, .icon-text li a.title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000000;
    font-weight: 700;
    padding-top: 2px;
    text-transform: capitalize;
}
.icon-text li + :nth-child(1n+2) {
    margin-top: 35px;
}
a:hover {
    color: #0056b3;
}
.plain_content p {
    font-size: 14px;
    line-height: normal;
}
.plain_content ol {
	
		line-height: 31px;
	
}.top-margin-sm i {
    color: #4CAF50;
}

.social-icon-wrap img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}.builder-row.top-padding-md i {
    font-size: 21px;
    color: #ff0000;
    padding-top: 10px;width: 15px;
}

/* job list pagination style starts here  */

#pagination {
    text-align: center; /* Center the pagination container */
    margin: 20px 0; /* Add margin for spacing */
}

#pagination a.page-link {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
}

#pagination a.page-link.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

#pagination a.page-link:hover {
    background-color: #e9ecef;
    color: #0056b3;
}

#pagination a.page-link.disabled {
    pointer-events: none;
    color: #6c757d;
    border-color: #ddd;
    background-color: #f8f9fa;
}

#pagination .page-item {
    display: inline;
}

#pagination .page-item:first-child a.page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#pagination .page-item:last-child a.page-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#pagination .page-item.disabled {
    pointer-events: none;
}
.rt_side {
    position: absolute;
    right: 0;
    /* width: 400px; */
    top: 30%;
}
.rt_side li a{
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.rt_side li:hover{
	padding: 10px 50px 10px 50px; 
}
.rt_side li:nth-child(2) {
    background: #dd7518;
}
.rt_side li:nth-child(3) {
    background: #1995bf;
}
.rt_side li:nth-child(4) {
    background: #14b3b9;
}
.rt_side li:nth-child(5) {
    background: #ca0c5c;
}
.rt_side li:nth-child(6) {
    background: #3F51B5;
}
.rt_side li:nth-child(7) {
    background: #ffc107;
}
.rt_side li {
    background: #99c14d;
    padding: 10px 10px 10px 50px;
    border-radius: 50px 0px 0px 50px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    width: auto;
    clear: both;
    float: right;

	transition: all 0.5s ease;
}
.w-33{
	width: 33%!important;
}
/*.marquee {*/
    /* background: #024f8b; */
/*    border-bottom: 1px solid #ffffff3d;*/
/*    margin-bottom: 5px;*/
    /* padding: 2px 50px; */
/*    color: #fff;*/
/*    float: left;*/
/*    width: 100%;*/
/*}*/
/*.marquee span {*/
/*    width: 15%;*/
/*    background: #ed6e00;*/
/*    float: left;*/
/*    padding: 5px;*/
/*    font-size: 16px;*/
/*    text-align: center;*/
/*}*/
/*.marquee marquee {*/
/*    width: 85%;*/
/*    float: left;*/
/*    padding: 5px;*/
/*    color: #FFEB3B;*/
/*}*/


.marquee {
    display: flex;
    align-items: center;
    /* background: #007bff; */
    overflow: hidden;
	border-bottom: 1px solid #ffffff3d;
}

.marquee span {
  width: 15%;
    background: #ed6e00;
    color: #ffff;
    float: left;
    padding: 10px;
    font-size: 18px;
    text-align: center;
}

/* Fallback for modern browsers */
.marquee marquee {
    display: inline-block;
	color: #ffeb3b;
    white-space: nowrap;
    /*animation: marqueeMove 25s linear infinite;*/
	/*z-index: -1;*/
	font-size: 16px;
}

/* Pause on hover */
.marquee:hover marquee {
    animation-play-state: paused;
}

/* Animation */
@keyframes marqueeMove {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}


/* slider */

    .carousel-inner .item {
        position: relative;
    }
    
    /* .carousel-caption {
        position: absolute;
        top: 50%;
        right: 10%;
        transform: translateY(-40%);
        text-align: right;
        color: white;
        padding: 0px;
        max-width: 20%;
        left: 45% !important;
        font-size: 50px;
    } */

	.carousel-caption {
		position: absolute;
		background-color: black;
		/* top: 50%; */
		right: 15%;
		transform: translateY(-40%);
		text-align: center;
		color: white;
		padding: 12px;
		/* max-width: 20%; */
		/* left: 45% !important; */
		font-size: 50px;
	}

	.carousel-control-prev-icon, .carousel-control-next-icon {
		background-color: #000000;
		border-radius: 50%;
		padding: 10px;
	}

	.carousel-control-next-icon:hover {
		background-color: black;
	}
    
    h1 {
        font-size: 50px !important;
        font-weight: 1200;
        line-height: 1.2;
    }
    
    .main-text span {
        color: #FFCC00;
    }
    
    .list {
        position: absolute;
        right: 0px;
        top: 54%;
        z-index: 10;
    }
    
    .list-item {
        display: block;
        background-color: #033d50;
        color: white;
        padding: 10px 20px;
        border-radius: 20px 0px 0px 20px;
        margin: 5px 0;
        font-size: 18px;
		transition: 1s;
        font-weight: bold;
        text-align: center;
        width: auto;
        float: right;
        line-height: 22px;
    }
    .list-item:hover {padding:10px 30px}
    .searchbarbt {
        padding-top: 20px;
    }
    
    .statsbox .col {
        margin-bottom: 20px;
		/*padding: 0 !important;*/
    }
    .carousel-inner h1 {
		position: absolute;
		left: 45%;
		top: 26%;
		color: #fff;
		/*width: 400px;*/
		font-size: 54px !important;
	}
	.carousel-inner h1 span{
color: #eaf62a;
	}
    .statint {
        display: flex;
        align-items: center;
    }
  
    .statico {
        font-size: 40px;
        margin-right: 15px;
        color: #333;
    }
    .list a {
		clear: both;
		display: inherit;
	}
    .statinfo h4 {
        margin: 0;
        font-size: 24px;
        color: #333;
    }
    
    .statinfo p {
        margin: 0;
        font-size: 14px;
        color: #777;
    }

/* FAQ Section Styling */

section.pad-tb {
    margin: 150px;
    padding: 50px 20px;
    background-color: rgba(240, 248, 255, 0.9);
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(5px);
}
.row.justify-content-center .col-lg-8 {
	display: flex;
	justify-content: center;
	margin: 20px;
}


/* Heading Styling */
.common-heading h2 {
    font-size: 36px;
    font-weight: 700;
    color: #2c3e50;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 1px;
}

/* Accordion Styling */
.accordion-item {
    border: none;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out; /* Add transition for smooth animation */
}

/* Accordion Hover Animation */
.accordion-item:hover {
    transform: translateY(-5px); /* Move item slightly up */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* Add a shadow to emphasize movement */
}

/* Accordion Header and Button Styling */
.accordion-header .accordion-button {
    font-size: 18px;
    color: #2c3e50;
    background-color: #e8f1f8;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

/* Hover and Active State for Button */
.accordion-button:hover, 
.accordion-button:focus {
    background-color: #b8d8e9;
    color: #1a252f;
}

.accordion-button:not(.collapsed) {
    background-color: #4d89a6;
    color: #fff;
}

/* Accordion Body Styling */
.accordion-body {
    font-size: 16px;
    color: #3a3a3a;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 20px;
}

/* Float Animation */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

/* Apply Float Animation on Hover */
.accordion-item:hover {
    animation: float 0.6s ease-in-out infinite alternate;
}

/* Responsive Styling */
@media (max-width: 768px) {
    section.pad-tb {
        margin: 50px 20px;
        padding: 30px 15px;
    }

    .accordion-button {
        font-size: 16px;
    }

    .common-heading h2 {
        font-size: 28px;
    }
}

.jobint {
    width: 100%;
    margin: 0 auto;
}

/* FAQ Section Styling */


/* germany style new 4 */
.program-description {
    color: #fff;
 
    padding: 15px;
    border-radius: 8px;
    line-height: 1.6;
}

.program-description .highlight {
    color: #000;
}



.health-section {
	background-color: #f5f5f5;
	padding: 60px 0;
}

.health-container {
	max-width: 1300px;
	height:auto;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.health-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

.health-title h2 {
	font-size: 32px;
	color: #333;
	margin-bottom: 15px;
}

.health-description p {
	font-size: 20px;
	color: #666;
	margin-bottom: 30px;
}

.health-button a {
	display: inline-block;
	padding: 14px 40px;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	background: linear-gradient(135deg, #007bff, #00d2ff);
	border-radius: 30px;
	box-shadow: 0 8px 15px rgba(0, 123, 255, 0.3);
	transition: all 0.3s ease;
}

.health-button {
    text-align: center;
}

.health-button a:hover {
	background: linear-gradient(135deg, #0056b3, #0091c2);
	box-shadow: 0 12px 20px rgba(0, 123, 255, 0.4);
	transform: translateY(-3px);
}




.recruitment-section {
	background-color: #ffffff;
	padding: 60px 0;
}

.recruitment-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px;
	border-radius: 12px;
	background: #056cb7;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recruitment-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

.recruitment-title {
	font-size: 28px;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
}

.program-info-list {
	list-style-type: none;
	padding: 0;
}

.program-info-item {
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
	background-color:#ffffff;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.program-info-icon {
	font-size: 32px;
	color: #007bff;
	margin-right: 15px;
}

.program-description {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
}

.highlight {
	color: #007bff;
	font-weight: 700;
}



.faq-section {
	background-color: #f9f9f9;
	padding: 60px 0;
}

.faq-wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
}

.faq-content-box {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border: 1px solid #e0e0e0;
}

.accordion {
	margin-bottom: 20px;
}

.accordion-item {
	margin-bottom: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
}

.accordion-header {
	background-color: #f7f7f7;
	padding: 0;
}

.accordion-button {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	background-color: #f7f7f7;
	padding: 15px 20px;
	border: none;
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.accordion-button:hover {
	background-color: #eaeaea;
}

.accordion-collapse {
	padding: 15px 20px;
	background-color: #ffffff;
}

.tables {
	list-style-type: none;
	padding: 0;
}

.tables li {
	padding: 8px 0;
	font-size: 16px;
	color: #555;
}

.accordion-body {
	line-height: 1.6;
	color: #333;
}


.pdf{
	margin-left: 100px;
}

.flag-out img{
    min-height: 130px!important;
}



.carousel-wrapper {
    max-width: 1000px; /* Adjust the maximum width as needed */
    margin:0 auto;
	margin-top: 30px;
	margin-bottom: 30px!important;
    padding: 20px; /* Optional padding for spacing */
}

.carousel-container {
    height: 400px;
    display: flex;
    flex-direction: nowrap;
    justify-content: start;
}

.carousel-card {
    width: 80px;
    border-radius: .75rem;
    background-size: cover;
    cursor: pointer;
    overflow: hidden;
    border-radius: 2rem;
    margin: 0 10px;
    display: flex;
    align-items: flex-end;
    transition: .6s cubic-bezier(.28, -0.03, 0, 0.99);
    box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.8);
}

.carousel-card > .carousel-row {
    color: white;
    display: flex;
    flex-direction: nowrap;
}

.carousel-card > .carousel-row > .carousel-icon {
    background: #223;
    color: white;
    border-radius: 50%;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px;
}

.carousel-card > .carousel-row > .carousel-description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    height: 80px;
    width: 520px;
    opacity: 0;
    transform: translateY(30px);
    transition-delay: .3s;
    transition: all .3s ease;
}

.carousel-description p {
    color: #ffffff;
    padding-top: 5px;
}

.carousel-description h4 {
    text-transform: uppercase;
}

/* input[type="radio"] {
    display: none;
} */

input[type="radio"]:checked + label {
    width: 600px;
}

input[type="radio"]:checked + label .carousel-description {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.testimonialwrap .carousel-inner .item{
	height: auto !important;
}

.carousel-fade .carousel-inner .item {
	transition-property: opacity;
  }
  .carousel-inner .item,
  .carousel-inner .active.left,
  .carousel-inner .active.right {
	opacity: 0;
	display: none;
	}
  .carousel-inner .active,
  .carousel-inner .next.left,
  .carousel-inner .prev.right {
	opacity: 1;
	display: block;
	}
  .carousel-inner .next,
  .carousel-inner .prev,
  .carousel-inner .active.left,
  .carousel-inner .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
  }
  .carousel-control {
	z-index: 2;
  }

 
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
     border: 1px solid #fff;  
    border-radius: 10px;
}



#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 60px;
}
#quote-carousel .carousel-control {
	background: none;
	color: #CACACA;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
#quote-carousel .carousel-indicators {
	position: relative;
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-top: 20px; 
}
#quote-carousel .carousel-indicators li {
	width: 30px;
	height: 30px;
	background: #ffffff;
	cursor: pointer;
	/* border: 1px solid #ccc; */
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	opacity: 0.4;
	overflow: hidden;
	transition: all .4s ease-in;
	vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
	width: 38px;
	height: 38px;
	opacity: 1;
	transition: all .2s;
}
.item blockquote {
	border-left: none;
	margin: 0;
}
li.d-inline-block.align-items-center.fw-semibold {
    padding: 10px;
    border-radius: 10px;
    background: #287dc0;
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 100 !important;
    font-size: 22px;
    line-height: 33px;
    height: 113px;
    margin-top: 10px;
    position: relative;
    padding-left: 80px;
}
.list-unstyled li.d-inline-block:nth-child(2) .icon {
    background: #9C27B0;
}
.list-unstyled li.d-inline-block:nth-child(3) .icon {
    background: #03a9f4;
}
.list-unstyled li.d-inline-block:nth-child(4) .icon {
    background: #FF9800;
}small.testimonial-name {
    font-size: 25px;
    color: #FFEB3B;
    font-style: italic;
    font-weight: 100;
}.testimonial-image {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}
i.fas.fa-star.filled-star {
    color: #ff0;
}

i.fas.fa-star.empty-star {
    color: #ffffff94; 
}
.align-left{
	text-align: left !important;
}

.footerWrap .col-md-3.col-sm-12 {
    width: 25% !important;
}


.testim {
	width: 100%;
	/* position: absolute; 
	padding-top: 60%;
	
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%);
	transform: translatey(-50%); */
}

.testim .wrap {
position: relative;
width: 100%;
max-width: 1020px;
padding: 40px 20px;
margin: auto;
}

.testim .arrow {
display: block;
position: absolute;
color: white;
cursor: pointer;
font-size: 2em;
top: 50%;
-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;    
-ms-transition: all .3s ease-in-out;    
-moz-transition: all .3s ease-in-out;    
-o-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
padding: 5px;
/*z-index: 22222222;*/
}

.testim .arrow:before {
	cursor: pointer;
}

.testim .arrow:hover {
color: white;
}


.testim .arrow.left {
	left: -95px;
}

.testim .arrow.right {
	right: -95px;
}

.testim .dots {
text-align: center;
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
display: block;
/*z-index: 3333;*/
	height: 12px;
}

.testim .dots .dot {
list-style-type: none;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #000;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;    
-ms-transition: all .5s ease-in-out;    
-moz-transition: all .5s ease-in-out;    
-o-transition: all .5s ease-in-out;    
transition: all .5s ease-in-out;
	position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
	background:white;
border-color: white;
}

.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;   
-moz-animation: testim-scale .5s ease-in-out forwards;   
-ms-animation: testim-scale .5s ease-in-out forwards;   
-o-animation: testim-scale .5s ease-in-out forwards;   
animation: testim-scale .5s ease-in-out forwards;   
}

.testim .cont {
position: relative;
	overflow: hidden;
}

.testim .cont > div {
text-align: center;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}

.testim .cont > div.inactive {
opacity: 1;
}


.testim .cont > div.active {
position: relative;
opacity: 1;
}


.testim .cont div .img img {
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
}

.testim .cont div h2 {
color: #f0f0f0;
font-size: 25px;
margin: 15px 0;
}

/* .testim .cont div p {
font-size: 1.15em;
color: #333;
width: 70%;
margin: auto;
line-height: 25px;
} */
.testim .cont div p {
	font-size: 19px;
	color: white;
	width: 100%;
	margin: auto;
	line-height: 25px;
}

.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;            
-moz-animation: testim-show .5s ease-in-out forwards;            
-ms-animation: testim-show .5s ease-in-out forwards;            
-o-animation: testim-show .5s ease-in-out forwards;            
animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;    
-moz-animation: testim-content-in .4s ease-in-out forwards;    
-ms-animation: testim-content-in .4s ease-in-out forwards;    
-o-animation: testim-content-in .4s ease-in-out forwards;    
animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;    
-moz-animation: testim-content-in .5s ease-in-out forwards;    
-ms-animation: testim-content-in .5s ease-in-out forwards;    
-o-animation: testim-content-in .5s ease-in-out forwards;    
animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;            
-moz-animation: testim-hide .5s ease-in-out forwards;            
-ms-animation: testim-hide .5s ease-in-out forwards;            
-o-animation: testim-hide .5s ease-in-out forwards;            
animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;        
-moz-animation: testim-content-out .4s ease-in-out forwards;        
-ms-animation: testim-content-out .4s ease-in-out forwards;        
-o-animation: testim-content-out .4s ease-in-out forwards;        
animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;    
-moz-animation: testim-content-out .5s ease-in-out forwards;    
-ms-animation: testim-content-out .5s ease-in-out forwards;    
-o-animation: testim-content-out .5s ease-in-out forwards;    
animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
0% {
	-webkit-box-shadow: 0px 0px 0px 0px #eee;
	box-shadow: 0px 0px 0px 0px #eee;
}

35% {
	-webkit-box-shadow: 0px 0px 10px 5px #eee;        
	box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
	-webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
	box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
	-webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
	box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-moz-keyframes testim-scale {
0% {
	-moz-box-shadow: 0px 0px 0px 0px #eee;
	box-shadow: 0px 0px 0px 0px #eee;
}

35% {
	-moz-box-shadow: 0px 0px 10px 5px #eee;        
	box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
	-moz-box-shadow: 0px 0px 10px 5px #ea830e;        
	box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
	-moz-box-shadow: 0px 0px 0px 0px #ea830e;        
	box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-ms-keyframes testim-scale {
0% {
	-ms-box-shadow: 0px 0px 0px 0px #eee;
	box-shadow: 0px 0px 0px 0px #eee;
}

35% {
	-ms-box-shadow: 0px 0px 10px 5px #eee;        
	box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
	-ms-box-shadow: 0px 0px 10px 5px #ea830e;        
	box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
	-ms-box-shadow: 0px 0px 0px 0px #ea830e;        
	box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-o-keyframes testim-scale {
0% {
	-o-box-shadow: 0px 0px 0px 0px #eee;
	box-shadow: 0px 0px 0px 0px #eee;
}

35% {
	-o-box-shadow: 0px 0px 10px 5px #eee;        
	box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
	-o-box-shadow: 0px 0px 10px 5px #ea830e;        
	box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
	-o-box-shadow: 0px 0px 0px 0px #ea830e;        
	box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@keyframes testim-scale {
0% {
	box-shadow: 0px 0px 0px 0px #eee;
}

35% {
	box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
	box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
	box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-webkit-keyframes testim-content-in {
from {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

to {
	opacity: 1;
	-webkit-transform: translateY(0);        
	transform: translateY(0);        
}
}

@-moz-keyframes testim-content-in {
from {
	opacity: 0;
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

to {
	opacity: 1;
	-moz-transform: translateY(0);        
	transform: translateY(0);        
}
}

@-ms-keyframes testim-content-in {
from {
	opacity: 0;
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

to {
	opacity: 1;
	-ms-transform: translateY(0);        
	transform: translateY(0);        
}
}

@-o-keyframes testim-content-in {
from {
	opacity: 0;
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

to {
	opacity: 1;
	-o-transform: translateY(0);        
	transform: translateY(0);        
}
}

@keyframes testim-content-in {
from {
	opacity: 0;
	transform: translateY(100%);
}

to {
	opacity: 1;
	transform: translateY(0);        
}
}

@-webkit-keyframes testim-content-out {
from {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

to {
	opacity: 0;
	-webkit-transform: translateY(-100%);        
	transform: translateY(-100%);        
}
}

@-moz-keyframes testim-content-out {
from {
	opacity: 1;
	-moz-transform: translateY(0);
	transform: translateY(0);
}

to {
	opacity: 0;
	-moz-transform: translateY(-100%);        
	transform: translateY(-100%);        
}
}

@-ms-keyframes testim-content-out {
from {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

to {
	opacity: 0;
	-ms-transform: translateY(-100%);        
	transform: translateY(-100%);        
}
}

@-o-keyframes testim-content-out {
from {
	opacity: 1;
	-o-transform: translateY(0);
	transform: translateY(0);
}

to {
	opacity: 0;
	transform: translateY(-100%);        
	transform: translateY(-100%);        
}
}

@keyframes testim-content-out {
from {
	opacity: 1;
	transform: translateY(0);
}

to {
	opacity: 0;
	transform: translateY(-100%);        
}
}

@-webkit-keyframes testim-show {
from {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

to {
	opacity: 1;
	-webkit-transform: scale(1);       
	transform: scale(1);       
}
}

@-moz-keyframes testim-show {
from {
	opacity: 0;
	-moz-transform: scale(0);
	transform: scale(0);
}

to {
	opacity: 1;
	-moz-transform: scale(1);       
	transform: scale(1);       
}
}

@-ms-keyframes testim-show {
from {
	opacity: 0;
	-ms-transform: scale(0);
	transform: scale(0);
}

to {
	opacity: 1;
	-ms-transform: scale(1);       
	transform: scale(1);       
}
}

@-o-keyframes testim-show {
from {
	opacity: 0;
	-o-transform: scale(0);
	transform: scale(0);
}

to {
	opacity: 1;
	-o-transform: scale(1);       
	transform: scale(1);       
}
}

@keyframes testim-show {
from {
	opacity: 0;
	transform: scale(0);
}

to {
	opacity: 1;
	transform: scale(1);       
}
}

@-webkit-keyframes testim-hide {
from {
	opacity: 1;
	-webkit-transform: scale(1);       
	transform: scale(1);       
}

to {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
}

@-moz-keyframes testim-hide {
from {
	opacity: 1;
	-moz-transform: scale(1);       
	transform: scale(1);       
}

to {
	opacity: 0;
	-moz-transform: scale(0);
	transform: scale(0);
}
}

@-ms-keyframes testim-hide {
from {
	opacity: 1;
	-ms-transform: scale(1);       
	transform: scale(1);       
}

to {
	opacity: 0;
	-ms-transform: scale(0);
	transform: scale(0);
}
}

@-o-keyframes testim-hide {
from {
	opacity: 1;
	-o-transform: scale(1);       
	transform: scale(1);       
}

to {
	opacity: 0;
	-o-transform: scale(0);
	transform: scale(0);
}
}

@keyframes testim-hide {
from {
	opacity: 1;
	transform: scale(1);       
}

to {
	opacity: 0;
	transform: scale(0);
}
}
/*07-04-26*/
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

table thead tr,
table tr:first-child {
    background: #2c3e50;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table th,
table td {
    border: 1px solid #ddd;
    padding: 10px;
}

table tbody tr:nth-child(even) {
    background: #f8f9fa;
}

table tbody tr:hover {
    background: #71b8d8;
    transition: 0.3s;
}

table td {
    text-align: center;
}

table td:nth-child(2),
table td:nth-child(5) {
    text-align: left;
}

table td[rowspan] {
    vertical-align: middle;
    font-weight: bold;
    background: #f1f1f1;
}

@media all and (max-width: 300px) {
body {
	font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
	font-size: 1.5em;
}



}

a#userDropdown {
    padding: 16px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: #fff;
    color: #000;
}
.enquiry-form {
	background: #f4f4f4;
    padding: 25px;
    border-radius: 10px;
    border-bottom: 4px solid blue;
	box-shadow: 0px 6px 12px #8d737373;
}
input#jbsearch {
    margin: 10px;
}
a.nav-link.dropdown-toggle.nav-link.register {
    margin-bottom: 10px;
}