/*
Theme Name: CoRecruit
Theme URI: https://wordpress.org/themes/corecruit/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: CoRecruit brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corecruit
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

.ContentPart.Contentbg.aboutpg h2{
   color: #b4703b;
   font-weight: 300;
   
}

.flipCard{
   padding: 70px 0 60px 0;
}
.flipCard .wrapper,
.flipCard .single-card{
   height: 300px; 
   max-width: 100%;
   position: relative;
   background: #f3f4f5;
   border-radius: 6px;
}
.flipCard .single-card{
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-box-shadow: 2px 2px 21px -1px rgba(0,0,0,0.75);
   -moz-box-shadow: 2px 2px 21px -1px rgba(0,0,0,0.75);
   box-shadow: 2px 2px 21px -1px rgba(0,0,0,0.45);
}
.flipCard .wrapper h2{
   color: #102430;
   font-size: 17px;
   line-height: 25px;
   text-transform: uppercase;
   margin-bottom: 0;
}
.flipCard .wrapper{
   perspective: 900px;
   margin-bottom: 20px;
}
.flipCard .single-card{
   text-align: center;
   transition: all 1.5s cubic-bezier(0.7, -.5, 0.3, 1.8);
   transform-style: preserve-3d;
}
.flipCard .wrapper:hover .single-card{
   transform: rotateY(180deg);
}
.flipCard .front,.flipCard .back{
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   backface-visibility: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 30px;
}
.flipCard .front .iconImage{
   width: 60px;
   height: 60px;
   margin: 0 auto 15px;
}
.flipCard .front .iconImage svg{
   fill: #b4703b;
   stroke: #b4703b;
}
.flipCard .back p{
   font-size: 16px;
   line-height: 25px;
   color: #102430;
   font-weight: normal;
   margin-bottom: 0;
}
.flipCard .back{
   transform: rotateY(180deg);
   position: absolute;
   height: 100%;
}
.footerbg .horizontal_bg{
   padding: 150px 0;
}
.footerbg .helloBlock{
   max-width: 800px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 100px 50px;
}
.footerbg .helloBlock h2{
   color: #102430;
}
.footerbg .helloBlock a.info-line{
   border: 1px solid #b4703b;
   font-weight: normal;
   color: #102430;
}
/*20.03.2023 CSS Soham Paul*/
h2.behav-details{
   font-size: 42px;
   margin: 50px 0 40px;
   line-height: 48px;
   color: #b4703b;
   font-weight: 300;
}
span.underline{
   position: relative;
   width: 50px;
   height: 2px;
   background: #b4703b;
   display: inline-block;
   margin-bottom: 20px;
}
p.about-service {
   width: 50%;
   margin: 0 auto;
   padding-top: 40px;
}
/*27-03-2023*/
body.home {
    background: #fff !important;
}
.home_services_list aside.col-xs-4{
	width: 20%;
}

.home_services_list aside.col-xs-4 .HomeServiceBox{
	background-color: #fff;
	height: 225px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.home_services_list aside.col-xs-4 h3{
	font-size: 22px;
	text-align: center;
	color: #102430;
}
.home_services_list aside.col-xs-4 p{
	font-size: 17px;
	text-align: center;
	color: #102430;
	line-height: 20px;
}
.home_services_list aside.col-xs-4 .HomeServiceBox img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 40%;
    margin: auto;
    display: block;
    margin-top: 20px;
    height: 100px;
    object-fit: cover;
}
.home_services_list aside.col-xs-4 .HomeServiceBox .HomeServiceText {
    padding: 25px;
}
.service_img{
	height: 120px;
}
.behav-service{
   justify-content: center;
   display: flex;
   flex-wrap: wrap;
}
.businessService {
    margin: 70px 0;
}



/************ rahul 30.03.2023 *************/

.joob-rwo .form-control {
    width: auto;
    height: 44px !important;
    box-shadow: inherit;
    border-radius: 0px;
    border: 0;
    border-bottom: none;
    background: none;
    font-size: 16px;
    color: #262c49;
    padding: 0;
    position: relative;
}

/*.joob-rwo select::after{
    content: url(assets/images/search.png);
    position: absolute;
    top: 0;
    right: 0;
}*/

.select-bnox{
  position: relative;
  margin-right: 30px;

}

.select-bnox img{
      position: absolute;
    right: -40px;
    top: 8px;
    width: 8%;
}

.joob-rwo select.form-control{
  margin-top: 50px;
  cursor: pointer;
  padding: 0px 5px;
}

.joob-rwo select option{
  padding: 10px 10px;
}

.joob-rwo .block-title h2 {
    font-size: 26px;
    margin: 0px 0 0px;
    color: #b4703b;
}

