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

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|roboto:400,400i,600,700&display=swap');
/* CSS Reset */


:root {
    --primary-color: #4FB0D0;
    --sec-color: #063376;
    --blue-color: #7BBAEC;
    --white: #ffffff;
    --black: #06132c;
    --font-size16:16px;
    --font-size18:18px;
    --font-size24:24px;
    --font-size30:30px;
    --font-size36:36px;
    --font-size48:48px;
    --font-ebold:800;
    --font-bold:700;
    --font-semi:500;
    --font-reg:400;
    --font-montserrat: "Montserrat", sans-serif;
    --font-open: "Open Sans", sans-serif;
  }
  



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.4;
	font-family: 'roboto', sans-serif;
	font-size: 14px;
	overflow: hidden;
    overflow-y: auto;
}
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;
}
a {
	color: #2bb5e3;
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:focus {
	outline: 0 solid
}
input:focus, textarea:focus {
	outline: none;
}
p {
	line-height: 22px;
}
img {
	max-width: 100%;
}
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 {
	background: #F5F7FC;
}
/*Section Title*/

.titleTop {
	margin-bottom: 10px;
}
.titleTop .subtitle {
	font-size: 18px;
	font-weight: 600;
	color: #2bb5e3;
	letter-spacing: 3px;
}
.titleTop h3 {
	font-size: 30px;
	font-weight:var(--font-bold);
	color: #000;
}
.titleTop h4 {
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-bottom: 30px;
}
.titleTop h3 span {
	color: #05366e;
	/* font-weight: 300; */
}


.hidden {
    display: none;
}

.container{max-width: 1570px;}

.btn-primary{font-size: 18px; font-weight: 700; color: #fff; background:var(--primary-color); padding: 12px 30px; border-radius: 50px; display: inline-block; font-family: 'Montserrat', sans-serif; border: none;}
.btn-primary:hover{background: var(--black);}
.btn-secondary{font-size: 18px; font-weight: 700; color: #fff; background:var(--sec-color); padding: 12px 30px; border-radius: 50px; display: inline-block; font-family: 'Montserrat', sans-serif; border: none;}
.btn-secondary:hover{background:var(--primary-color);}
.btn-white{font-size: 18px; font-weight: 700; color: #063376; background: var(--white); padding: 12px 30px; border-radius: 50px; display: inline-block; font-family: 'Montserrat', sans-serif;}
.btn-white:hover{background: #000; color: var(--white);}


.btn-primary:active, .btn-secondary:active, .btn-white:active{background: #000;}




.stcolor1{color: #4FB0D0;}
.stcolor2{color: #063376;}


#success_msg .text-success{
	background: #c7e7aa;
    display: block;
    color: #16a71c !important;
    padding: 10px 20px;
    border-radius: 5px;
	margin-bottom: 10px;
}

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

           ==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;
}
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;
}
.homeSearchBar .select2-container .select2-search--inline .select2-search__field{
	margin-top:2px!important;
}
.homeSearchBar .select2-container--default .select2-selection--multiple{
	border:none;
}
.select2-container--default .select2-selection--multiple{
	min-height:50px;
}
.select2-container .select2-search--inline .select2-search__field{
	margin:0 0 1px!important;
	min-height:29px;
}


#uploadFileButton{background: #2bb5e3; display: inline-block; color: #fff; padding: 5px 10px; cursor: pointer; border-radius: 4px}
.hideCvFileInput{opacity: 0; width: 0px}
.blogLinks a{    font-size: 18px;color: #05366e;    font-weight: 600;    display: inline-block; line-height:30px    }
.blue_text_input{color: #2bb5e3!important}
.selectedFileRow{color: #2bb5e3!important}
.selectedFileRow i{color: red!important; margin-left: 5px}

#blogLinksContainer{margin-bottom: 20px}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* Safari and Chrome */
	.select2-container .select2-search--inline .select2-search__field{
		margin:0!important;
		min-height:24px;
	}
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
	margin-right:0!important;
}
/*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: #05366e;
}
/*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: #05366e;
	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: #05366e;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
}
.mt-style-button3 .mt-style-button:hover {
	background: #05366e;
	color: #fff;
	border-radius: 3px;
	border: 2px solid #05366e;
	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: 0;
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	min-height: 85px;
}
.header .col-md-5 {
	padding-right: 0;
}
.header .logo {
	display: inline-block;
	margin: 5px 0 5px 0;
	font-size:26px;
	text-transform:uppercase;
	font-weight:bold;
	color:#073477;
}
.header .logo span{
	color:#4fb0d0;		
}
.header .logo img{
	vertical-align:middle;
}
.header .logo:hover, .header .logo:focus{
	text-decoration:none!important;
}
.navbar-light .navbar-toggler{
	border:none;
	background: #eee;
	padding: 10px 13px;
	border-radius: 5px;
}
.navbar-light .navbar-toggler span{
	color:#073477;
	margin-top:0;
	font-size:1.3em;
}

.navbar{padding: 0;}

.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0;
	min-height: auto;
	float: right;
}
.navbar {
	background: none;
}
.navbar-collapse {
	padding: 0;
}
.navbar-nav{    align-items: center; margin-top: 15px;}
.navbar-nav>li { 
	padding: 0 15px;
}
.navbar-nav>li>a {
	font-weight: 600;
	padding: 16px 0;
	border-bottom: 2px solid #fff;
	font-size: 16px;
}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 0;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
.navbar-nav>li>a:hover, .navbar-nav>li:hover>a, .navbar-nav>li.active>a {
	border-bottom-color: #05366e;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #fff;
}
.navbar-nav>li.loginlink{border-left: 2px solid #D9D9D9; padding-left: 20px; margin-left: 20px;}
.userbtn{margin-top: 7px;}
.dropdown-menu {
	border-radius: 5px;
	padding: 0;
	border: none;
	box-shadow: 2px 8px 15px rgba(0,0,0,.1);
	
}
.navbar-nav>li:hover .dropdown-menu {
	display: block;
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>a {
	font-weight: 600;
	color: #555;
	padding: 8px 15px;
	font-size: 14px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu>li>a:hover {
	background: #05366e;
	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: var(--primary-color);
	color: #fff;
	padding:14px 30px;
	border-radius: 40px;
	border: none;
}
.navbar-nav>li.loginlink i{font-size: 20px; color: var(--primary-color); margin-right: 5px;}
.navbar-nav li.jobseeker a {
	background: #666;
	color: #fff;
	padding: 16px 15px;
	border-bottom-color: #666;
}
.navbar-expand-lg .navbar-nav .nav-link.register:hover{background: var(--sec-color);}


.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;
	max-width: 36px;
	max-height: 36px;
	border-radius: 50%;
	border: 1px solid #ddd;
	padding: 3px;
}
.navbar-nav>li.userbtn .dropdown-menu {
	left: auto;
	right: 0;
	width: 200px;
}

.navbar-header{display: none;}


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

           ==Top Search css==

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

.searchwrap {
	background:#7BBAEC;
	padding:40px 0 70px 0;
	margin-top:85px;
	position: relative;
}
.searchwrap::after{background: url(../images/triangle-white.png) no-repeat bottom; height:232px; position: absolute; bottom: 0; left: 0; width: 100%; content: '';}

.searchwrap h3 {
	font-size:48px;
	color: #063376;
	font-weight: 900;
	line-height: 50px;
	margin-bottom: 0;
}
.searchwrap h3 span {
	color: #fff;
}
.searchwrap h5{font-size: 30px; font-weight: 700; color: #fff;}
.serachimg{position: relative; z-index: 2; margin-left: 40px;}
.serachimg img{border-radius: 30px; border: 8px solid #fff; box-shadow: 0 0 30px rgba(0,0,0,.1);}

.searchbar {
	margin: 0;
	margin-top: 30px;
	background: #fff;
	border-radius:70px;
	padding: 10px 10px 10px 55px;
	position: relative;
}
.searchbar::before{background: url(../images/search-icon.png); position: absolute; left: 25px; top: 50%; margin-top: -13px; width:25px; height:25px; content: '';}

.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;
	
}
.select2-container .select2-search--inline{
	float: none !important;
    padding:9px 5px 2px;
    font-size: 14px;
    color: #495057;
    font-weight: 600;
}
.srchbox label{display: block; color: #fff; margin-bottom: 5px;font-size: 1rem;}
.additional_fields{margin-top: 15px}

.additional_fields .form-control{margin-bottom: 15px;}
.searchbar .form-control {
	padding: 10px 15px 10px 5px;
	border: none;
	font-size: 18px;
	margin-right: 10px;
}
.searchbar .form-control:focus{box-shadow: none; outline: none;}
.searchbar .btn {
	background: #4FB0D0;
	color: #fff;
	border: none;
	font-size: 20px;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: 50px !important;
}
.searchbar .btn:hover{background: #000;}
.getstarted {
	text-align: center;
	margin-top: 50px;
	position: relative;
	z-index: 3;
}

.getstarted h4{font-size: 20px; font-weight: var(--font-bold);}
.getstarted p{color: var(--white); font-size: var(--font-size18); margin-bottom: 30px;}
.brdbox{border-left: 3px solid #fff;}


.ui-menu .ui-menu-item-wrapper {
    padding: 15px 20px;
    font-size: 16px;
    color: #777;
}
.ui-widget.ui-widget-content{border: none !important; border-radius:10px; box-shadow:10px 0 40px rgba(0,0,0,0.2); width: 350px !important; padding: 10px 0;  max-height: 450px;
    overflow: auto;}
.ui-menu .ui-menu-item-wrapper{padding: 15px 20px; font-size: 16px; color: #777;}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item-wrapper:hover{background-color: #eee !important; border: none !important;}
.ui-state-active{background: none !important; border: none !important; margin: 0 !important;}

.ui-widget.ui-widget-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
	border-radius: 0;
	background-color: #F5F5F5;
}

.ui-widget.ui-widget-content::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.ui-widget.ui-widget-content::-webkit-scrollbar-thumb
{
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	background-color: #ddd;
}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item-wrapper:hover {
    background-color: #eee !important;
    border: none !important;
}







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

           ==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: #05366e;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 20px;
}
.searchblack {
	background: #212234;
	padding:40px 0;
	margin-top: 0;
}
.searchbar select.form-control, .searchblack select.form-control {
	padding: 12px 15px 13px 15px;
	line-height: 46px;
}
.searchblack .searchbar{margin-top: 0;}


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

		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: #000;
	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: #E9F1FC;
    overflow: hidden;
    padding: 20px;
    border-radius: 15px;
}

.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: 1px solid #e2e8f0;
	border-radius: 0.6rem 0 0 0.6rem;
	background: #fff;
}
.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: 700px;
	overflow: hidden;
}
.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 {
	border-right: 2px solid var(--primary-color);
	background: #e2e8f0;
}
.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;
	border: 1px solid #e2e8f0;
	border-radius: 0 0.6rem 0.6rem 0;
}
.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: 30px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 605px;
}
.messages> li {
	margin-bottom: 10px;
	display: flex;
	justify-content: end;
	gap: 20px;
	flex-direction: row-reverse;
	
}
.messages> li.friend-message {flex-direction:row; justify-content: 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;
}
.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: #E9F1FC;
}
.messages .message .time {
	font-size: 12px;
	line-height: 10px;
	margin-top: 7px;
	font-weight: 400;

}
.messages .message {
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	min-height: 40px;
	padding: 15px 20px;
	position: relative;
	background: #E9F1FC;
}
.my-message .profile-picture {
}
.my-message .message .messages .profile-picture img {
	border-radius: 50%;
	border: medium none;
}
.my-message .message {
	background-color:#ecf7fd;
	text-align: right;
	width: auto;
	word-break: break-all;
}
.my-message .message::before {
	border-left-color: var(--primary-color);
}
.my-message .message::before {
	border-bottom: 0 solid transparent;
	border-left: 15px solid;
	border-top: 10px solid transparent;
	border-left-color: #ecf7fd;
	content: "";
	height: 0;
	position: absolute;
	top: 10px;
	right: -15px;
	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: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    width: 60px;
    display: block;
    border: none;
    line-height: 17px;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
}
.chat-form .input-group-prepend .input-group-text:hover{background: var(--sec-color);}
.chat-form .btn {
	padding: 15px 25px;
}
.chat-form {
    background-color: #f3f3f3;
    clear: both;
    margin-top: 15px;
    padding: 10px;
}
.message-history li .user-name .count-messages {
        float: right;
    margin: -13px;
    margin-right: 2px;
}

.list-wrap .form-horizontal{padding: 15px 25px;}
.form-control{appearance:auto;}


.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: 40px;
	font-weight: 700;
	padding: 15px;
	text-transform: none !important;
	font-family: 'Montserrat', sans-serif;
}
.sliderpara {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	text-transform: none !important;
}
.slidertext5 {
	padding: 0 15px;
}
.slidertext5 a {
	color: #fff !important;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 50px;
	text-transform: capitalize !important;
	text-align: left;
	background: #05366e;
	font-family: 'Montserrat', sans-serif;
	border-radius: 5px;
}
/************************************************

           == How it works css==

*************************************************/
.howitwrap .titleTop{margin-bottom: 35px; text-align: center;}
.howitbox{background: #F5F7FC; border-radius: 10px; padding: 30px 50px;}

.howlist {
	list-style: none;
}
.howlist li {
	margin-top: 30px;
	text-align: center;
}
.howlist li .iconcircle {
	text-align: center;
	margin-bottom: 15px;
	margin-top: -80px;
	display: inline-block;
	width: 164px;
	height: 164px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: #E9F1FC;
	line-height: 164px;
}
.howlist li .iconcircle img{margin-top: 34px;}
.howlist li h4 {
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}
.howlist li p {
	font-size: 16px;
	line-height: 24px;
	color: #0F0F10;
	margin-bottom: 15px;
}
/************************************************

           == Top Employers css==

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

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

.employerList li .empint{ background: #fff; border-radius: 5px; -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; text-align: center}



.employerList li h3{font-size: 14px; margin-top: 10px; margin-bottom: 5px;}
.employerList li p{color: #888;}
.employerList li img {
	width: 100%;
	min-height:90px;
	border: 1px solid #e5e5e5;
	display: block;
	border-radius: 0;
}
.employerList li:hover img{border-color: #05366e;}
.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;}



.sponsorcompanies .empint{border: 1px solid #E3EAF4; border-radius: 10px; padding: 20px; margin-top: 30px;}
.sponsorcompanies .empint:hover{box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);}
.sponsorcompanies .empint a{display: block; color: #000;}
.sponsorcompanies .emptbox{display: flex; width: 100%; gap: 15px;}
.sponsorcompanies .emptbox .comimg {width:90px; height: 90px; overflow:hidden; border-radius: 10px; flex: 0 0 90px;}
.sponsorcompanies .emptbox h4{font-size: var(--font-size18); font-weight: var(--font-bold); margin-bottom: 5px;}
.sponsorcompanies .cm-info-bottom, .sponsorcompanies .emloc{color: #858892; font-size: 16px;}
.sponsorcompanies .emloc i{color: #C8C8C8;}
.sponsorcompanies .cm-info-bottom{margin-top: 5px;}
.sponsorcompanies .cm-info-bottom strong{color: var(--primary-color); font-weight: var(--font-bold);}


.compnaieslist li{margin-bottom: 30px;}
.compnaieslist li .compint{background: #fff; padding:10px; border: 1px solid #e4e4e4;}
.compnaieslist li .imgwrap{overflow: hidden; margin-bottom: 0;}
.compnaieslist li .imgwrap img{width: 100%;}
.compnaieslist li:hover .compint{box-shadow: 0 0 10px rgba(0,0,0,0.1); border: 1px solid #05366e;}
.compnaieslist li h3 a{font-size: 18px; color:#073477 ;}
.compnaieslist li .loctext{margin-bottom: 10px;}
.compnaieslist li i {
    color: #05366e;
    width: 18px;
    text-align: left;
}
.compnaieslist li .curentopen, .compnaieslist li .loctext{color: #666;}
.page-item.active .page-link{
	background-color: #073477;
	border-color: #073477;
}

/*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: 0;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

.srchbx .srchint {
	padding: 30px;
	background: #fff;
}
.topcatewrap{padding-top: 0; padding-bottom: 0;}
.topcatewrap .titleTop h3{text-align: center; margin-bottom: 20px;}
.hmcategory{display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;}
.hmcategory li a{display: flex; gap: 10px; font-size: 18px; background: var(--primary-color); color: var(--white); padding: 10px 20px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.hmcategory li a strong{display: block; font-size: 16px;}
.hmcategory li a strong strong{color: var(--sec-color); font-weight: var(--font-bold); display: inline-block;}
.hmcategory li img{flex: 0 0 30px; width:30px; height: 30px;}
.hmcategory li a:hover{background: var(--sec-color);}
.hmcategory li a:hover strong strong{color: var(--primary-color);}

.popcitieslist li{margin-top: 30px;}
.popcitieslist li a{display: block; background: var(--white); border-radius: 7px; font-size: 18px; color: var(--black); padding: 15px 20px; display: flex; gap: 10px; justify-content: space-between; font-weight: 500; align-items: center;}
.popcitieslist li a:hover{box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);}
.popcitieslist li a span{display: block; color: #8C8C8C; font-size: 16px; font-weight: 400;}
.popcitieslist li i{width: 38px; height: 38px; line-height: 38px; background: var(--primary-color); color: var(--white); font-size: var(--font-size18); border-radius: 50%; text-align: center;}
.popcitieslist li a:hover i{background: var(--sec-color);}


.catelist li a {
	display: block;
	margin: 10px 0;
	position: relative;
	padding-left: 15px;
	color: #000;
	font-weight: 600
}
.catelist li a:hover {
	color: #05366e;
}
.catelist li a:before {
	position: absolute;
	left: 0;
	content: '\f0da';
	font-family: 'FontAwesome';
	font-weight: 400;
}
.catelist li span {
	color: #2bb5e3;
}


/***************************
		Searh Tabs
***************************/
.tabswrap{border-bottom:3px solid #05366e;}
.tabswrap .nav-tabs{border-bottom: none; float: right;}
.tabswrap .nav-tabs>li{margin-bottom:0;}
.tabswrap .nav-tabs>li>a{background:none; border-radius:5px 5px 0 0!important; 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:#05366e; color:#fff; border-color:#05366e; 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:#ec4684;}


.footerAdBanner{
	margin-bottom:30px!important;
}
.largebanner {
    text-align: left;
    margin: 30px auto 0;
    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==

*************************************************/
.jobsBtm{
	border-top:1px solid #e5e5e5;
	padding:10px 0 0;
	width:100%;
	float:left;
	margin:0;
}
.jobslist {
	list-style: none
}
.jobslist li {
	margin-top: 30px;
}
.jobslist li .jobint {
	background: #fff;
	padding: 15px;
	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;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border: 1px solid #e5e5e5;
}
.jobslist li .jobint:hover {
	box-shadow: 0 5px 30px rgba(0,0,0,0.1);
	border-color: #05366e
}
.jobslist li .col-md-7, .jobslist li .col-md-9 {
	padding-left: 0;
}
.jobslist li h4 {
	margin-bottom: 5px;
}
.jobslist li h4 a {
	font-size: 20px;
	color: #000;
	font-weight: 700;
}
.jobslist li h4 a:hover {
	color: #05366e;
}
.jobslist li .company {
	color: #999;
	padding: 0 0 7px 0
}
.jobslist li .company a {
	color: #05366e;
}
.jobslist li .jobloc {
	color: #000;
}
.jobslist li .jobloc span {
	color: #999;
}
.jobslist li .applybtn {
	background: #fff;
	display: inline-block;
	color: #05366e;
	font-weight: 600;
	padding: 9px 13px;
	margin-top: 20px;
	border: 1px solid #05366e;
	border-radius: 45px;
}
.jobslist li .applybtn:hover {
	background: #05366e;
	color: #fff;
	text-decoration: none;
}




.newjbox li .jobint{box-shadow:none; border-radius: 0; background:#f9fafb; border-bottom-color: #F2F9FF}
.newjbox.row{margin-top: 20px;}








.viewallbtn {
	text-align: center;
	margin-top: 40px;
}
.viewallbtn a {
	display: inline-block;
	background: #05366e;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
	border-radius: 5px;
}
.viewallbtn a:hover {
	background: #333;
	text-decoration: none;
}
.partTime {
	background: #f8a60c;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
}
.fulltime {
	background: #3DBFF6;
	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;
}



/* New Job Card */
.jobcard{box-shadow:5px 4px 30px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 15px; display: block;}
.jbcrdint{border-radius: 10px; background: #E9F1FC; padding: 20px; word-wrap: break-word;}
.jbcominf{display: flex; justify-content: space-between; gap: 10px;}
.cmpimg{width: 68px; height: 68px; border-radius: 50%; overflow: hidden; flex: 0 0 68px;}
.comnme a, .comnme h4{font-size: 18px; font-weight: var(--font-bold); color: var(--sec-color);}
.comnme{padding-top: 0; max-width: 75%; flex: 0 0 75%;}
.jbcompname{display: inline-block; margin-top: 5px; font-weight: var(--font-bold); margin-bottom: 5px; color: var(--primary-color);}
.jbdate{color: var(--black);}
.jbdate i{color: var(--primary-color);}

.jbcrdint h4 a{font-weight: var(--font-bold); font-size: 20px; color: var(--black); word-break: break-all;}
.jbcrdint h4 a:hover{color: var(--primary-color);}
.exp{color: var(--black);}
.exp strong{font-weight: var(--font-bold);}
.jbtype{margin-top: 5px;}
.jbtype span{background: #fff; border-radius: 50px; padding: 7px 15px; font-size: var(--font-size16); display: inline-block; margin-right: 5px; color: var(--black);}
.jbcrdata{padding: 10px;color: var(--black);}
.jbcrdata hr{opacity: .10;}
.jbsubt span{display: block;}
.jbsubt strong{font-weight: var(--font-bold); word-break: break-word;}

.jbloc{margin-top: 10px; color: #858892;}
.jbloc i{color: var(--primary-color);}

.jbcrdint p{word-break: break-word;}
.jobcard .clientInfo{word-break: break-word;}


.latesthmjobs .comnme{max-width: 75%; flex: 0 0 75%;}

.skills-text{
	display: -webkit-box;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4em;
	max-height: 2.8em;
	position: relative;
}
.more-text{
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	background: white;
	padding-left: 6px;
	font-weight: normal;
}
/************************************************

           == Video css==

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

.videowraper {
	position: relative;
	padding: 60px 0;
}

.videowraper .titleTop{text-align: left; margin-top: 60px;}
.vidover{padding: 30px}

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

.videowraper .embed-responsive{   
	background: #fff;
    border-radius: 30px;
    border: 20px solid #fff;
    box-shadow: 3px 8px 30px rgba(0,0,0,0.2);
}




/************************************************
           == Loginbox css==
*************************************************/
.userloginbox{background:#F5F7FC; padding:40px; border-radius: 25px;}
.userloginbox .useractlink{margin-top:30px;}
.userloginbox p{font-size: var(--font-size18); color: var(--sec-color);}
.userloginbox h3{font-size: var(--font-size36); font-weight: var(--font-bold); margin-top: 20px;}


.emploginbox{padding:40px; border: 1px solid #D0D3DC; border-radius: 25px; margin-bottom: 50px;}
.emploginbox p{font-size: var(--font-size18); color: var(--sec-color);}
.emploginbox h3{font-size: var(--font-size48); font-weight: var(--font-bold); margin-top: 20px;}
.emploginbox h4{font-size: var(--font-size24); font-weight: var(--font-bold); margin-top: 20px;}
.emploginbox .useractlink{margin-top:30px;}


/************************************************
           == Testimonials css==
*************************************************/
.testimonialwrap{background:url(../images/testimonials-bg.jpg) no-repeat center; background-attachment: fixed; background-size: cover; text-align: center;}
.testimonialwrap .titleTop h3{color: #fff;}


.testimonialsList {
	list-style: none;
}
.testimonialsList li {
	text-align: center;
	max-width: 770px;
	margin: 10px auto;
}
.testimonialsList li .ratinguser{color: #EBA102; font-size: 24px; margin-top: 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: #fff;
	font-family: 'Montserrat', sans-serif;
}
.testimonialsList li p {
	font-style: italic;
	line-height: 24px;
	letter-spacing: 2px;
	font-size: 16px;
	color: #fff;
}
.testimonialsList li .clientinfo {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #2bb5e3;
	margin-bottom: 15px;
}


.loginreviews{margin-top: 20px;}
.logtestibox{ text-align: center;}
.clientintbox{background: #F7F7F7; border-radius: 10px; padding:70px 30px 30px 30px; margin-top: -40px; position: relative;}
.clientintbox::before{background: url(../images/quotes.png) no-repeat; width: 68px; height: 49px; position: absolute; left: 30px; top: 35px; content:'';}

.logtestibox .clientname{font-size: 18px; font-weight: 600;}
.clientinfo{margin-bottom: 15px; color: var(--sec-color);}
.clientimage{width: 100px; height: 100px; border: 2px solid var(--sec-color); border-radius: 50%; padding: 6px; margin: 0 auto; position: relative; z-index: 2;}
.clientimage img{border-radius: 50%;}
.clientimage:before{    width: 9px;
    height: 9px;
    background: var(--sec-color);
    border-radius: 50%;
    position: absolute;
    left: -2px;
    bottom: 25px;
    content: '';}
	.clientimage:after{    width: 9px;
		height: 9px;
		background: var(--sec-color);
		border-radius: 50%;
		position: absolute;
		right: -2px;
		top: 25px;
		content: '';}

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

           == 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: 20px 0;
	background: #7BBAEC;
	margin-top:85px;
	
}
.pageTitle h1 {
	font-size: 36px;
	font-weight: 700;
	color:var(--sec-color);
	margin-bottom: 0;
	margin-top:5px;
}
.breadCrumb {
	text-align: right;
	color: #fff;
	margin-top: 5px;
}
.breadCrumb a {
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}
.breadCrumb span {
	color: #ccc;
	display: inline-block;
	padding-left: 5px;
}
/************************************************

           == Search List css==

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

.listpgWraper {
	padding: 50px 0;
	min-height: 400px;
}
.pageSearch {
	margin: 0;
    background: #fff;
    border-radius: 70px;
    padding: 10px 10px 10px 55px;
    position: relative;

}
.pageSearch::before {
    background: url(../images/search-icon.png);
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    content: '';
}
.pageSearch .btn {
    background: #4FB0D0;
    color: #fff;
    border: none;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 26px;
    border-radius: 50px !important;
}
.pageSearch .btn:hover{background: var(--sec-color);}
.pageSearch .searchform{ margin: 0 auto;}

.pageSearch .form-control {
    padding: 13px 15px;
    border: none;
    font-size: 18px;
    margin-right: 10px;
}

.col5{
	width:20%;
	padding:0 15px;
}
.searchform .form-control {
	height: auto;
	padding:10px 12px 10px 5px;
	font-size: 14px;
}
.searchform select.form-control {
	padding: 13px 7px;
	background: #fff;
	line-height: 45px;
}

.select2-container .select2-selection--single{ 
	height:auto!important;
	padding:9px 5px; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:10px;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
	border-radius:0!important;
	border-color:#d5d5d5!important;
}

.listingjobs li{margin-bottom: 30px;}

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

           == Sidebar css==

*************************************************/
.jobreqbtn{margin-bottom: 20px;}
.jobreqbtn a{display: block; padding: 10px 20px; text-align:left; margin-bottom: 10px; background: #05366e; 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: #2bb5e3; color: #fff;}



.sidebar {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 5px;
}
.sidebar .widget {
	margin-bottom: 20px;
	border: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	background: none;
}

.sidebar .widget  .accordion-header .accordion-button{background: none; color: var(--sec-color); font-size: 18px; font-weight: 700; box-shadow: none; padding: 0; margin-bottom: 10px;}

.sidebar .widget-title {
	font-size: 16px;
	font-weight: 700;
	color:var(--sec-color);
	margin-bottom: 20px;
}
.optionlist {
	list-style: none;
}
.optionlist li {
	margin-bottom: 15px;
	padding: 0;
	position: relative;
	padding-left: 30px;
}
.optionlist li span {
	display: inline-block;
	margin-left: 5px;
}
.optionlist li input[type=checkbox] {
	display: none;
}
.optionlist li input[type=checkbox] + label {
	width: 20px;
	height: 20px;
	border: 1px solid #e0e0e0;
	background: #fff;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0px;
}
.optionlist li input[type=checkbox]:checked + label:before {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #4ece00;
	padding-left: 0;
	position: relative;
	top: 0;
	left: 3px;
}
.sidebar a {
	color: #05366e;
	display: inline-block;
	margin-top: 10px;
}
.searchnt .btn {
	background: #05366e;
	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: #00a8ff;
	font-size: 32px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 0;
}
.social a:hover {
	color: #000;
}

.usernavwrap{padding: 0;}

/*Listing*/

.searchList {
	list-style: none;
	margin-bottom: 30px;
}
.searchList li {
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.searchList li:hover {
	box-shadow:3px 8px 10px rgba(0,0,0,0.1);
	border-bottom-color:#063376;
}
.searchList li .jobimg {
	float: left;
	width: 70px;
	margin-right: 15px;
}
.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;
}
.searchList li .listbtn a {
	background: #fff;
	display: block;
	border-radius: 40px;
	width: 100%;
	color: #05366e;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 5px;
	text-align: center;
	border: 1px solid #05366e;
}
.searchList li .listbtn a:hover {
	background: #05366e;
	color: #fff;
	text-decoration: none;
}
.searchList li p {
	line-height: 22px;
	color: #333;
	margin: 10px 0 0 0;
	text-wrap: wrap;
    word-break: break-word;
}
.searchList li .cateinfo {
	color: #05366e;
	margin: 10px 0;
}
.searchList li .minsalary {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
	color: #2bb5e3;
}
.searchList li .minsalary span {
	color: #999;
	font-weight: 400;
}
.minsalary_job {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 25px;
	color: #EA5C90;
}
/*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;
}
/************************************************

           == Job Detail css==

*************************************************/
.topjbinfobox{border: 1px solid #E3E3E3; padding: 10px; border-radius: 15px; margin-bottom: 30px;} 
.topjbinfobox .jobinfo{background: #E9F1FC; padding: 15px; border-radius: 10px;}
.jbcmptop{display: flex; gap: 15px;}
.jobdetinfo h2{font-size: 20px; font-weight: 700; margin-bottom: 0;}
.jobdetinfo h6{margin-bottom: 5px; color: var(--sec-color);}

.jbtopbtinfo{display: flex; justify-content: space-between; padding: 15px;}
.salary strong{font-weight: 700;}

.jbtype .ptext i{color: var(--primary-color);}


.jobdetailsbx{background: #E9F1FC; border-radius: 20px; padding: 40px;}


.job-header {
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
}
.job-header.nomrg{margin-bottom: 0;}
.job-header .jobinfo {
	padding: 25px;
	border-bottom: 1px solid #e4e4e4;
}
.job-header .jobinfo h2 {
	font-size: 24px;
	color: #444;
}
.jobmainreq{border-radius: 0 0 5px 5px;}

.job-header .jobinfo .ptext {
	color: #999;
	margin: 12px 0;
}
.job-header .jobinfo .salary {
	font-size: 16px;
	font-weight: 700;
	color: #888;
}
.job-header .jobinfo .salary strong {
	color: #000;
}
.companyinfo {
	margin-top: 30px;
	background: #F5F7FC;
	padding: 30px;
	border-radius: 20px;
}
.companyinfo h3{margin-bottom: 30px; color: #05366e; font-size: 24px;}
.companyinfo .companylogo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	margin-bottom: 10px;
	overflow: hidden;
	float: left; margin-right: 15px;
}
.companyinfo .companylogo img {
	display: block;
}
.companyinfo .ptext{color: #2bb5e3; padding: 7px 0;}
.companyinfo .title a {
	font-size: 24px;
	font-weight: 700;
	color: #000;
}
.companyinfo .opening a {
	color: #05366e;
}
.companyoverview{text-align: left;}
.companyoverview p{color: #555; margin-bottom: 0;}


/*Candidate Info*/
.desi{font-size: 16px;}
.job-header .jobinfo .candidateinfo .userPic {
	float: left;
	width: 100px;
	height: 100px;
	background: #cbcbcb;
	margin-right: 20px;
	border:1px solid #b1bcc5;
}

.loctext{margin-top: 10px; font-size: 16px;word-break: break-all;}
.loctext i{margin-right: 5px; color: var(--primary-color);}


.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: #05366e;
}
.cadsocial {
	margin-top: 10px;
}
.cadsocial a {
	color: #666;
	font-size: 24px;
	display: inline-block;
	margin-right: 7px;
}
.cadsocial a:hover {
	color: #05366e;
}
.relatedJobs {
	margin-bottom: 30px;
}
.relatedJobs h3 {
	font-size: 24px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
.relatedJobs .searchList li{border-radius: 0; margin-bottom: 0;}
.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-top:10px;
	margin-top: 10px;
	border-top: 1px solid #fff;
}
.applybox{text-align:right; border-top: none; margin-top: 25px; margin-right: 20px;}
.applybox a {
	padding: 10px 30px;
	font-size: 16px;
}
.applybox .btn-primary{padding: 10px 15px; margin-right: 10px;}
.applybox a:hover {
	background: #000;
	color: #fff;
}

.jobButtons .btn-primary{font-size: 16px; padding: 12px 18px;}
.jobButtons a.remove{background:#a9bdcf; color: #fff;
	font-size: 18px; border-radius: 30px;}
.jobButtons a.report {	
	background: #e01010;
	color: #fff;
	border-radius: 30px;
	padding: 10px 15px;
}
.jobButtons a.apply {
	background: #2bb5e3;
	color: #fff;
	font-size: 18px;
}
.jobButtons .jbexpire {
	background: #FF7C69;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;border-radius: 5px;
	cursor: not-allowed
}

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

.job-header .contentbox {
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.job-header .contentbox h3 {
	font-size: 24px;
	font-weight: 700;
	color:var(--sec-color);
	margin-bottom: 10px;
}
.job-header .contentbox p:empty{display: none;}
.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-bottom: 0;
	/* word-break: break-all; */
	font-size: 16px;
}
.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 ul, .job-header .contentbox ol {
	margin-bottom: 0;
}
.job-header .contentbox ul li, .job-header .contentbox ol li {
	position: relative;
	line-height: 24px;
	font-size: 16px;
}
.job-header .contentbox ul li:before, .job-header .contentbox ol li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color:var(--primary-color);
	position: absolute;
	left: 0;
}

.job-header .contentbox ul {
	list-style-type: disc !important;
	margin-left: 1.5rem;
	padding-left: 0;
}

.job-header .contentbox ol {
	list-style-type: decimal !important;
	margin-left: 1.5rem;
	padding-left: 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:#17d27c; color: #fff;}



/*Job Info*/
.jobdetail .table-bordered {
	border: none;
	margin-bottom: 0;
}
.jobdetail .table-bordered td {
	border: none;
	border-top: 1px solid #ddd;
}

.jobdetail iframe {
	width: 100%;
	height: 250px;
	border: none
}
.jobdetail h3 {
	font-size:24px;
	color:var(--sec-color);
	font-weight: 700;
}
.jbdetail {
	margin-top: 20px;
}
.jbdetail li {
	margin-bottom: 15px;
	color: #000;
	font-weight: 700;
	font-size: 16px;
}
.jbdetail li a {
	display: block;
	color: #05366e;
	font-weight: 600;
}
.jbdetail li span {
	display: block;
	color: #000;
	font-weight: 400;
}
.jbdetail li span.permanent {
	color: #2bb5e3;
}
.jbdetail li span.contract {
	color: #05366e;
}
.jbdetail li span.freelance {
	color: #2bb5e3;
	font-size: 16px;
	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: 20px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 20px;
}
.educationList li:hover {
	border-bottom-color: #05366e;
}
.educationList li:before {
	display: none;
}
.educationList li:last-child {
	border-bottom: 0;
	padding-bottom: 0 !important;
	 margin-bottom: 0 !important;
}
.educationList li .date {
	line-height: 18px;
	color: #333;
	margin-bottom: 5px;
}
.educationList li .date strong{font-weight: 700; display: inline-block; margin-right: 5px;}
.educationList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 0;
}
.educationList li p strong{font-weight: 700; color: #000;}



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



/*Experience*/

.experienceList {
	margin-bottom: 0 !important;
}
.experienceList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-bottom: 20px;
}
.experienceList li:hover {
	border-bottom-color: #05366e;
}
.experienceList li:before {
	display: none;
}
.experienceList li:last-child {
	border-bottom: 0;
	padding-bottom: 0 !important;
	 margin-bottom: 0 !important;
}
.experienceList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 10px;
}
.experienceList li p {
	margin-bottom: 0 !important;
}

.projectppList li{margin-bottom: 30px;}
.projectppList li:last-child{margin-bottom: 0;}

.projectppList li h5{margin-bottom: 0;}
.projectppList li:before {
	display: none;
}
.projectppList li strong{color: #000; display: inline-block; margin-right: 5px;}
.projectppList li .imgbox img{display: none;}



/* candidate card */
.candidatecard{box-shadow: 5px 4px 30px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 15px; margin-bottom: 30px;}
.canditop{border-radius: 10px; background: #E9F1FC; padding: 20px;}
.candijob {padding: 15px;}
.candijob p{word-break: break-all;}
.canditpbox{display: flex; gap: 30px;}
.candijob h3{margin-bottom: 5px; line-height: normal;}
.candijob h3 a{font-size: 18px; color: var(--sec-color);}
.jobdate{margin-bottom: 10px;}
.candidatecard i{color: var(--primary-color);}
.canditpbox h3{margin-bottom: 5px; line-height: normal;}
.canditpbox h3 span{display: block; font-size: 20px; color: var(--sec-color);}
.canditpbox .minsalary{font-size: 18px; margin-bottom: 10px;}

.canditop p{margin-top: 10px;}
.canditop p:empty{display: none;}
.canditop strong{display: inline-block; font-weight: 700;}

.agencyint{margin-left: auto;}

/*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%
}
/************************************************

           == 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;
	display:inline-block;
}
.inner-page .title h2 {
	color: #292929;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
}
.inner-page .title > p {
	line-height: 24px;
}


.contactform > .row{margin: 0;}
.contactform .col-lg-6{padding: 0; display: flex;}

.submitquery{background:#E9F1FC; padding: 45px; border-radius:0 15px 15px 0;}
.submitquery label{font-size: var(--primary-size); font-weight: var(--font-bold); display: block; margin-bottom: 5px; color: var(--white);}
.submitquery label i{font-size: 14px;}
.submitquery h3{font-size: var(--font-size30); margin-bottom:30px; font-weight: var(--font-bold); color: var(--black);}
.submitquery h3:after{height: 5px; width: 80px; background: var(--primary-color); content:''; display: block; margin-top: 10px;}
.companycontact p{font-size: 16px;}

.submitquery.radiusbx{border-radius: 15px;}
.companycontact{background: var(--white); padding: 45px; border-radius: 15px 0 0 15px;}
.companycontact h3{font-size: var(--font-size24); color: var(--black); font-weight: var(--font-ebold); margin-bottom: 15px; line-height: 36px;}
.companycontact h4{font-size: 24px; color: var(--primary-color); font-weight: var(--font-ebold); margin-bottom: 0;}

.submitquery .form-control {
	border:none;
	border-radius:7px;
	height: auto;
	padding: 15px 15px;
	appearance: auto;
  }



  .submitquery  .form-control:focus{box-shadow: none; }
  .submitquery textarea.form-control {height: 200px;}

  .ctinfobox{display: flex; border-bottom: 1px solid #eee; padding: 15px 0; gap: 20px;}
  .ctinfobox.ctlast{border-bottom: none; padding-bottom: 0;}
  .tptitle{display: flex; margin-bottom: 15px;}
  .ctinfobox h6{font-size: var(--font-size18); color: var(--sec-color); font-weight: var(--font-bold); margin-bottom: 0;}
  .tptitle h6 span{display: block; font-size: 14px; color: var(--primary-text-color);}
  .tptitle i{font-size: var(--heading-5); margin-right: 15px;}
  .ctinfobox p{margin-bottom: 0;}
  .ctlast p{font-weight: var(--font-bold);}

  .tpicon{flex: 0 0 60px; width: 60px;}






.contact {
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 30px;
}
.contact > span {
	color: #05366e;
	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, .contact-form input, .contact-form select{
	color: #8c8c8c;
	border: 1px solid #ddd;
	font-size: 12px;
	line-height: 32px;
	margin-bottom: 15px;
	padding: 10px 20px;
	width: 100%;
}
.contact-form select{
	padding: 16px 20px;
}
.contact-form {
	text-align: right;
}
.contact-form button {
	background-color: #05366e;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 40px;
	margin-top: 20px;
}
.starBlock{
	position:relative;
}
.requiredStar{
	position:absolute;
	left:5px;
	color:#f00;
	font-size:1.4em;
	font-size:bold;
}
/************************************************

           == 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: #05366e;
	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: #05366e;
	color: #fff;
}
.faqs h4 a:before {
	content: "\f068";
	background: #fff;
	font-family: 'FontAwesome';
	width: 30px;
	padding: 6px 0;
	color: #05366e;
	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: 20px;
}
.formpanel .formrow > label{display: block; margin-bottom: 5px; font-weight: 600; color: #333;}
.formpanel .form-control {
	height: auto;
	border-radius: 7px;
	padding: 12px 13px;
	border: none;
	background: #fff;
	border: 1px solid #fff;
}
.formpanel select.form-control {
	padding: 13px 12px;
	line-height: 45px;
}
.formpanel textarea.form-control {
	height: 150px;
}
.formpanel .formrow > label.btn{color: #fff;}


.formpanel .formrow .input-group .select2{width: 150px !important;}
.formpanel .formrow .select2-container--default .select2-selection--single{
	border: none !important;
    border-right: 1px solid #eee !important;
    margin-right: 1px;
	padding: 12px 10px;
}
.formpanel .formrow .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 11px !important;
    right: 5px !important;
}




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

.phonectcode select.form-control{max-width: 120px; border-right: 1px solid #ddd; margin-right: 1px;}

.phonectcode label.error{display: block;
    width: 100%;}

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

#projects_div h3{font-size: 16px; margin-top: 5px; word-break: break-all;}
.caption p{word-break: break-all;}

.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;
}


.close-btn{display: none;}


.select2-container--default .select2-selection--multiple{
	background: #fff;
    border: 1px solid #fff !important;
	border-radius: 7px !important;
	min-height: 49px !important;
}
.select2-container--default .select2-search--inline .select2-search__field{font-size: 1rem !important; color: var(--bs-body-color) !important;}
.radio-list{margin-top: 20px;}
.radio-inline{margin-right: 15px;}

.mce-panel{border-radius: 7px !important; border: 1px solid #ffffff !important; box-shadow: none !important;}




.userimgupbox{background: #fff; padding: 30px; margin-bottom: 30px; text-align: center;}
.userimgupbox .imagearea{min-height: 122px;}
.userimgupbox .imagearea label{display: block; margin-bottom: 5px; font-weight: 600; color: #999;} 
.userimgupbox .imagearea label span{color: #e40404;}
.userimgupbox .formrow{margin-bottom: 0;}
.formpanel .formrow > label.btn{color: #fff;
    background: none;
    color: #8b8b8b;
    border: 2px dashed #ccc;
	margin-bottom: 0;
	margin-top: 5px;
}
.formpanel .formrow > label.btn:hover{background: #eee;}

.select2-container{width: 100% !important;}


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

           == User Account css==

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

.verifytxt{color: #2bb4e2;}

.useraccountwrap{max-width: 600px; margin: 0 auto;}
.userccount {
	background: #E9F1FC;
	padding: 50px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.userccount h3{text-align: center; font-size: 30px; font-weight: 900; color: var(--sec-color);}
.userccount p {
	text-align: center;
	line-height: 24px;
	color: #999;
}
.userccount h5 {
	font-size: 20px;
	color: #000;
	font-weight: 700;
	margin-bottom: 15px;
}

.usersubpage{background: #eee;}


.passtxt{text-align: right; margin-bottom: 20px;}
.passtxt a{color: #000;}
.socialLogin {
	margin-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
	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: 30px;
	border-bottom: 1px solid #eee;
}
.userbtns .nav-tabs>li {
	width: 50%;
	margin-bottom: 0;
}
.userbtns .nav-tabs>li a {
	border: none;
	background: #fff;
	border-radius:5px 5px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #222;
	padding: 15px 30px;

}
.userbtns .nav-tabs>li a:hover, .userbtns .nav-tabs>li a.active {
	background: #05366e;
	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 #05366e;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}

.modal-body .userccount{margin-bottom: 0; padding: 25px;}
.modal-body .userccount .btn-close{
	position: absolute;
    top: 15px;
    right: 15px;
}
.modal-body  .userccount h5{text-align: center;}

.strippckinfo{background: #fff; padding: 30px; margin-bottom: 30px; border-radius: 10px; margin-top: 10px;}
.pkginfo{padding: 8px 0; border-bottom: 1px solid #eee; color: #777;}
.pkginfo strong{color: #05366e; font-weight: 700;}

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

.profileban {
    position: relative;
}
.abtuser {
    background: #fff;
    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: 18px; font-weight: 600;}

.uavatar img{display: block;}
.editbtbn a{background: #2BB5E3; border-radius:30px; 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: #000; font-size: 16px; margin-top: 10px;}
.userdata li i{color:var(--primary-color); font-size: 18px; margin-right: 10px;}


.servicesbox .titleTop h3{text-align: center; font-size: 36px; font-weight: 900; color: var(--sec-color);}

.servicebox{background: #F5F7FC; border-radius: 20px; padding: 50px; display: flex; flex-direction: column; margin-bottom: 30px;}
.servicebox h6{color:var(--primary-color); font-size:16px; font-weight: 700; margin: 0;}
.servicebox h3{color:var(--sec-color); font-size:30px; font-weight: 900; margin-bottom: 0;}
.servicebox h4{color:var(--sec-color); font-size:24px; font-weight: 700; }
.servicebox .servtxt{font-size: 16px;}
.servicebox .servtxt p{margin-bottom: 0;}
.servicebox .servtxt p:empty{display: none;}


.empbenefits h3{font-size: 30px; font-weight: 900; color: var(--primary-color);}
.agebbenefits h3{font-size: 30px; font-weight: 900; color: var(--sec-color);}

.empbenefits ul li, .agebbenefits ul li{font-size: 16px; margin-bottom: 25px; position: relative; padding-left: 35px;}
.empbenefits ul li:before, .agebbenefits ul li:before{
	content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--primary-color);
    position: absolute;
    left: 0;
	font-size: 24px;
}
.agebbenefits ul li:before{color: var(--sec-color);}
.empbenefits ul li strong, .agebbenefits ul li strong{font-weight: 700;}




/***************************
		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: #05366e;
	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: #05366e;
	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: #05366e;
	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: #05366e;
	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

**************************/
.loginpaypackages{background: #F5F7FC; padding: 60px 0;}
.lgpkgbox{background: #fff; border-radius: 15px; padding: 30px; border: 1px solid #E6E6E6; margin-bottom: 30px;}
.lgpkgbox:hover{box-shadow: 0 10px 40px rgba(0,0,0,0.1);}
.lgpkgbox h2{font-weight: 900; color: var(--sec-color); text-align: center; font-size: 30px;}
.lgprice{text-align: center; font-size: 36px; color: var(--primary-color); margin-bottom: 30px; font-weight: 900;}
.lgprice span{font-size:20px; font-weight: 400; color: var(--black);}
.lgpkgbox p{font-size: 18px; margin-bottom: 15px;}
.lgpkgbox p i{color: var(--primary-color); margin-right: 8px;}
.lgpkgbox .lgpkgbtn{text-align: center; margin-top: 30px;}
.lgpkgbox .lgpkgbtn .btn-primary{font-size: 16px; font-weight: 700;}

.pkgmodal .modal-content{text-align: center; padding: 40px;}
.pkgmodal .modal-content p{font-size: 30px; margin-top: 15px; line-height: 32px;}
.pkgmodal .modal-content i{font-size: 48px; color: #ff921d;}
.pkgmodal .btn-close{font-size: 20px;
    position: absolute;
    right: 15px;
    top: 10px;}

.pkgmodal .modal-content .lgpkgbtn{display: flex; gap:10px; justify-content: center;}
.pkgmodal .modal-content .lgpkgbtn a{font-size: 16px; padding: 12px 20px;}

.modal-content{background: #E9F1FC; border-radius: 20px; border: none;}

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

	Three colum Packages

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

.four-plan h3 {
	padding: 0px;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
}
.four-plan .boxes {
	list-style: none;
	border-radius: 5px;
	background: #fff;
	padding: 10px 20px;
	text-align: center;
	margin-top: 30px;
}
.four-plan .boxes:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.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;
	text-transform: uppercase;
}
.order a {
	background: #05366e;
	border-radius: 5px;
	padding: 12px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
}
.order.paypal a{background:#003087 ;}
.order a:hover {
	background: #333;
}

.main-plan {
	margin-bottom: 15px;
}
.main-plan .plan-price1-1 {
	font-size: 24px;
	float: left;
	color: #565656;
	margin-left: 30px;
	padding-top: 22px;
	font-weight: 300;
}
.main-plan .plan-price1-2 {
	font-size: 48px;
	font-weight: bold;
	float: left;
	color: #222;
}
.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;
}
.blogList {
	list-style: none;
}
.blogList li .bloginner{
	background: #fff;
	margin-bottom: 30px;
}
.blogwrapper .blogList li .bloginner .postimg{
	overflow: hidden;
	max-height: 300px;
	border-radius: 10px;
}

.postimg {
	position: relative;
	display: inline-block;
	
}
.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: #05366e;
	letter-spacing: 0.4px;
	outline: 3px solid #05366e;
	border: 1px solid #fff;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 12;
}
.post-header {
	margin-bottom: 20px;
}
.post-header h2{margin-top: 15px;}
.blogList li .bloginner .postimg{overflow: hidden;
	max-height: 240px;}



.postdate{background: #F5F7FC; font-size: var(--font-size16); color: var(--sec-color); padding: 10px 25px; border-radius: 50px; margin-top: 15px; display: inline-block; font-weight: 700;}
.bloginner h4 a {
	font-size: 24px;
	color: var(--sec-color);
	font-weight: 700;
	display: block;
	margin-top:10px;
	min-height:40px;
}
.post-header h4 a {
	font-size: 24px;
	color: var(--sec-color);
	font-weight: 700;
	display: block;
	margin-top:10px;
}
.post-header h4 a:hover {
	color: #333;
}
.postmeta {
	margin: 15px 0 20px 0;
	line-height: 24px;
}
.postmeta span, .postmeta a {
	color: #05366e;
}
.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: #05366e;
}
.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: #000;
}
blockquote:before {
	color: #ddd;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	font-style: normal;
	left: 24px;
	position: absolute;
	top: 20px;
	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: #2bb5e3;
	font-size: 12px;
}
.categories li a:hover {
	color: #2bb5e3;
}
/*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: #05366e;
	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 #05366e;
	background: #05366e;
	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==

*************************************************/
.usernavtoggle{background: #063376; padding: 10px 15px; font-size: 18px; font-weight: 700; color: #fff; display: none; border-radius: 10px; margin-bottom: 15px; text-align: center;}
.usernavtoggle:hover, .usernavtoggle:focus{color: #fff;}
.usernavtoggle span{display: none;}

.usernavtoggle.sticky {
	position: fixed;
	top: 70px;
	z-index: 100;
	right: 15px;
	left: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  }

.usernavwrap{margin-bottom: 30px; transition: left 0.3s ease;}
.usernavdash {
	margin-bottom: 0;
	
}
.usernavdash li a {
	border-bottom: none;
	padding: 7px 0;
	color: var(--sec-color);
	display: block;
	font-size: 20px;
}

.usernavdash li a:hover {
	color:var(--primary-color);
	text-decoration: none;
}
.usernavdash li i {
	margin-right: 10px;
	font-size: 18px;
	width: 18px;
	color: #A3B0C2;
}
.usernavdash li.active a {
	color: #05366e;
}
.usernavdash li.active a i, .usernavdash li a:hover i {
	color: #05366e;
}

.profbox{ margin-bottom: 30px;}
.profbox h3{font-size: 24px; color:var(--sec-color); font-weight: 700; margin-bottom: 20px;}
.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 {
	background: #fff;
	padding:25px;
	margin-bottom: 30px;
	border-radius:10px;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
	display: flex;
    justify-content: space-between;
}
.profilestat li i {
	font-size: 54px;
	color:var(--primary-color);
	margin-bottom: 15px;
	display: block;
}
.profilestat li h6 {
	font-size: 48px;
	font-weight: 600;
	color: var(--sec-color);
	margin-bottom: 10px;
}
.profilestat li h6 a {
	color: var(--sec-color);
}
.profilestat li h6 a:hover{color: var(--primary-color);}
.profilestat li strong {
	display: block;
	font-size: 18px;
	color: #000;
}

.table-dark th{background-color: var(--sec-color);}

.instoretxt {
	font-size: 18px;
	background: #eee;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.instoretxt .table{margin-bottom: 0;}
.instoretxt .credit {
	font-size: 24px;
	margin-bottom: 20px;
}
.instoretxt .currency {
	font-size: 16px;
	font-weight: 700;
}
.instoretxt .currency strong {
	color: #05366e;
}
.instoretxt strong {
	font-weight: 700;
	color: #05366e;
}
.instoretxt a {
	font-size: 18px;
	display: inline-block;
	padding: 9px 20px;
	background: #05366e;
	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 */

.employerconsult .profilestat li .inbox{background: var(--primary-color);}
.employerconsult .profilestat li strong, .employerconsult .profilestat li a{color: var(--white);}
.employerconsult .profilestat li i{color: #fff;}
.employerconsult .profilestat li h6 a:hover{color: #000;}


.userprofilealert{background: var(--sec-color); padding:15px 20px; border-radius: 10px; margin-bottom: 40px;}
.userprofilealert h5{font-size:20px; color: #fff; font-weight: 700; display: flex; margin-bottom: 0; align-items: center;}
.userprofilealert h5 i{font-size: 36px; color: #EEBA00; margin-right: 10px;}

.userprofilealert ul{margin-top: 5px;}
.userprofilealert ul li{margin-top: 10px;}
.userprofilealert ul li a{font-size: 16px; color: #fff;}

.userdashbox{background: #E9F1FC; padding: 40px; border-radius: 10px; margin-bottom: 30px;}
.userdashbox h4{text-align: center; font-size: 32px; color: var(--sec-color); font-weight: 700; word-break: break-word;}
.uavatar{background: #fff; width: 130px; height: 130px; overflow: hidden; border-radius: 50%; margin:0 auto;}
.uavatar img{    width: 130px;
    height: 130px;
    object-fit: cover;}

#experience_div .panel-body p, #experience_div .panel-body b, #experience_div .panel-body h5{word-break: break-all;}

.numinfo{display: block; margin-top: 5px;}


.switchbox {
	padding:15px;
	background: var(--primary-color);
	border-radius:10px;
	display: flex;
    justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.switchbox .txtlbl {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	
}
.switchbox .txtlbl i {
	font-size: 16px;
	color: #fff
}
.switchbox strong {
	font-size: 12px;
	display: block;
	margin-top: 10px;
}
.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 70px;
	height: 30px;
	background-color: white;
	border-radius: 30px;
	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;
	-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;
	font-size: 16px;
}
.switch-label:before {
	content: attr(data-off);
	right: 10px;
	color: #000;
}
.switch-label:after {
	content: attr(data-on);
	left: 10px;
	color: #000;
	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: 3px;
	left: 4px;
	width: 24px;
	height: 24px;
	background: #333;
	border-radius: 13px;
	
	-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: 42px;
	background: #3BD32E;
}
.switch-green > .switch-input:checked ~ .switch-label {
	background: #fff;
}

/************************************************
           ==Subscribe css==
*************************************************/

.subscribe {
	padding: 30px 0;
	background-color: #2bb5e3;
}
.subscribe h6 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 5px;
}
.subscribe p {
	color: #fff;
}

.subscribe .form-control {
	height: auto;
	padding: 10px 13px;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	margin-right: 1px;
	border-right: 1px solid #ddd;
}
.subscribe .btn {
	background: #333;
	padding: 10px 20px;
	color: #fff;
	border-color: #333;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:5px;
	width: 100%;
}
#subscribe_newsletter_form{margin-top: 8px;}

#companyManageSubUser .table{margin-bottom: 0;}
.table td, .table th{padding: 10px; font-size: 16px;}
.tbactions a{display: inline-block; margin: 0 5px; font-size: 20px;}

.table td.companyMenuHeading{font-size: 20px; font-weight: 700; color: var(--sec-color);}

.nodatafound{background: #f0f4f9; padding: 40px; border-radius: 10px;}
.nodatafound p{font-size: 24px; font-weight: 400; margin-bottom: 0;}
.nodatafound i{font-size: 48px; color:var(--sec-color);}

.listbtn{padding:15px 0; display: flex; gap: 4px; justify-content: start; align-items: center; flex-wrap: wrap;}
.listbtn.end-btn{padding:15px 0; display: flex; justify-content: end; gap: 4px; flex-wrap: wrap;}

.listbtn a{display: inline-block; background: var(--primary-color); color: #fff; padding: 6px 10px; border-radius: 40px;}
.listbtn a.edit{background:#9fb2cd;}
.listbtn a.secbtn{background:var(--sec-color);}
.listbtn a.del{background:#c11b1b;}
.listbtn a:hover{background: var(--sec-color);}
.listbtn a.secbtn:hover{background: var(--black);}

.userintsrch{background: #E9F1FC; padding: 15px; border-radius: 0;}
.userintsrch select.form-control{line-height:normal; padding: 15px 10px; appearance:auto;}
.userintsrch .btn{padding: 10px 30px; background: var(--sec-color);}
.userintsrch::before{display: none;}

.jbshare a{font-size: 24px; display: inline-block; margin: 0 5px;}

.btusrprof{padding: 15px;}
.candidatessrchlist li{box-shadow: 5px 4px 30px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 15px; margin-bottom: 30px;}
.candidatessrchlist li .usertpinfo{border-radius: 10px; background: #E9F1FC; padding: 20px;}
.candidatessrchlist li .usrtphead{display: flex; gap: 20px;}
.candidatessrchlist li .jobdetail{margin-left: auto;}
.candidatessrchlist li .jobinfo h3 a{font-size: 16px; display: block;}
.candidatessrchlist li .jobinfo h3 span{display: block; font-size: 20px; color: var(--sec-color);}
.userctc{margin-top: 5px; font-size: 14px;}
.userctc i{display: inline-block; width: 20px; color: #9ca9bd;}
.catc{margin-top: 10px;}
.userctabox{margin-left: 30px;}
.profilebtns .listbtn{padding-bottom: 0;}


/* Company */
.companyheader{background: #E9F1FC; padding: 30px; border-radius: 15px; margin-bottom: 30px;}
.companyheader .userPic{border: 2px solid #fff; width: 150px; height: 150px; border-radius: 50%; background: #fff; padding: 15px; overflow: hidden; margin: 0 auto; box-shadow: 5px 4px 30px rgba(0, 0, 0, 0.1); margin-bottom:20px;}



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

           ==Footer css==

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

.footerWrap {
	background:var(--sec-color);
	padding: 50px 0;
}

.ftcontent{border-bottom: 2px solid rgba(255,255,255,0.2); padding-bottom: 30px; margin-bottom: 30px;}
.ftcontent h4{color: #fff; font-size: var(--font-size24); font-weight: var(--font-bold);}
.notice{border-left: 1px solid rgba(255,255,255,0.2); padding-left: 50px;}


.footerWrap h5 {
	font-size:18px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
}
.footerWrap p {
	line-height: 22px;
	color: #ccc;
}
.footerWrap .ft-logo {
	margin-bottom: 15px;
}

.footerWrap .address{margin-bottom: 20px; padding-top: 8px; color: #fff; position: relative; padding-left: 30px;line-height: 20px;}
.footerWrap .address:before{position: absolute; left: 0; content: '\f3c5'; font-family:'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; color: var(--primary-color);}

.footerWrap .email{margin-bottom: 20px; color: #fff; position: relative; padding-left: 30px;}
.footerWrap .email:before{position: absolute; left: 0; content: '\f0e0'; font-family:'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; color: var(--primary-color);}

.footerWrap .email a, .footerWrap .phone a{color: #fff;}
.footerWrap .phone{margin-bottom: 20px; color: #fff; font-size: 18px; font-weight: 700; position: relative; padding-left: 30px;}
.footerWrap .phone:before{position: absolute; left: 0; content: '\f879'; font-family:'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; color: var(--primary-color);}


.social {
	margin-top: 20px;
}
.social a {
	color: #fff;
	font-size: 32px;
	display: inline-block;
	margin-right: 5px;
}
.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 a {
	display: block;
	color: #fff;
	padding: 5px 0;
	font-size: 14px;
}

.footerWrap .quicklinks li a:hover, .footerWrap .quicklinks li a:focus {
	color: #ccc;
	text-decoration: none;
}
.copyright {
	padding: 10px 0;
	color: #777;
	text-align: center;
}
.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 {
	color: #888;
	line-height: 24px;
}
/*copyright*/

.copyright {
	padding: 20px 0;
}


.delete_alert{color: #f00;}

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

	Build cv page code - start

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


#csvbuild {
	scroll-margin-top: 10rem;
}

.a-color {
	color: #000;
}

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

	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: 32px;
	text-align:center;
	display:block;
	width:100%;
}
.main-plan .plan-price1-2 {
	font-size: 50px;
	text-align:center;
	display:block;
	width:100%;
	line-height:1;
	color:#213977
}
.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
}
.searchwrap h3{font-size: 48px; line-height: 48px; margin-top: 0 !important;}
.searchbar{margin-top: 25px;}
.getstarted{margin-top: 30px;}
.jobslist li .applybtn {
	margin-top: 15px;
}
.pageSearch a.btn {
	margin-bottom: 15px
}
.jobslist li .applybtn{
	padding: 9px 10px;
	font-size:0.7em;
}
}

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

	Tablet Screen

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

@media screen and (max-width: 990px) {
.header{min-height: 70px;}

.header .logo {
	text-align: center;
	padding-right: 100px;
	font-size: 18px;
}
.navbar-nav>li.userbtn .dropdown-menu{display: block; width: 100%; box-shadow: none;}
.navbar-header {
	display: block;
	    margin-top: 0;
    position: absolute;
    top: 18px;
    right: 15px;
}
.userbtn{margin-top: 15px;}
.navbar-nav{align-items: start;}

.navbar-nav>li.user1tplinks{display: none;}

.navbar-nav>li{padding-left: 0; width: 100%;}
.navbar-nav>li.loginlink{border-left: 0; padding-left: 0; margin-left: 0;}
.navbar-toggle {
	background: #ccc;
}
.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;
}
.pageSearch .searchform{text-align: center;}

.jobpagetop{padding-top: 40px;}
.pageTitle{margin-top: 110px;}
.usernavtoggle{display: block; margin-top: 10px;}
.usernavtoggle.navopen{text-align: center;}
.usernavtoggle.navopen strong{display: block;}
.navbar-expand-lg .navbar-nav .nav-link.register{text-align: center;}

.usernavwrap{display: none;
	position: fixed;
    left: -350px;
    top: 0;
    height: 100%;
    width: 350px;
    background-color: #fff;
	z-index: 100;
    box-shadow: 15px 0px 10px rgba(0,0,0,0.2);
	overflow-y: auto;
	border-radius: 0;
	padding: 30px;
	-webkit-overflow-scrolling: touch;
	
}
.close-btn{
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 20px;
    text-align: center;
	display: block;
}

.usernavwrap .close-btn{top: 8px; right: 10px; position: sticky; margin-left: 90%;}
.usernavwrap .switchbox{margin-top: 20px;}

.switchbox{text-align: left;}
.jobcard{margin-bottom: 30px;}
.listingjobs li{margin-bottom: 0;}
.widget select.form-control{margin-bottom: 10px;}
.applybox{text-align: left; margin-right: 0;}
.hmfeat li:last-child .jobcard{margin-bottom: 0;}
.sponsorcompanies li:first-child .empint{margin-top: 10px;}

/*Search*/
.serachimg{text-align: center; margin-top: 30px; margin-left: 0;}
.searchwrap {
	padding:40px 0 20px 0;
	margin-top: 70px;
}

ul.orderlist li {
	float: none;
	width: auto;
}
.optionlist li {
	font-size: 12.5px;
}
.searchList li p {
	font-size: 16px;
}
.sidebar a {
	font-size: 16px;
}
.sidebar .social a {
	font-size: 30px;
}

/*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;
}
.titleTop h3{
	font-size:32px;
}

.notice{border-left: none; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 40px; margin-top: 40px;}
	
}

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

Large Mobile Screen

*******************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body{
		font-size:12.5px!important;
	}
	.jobdetail {
		padding: 10px;
	}
	.table td, .table th {
		padding: 10px 5px;
	}
	
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
		padding-left:8px;
		padding-right:8px;
	}
	.row{
		margin-left:-8px;
		margin-right:-8px;
	}
	.job-header .jobinfo .candidateinfo .desi{
		font-size:14px;
	}
	.job-header .jobinfo .candidateinfo .userPic{
		margin-bottom:20px;
	}
	.searchList li{
		padding:10px;
	}
	.contentbox{
		padding:10px!important;
	}
	.agencyCandidateStatus .replyBtn {
		margin-top: -3px !important;
		padding: 5px 9px !important;
		width: 100% !important;
		float: right !important;
		margin-bottom: 15px;
	}
	.jobdetail h3 {
		font-size: 14px;
		color: #05366e;
		font-weight: 700;
	}
	.job-header .jobinfo {
		padding: 10px;
	}
	.job-header .jobinfo .candidateinfo .loctext i{
		width:10px;
	}
	.searchList li h3 a{
		font-size:15px;
	}
	.usernavdash{
		padding:5px;
	}
	.userccount{
		padding:10px;
	}
	.searchList li .jobimg {
		float: left;
		width: 40px;
		margin-right: 10px;
		margin-top:15px;
	}
	.formpanel {
		margin-top: 0;
	}
	.userccount h5 {
		font-size: 16px;
	}
	.searchList li .listbtn {
		margin-top: 10px;
	}
	.abtuser{
		padding:15px;
	}
	.formpanel .btn{
		padding:7px;
	}
	.sidebar{
		padding:10px;
	}
	.optionlist li {
		margin-bottom: 10px;
		padding: 0px 0;
		position: relative;
		padding-left: 26px;
	}
	.jobreqbtn a {
		display: block;
		padding: 10px 7px;
		text-align: left;
		font-size: 13px;
	}
	.switchbox{
		padding:10px;
	}
	
	.switchbox .txtlbl {
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.view_more {
		margin-top: 13px;
		display: block;
		text-align: right;
	}
	.footerWrap h5 {
		margin-top: 0px;
		font-size: 16px;
	}
	.form-control{
		font-size:12.5px;
		padding:10px;
	}
	.searchnt .btn{
		padding:10px 5px;
	}
}


@media screen and (max-width: 768px) {
.userccount{
	padding:20px;
}		
.topsearchwrap h5 {
	margin-top: 30px;
}

.pagiWrap {
	margin-bottom: 30px;
}
.jobButtons a {
	font-size: 15px;
	margin-right: 0px;
	padding: 6px 10px;
}
.post-header h4 {
	margin-top: 10px;
}
.jobslist li h4, .jobslist li .company{
	text-align:left;
}

}
.modal-header  .close{
	position:absolute;
	right:15px;
}
@media screen and (max-width: 767px) {
h3 {
    font-size: 20px;
}	
.header .logo{margin-top: 12px;}
.btn-secondary, .btn-primary, .btn-white{font-size: 16px; padding: 15px 25px;}


.brdbox{border-left: none;}
.getstarted{margin-top: 0;}
.getstartbox{margin-top: 30px;}
.getstarted p{margin-bottom: 10px;}
.howitbox{margin-bottom: 40px;}

.jobsEmployer{
	margin-top:0!important;
}
.select2-container .select2-search--inline {
    padding: 10px 4px 6px;
    font-size: 14px;
}
.instoretxt{
	margin-bottom:0;
}	
.packageBlock span{
	display:block;
	font-size:0.9em;
}	
.pageTitle h1 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
	word-break: break-word;
}
.breadCrumb {
	text-align: center;
}	
.userccount{
	padding:20px;
}	
.contact-form textarea{
	height:150px;
}	
.inner-page .title h2{
	font-size:30px;
	line-height:1.2;
}	
.jbdetail li {
    line-height: 1.6;
}	
.leftSideBarJobList{
	display:none;
}
.message-inbox .list-wrap{height:auto;}
.section{
	padding:30px 0;
}	
.howitwrap{padding-top: 0;}
.topcatewrap{padding-top: 0; padding-bottom: 0;}
.footerWrap {
    background: #002248;
    padding: 30px 0 40px 0;
}
.howlist li:last-child .howitbox{margin-bottom: 20px;}
.emploginbox h3{font-size: var(--font-size36); line-height: 36px;}
.paylogos{text-align: center;}
.bttxt {text-align: center; font-size:0.9em; margin-bottom:10px;}
	
.videowraper .titleTop{
	margin-top:0;
	
}	
.vidover{
	padding:0 15px 15px;
}
.jobslist li .applybtn{
	padding: 9px 5px;
	font-size:0.75em;
}	
.newjbox li .jobint img, .jobslist li .jobint img{
	max-height:70px;
}
.tabswrap .nav-tabs > li > a{
	padding:15px 10px;
}	

.navbar-nav li.postjob, .navbar-nav li.jobseeker {
	margin-bottom: 10px;
}


.usernav li a {
	padding: 12px 15px; 
}
.titleTop h3 {
	font-size: 28px;
}
.catelist {
	margin-bottom: 30px;
}
.jobslist li h4 {
	margin-top: 5px;
}
.jobslist li .col-md-7, .jobslist li .col-md-9 {
	padding-left: 15px;
}
.main-plan .plan-price2 {
	margin-left: 0px;
	font-size: 44px;
}
.pagiWrap .showreslt {
	margin-bottom: 10px;
}
.searchform .form-control {
	margin-bottom: 0;
}
.job-header .jobinfo {
	padding: 15px;
}
.job-header .contentbox {
	padding: 20px;
}
	

.hmcategory li{flex: 0 0 46%; width: 46%;}
.userloginbox .useractlink a, .emploginbox .useractlink a{margin-top: 15px; margin-left: 0 !important;}

.hmcategory li a{display: block; height: 100%;}
.hmcategory li a span{display: block;}

/*sidebar*/

.sidebar {
	margin-top: 0;
}

/*Photo Streem*/

.photo-steam li {
	width: 50%;
}
.appimg {
	display: none;
}
.appwraper .appbtn a {
	margin-right: 0;
	margin-bottom: 15px;
}
.pull-right {
	float: none !important;
}
.navbar-collapse {
	padding: 0 15px;
	padding-bottom: 15px;
}
.comments .media-list li.margin-left80 {
	margin-left: 0;
}
.contactform{padding: 20px;}
.submitquery{padding: 30px; border-radius: 15px; margin-top: 20px;}
.companycontact{padding: 30px; border-radius: 15px;}
.listbtn{padding-top: 0;}
.listbtn a{margin-top: 7px;}

.contactform .col-lg-6{padding: 0 15px;}
.ctinfobox{display: block;}
.companycontact h3{font-size: var(--font-size30);}

.emploginpagebox .pageSearch{display: none;}
.seekerloginpage .page-heading{display: none;}

}

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

	Mobiles Screen

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

@media screen and (max-width: 560px) {
	.pageTitle{margin-top: 75px;}

	.pageSearch .searchform .input-group{display: block;}
	.pageSearch .form-control{width: 100%; padding: 15px 10px; margin-right: 0; border: 1px solid #ddd;
        border-radius: 5px !important;
        margin-bottom: 10px;}

	.searchbar{padding:20px; border-radius: 15px;}
	.searchbar::before{display: none;}
	.srchbox .input-group{display: block; text-align: center;}
	.srchbox .form-control{width: 100%; padding: 15px 10px; margin-right: 0; font-size: 14px; border: 1px solid #ddd;
        border-radius: 5px !important;
        margin-bottom: 10px;}

	.pageSearch{padding: 20px; border-radius: 15px;}
	.pageSearch::before{display: none;}

	
	.profilestat li .inbox{display: block;}
	.profilestat li h6{margin-bottom: 0; line-height: 48px;}
	.profilestat li strong{font-size: 14px;}
	.profilestat li i{margin-bottom: 8px;}

	.userprofilealert{display: block;}
	.editbtbn{margin-top: 10px;}
	.listbtn a{margin-top: 10px;}
	.canditpbox{display: block;}
	.jbcominf{display: block;}
	.listbtn.text-end{color: red !important; text-align: left !important; justify-content: end !important;}
	.compdetail{margin-top: 10px;}

.compnaieslist li .imgwrap{
	width:100%;
}	
.compnaieslist li .imgwrap img{
	max-height:150px;
	width:auto;
	margin:0 auto; 
	display:block;
}	
.compnaieslist li h3 a{
	text-align:center;
	display:block;
}
.jobButtons a {
	display: block;
	margin-right: 0;
	margin-top: 10px;
	text-align: center;
}
.searchwrap h3 {
	font-size: 32px;
	line-height:32px;
}
.searchwrap h5{font-size: 24px;}
.searchbar .btn{padding: 10px 20px; font-size: 16px;}


.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;}
.userloginbox .useractlink .btn-primary, .userloginbox .useractlink .btn-white{font-size: 16px;  padding: 12px 25px;}

}

@media screen and (max-width: 400px) {
.header .col-md-5 {
	padding-right: 15px
}
.usernav li {
	width: 50%;
	text-align: center;
}
}

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

           ==css by RG==

*************************************************/
.help-block-error{
	color:red;
}
.help-block{
	color:red;
}
.CompanyID{
	color:#063376;
}
.navtitle {
	color: #000;
	font-size: 20px;
	font-family: var(--font-montserrat);
	font-weight: var(--font-bold);
	color: var(--primary-color);
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 20px;
}

.usernavdash li.navtitle:first-child{border-top: none; padding-top: 0; margin-top: 0;}

#dashboardStatHeading {
	background-color: #333;
	color: white;
	padding: 10px 0px 1px 10px;
	border-radius: 4px;
	font-size: 13px;
	text-align: left;
}
.jobsEmployer{
	margin-top: -40px;
} 
.imgCustomClass{
	max-width:100%; 
	max-height:100px;
}
.ctc{
	font-size: 14px;
	color:#073477;
	line-height: 18px;
}
/* .agencyCandidateStatus{
	background-color: #05366e; 
	color: #fff; 
	text-decoration: none;
} */
.jobStatus{
	color:#ea5c90;
font-size: 20px;
font-weight: bold;
}
/*.candidateStatus{
background:#ea5c90;
color:#fff;
padding: 10px 18px;
border-radius: 40px;
margin-top: 8px;
}*/
.agencySelect
{
	margin-top: 27px;
font-size: 20px;
font-weight: bold;
}
.shareJobBtn
{
	margin-top: -27px !important;
}
.replyBtn
{
	margin-top: -18px !important;
padding: 8px !important;
width: 100% !important;
float: right !important;
}

.usermsgslist li{margin-top: 10px;}
.usermsgslist li h5{margin-bottom: 0;}
.usermsgslist li .msgdate{color: #777; margin-top: 5px;}
.replybtn{margin-top: 20px;}
.replybtn a{background: var(--sec-color); color: #fff; font-size:16px; padding:  10px 25px; display: inline-block; border-radius: 5px;}
.replybtn a i{color: #fff;}


.desiredCareer{
	font-size: 17px;
	color: #2bb5e3;
	font-weight: 500;
}
.searchLable{
	padding: 5px;
	color: #999;
	font-weight: 500;
}
.addLink{
	    font-weight: bold;
    font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.header .logo{
		font-size:18px;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.compnaieslist li h3 a{
		font-size:17px;
	}
	.searchform label{
		font-size:12px;
	}
	.searchform .btn{
		font-size:14px;
	}
	.jobSeekerSideBar{
		display:none;
	}
	.col5 {
		width: 20%;
		padding: 0 5px;
	}
	#advanceSearch{
		margin-top:15px;
	}
}
#btnAdvanceSearch{
	margin-top:10px;
}
@media (max-width: 767px) {
	.jobSeekerSideBar{
		display:none;
	}
	#btnAdvanceSearch{
		margin-bottom:15px;
		margin-top:0;
	}
	.col5{
		width:100%;
		padding:0 15px;
	}
	.select2-container{
		/* margin-bottom:15px!important; */
	}
	.searchform .row {
		margin: 0 -15px;
	}
}

/* var started */
.userloginbox .container,.emploginbox .container {
    background: #f1eded;
    opacity: 70%;
    padding: 14px;
}

.nav-item.dropdown.userbtn ul.dropdown-menu {
    right: 0;
	top: 90%;
}

.dropdown.userbtn ul.dropdown-menu{    
	right: 0;
}
span.select2-selection__clear{
	display:none;
}

.minimal-swal 
{
	width: 350px;
	height: 70%;
	background-color: #E9F1FC !important
}

.swel2-icon-custom
{
	font-size: 1rem !important;
	width: 3.2em !important;
	height: 3.2em !important;
}

.swel2-title-custom
{
	font-size: 24px !important;
	font-weight: bold !important;
}
.swel2-html-custom
{
	font-size: 15x !important;
}

.custom-swal-popup
{
	background-color: #E9F1FC !important
}
.custom-swal-button
{
	background-color: #4FB0D0 !important
}

.key-skills
{
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
	line-height: 1.4em;
	height: 2.8em;
	overflow: hidden;
	font-weight: 600;
	position: relative;
	/* width:100%;
	height:20px;
	/* white-space:nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* display:block; */

}

.key_skills_more
{
	text-decoration: none;
	/* margin-left: 15px; */
	white-space: nowrap;
}