body{
/*background: url('../images/bg.png');
*/font-family: "Open Sans", Arial, sans-serif;
  background: #efefef;
  /*background: red;*/
}
 
#header{
  /*background: #edf9ef;*/
}
#header .container{
border-top: 5px solid;
color: #3cad4f;
border-radius: 4px;
/*background: #edf9ef;*/

}
/*############################# Nav section ##############################*/

#nav-section {
  margin-top: -15px;
}
#nav-section ul {
  
}
#nav-section ul li {}
#nav-section ul li a {
  font-size: 15px;
  color: green;
  font-weight: bold;
  padding-right: 15px;
   padding-bottom: 2px;
   padding-left:5px;
}
#nav-section ul li a:hover {
  color: #fff;
  background: green;
  border-radius: 4px;

}


.social_main{}
.social_main .social_icon{
  font-size: 22px;
}
.social_main .social_icon i:hover{
  color:green;
}

.nav_drop_down{}


.nav_drop_down .dropdown-menu{

}
.nav_drop_down .dropdown-menu a {
  border-bottom: 1px solid #2eb02e;
  border-radius: 0;
}

.nav_drop_down .dropdown-menu a:last-child{
   border-bottom: 0px solid #2eb02e;
}


.user_details_div p.lead_p {
    margin-top: 10px;
    font-size: 25px;
    color: green;
}

/*##################### Carasol section ##############################*/

#carousel .container{
  /*max-width: 1170px !important;*/
}
/*#################### Header Css ########################*/
.logo {
  width: 100%;
  height: 100%;
  padding: 20px 0 !important;
}
.logo img {
  width: 49%;
}
.social_div{}
.social_div .social_icon {
font-size: 37px;
}

.social_div .social_icon a{}
.social_div .social_icon a i{}
/*####################### Recent Jobs ############################*/
.recent_title {}
.recent_title strong{}
/*###################### give job section ########################*/
.give_job_title{}
.give_job_title h2 {
font-size: 40px;
}
.give_job_opt{}
.give_job_opt .feature-box-info{}
.give_job_opt .feature-box-info h4{}
.give_job_opt .feature-box-info p{}
.give_job_opt .align-item-end{}
.give_job_opt .align-item-end i {
font-size: 39px;
color: #40b000;
}
/*############################ Call to action #######################*/
.call_text{}
.call_text p {
margin: 0;
font-size: 22px;
}
.call_text p em {
color: #3cd600;
font-family: "Shadows Into Light", cursive;
font-size: 31px;
}
.get_start{}
.get_start a {
padding: 13px 0px;
font-size: 19px;
}
.call_main_div{background: #000;}
/*########################### Footer Section #################################*/
.footer_main_div{
/*padding-top: 25px;*/

}
.footer_left_logo{}
.footer_left_logo img {
width: 61%;
}

.nav_footer{}
.nav_footer ul {}
.nav_footer ul li{   border-right: 2px solid #fff; }
.nav_footer ul li a{
  line-height: 3px;

  color:#fff;
}
.nav_footer ul li a:hover{
  color: #34d926;
}
.nav_footer ul li:last-child{
  border-right: 0px solid #fff;
}


/*....................... end .............................*/


/*............................. active job.php ......................*/ 

#directory {
 
}

#directory h2 {
  color: #fff;
  font-size: 38px;
  margin-left: 11px;
  border-bottom: 9px solid #468036;
  display: inline-block;
  margin: 1px 1px -9px 0;
  line-height: 61px;
}
.breadcrumb {
  background-color: #000 !important;
  margin-bottom: 0px;
  padding-top:13px;
}
.breadcrumb li {
  font-size: 23px;
  color: #fff !important;
  font-size: 19px;
}
.breadcrumb li a{}

#job_info {
  background: #fff;
  padding: 26px 0;
}
#job_info .container {
  background: #F5DEB3;
  border: 1px solid #F5DEB3;
  padding: 22px 25px;
  line-height: 23px;
  border-radius: 10px;
  /* margin-top: 13px; */
}