.joob-rwo {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.joob-rwo::after{
      content: url(assets/images/Path-img-c.png);
    position: absolute;
    width: 100%;
    transform: scale(.3);
    top: -135%;
}


.joob-rwo input[type='search']{
  border-bottom: 1px solid #b4703b;
  width: 400px;
}

.joob-rwo .select-bnox{
  text-align: -webkit-right;
}

.joob-rwo #search-addon {
    width: 30px;
    position: absolute;
    right: 6px;
    top: 10px;
}

.JobFilter {
    position: relative;
    padding-bottom: 100px;
}

.JobFilter::after{
    content: url(assets/images/Path-img-c.png);
    position: absolute;
    transform: scale(.3) rotate(269deg);
    bottom: -11%;
    z-index: -1;
    left: 20%;
}

.page-template-current_employment .overlay{
  background-color: rgba(0,0,0,0.5);
  height: 100%;
}

/************ 30.03.2023  *********/

#banner .carousel-text h1 {
    margin: 0;
    font-weight: 700;
/* font-weight: bold; */
}

#InnerBanner h1{
	font-weight:700;
}

.page-template-recruitment-service .serviceCTA img {
    width: 100%;
	margin-top:-26px;
}

.overlay {
    background-color: rgba(0,0,0,0.4);
    height: 100%;
}

/* 03-04-2023 */

.repeaterSec h3{
   font-size: 20px;
   font-weight: 400;
}

.HomeServiceBox svg#_x3C_Layer_x3E_ {
   width: 30%;
   display: block;
   margin: auto;
   height: 100px;
   object-fit: cover;
}

.home_services_list aside.col-xs-4 .HomeServiceBox .HomeServiceText {
   padding: 25px 10px;
}

.home_services_list aside.col-xs-4 .HomeServiceBox .HomeServiceText {
   padding: 25px 10px;
   height: 150px;
   display: grid;
   justify-items: center;
   align-items: center;
   justify-content: center;
   align-content: center;
}

.home.animation .toggle .bar{
   background: #102430;
}

.helloBlock a:hover{
   background: #b4703b;
    color: #fff!important;
    border: 1px solid #fff;
}

.businessSectitle h2{
   font-size: 32px;
}


.page-template-behavioural-assessment .flipCard .wrapper h2{
   text-transform: none;
}

/* 04-04-2023 */
.footerbg .horizontal_bg {
   padding: 150px 0;
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
}

.page-template-recruitment-service .RightService .ServiceImage:after {
   content: ""!important;
   left: -62%!important;
   bottom: -300px!important;
   transform: scale(0.7)!important;
}

/************ 17-04-2023 *********************/

.ContactForm .form-control{
	border-bottom: 2px solid #b4703b;
}

.ContactForm #wpcf7-f158-o1 .primary-line{
	border: 2px solid #b4703b;
	font-size: 18px;
	font-weight: 600;
	padding: 5px 42px;
	letter-spacing:1px;
}

div#wpgmza_map {
    height: 715px !important;
}

.contact-info .container {
    width: 1350px;
}

.contact-info .box{
	-webkit-box-shadow: 1px 10px 29px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 10px 29px -12px rgba(0,0,0,0.75);
     box-shadow: 1px 10px 29px -12px rgba(0,0,0,0.75);
	padding:40px 40px;
	margin-top:40px;
	margin-bottom:120px;
	position:relative;
	border-radius:5px;
	background-color:#fff;
}

.contact-info .box:before {
    background: url(https://co.boldly.cc/wp-content/themes/corecruit/assets/images/c-icon.png) left top no-repeat;
    height: 489px;
    width: 455px;
    display: block;
    position: absolute;
    content: "";
	left:20%;
    top: -145%;
    transform: scale(.4);
    z-index: -1;
}

.contact-info .box h3 {
    font-size: 22px;
    margin: 0px 0 30px;
	color:#b4703b;
}

.contact-info img{
    margin-left: auto;
    display: block;
}

.contact-info ul li span{
	color:#b4703b;
	font-size:20px;
	margin-right:20px;
}

.contact-info ul li a{
	color: #000;
	font-size:18px;
	font-weight:500;
}






@media only screen and (max-width: 1280px) {
	
.contact-info .container {
    width: auto;
}
	
	
}



@media only screen and (max-width: 1024px) {

.contact-info .box {
    padding: 30px 30px;
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative;
    border-radius: 5px;
}
	
.contact-info ul li span {
    color: #b4703b;
    font-size: 15px;
    margin-right: 10px;
}
	
.contact-info ul li a {
    font-size: 14px;
}	
	
.contact-info .box h3 {
    font-size: 18px;
    margin: 0px 0 20px;
}	
	

}

@media only screen and (max-width: 992px) {
	
.contact-info .box h3 {
    font-size: 18px;
    margin: 20px 0 0px;
}

.contact-info img {
    margin-left: 0;
    display: block;
	margin-top:30px;
}	
	
	
	
	
	
	
}