/***************logistics*******************/
.flexlogistics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.logistics{
  display: none;
}
#loadMorelogistics {
  width: 107px;
    color: #000000;
    display: block;
    text-align: center;
    margin: -1px auto;
    padding: 0px;
    border-radius: 0px;
    border: 1px solid transparent;
    background-color: #dbdbdb6b;
    transition: .3s;
}
#loadMorelogistics:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContentlogistics {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}

	/******end more view ***/
  /***************HEALTHCARE*******************/
.flexhealthcare {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.healthcare{
  display: none;
}
#loadMorehealthcare {
 width: 107px;
    color: #000000;
    display: block;
    text-align: center;
    margin: -1px auto;
    padding: 0px;
    border-radius: 0px;
    border: 1px solid transparent;
    background-color: #dbdbdb6b;
    transition: .3s;
}
#loadMorehealthcare:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContenthealthcare {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
.randt{
       margin-top: 201px;
}
.make-of-line{
    
}
.jcbl-main-menu{
  font-size: 37px !important;
    margin-left: -15px!important;
    color: rgb(255, 255, 255, .7)!important;
 }
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
	                   .jcbl-main-menu{
  font-size: 20px !important;
    margin-left: -15px!important;
    color: rgb(255, 255, 255, .7)!important;
                 }
   .nav-link {
    display: block;
    padding: .5rem 1rem;
    }
    .randt{
       margin-top: 10px;
}
    .company-lr{
        padding-right: 0px !important; 
    padding-left: 0px !important;
    }
}
 .timeline-lr{
        padding-right: 0px !important; 
    padding-left: 0px !important;
    }
.section-group-height  {  
margin-top: -17px;
}
/* Caption text */
.text-cmd-sir {
  margin-left: 27px;
    font-size: small;
    color: #fff;
  padding: 8px 12px;
      margin-top: -80px;
  position: absolute;

  width: 63%;
  text-align:left;
}
@media only screen and (min-device-width: 1023px) and (max-device-width: 1026px) 
	             {
    .text-cmd-sir {
  margin-left: 5px;
    font-size: small;
    color: #fff;
        
  padding: 8px 12px;
  position: absolute;

  width: 63%;
  text-align:left;
}
    }
  @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .section-group-height  {  
margin-top: 20px;
}
.text-cmd-sir {
  margin-left:-40px;
    font-size: small;
    color: #fff;
    margin-top: -60px;
  padding: 8px 12px;
  position: absolute;

  width: 63%;
  text-align:left;
}
    }
    .jcbl-blur img{
transition: 1s ease;
}

.jcbl-blur img:hover {
-webkit-filter: blur(2px);
transition: 1s ease;
}
    .cmd-sir-img  {  
    max-width: 651px;
}
  @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .cmd-sir-img  {  
    max-width:358px;
}
    }
     @media only screen and (min-device-width: 1279px) and (max-device-width: 1281px) 
	             {
    .cmd-sir-img  {  
    max-width: 532px;
}
    }
    .media:hover {
    transform: scale3d(1.1, 1.1, 1);
    cursor: pointer;
    transition: transform 1s;
}

.banner-text-group{
    text-shadow: -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffffff;
    
    font-weight: 900;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .banner-text-top  {  
margin-top: 42px !important;
}
    }
    
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .banner-text-top-about  {  
margin-top: 30px !important;
}
    }
     .gfsize{
         font-size: 150px;
         color:#000;
         margin-bottom: -41px;
    }
    .about-jcbl-font-h{
        color:#fff; 
        margin-bottom: -2px; 
        line-height: 157px;
    }
    
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
	                  .about-jcbl-font-h{
        color:#fff !important; 
        margin-bottom: -2px; 
        line-height: 75px;
    }
    .gfsize {  
        font-size: 57px;
         color:#000;
         margin-bottom: -21px;
}
    }
    .vfsize{
         font-size: 17px;
        
    }
    
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
    .vfsize {  
    
         font-size: 15px;
      
}
    }
    
    .jcblcareer{
      left: 362px;
      z-index: 1;
    }
    @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .jcblcareer{
     left: 0px;
      z-index: 1;
    }
    
    }@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .jcblbottom{
    margin-bottom: -175px;
    }
    }
    /* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 250px;
  width: 100%;
  text-align: center;
}

 @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
  .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 60px;
  width: 100%;
  text-align: center;
}
    }
     @media only screen and (min-device-width: 1023px) and (max-device-width: 1028px) 
	             {
  .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 128px;
  width: 100%;
  text-align: center;
}
    }
    /* Caption text */