/*#job_list {
  padding: 33px 5px;
  text-align: center;
}
*/

.c_status {
  /* float: left !important; */
  margin-right: 4px !important;
  border: 1px solid #000 !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 49%;
}




/*...................New Campaign.............*/
#contant_top .strong{    font-weight: bold;}
.featured-box-secundary .box-content {
    border-top-color: #2ea300;
}
.featured-box-secundary h4 {
    color: #2ea300;
}
.featured-box-secundary i.icon-featured {
    background-color: #2ea300;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}

/*.#################### New Campaign ###################*/ 

.my_wallet{}
.my_wallet .card {
  border-top: 6px solid green;
  border-radius: 8px;
  background: #fafafa;
}
.my_wallet .card h4 {
  color: green;
  margin-bottom: 15px;
  font-size: 24px;
}
.my_wallet .card i.fa-money-bill-alt {
  background: #2ea300;
  padding: 38px;
  font-size: 45px;
  color: #fff;
  border: 1xp solied #2ea300;
  border-radius: 50%;
  margin: 26px 0px;
}

.my_wallet .card h3 {
  color: green;
  padding: 8px 0;
  font-size: 25px;
}
.my_wallet .card a{}
.my_wallet .card a i{}

.quick_faq{}
.quick_faq ul{}
.quick_faq ul li {
  font-size: 18px;
  color: #858585;
  line-height: 33px;
}
.quick_faq h4 {
  color: green;
  margin-bottom: 19px;
}


/*..................................... Slider css ............................*/ 
.da-slider{
  width: 100%;
  min-width: 520px;
  height: 400px;
  position: relative;
  margin: 30px auto;
  overflow: hidden;
  background: transparent url(../images/waves.gif) repeat 0% 0%;
  border-top: 8px solid #efc34a;
  border-bottom: 8px solid #efc34a;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
  -webkit-transition: background-position 1.4s ease-in-out 0.3s;
  -moz-transition: background-position 1.4s ease-in-out 0.3s;
  -o-transition: background-position 1.4s ease-in-out 0.3s;
  -ms-transition: background-position 1.4s ease-in-out 0.3s;
  transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  text-align: left;
}
.da-slide-current{
  z-index: 1000;
}
.da-slider-fb .da-slide{
  left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
  left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
  position: absolute;
  opacity: 0;
  left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
  left: 10%;
  opacity: 1;
}
.da-slider-fb .da-slide .da-img{
  left: 60%;
  opacity: 1;
}
.da-slide h2{
  color: #fff;
  font-size: 66px;
  width: 50%;
  top: 60px;
  white-space: nowrap;
  z-index: 10;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  font-family: 'Economica', Arial, sans-serif;
  font-weight: 700;
}
.da-slide p{
  width: 45%;
  top: 155px;
  color: #916c05;
  font-size: 18px;
  line-height: 26px;
  height: 80px;
  overflow: hidden;
  font-style: italic;
  font-family: 'Economica', Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
}
.da-slide .da-img{
  text-align: center;
  width: 30%;
  top: 70px;
  height: 256px;
  line-height: 320px;
  left: 110%; /*60%*/
}
.da-slide .da-link{
  top: 270px; /*depends on p height*/
  border-radius: 30px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border: 8px solid rgba(255,255,255,0.8);
  padding: 2px 20px 0px;
  font-size: 18px;
  line-height: 30px;
  width: 80px;
  text-align: center;
  background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
  background: rgba(255,255,255,0.3);
}
.da-dots{
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 2000;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-dots span{
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e4b42d;
  margin: 3px;
  cursor: pointer;
  box-shadow: 
    1px 1px 1px rgba(0,0,0,0.1) inset, 
    1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
  -moz-user-select: none;
  -webkit-user-select: none;
}
.da-arrows span{
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #e4b42d;
  cursor: pointer;
  z-index: 2000;
  opacity: 0;
  box-shadow: 
    1px 1px 1px rgba(0,0,0,0.1) inset, 
    1px 1px 1px rgba(255,255,255,0.1);
  -webkit-transition: opacity 0.4s ease-in-out 0.2s;
  -moz-transition: opacity 0.4s ease-in-out 0.2s;
  -o-transition: opacity 0.4s ease-in-out 0.2s;
  -ms-transition: opacity 0.4s ease-in-out 0.2s;
  transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
  opacity: 1;
}
.da-arrows span:after{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: 5px;
  background: transparent url(../images/arrows.png) no-repeat top left;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
  box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
  box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
  background-position: top right;
}
.da-arrows span.da-arrows-prev{
  left: 15px;
}
.da-arrows span.da-arrows-next{
  right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
  left: 10%;
  opacity: 1;
}
.da-slide-current .da-img{
  left: 60%;
  opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
  -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
  animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
  -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
  animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
  -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
  animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
  -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
  animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
  0%{ left: 110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
  0%{ left: 110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
  -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
  animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
  -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
  animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
  -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
  animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
  -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
  animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
  0%{ left: -110%; opacity: 0; }
  1%{ left: 10%; opacity: 0; }
  100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
  0%{ left: -110%; opacity: 0; }
  100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
  -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -o-animation: toRightAnim1 0.6s ease-in 0.6s both;
  -ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
  animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
  -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -o-animation: toRightAnim2 0.6s ease-in 0.3s both;
  -ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
  animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
  -webkit-animation: toRightAnim3 0.4s ease-in both;
  -moz-animation: toRightAnim3 0.4s ease-in both;
  -o-animation: toRightAnim3 0.4s ease-in both;
  -ms-animation: toRightAnim3 0.4s ease-in both;
  animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
  -webkit-animation: toRightAnim4 0.6s ease-in both;
  -moz-animation: toRightAnim4 0.6s ease-in both;
  -o-animation: toRightAnim4 0.6s ease-in both;
  -ms-animation: toRightAnim4 0.6s ease-in both;
  animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
  0%{ left: 10%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
  0%{ left: 60%;  opacity: 1; }
  30%{ left: 55%;  opacity: 1; }
  100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
  -webkit-animation: toLeftAnim1 0.6s ease-in both;
  -moz-animation: toLeftAnim1 0.6s ease-in both;
  -o-animation: toLeftAnim1 0.6s ease-in both;
  -ms-animation: toLeftAnim1 0.6s ease-in both;
  animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
  -webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
  animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
  -webkit-animation: toLeftAnim3 0.4s ease-in both;
  -moz-animation: toLeftAnim3 0.4s ease-in both;
  -o-animation: toLeftAnim3 0.4s ease-in both;
  -ms-animation: toLeftAnim3 0.4s ease-in both;
  animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
  -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
  animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  40%{ left: 70%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  40%{ left: 70%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  40%{ left: 70%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  40%{ left: 70%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
  0%{ left: 10%;  opacity: 1; }
  30%{ left: 15%;  opacity: 1; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
  0%{ left: 10%;  opacity: 1; }
  99%{ left: 10%; opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
  0%{ left: 60%;  opacity: 1; }
  40%{ left: 70%;  opacity: 1; }
  90%{ left: 0%;  opacity: 0; }
  100%{ left: -50%; opacity: 0; }
}




/*.......................... End ...............................................*/

/*.......................... slider Secound ........................................*/ 

 /*jssor slider loading skin double-tail-spin css*/
        .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 031 css*/
        .jssorb031 {position:absolute;}
        .jssorb031 .i {position:absolute;cursor:pointer;}
        .jssorb031 .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
        .jssorb031 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
        .jssorb031 .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
        .jssorb031 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}




/*............................. END ................................................*/

/*...........................................jobs_in_Progress.php (start) ...............*/

  .box_shadow{
    background: #fff;
    padding: 0 9px;
    box-shadow: 1px 3px 4px 0px #000;
    border: 1px solid #ddd;
}
  #available {
width: 10px;
height: 10px;
background-color: #0C0;
border-radius: 50%;
margin-left: 10px;
}
#pending-review {
    width: 10px;
    height: 10px;
    background-color: #F7CF00;
    border-radius: 50%;
    margin: 0 0px 13px 13px;
}
#system-paused {
    width: 10px;
    height: 10px;
    background-color: #4986ff;
    border-radius: 50%;
    margin: 0 0px 13px 13px;
}
a.tooltips {
position: relative;
}
a.tooltips span {
position: absolute;
width: 250px;
color: #FFFFFF;
background: #000000;
text-align: center;
visibility: hidden;
border-radius: 6px;
padding: 10px;
}
.table_colar{
    color: #777777;
  }

  /*................................. END .........................*/


  /*......................... job_available.php (start) ...........................*/

      #job_info {
  background: #fff;
  padding: 26px 0;
}
#job_info .container {
  background: #F5DEB3;
  border: 1px solid #F5DEB3;
  padding: 22px 25px;
  line-height: 23px;
  border-radius: 10px;
  /* margin-top: 13px; */
}

#job_list {
  padding: 0px 0px;
  text-align: center;
}

.inner_job_list{padding: 34px;}
.inner_job_list .personal_info{
  background: #F5DEB3;
  border-radius: 5px;
  padding: 17px 0;
}



.box_shadow{
    background: #fff;
    padding: 0 9px;
    box-shadow: 1px 3px 4px 0px #000;
    border: 1px solid #ddd;
}

      #data a {
  text-decoration: none;
}
      #data .featured {
        font-weight: normal;
        font-size: 12px;
        margin-left: 4px;
        color: #fff;
        padding: 3px 6px;
        border-radius: 4px;
        background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
      }


/*........................... end .................................*/

/*.............................. my_application.php .......................*/

  #available {
width: 10px;
height: 10px;
background-color: #0C0;
border-radius: 50%;
margin-left: 10px;
}
  #unavailable {
width: 10px;
height: 10px;
background-color: #F00;
border-radius: 50%;
margin: 0 0px 13px 13px;
}
a.tooltips {
position: relative;
}
a.tooltips span {
position: absolute;
width: 250px;
color: #FFFFFF;
background: #000000;
text-align: center;
visibility: hidden;
border-radius: 6px;
padding: 10px;
}
.table_colar{
    color: #777777;
  }


