/* General styles */
/* Bold font */
@font-face {
    font-family: 'MuktaBold';
    src: url('../fonts/Mukta-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* ExtraBold font */
@font-face {
    font-family: 'MuktaExtraBold';
    src: url('../fonts/Mukta-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* Extra bold weight */
    font-style: normal;
}

/* Medium font */
@font-face {
    font-family: 'MuktaMedium';
    src: url('../fonts/Mukta-Medium.ttf') format('truetype');
    font-weight: 500; /* Medium weight */
    font-style: normal;
}

/* Regular font */
@font-face {
    font-family: 'Mukta';
    src: url('../fonts/Mukta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FbCarbonMedium';
    src: url('/path-to-your-font/FbCarbon-Medium.otf') format('opentype'); /* for OTF */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MinionPro';
    src: url('/path-to-your-font/MinionPro-Regular.otf') format('opentype'); /* for OTF */
    font-weight: normal;
    font-style: normal;
}

html,body{
	width:100%;
	overflow-x: hidden;;
}

body {
	font-family: 'Arial', sans-serif;
	color: #333;
}

body p{
	font-family: 'MuktaMedium';
	line-height:1.1;
}

body h1{
	line-height: 1.1;
}

body ul li{
	font-family:'muktamedium';
}


.btn-link:hover,a:hover{
	color:#007fad;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,.btn-primary {
    color: #fff;
    background-color: #004b69;
    border-color: #005cbf;
}

.btn-primary.focus, .btn-primary:focus,.btn-primary:hover{
	background-color: #004b69;
}

.desktop_view_hero_section {
	background:url('../images/slider.png');
	background-repeat: no-repeat; /* Prevents the image from repeating */
	background-size: cover; /* Ensures the image covers the entire area */
	background-position: top right;
}

.employers {
	background-color:#fafcfc;
}

.job-seekers {
	background-color:#fff;
}

.cta {
	background-color: #eaf8ff;
}

.stats,.mobile_stats {
	background-color: #f8f9fa;
}

/* Header */
header img {
	max-width: 150px;
}

header .btn-link {
	color: #007bff;
}

/* Footer */
footer {
	background-color: #f8f9fa;
	color: #6c757d;
}

.logo_image{
	display: inline-block;
	float: inline-start;
	width:35%;
}

.header_menubar{
	padding-top:30px;
}

.header_menubar a{
	background: #b1cbe3a3;
	border-radius: 18px;
	font-size: 17px;
	line-height: 17px;
	color: #007fad;
	padding: 10px 25px;
	font-family:'Mukta';
}

.bless_words{
	float:right;
	color:#007fad;
	font-weight:700;
}

.hero{
	position:relative;
}

/* .hero .content_wrapper{
	opacity: 0;
} */

.hero img{
	width:100%;
}

.hero .absolute{
	position: absolute;
	right: 0;
	left: 0;
	top:0;
}

.display_slider_content{
	font-size: 58px;
	text-align: left;
	font-weight: 900;
	color:#004b69;
	font-family: 'MuktaExtraBold';
	padding-top:235px;
}

.hero .container p {
	font-size: 33px;
	text-align: left;
	font-weight: 300;
	padding-right: 100px;
	color:#004b69;
}

.hero .container .btn {
	float: left;
	background: #004b69;
	color:#fff;
}

.find_job_section .container{
	display: flex;
	position: relative;
	max-width:800px;
}

.find_job_section .container h1 {
	position: absolute;
	left: 155px;
	top: 15px;
	font-size: 60px;
	text-align: left;
	font-weight: 900;
	color:#004b69;
	font-family: 'MuktaExtraBold';

}

.stats,.mobile_stats{
	background: #004b69!important;
}

.count_no_users_col {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 1rem;
}

.count_no_users_col:not(:last-child) {
	border-right: 1px solid #9dcde0;
}

.count_no_users_col img {
	width: 80px;
	height: auto;
	display: inline-block;
}

.count_no_users_col h3 {
	line-height: 3.5rem;
	font-weight: bold;
	color: #fff;
	text-align: left;
	font-size: 5rem;
}

.count_no_users_col p{
	font-size: 34px;
	color: #9dcde0;
	text-align: left;
	line-height: 1.8rem;
	padding:10px;
	margin:0;
	font-family:'mukta';
}

.count_no_users_col .img_container{
	flex-direction: column;;
}

.employers .employer_title,.job-seekers .job-seekers_title {
	color: #9dcde0;
	font-size: 7rem;
	text-align: left;
	padding-left: 60px;
	font-weight:700;
	font-family: 'MuktaExtraBold';
	line-height: 0.9;
}

.employers img,.job-seekers img{
	width:70%;
}

.find_talent_btn{
	align-items: center;
	display: block;
	margin: 20px 115px;
	padding: 15px;
	width: 60%;
	background: #9dcde0;
	border: 0;
	border-radius: 10px;
	color: #004b69;
	font-weight: 900;
	font-size: x-large;
}

.employers_features,.job-seekers_features{
	display:block;
}

.employers_features .lead ,.employers_features p,.job-seekers_features .lead ,.job-seekers_features p{
	display: inline-block;
	float: inline-start;
	color:#004b69;
	text-align: left;
}

.employers_features .lead,.job-seekers_features .lead {
	font-size: 34px;
	font-weight: 700;
	margin:0;
}

.stats h7 {
	color: #fff;
	font-size: 35px;
	font-weight: 600;
	text-align: left;
	line-height: 1;
}

.faq .container{
	margin-top:32rem;
}

.faq h2{
	font-size: 5rem;
	color: #004b69;
	font-weight: 700;
	font-family: 'MuktaExtraBold';
}

.faq ul{
	margin: auto;
	padding-left: 120px;
	padding-right: 120px;
}

.faq ul li{
	background: #f5fafc;
	font-size: 30px;
	color: #004b69;
	text-align: left;
	padding: 20px 10px 20px 10px;
	border-radius: 20px;
}

.faq ul li i{
	color: #9dcde0;
}

.faq h1{
	font-size: 6rem;
	color: #9dcde0;
	font-family: 'MuktaMedium';
}

.btn{
	text-align: center;
	font-weight: 700;
	border: 0;
	border-radius: 30px;
	font-size: 35px;
	padding: 15px 38px;
	font-family:'Mukta';
	background: #9dcde0;
	color:#004b69;
}

a:hover{
	text-decoration: none !important;
}

.past_current_future_btn{
	color: #9dcde0;
	border: 2px solid #9dcde0;
	font-size: 23px;
	padding: 5px;
	background: #004b69;
	font-family: 'Mukta';
	font-weight:700;
}


.past_current_future_btn:hover{
	background: #9dcde0;
	color: #004b69;
}

.cta .container-fluid{
	padding-left:0;
	padding-right:0;
}

.cta .container-fluid h1{
	padding: 47px 615px 38px 250px;
	float: left;
	font-size: 4rem;
	background: #e4ecf2;
	width:100%;
	font-weight:700;
	color:#004b69;
	font-family: 'MuktaExtraBold';
}

.cta .container-fluid img{
	position: absolute;
	right: 75px;
	width: 30%;
	bottom: 5;
}

.testimonials h2{
	padding-right: 5px;
	font-size: 5rem;
	color: #004b69;
	font-weight: 700;
}

.blockquote{
	color: #004b69;
	font-size: 1.1rem;
	font-weight: 700;
}

.contact,.modal-content{
	background: #e4ecf2;
}

.modal-header{
	border:1px solid #fff;
}

.contact h2,.modal h2{
	color: #004b69;
	font-size: 5rem;
	font-weight: 700;
}

.contact .form-group ,.modal .form-group{
	color: #c8d9e6;
}

.contact input,.contact textarea,.modal input,.modal textarea{
	color: #c8d9e6;
	border: 0;
	border-radius: 20px;
	font-size: 1.5rem;
	padding:20px;
}

.contact .btn,.modal .btn{
	background: #004b69;
	border-radius: 30px;
	font-size: 1rem;
	color:#fff;
}

.desc_feature{
	font-size:22px;
	font-family:'mukta';
}

.desktop_view_hero_section{
	display:block;
}

.mobile_view_hero_section{
	display:none;
}

.mobile_view_hero_section img{
	width:100%;
}

.mobile_view_hero_section h1 {
    position: absolute;
    top: 235px;
}

.btn.focus, .btn:focus{
	box-shadow:0 0 0 0 rgba(0,123,255,.25);
}

.btn-link.focus, .btn-link:focus,.btn-link.hover, .btn-link:hover{
	text-decoration: unset;
	border-color:#005cbf;
}


.logo_image2 {
    display: inline-block;
    width: 35%;
}


.mobile_stats{
	display:none;
}

.stats{
	display:block;
}

@media (max-width: 992px) {

	.header_menubar{
		padding-top:0;
	}

	.bless_words{
		font-size:15px !important;
	}

	h1,h2{
		text-align: center;
	}

	p{
		font-size:30px !important;
		padding:0 !important;
	}

	.btn{
		padding:15px 14px;
	}

	.btn-primary{
		font-size:23px;
		margin:1rem auto!important;
	}

	.count_no_users_col{
		padding-top:40px;
	}

	.stats_col,.stats_col_2{
		border-right: none;
		padding-right: 0;
	}

	.cta .container-fluid img{
		right:0;
	}

	.faq ul{
		padding-left:0;
		padding-right:0;
		padding-top:0;
	}

	.faq ul li{
		font-size: 15px;
		padding:0;
	}

	.faq .container{
		margin-top:0rem;
	}

	.find_job_section{
		margin-top:2rem;
	}
}

@media (max-width: 450px){
	.cta .container-fluid h1{
		font-size:20px !important;
	}

	.faq{
		margin-top:6rem;
	}
}

@media (min-width:450px) and (max-width:585px){
	.cta .container-fluid h1{
		font-size:30px !important;
	}

	.faq{
		margin-top:12rem;
	}
}

@media (min-width : 585px) and (max-width : 890px){
	.cta .container-fluid h1{
		font-size:2.5rem !important;
	}

}

@media (min-width:585px) and (max-width :993px){
	.faq{
		margin-top:17rem;
	}
}



@media (max-width:1517px){
	.cta .container-fluid h1{
		text-align:justify;
		padding:2rem !important;
	}
}
@media (min-width : 349px) and (max-width : 450px) {
	.hero .absolute h1{
		font-size: 20px !important;
		padding-top: 30px;
	}
}

@media (min-width : 349px) and (max-width : 451px) {
	.hero .absolute p{
		padding-top: 0 !important;
		font-size: 19px !important;
	}
}

@media (min-width : 349px) and (max-width : 451px) {
	.hero .absolute h1{
		font-size: 20px !important;
		padding-top: 30px;
	}

	.hero .absolute a {
		font-size: 15px;
		margin: 0rem auto !important;
		padding: 10px 10px;
	}
}

@media (min-width : 451px) and (max-width : 501px) {
	.hero .absolute h1{
		font-size: 24px !important;
	}


	.hero .absolute p{
		padding:0 !important;
		font-size: 26px !important;
	}

	.hero .absolute a {
		font-size: 20px;
		margin: 0rem auto !important;
		padding: 15px 15px;
	}
}

@media (min-width : 501px) and (max-width:700px) {

	.hero .absolute h1{
		padding-top:30px !important;
		font-size: 30px !important;
	}
}

@media (min-width : 501px) and (max-width:830px) {

	.hero .absolute p{
		font-size: 26px !important;
	}

	.hero .absolute a {
		margin: 0rem auto !important;
	}

}




@media (max-width: 1300px) {

	/*.absolute p,.absolute a{
		display:none;
	}*/

	/*.mobile_view_section{
		display:block !important;
	}*/

	/*.hero .absolute{
		left:-10px;
	}*/

	.desktop_slider{
		display:none;
	}

	.mobile_slider{
		display:block !important;
	}


	.hero .content_wrapper{
		width:65%;
	}

	.hero .display_slider_content{
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		padding-top:60px;
	}
}

@media (min-width: 600px) and (max-width: 1367px){
	p{
		font-size:32px !important;
	}

	/*.hero .absolute {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 115px;
	}*/

}

@media (max-width: 525px){
	h1,h2{
		font-size:30px !important;
	}
}

@media (min-width: 525px) and (max-width: 770px){
	h1,h2{
		font-size:40px !important;
	}
}

@media (max-width:768px){
	.count_no_users_col{
		border-right:unset !important;
	}
	
	.employers .employer_title, .job-seekers .job-seekers_title{
		font-size:40px !important;
		text-align: center;
		padding-left: 0;
	}

	.mobile_stats .count_no_users_col img,.stats_col{
		width:60px;
		height:60px;
		display:inline-block;
	}


	.mobile_stats .count_no_users_col h3 {
		line-height: 3.5rem;
		font-weight: bold;
		color: #fff;
		text-align: left;
		font-size: 2.5rem;
		padding-top:15px;
	}

	.mobile_stats .count_no_users_col p{
		text-align: center;
		font-size:20px !important;
	}

	.mobile_stats{
		display:block;
	}

	.stats{
		display:none;
	}

	.cta .container-fluid img{
		width:40%;
	}

}


@media (min-width: 767px) and (max-width:992px){
	.count_no_users_col img{
		width:55px;
	}
	.count_no_users_col h3{
		font-size:3rem;
	}
}


@keyframes moveUpDown {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-30px); /* Move the arrow 10px upwards */
	}
	
}

.find_job_section img {
	animation: moveUpDown 2.5s ease-in-out infinite; /* Animation duration, timing, and infinite loop */
}

.count_no_users_col .stats_col{
	width:100%;
	align-items: center;
}

.count_no_users_col .stats_col a{
	width:75%;
}

@media (min-width:767px) and (max-width:993px){
	.count_no_users_col .stats_col a {
		width: 100%;
	}
}

.btn-link:hover{
	background-color: #004b69;
	color:#fff;
 }

.absolute .btn:hover{
	background: #6287a4a3;
	color:#004b69;
 }

 @media (max-width: 550px) {
	.header_menubar a{
		font-size:10px;
		padding:10px 14px;
	}
 }


 @media (max-width : 552px){
	footer p{
		font-size:20px !important;
	}
}

.toggle-icon {
	cursor:pointer;
	display:flex;
}

.toggle-icon i{
	color:#9fcfe3;
	font-size:25px;
}

@media (min-width:1380px){
	#faqAccordion{
		padding-left:90px;
		padding-right:90px;
	}
}

@media(max-width:992px){
	#faqAccordion .card-header h5{
		display:contents !important;
	}
}

#faqAccordion .card{
	background: #f5fafc;
	border-radius: 20px;
	border:0;
}

#faqAccordion .card-header{
	color:#054966;
}

#faqAccordion .card-header h5{
	font-size: 23px;
	font-weight: bold;
	font-family: 'MuktaMedium';
	display:inline-block;
}

#faqAccordion .card-body p{
	color: #054966;
	font-family: 'Mukta';
	font-size: 18px;
}

.send_request_btn{
	font-size:13px;
}

/* For Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

/* For Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.modal{
	font-family: 'Mukta';
}

.modal-title{
	color: #054966;
	font-weight:700;
}

.modal .message-container p{
	font-size:20px;
}

.success{
	color: #054966;
}

.error{
	color:red;
}

.modal-body{
	padding:2rem 1rem;
}

.signup_link{
	color:#004b69;
	border-bottom: 1px solid #004b69;
	font-weight: 600;
}

.create_resume_message{
	color: #004b69;
	font-size: 17px;
	padding-bottom:1rem;

}

.modal-header .close{
	padding:6px;
	font-size:30px;
	margin:0;
}

.txt-footer-hover {
	color: #6c757d;
}

.txt-footer-hover:hover {
	color: #004b69;
}