.text-about {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 350px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .text-about {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 80px;
  width: 100%;
  text-align: center;
}
    }
    
.one-about{
  color:#fff;
  font-size: 300px;
  margin-bottom: -40px;
}

 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .one-about {
    color: #fff;
    font-size: 170px;
    margin-bottom: -40px;
    }
    }
    
    .badges{
  color:#fff;
  font-size: 300px;
  margin-bottom: -90px;
}

 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .badges {
    color: #fff;
    font-size: 107px;
    margin-bottom: -51px;
    }
    }
    .badges2{
  color:#fff;
  font-size: 180px;
  margin-bottom: -40px;
}

 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .badges2 {
    color: #fff;
        font-size: 81px;
    margin-bottom: -11px;
    }
    }
    .banner-text-badges{
    text-shadow: -1px 0px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #111111;
    opacity: 0.5;
    font-weight: 900;
}

 .manufaturing-banner-text{
  color:#fff;
  font-size: 73px;
  margin-bottom: -40px;
}

 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .manufaturing-banner-text {
    color: #fff;
    font-size: 28px;
    margin-bottom: -40px;
    }
    }
.manufaturing{
  color:#000000;
  font-size: 90px;
      line-height: 102px;
  margin-bottom: -40px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .manufaturing {
    color: #000000;
    font-size: 44px;
    line-height: 60px;
    margin-bottom: -40px;
    }
    }
    

@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  
  .jcblgroupms {
    color: #000000;
    font-size: 25px;
    margin-bottom: -40px;
    }
    }
    .jcblgroupms{
  color:#000000;
  font-size: 53px;
  margin-bottom: -40px;
}
    .vision-about{
  color:##4A4A4A;font-size: 100px;margin-bottom: -40px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .vision-about{
   color:##4A4A4A;font-size: 80px;margin-bottom: -40px;
    }
    }
    
     .be{
    max-width: 429px;margin-top: -20px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .be{
     max-width: 350px;margin-top: -20px;
    }
    }
    .be-top{
   margin-top: 100px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .be-top{
   margin-top: 0px;
    }
    }
.make-font-size{
    font-size: 19px;
    color: #fff;
}


    @media only screen and (min-device-width: 1022px) and (max-device-width: 1026px) 
	             {
	  .make-font-size{
    font-size: 16px !important;
    color: #fff;
}
   .be-top{
   margin-top: 78px;
    }
    .make-text-banner{
   margin-top: -82px !important;
    }
    .make-text-banne-top{
   margin-bottom: 8px !important;
    }
    }
    .be-top1{
   margin-top: 60px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .be-top1{
   margin-top: -48px;
    }
    }
    
     @media only screen and (min-device-width: 1022px) and (max-device-width: 1027px) 
	             {
   .be-top1{
   margin-top: 28px;
    }
    }
    .time-line-year{
         text-shadow: -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffffff;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    }
    .timeline-about{
    text-shadow: 0px 0px 0px #000, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #111111;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    font-size: 392px;
}
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
   .timeline-about{
    text-shadow: 0px 0px 0px #000, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    color: #111111;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    font-size: 138px;
    }
    }
  
  .text-1989 {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 400px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .text-1989 {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top:449px;
  width: 100%;
  text-align: center;
}
    } 
    .text-img {
  color: #ffffff;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 55px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .text-img {
  color: #ffffff;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 125px;
  width: 100%;
  text-align: center;
}
    }
  
  .project-hr {
     margin-left: 183px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
 .project-hr {
     margin-left: 0px;
}
    }
    .project-col3 {
    margin-top: 180px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .project-col3 {
    margin-top: 0px;
}
    }
    
    
   /*****************Company logo css*********************/
   .company-hr{
     width: 97% !important;
   }
   .comapny-logo-msl {
 margin-top: -10px;
    margin-bottom: -60px;
}
.comapny-logo-insur {
 margin-top: 50px;
    
}
.home-page-icon-a {
        margin-top: 2px;
    max-width: 121px;
}