/*...................... end ...................................*/

/*.......................... my_company.php ........................*/ 

.table_background{
    color: #f9f9f9
  }
  #accordion .bd_top:hover {
  border-top: 3px solid #28a745;
} 
#accordion .active{
  border-top: 3px solid #28a745;
}

/*..................... end ......................*/


/*............................ walk_and_earn.php.......................*/


  .doller {
  border-radius: 4px;
  border-top: 5px solid #2ea300;
}
  .doller i {
  background: #2ea300;
  font-size: 48px;
  padding: 41px;
  color: #fff;
  border-radius: 50%;
  margin: 29px 0;
}
  .doller h5 {
  font-size: 28px;
  color: #2ea300;
  margin-bottom: 0;
}
  .doller p {
  color: #777777;
  font-size: 18px;
  padding-bottom: 17px;
}


  .clock {
  border-radius: 4px;
  border-top: 5px solid #E36159;
}
  .clock i {
  background: #E36159;
  font-size: 48px;
  padding: 41px;
  color: #fff;
  border-radius: 50%;
  margin: 29px 0;
}
  .clock h5 {
  font-size: 28px;
  color: #E36159;
  margin-bottom: 0;
}
  .clock p {
  color: #777777;
  font-size: 18px;
  padding-bottom: 17px;
}


  .paint {
  border-radius: 4px;
  border-top: 5px solid #2BAAB1;
}
  .paint i {
  background: #2BAAB1;
  font-size: 48px;
  padding: 41px;
  color: #fff;
  border-radius: 50%;
  margin: 29px 0;
}
  .paint h5 {
  font-size: 28px;
  color: #2BAAB1;
  margin-bottom: 0;
}
  .paint p {
  color: #777777;
  font-size: 18px;
  padding-bottom: 17px;
}


  .hammer {
  border-radius: 4px;
  border-top: 5px solid #2ea300;
}
  .hammer i {
  background: #2ea300;
  font-size: 48px;
  padding: 41px;
  color: #fff;
  border-radius: 50%;
  margin: 29px 0;
}
  .hammer h5 {
  font-size: 28px;
  color: #2ea300;
  margin-bottom: 0;
}
  .hammer p {
  color: #777777;
  font-size: 18px;
  padding-bottom: 17px;
}
.featured{}
.featured .row{
  background: rgb(232, 241, 233);
}


