.bg-dark {
    background-color: #ffffff!important;
    position: fixed;
    z-index: 5;
    opacity: 0.9;
}

.navbar-dark .navbar-nav .nav-link {
    color: #29abe2;
    font-weight: 700;
}

.col {
    PADDING: 13PX;
}

.form-control {
    display: block;
    width: 100%;
    padding: 1.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff0f0;
    background-color: #29abe2;
    background-clip: padding-box;
    border: 1px solid #29abe2;
    ;
    border-radius: 1.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

b {
    color: #29abe2;
    font-weight:750!important;
	 font-size: 35px;
}

h2 {
    font-weight:750!important;
	 font-size: 30px;
    color:#ed3c95!important;
    text-align: center;
}
p{
  color:#7c7c7c;
  font-size: 30px;
  font-weight:400!important;
  text-align:left!important;
  margin-left:23pc!important;

    
}

button.btn.btn-info {
    background-color: #29abe2;
}

button.btn.btn-info.btn1 {
    padding-left: 110px;
    padding-right: 113px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 1.25rem;
}

button.btn.btn-info {
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 1.25rem;
}

h4 {
    color: #29abe2;
	
}
	
/*employee labtop*/
@media screen and (min-width:1024px){
	
	img.rc1{
		
       
        position: relative;
        top: 27pc;
        left: 29pc;
		
       
    }
	img.rc2{
		
       
        position: relative;
        top: 10pc;
        left: 20pc;
        
    
    }
	img.rc4{
		
      
        position: relative;
        top: 15pc;
        left: 35pc;
        
    }
	img.rc5{
		
      
        position: relative;
        top: 15pc;
        left: -15.5pc;
        
    }
	img.rc6{
		
     
        position: relative;
        top: 25pc;
        left: -35pc;
       
    }
   img.rc7{
		
    
        position: relative;
        top: 25pc;
        left: 27pc;
        
    }
	
	
	
}

/*lab*/
@media screen and (min-width:1024px) {
    i.fa.fa {
        color: #47adff;
        font-size: 23px;
        padding: -1px;
        position: relative;
        top: 47px;
        right: -26pc;
        padding: 0px 28px;
    }
   
    img.logo1 {
        margin-left: 30px;
    }
    footer#copyright {
        position: relative;
        top: -41pc;
    }
   
    
    footer#copyright {
        position: relative;
        top: 5pc;
    }
    section#contact {
        margin-top: -49pc;
    }
	
	
	img.r1 {
		
       height:30%;
        width: 24%;
        position: relative;
        top: 20pc;
        left: 27pc;
       
	     z-index:2;	
    }
	img.r2 {
		
       height:30%;
        width: 24%;
        position: relative;
        top: 28.5pc;
        left: 18.5pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r3 {
		
       height:30%;
        width: 24%;
        position: relative;
        top: 29pc;
        left: -15pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r4 {
		
       height:30%;
        width: 24%;
        position: relative;
        top: 11.5pc;
        left: -15.5pc;
        animation: fadeImg2 4s;
        animation-delay: 3s;
    }
	img.r5 {
		
       height:30%;
        width: 24%;
        position: relative;
        top: -5pc;
        left: 18.5pc;
        animation: fadeImg2 4s;
        animation-delay: 2s;
    }
	img.r6 {
		
    
        position: relative;
        top: 16pc;
        left: 8pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r7{
		
      
        position: relative;
        top:-15pc;
        left: 50pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r8{
		
       
        position: relative;
        top: 18pc;
        left: 55pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r9{
		
      
        position: relative;
        top: -14pc;
        left: 4pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r10{
		
      
        position: relative;
        top: -14pc;
        left: 5pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r11{
		
       
        position: relative;
        top: 18pc;
        left: 70pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	
	img.r12{
		
       
        position: relative;
        top: -13pc;
        left: 15pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	
	 .rc8{
		margin-top:1200px;
	  }
	  
	  
	  img.book1{
		
       height:20%;
        width: 12.8%;
        position: relative;
        top: -5pc;
        left: 22pc;
   
    }
	 img.book2{
		
       height:20%;
        width: 12.8%;
        position: relative;
        top: -5pc;
        left: 18pc;
   
    }
	 img.book3{
		
       height:20%;
        width: 12.8%;
        position: relative;
        top: -5pc;
        left: 34pc;
   
    }
	 img.book4{
		
       height:20%;
        width: 12.8%;
        position: relative;
        top: -5pc;
        left: 16pc;
   
    }
	p{
  color:#7c7c7c;
  font-size: 30px;
  font-weight:400!important;
  text-align:left!important;
  margin-left:23pc!important;

    
}

.mt1{
	margin-top:38pc;
	
}

	.rc9{
		  margin-top:40px;
	  }
	  .ml1{
		  margin-left:550px!important;
	  }
}




/*employee mobile*/

@media screen and (max-width:425px){
	
	img.rc1{
		
       height:35%;
        width: 25.8%;
        position: relative;
        top: 6pc;
        left: 8pc;
       
    }
	img.rc2{
		
       height:35%;
        width: 13.5%;
        position: relative;
        top: -1pc;
        left: 3.5pc;
        
   
	
    }
	img.rc4{
		
       height:20%;
        width: 10%;
        position: relative;
        top: 1pc;
        left: 6pc;
        
    }
	img.rc5{
		
       height:25%;
        width: 14.5%;
        position: relative;
        top: 1pc;
        left: -8pc;
        
    }
img.rc6{
		
       height:30%;
        width: 13.5%;
        position: relative;
        top: 6pc;
        left: -15pc;
       
    }
	img.rc7{
		
       height:20%;
        width: 14%;
        position: relative;
        top: 6pc;
        left: 0pc;
        
    }
	
	
	
}
/*mob*/

@media screen and (max-width:425px) {
    button.btn.btn-info {
        padding: 15px 35px;
    }
     button.btn.btn-info.btn2 {
        padding: 15px 40px;
    }
    i.fa.fa {
        color: #47adff;
        font-size: 23px;
        padding: -1px;
        margin-top: 5px;
        margin-left: -35px;
        position: relative;
        top: 18px;
        right: -150px;
        padding: -3px;
    }
    h4 {
        font-size: 14px;
        text-align: center;
    }
    button.btn.btn-info.btn1 {
        margin-left: 29px;
    }
    button.btn.btn-info.btn2 {
        margin-left: 22px;
        
    }
    button.btn.btn-info {
        margin-top: 9px;
        margin-left: 6px;
    }
  
    img.logo1 {
		height:30%!important;
		width:30%!important;
        margin-right: 137px;
        margin-top: -43px;
        margin-left: 12px;
		
		
		
    }
	img.rr{
		height:7%!important;
		width:7%!important;
	}
    button.navbar-toggler {
        position: relative;
        left: 306px;
        top: 24px;
    }
 
    footer#copyright {
        margin-top: 2pc;
    }
    section#contact {
        margin-top: -11pc;
    }
   
    section#contact {
        margin-top: -22pc;
    }
    
     img.r1 {
		
       height:50%;
        width: 44%;
        position: relative;
        top: 15pc;
        left: 6pc;
      
	     z-index:2;	
    }
	img.r2 {
		
       height:50%;
        width: 44%;
        position: relative;
        top: 20pc;
        left: 1pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r3 {
		
       height:50%;
        width: 44%;
        position: relative;
        top: 10pc;
        left: 1pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r4 {
		
       height:50%;
        width: 44%;
        position: relative;
        top: 0pc;
        left: 1pc;
        animation: fadeImg2 4s;
        animation-delay: 3s;
    }
	img.r5 {
		
       height:50%;
        width: 44%;
        position: relative;
        top: -10pc;
        left: 1pc;
        animation: fadeImg2 4s;
        animation-delay: 2s;
    }
	img.r6 {
		
       height:25%;
        width: 17%;
        position: relative;
        top: 8pc;
        left: 0pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r7{
		
       height:27%;
        width: 12%;
        position: relative;
        top: -9pc;
        left: 19pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r8{
		
       height:30%;
        width: 17%;
        position: relative;
        top: 10pc;
        left:20pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	img.r9{
		
       height:30%;
        width: 17%;
        position: relative;
        top: -5pc;
        left: -1pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
    }
	img.r10{
			
       height:25%;
        width: 25%;
        position: relative;
        top: -5pc;
        left: -1pc;
        animation: fadeImg2 4s;
        animation-delay: 5s;
		
	}
	
	img.r11{
		
        height:30%;
        width: 17%;
        position: relative;
        top: 10pc;
        left: 20pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	
	img.r12{
		
        height:30%;
        width: 17%;
        position: relative;
        top: -5pc;
        left: 0pc;
        animation: fadeImg2 4s;
        animation-delay: 4s;
    }
	
   img.book1{
		
       height:20%;
        width: 20%;
        position: relative;
        top: -3pc;
        left:7pc;
   
    }
	img.book2{
		
       height:20%;
        width: 20%;
        position: relative;
        top: -1pc;
        left: 6pc;
   
    }
	img.book3{
		
       height:20%;
        width:20%;
        position: relative;
        top: -3pc;
        left: 6pc;
   
    }
	img.book4{
		
       height:20%;
        width: 20%;
        position: relative;
        top: -3pc;
        left: 4pc;
   
    }
	


    .rc8{
		margin-top:300px;
	  }
	  .rc9{
		  margin-top:30px;
	  }
   .mt1{
	margin-top:20pc;
	
}

b {
    color: #29abe2;
    font-weight:750!important;
	 font-size: 19px;
}

h2 {
    font-weight:750!important;
	 font-size: 22px;
    text-align: center;
    color:#ed3c95!important;
}
p{
  color:#7c7c7c;
  font-size: 15px;
  font-weight:400!important;
 text-align:left!important;
  margin-left:5pc!important;
    
}

   
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(237 60 149);
}

.navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    background-color: #ed3c95;
    border: 1px solid #ffffff;
    border-radius: 0.25rem;
}

 ::-webkit-input-placeholder {
    color: #fff !important;
}

p {
    text-align: center;
   
    font-weight: 700;
}

div#collapsibleNavbar {
    margin-left: 61px;
}

li.nav-item {
    padding: 7px;
}