.culture-banner-text{
line-height: 80px;
}
.home-img-on-text {
    color:#fff; 
    margin-bottom: -21px;
    font-size:100px;
}
.project-line-h{
    line-height: 104px;
    color: #000;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
	                 .project-line-h{
    line-height: 64px;
    color: #000;
}
 .culture-banner-text{
line-height: 44px;
           }
           .home-img-on-text {
    color:#fff; 
    margin-bottom: 0px;
    font-size:70px;
}
	   .home-page-icon-a{
        margin-top: 0px;
    max-width: 100%;
}
  .comapny-logo-msl {
  margin-top: 39px;
}
.comapny-logo-insur {
 margin-top: 32px;
    
}
    }
    .comapny-side-top {
      margin-top: 160px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .comapny-side-top {
      margin-top: 10px;
}
    }
    .comapny-sideright-top {
      margin-top: 195px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .comapny-sideright-top {
      margin-top: 10px;
}
    }
    .comapny-adsl-top {
     margin-top: -5px;
    margin-bottom: -19px;
}
.company-aura-logo{
        margin-top: -34px;
    margin-bottom: -34px;
}
.company-agri-logo {
    margin-bottom: -19px;
    margin-top: -20px;
}
.company-knw-logo{
        margin-top: -36px;
    margin-bottom: -19px;
}
.company-aurass-logo {
        margin-top: -42px;
    margin-bottom: -23px;
}
.company-hrbyangy-logo{
        margin-top: -35px;
    margin-bottom: -16px;

}
.company-purelyyours-logo {
        margin-top: 24px;
    margin-bottom: -25px;
}
.company-avada-logo{
    margin-top: 16px;
    margin-bottom: -25px;
}
.company-insurance-logo{
    margin-top: 16px;
    margin-bottom: -25px;
}
.company-car-logo {
    margin-top: 16px;
    margin-bottom: -25px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
	.company-avada-logo {
    margin-top: 40px;
}
	 .company-purelyyours-logo {
    margin-top: 56px;
}
	.company-hrbyangy-logo {
    margin-top: -8px;
}
  .comapny-adsl-top {
     margin-top: 17px;
}
.company-knw-logo {
    margin-top: -16px;
}
.company-aura-logo{
        margin-top: -16px;
}
    }
    .comapny-india-top {
     margin-bottom: -17px;
    margin-top: -43px;
}

@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .comapny-india-top {
     margin-top: 118px;
}
    }
    .comapny-Health-top {
      margin-top: 80px;
}
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .comapny-Health-top {
     margin-top: 10px;
}
    }
   /*****************Company logo css*********************/
   .iimg {
filter: grayscale(100%);
}

.iimg:hover {
 filter: none;
  -webkit-filter: grayscale(0%);
}

.iiimg {
   -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
}

.iimg:hover {
    -webkit-filter: none !important;
 filter: none !important;
 }
 .header-line{
   background-color: #fff !important;
 }
 /***new code*****/
 .body-p{
   font-size:16px;
 }
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .body-p{
   font-size:14px;
 }
    }
    
    .icon-home{
      width:100%;
   font-size: 1.18rem;
 }
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
  .icon-home{
    width:75%;
   font-size:14px;
 }
    } 
    .icon-font{
   font-size: 1.18rem;
 }
 .banner-font{
   font-size: 24px;
 }
 .career-jcbl{
  margin-top: -37px;
 }
 .career-top{
  margin-top:100px ;
 }
 .abfsize{
   font-size: 105px;
 }
 .abcreatingline{
      line-height: 140px;
 }
 .adsltop{
      margin-top: 300px;
 }
 .adsltopleft{
      margin-top: 250px;
 }
 .pillarheading{
     text-shadow: -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffffff;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    line-height: 98px;
 }
 @media only screen and (min-device-width: 1023px) and (max-device-width: 1027px) 
	             {
                 .pillarheading{
     text-shadow: -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffffff;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    line-height: 94px;
 }
	                 
	             }
	 @media only screen and (min-device-width: 250px) and (max-device-width: 1022px) 
	             {
                 .pillarheading{
     text-shadow: -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    color: #ffffff;
    /* -webkit-text-stroke: 1px #a1a1a1; */
    font-weight: 900;
    line-height: 49px;
 }
	             }
 @media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
                 
 
    .abcreatingline{
      line-height: 90px;
 }
 .adsltop{
      margin-top: 100px;
 }
 .adsltopleft{
      margin-top: 100px;
 }
  .icon-font{
   font-size:14px;
 }
 .banner-font{
   font-size:14px;
 }
 .career-jcbl{
  margin-top: -18px!important;
 }
 .career-top{
  margin-top:20px ;
 }
 .live-width{
     width: 50%;
 }
 .abfsize{
   font-size: 71px;
 }
 .map-jcbl{
        width:400px;
    }
    }
    
    .text-side-career {
 height: 531px;
    }
    .map-jcbl {
        width: 1500px;
    }
    @media only screen and (min-device-width: 1023px) and (max-device-width: 1026px) 
	             {
    .text-side-career {
 height: 359px;
    }
	  }
@media only screen and (min-device-width: 102px) and (max-device-width: 1027px) 
	             {
   .adsltoplefts{
      margin-top: 32px;
 }
	             }