.submit_proof p {
  color: #2ea300;
  font-size: 31px;
}
  .submit_proof hr{
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
  border: 0;
  height: 1px;
  margin: 22px 0 22px 0;
  }
  .submit_proof .row {
  background: rgb(232, 241, 233);
}


/*................ sign_up_bonus.php .............................*/

  #worning{}
  #worning .alert{margin: 0;
padding: 22px 0;}
  #worning .row{background: #fff3cd;}

    .campaign_control_pannel{}
  .campaign_control_pannel p{
     color: #2ea300;
  font-size: 31px;
  }
  .campaign_control_pannel hr{
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
  border: 0;
  height: 1px;
  margin: 22px 0 22px 0;
  }
.accordion{}
.accordion p {
  font-size: 16px;
  color: #6c757d !important;
}
.accordion button {
  text-decoration: none !important;
}
.accordion .first_card {
  background: #2ea300;
}

#headingOne{
  padding: 4px 5px !important;
}
/*................. end ..............................*/

/*...................... support_dashbord_inbox_message.php......................*/ 

.collapse_inbox{}
.collapse_inbox .card-body {
  padding: 44px 30px;
}

.inbox_one_button {
  color: #19692c !important;
}
.inbox_one_button:hover{
  color: #000 !important;

}

.inbox_two_button{
  color: #19692c !important;
}

.inbox_two_button:hover{
  color: #000 !important;

}



/*........................... end ..........................*/

/*............. support_dashboard.php ................................*/ 

.suppor_dashbord_left {
  min-height: 461px;
  background: #fff;
  padding: 12px 13px;
  border: 1px solid #eeeeee;
}
.suppor_dashbord_left .list-group li{background: #e9e9e9;}
 

.suppor_dashbord_right{
 position: relative;
   background: url('../images/doller.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;

      min-height: 461px;

       border: 1px solid #eeeeee;
}

.suppor_dashbord_right .suppor_dashbord_right_inner{
  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}

.table_colar {
    color: #777777;
}



/*............ support_dashbord_inbox_right.php ......................*/ 

.suppor_dashbord_inbox_right{

      min-height: 0px;
       

}

.suppor_dashbord_inbox_right .suppor_dashbord_inbox_right_inner{

}


/*...................... faq.php ......................*/
.faq_support{
    min-height: 500px;
  background: #fff !important;
  padding: 13px;
  }
  .faq_image{
    width: 20px;
  }
.faq_support .d-flex {
    padding: 14px 0;
    border: 2px solid #ddd;
    margin: 0px !important;
}

.empty_div {
    min-height: 20px;
    background: rgb(244, 244, 244);
    margin: 11px 0;
}

.guidelines{}
            .guidelines .guidelines_col{
              
            }
            .guidelines .guidelines_col .d-flex {
    border: 0;
}
.guidelines .guidelines_col .d-flex .guid_inner{
background: #ddd;
    padding: 2px 0;
    margin-right: 3px;
}


  .guidlineWorker_support{}
  .guidlineWorker_support .guideline_title{
    background: rgb(244, 244, 244);
  }
  .guidlineWorker_support .guideline_title p {
    font-size: 23px;
    padding: 4px 0;
    color: #ca5d2a;
}

 .guidlineWorkerEmpl_support .guideline_title{
    background: rgb(244, 244, 244);
  }
  .guidlineWorkerEmpl_support .guideline_title p {
    font-size: 27px;
    padding: 4px 0;
    color: #ca5d2a;
}


 .referrl_bottom .referrl_title,.referral_inner .referral_title,.complete_details_inner .complete_details_title{
    background: rgb(244, 244, 244);
  }
  .referrl_bottom .referrl_title p,.referral_inner .referral_title p, {
    font-size: 20px;
    padding: 4px 0;
    color: #ca5d2a;
}

.complete_details_inner .complete_details_title p {
    font-size: 25px;
    padding: 4px 0;
    color: #ca5d2a;
}

.banners_inner .banners_title {
    border-radius: 6px;
}
.banners_inner .banners_title p {
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}

 .referrl_bottom input[type="button"]
 {
  background: #9dce2c;
    border: 0;
    font-size: 14px;
    color: #777777;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 9px;
 }

  .referral_img {
    padding: 11px;
}
  .referral_img img {
    margin: 0 auto;
    display: block;
    width: 159px;
}
  .referral_text{}
  .referral_text p{}

/*........................ Signup.php ....................*/


  .sign_up{}
  .sign_up_right_inner{
    padding: 29px 0;
  }
  .sign_up .sign_up_right_inner{}
  .sign_up .sign_up_left_inner{}

  .sign_up_left_inner p{
    padding: 21px;
    font-size: 15px;
    margin: 0px;
  }
  .sign_up_left_inner strong{font-size: 20px}
  .i_agree{font-size: 14px;}

  /*......................... Account.php .............................*/

  .account_inner{}
.account_inner .d-flex{}
.account_inner .d-flex button {
    background: #9dce2c;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 3px;
    border: 0;
    border-radius: 5px;
    font-family: arial;
    text-shadow: 1px 1px 0px #689324;
}

.jobs_rate {
    background: #fff;
    border-left: 1px solid #d4e3ea;
    border-right: 1px solid #d4e3ea;
    border-bottom: 1px solid #d4e3ea;
    color: #000;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    padding: 8px 5px;
}
.jobs_rate p {
    color: #000;
   
}
          .inner_image{}
            .inner_image small {
    color: red;
}
            
            .inner_image input[type="file"] {
            width: 70%;
            margin: 0 auto;
        }
        .inner_image input[type="button"] {
    background: #ededed;
    border: 0;
    font-size: 14px;
    color: #777777;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 9px;
}
.user_prfile {
    background: url(images/profilebkg.jpg);
    background-position: center;
    background-attachment: scroll;
    background-repeat: inherit;
    background-size: contain;
    padding: 28px;
} 
.Referral{
  line-height: 8px;
    margin-top: 41px;
}
  .referrl_bottom input[type="button"] 
    {
        background: #9dce2c;
        border: 0;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        padding: 3px 6px;
        border-radius: 9px;
        text-shadow: 1px 1px 0px #689324;
    }

/*............................. payment.php ............................*/


.payments_pagi {
                      width: 250px !important;
                      margin: 0 auto;
                  }

/*............................ referral.php ...............................*/
      .referral_left_top {
                padding: 12px 30px;
            }
            .referral_left_top span {
                font-size: 14px;
            }
            .referral_left_top p{
              /*padding: 7px 55px;*/
                font-size: 16px;
            }
            .referral_inner {
    background: url(images/profilebkg.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: right;
    background-size: inherit;
}
  .referrel_right{
                padding: 12px 30px;
              }
              .referrel_right p{
                text-align: center;
    line-height: 17px;
    font-size: 15px;
              }

              /*..................... job_applicants.php...................*/

.external_link{}
 .external_link a{}

 .job_applicants_inner{}
 .job_applicants_inner span{
  font-size: 32px;
  font-weight: bold;
 }
 .job_applicants_inner span.pay_tsk_doller{
  color: #5cb85c;
 }
 .available_pos_i i{
  color: #5cb85c;
 }
.job_applicants_inner i {
    font-size: 27px;
    margin-bottom: 3px;
}
.job_applicants_inner .d-flex {
    border-top: 1px solid #deede6;
    border-bottom: 1px solid #deede6;
    border-right: 1px solid #deede6;
}
 .job_applicants_inner .d-flex:first-child {
   border-left: 1px solid #deede6;
 }
 .job_applicants_inner small{}

 /*............................... job_applicants.php ..................*/

 .job_app_table h3{
          font-weight: bold;
        }
          .dataTables_wrapper .dataTables_paginate .paginate_button {
              padding: 0px 2px !important;
              font-size: 18px !important;
          }
          
          #job_applicant_table i {
              font-size: 16px;
          }




/*....................... Media Query Start .......................*/

@media(max-width: 1200px)
{
  .logo img {
  width: 67%;
  }

     .nav_drop_down_signIn .dropdown-menu,.nav_drop_down_profile .dropdown_profile_menu {
 
    min-width: 446px !important;
  
  }
}

@media(max-width: 992px)
{
  .logo img {
  width: 67%;
  }
   .nav_drop_down_signIn .dropdown-menu,.nav_drop_down_profile .dropdown_profile_menu {
 
    min-width: 446px !important;
  
  }
}

@media(max-width: 768px)
{
  
  .logo img {
   width: 58%;
  padding: 0 0;
  }
  .footer_left_logo img {
  width: 61%;
  }
  .footer_left_logo {
  text-align: center;
  }
  .footer_right_logo{
  text-align: center;
  }
  .suppor_dashbord_right {
  min-height: 335px;
  }

  .suppor_dashbord_inbox_right{

      min-height: 0px !important;
       

}
/*.................. navbar - css.............*/
.nav_drop_down_signIn .dropdown-menu,.nav_drop_down_profile .dropdown_profile_menu {
 
    min-width: 0px !important;
  
  }

  .job_applicants_inner i {
    font-size: 20px;
    margin-bottom: 1px;
}
.job_applicants_inner span {
    font-size: 15px;
    font-weight: bold;
}

.job_done .job_done_inner {
    font-size: 12px !important;
}

.job_app_table h3{
  font-size:20px;
      font-weight: bold;
    }

    .job_applicants_details_inner .d-flex{}

    .date_time_jad h3 {
       font-size: 20px !important;
  
    font-weight: bold;
}
.date_time_jad p {
 
    font-size: 18px  !important;
}

.worker_jad img {
    width: 25px !important;
}
.worker_jad h3 {
  
    padding-left: 2px !important;
    font-size: 20px !important;
    font-weight: bold;
}

.worker_jad p {

    font-size: 18px !important;

}

.status_jad span {
    font-size: 11px !important;
}

.status_jad p {
    font-size: 18px !important;
}

.reward_jad h4 {
    font-size: 22px !important;
    font-weight: bold !important;
}

.reward_jad p {

    font-size: 20px !important;

}




}

@media(max-width:376px)
{

  .logo img{
    width: 67%;
  }
  .give_job_title h2 {
  font-size: 30px !important;
  }
  .call_text {
  text-align: center;
  margin-bottom: 15px;
  }

  /*.................. navbar - css.............*/
  .nav_drop_down_signIn .dropdown-menu,.nav_drop_down_profile .dropdown_profile_menu {
 
    min-width: 0px !important;
  
  }
}