p {
	 color:#2d276d;
     font-size: large;
     text-align: left !important;
     
}
 .icon {
    width: auto;
    height: 60px;
 }
 .services_links {
     margin: auto;
}
 .service_menu {
     zoom: 0.7;
     width: 320px;
}
 .img {
     width: 100%;
}
 .menu-item-content {
     padding-bottom: 50px;
}
 .linkitem::after {
     content: "";
     width: 100px;
     height: 5px;
     background: red;
     position: absolute;
     top: 30px;
     left: 0;
     margin-left: 35px;
}
 .iconlinks:hover {
      filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6893%) hue-rotate(30deg) brightness(115%) contrast(118%) ! important;
}
/*  .active_menu{
     filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6893%) hue-rotate(30deg) brightness(115%) contrast(118%) ! important;
} */
 a{
     color: black;
     text-decoration: none;
}
 .iconlinks{
     margin: 10px;
     min-width: max-content;
     text-align:center;
     cursor: pointer;
     font-weight: bold;
     filter: brightness(0) saturate(100%) invert(9%) sepia(71%) saturate(3657%) hue-rotate(243deg) brightness(95%) contrast(87%);
}
 
.servicemenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    justify-content: space-evenly;
}

.text-listing{
	 color:#2d276d;
     font-size: large;
     text-align: left !important;
     padding-right: 20px;
     padding-left: 20px;
}
/* .text-listing li{
	margin-top: 2.5rem;
} */

.text-listing-3l{
	margin-left: -35px;
}


.standard-listing {
    color: #2d276d;
    font-size: large;
    text-align: left !important;
    padding-right: 20px;
    padding-left: 35px;
}

.text-xl {
     font-size: x-large ! important;
}


.circle {
    position: absolute;
    margin: 46px 26px;
    height: 154px;
    width: 148px;
    background-color: #eaeaea;
    border-radius: 50%;
}
.outer-circle {
    background: #a6a6a6;
    border-radius: 50%;
    height:200px;
    width:200px;
    position: relative;
    box-shadow: 0 -30px 0 30px #c2d3e3;
    margin:100px;
}
.square {
	border-radius:20%;
  height: 100%;
  width: 100%;
  background-color: #ffde59;
}
.text-nowrap{
	white-space:nowrap;
}

.sm-services:hover{
	background-color:#e2e2e2;
	color:#fb3931!important;
}

.mt-6 {
	margin-top: 6rem !important;
}

.sub-nav{
	background: #F3F3F3;
	padding-top: 120px;
   	position: fixed;
    z-index: 1;
    br{
    	display:none;
    }
    .icon {
		display:none;
	}
	.sm-services{
		align-self:center;
	}
}

.service-body{
	padding-top:150px;
} 
	
.sub-nav:hover{
	br{
    	display:block;
    }
	.icon {
		display:inline-flex;
	}
}


/* .sub-nav:hover ~ .service-body {
   padding-top:200px!important;
} */

.sub-nav{
	margin-top: -30px !important;
}


@media screen and (max-width: 750px) {
	.sub-nav{
		padding-top:80px!important;
		margin-top: 7px !important;
	}
	.sm-services{
		font-size:10px!important;
	}
	.icon {
    	width: auto;
    	height: 40px;
	}
	.sm-services.nav-profleet.active_menu{
		padding: 16px !important;
	}
	.sm-services.nav-protech.active_menu, .sm-services.nav-digitalInnovation.active_menu{
		padding: 16px !important;
	}
	
	.sub-nav > .active_menu:hover{
		margin-top: -16px !important;
	}
	
	#training > img{
		height: 18rem !important; 
		width: 31rem !important; 
	}

	#immersion > img {
		/*height: 17rem !important;
        width: 30rem !important;
         margin-top: -80px !important; */
        margin-bottom: 30px !important; 
	}
	 
	.nav-profleet:hover, .nav-digitalInnovation:hover, .nav-protech:hover{
		height: 104px !important;
		padding-top: 22px !important;
	}
	
	.active_menu{
		margin-bottom: -9px !important;
	}

}


@media (max-width: 550px) and (min-width: 480px){
	#training > img{
		height: 15rem !important; 
		width: 25rem  !important; 
	}

/* 	#immersion > img {
		height: 15rem !important;
        width: 25rem !important;
        margin-top: -75px !important;
        margin-bottom: 30px;  
	} */
	

	
}


@media (max-width: 480px) and (min-width: 0px){
	#training > img{
		height: 12rem !important; 
		width: 15rem  !important; 
	}

/* 	#immersion > img {
		height: 12rem !important; 
		width: 15rem !important;  
		margin-top: -75px !important;
        margin-bottom: 30px;
	} */
	
}



.active_menu{
	/* font-weight:bolder; */
	color:#fb3931!important;
	border-bottom: 5px solid #fb3931!important;
}

.picture {
    margin-left: 0; /* Default */
}

@media screen and (max-width: 576px) {
	ul.text-listing > li{
		margin-left: 10px;
	}
	
	ul.text-listing {
		padding-left: 0px!important;
	}
	
	.adv-list-first {
	  text-align:center;
	}
	
	.tstar{
		width:15rem!important;
	}
	
	.text-listing-3l> li{
		padding-left: 2em;
    	text-indent: -2em;
	}
}
    
.collapse.show {
  transition: max-width 100s ease-out;
}

@media (max-width: 1160px) and (min-width: 751px){
	.sm-services.nav-digitalInnovation:hover {
		height: 120px !important;
        padding-top: 24px !important;
        margin-top: -6px;

	}
	.sm-services.nav-profleet:hover {
		height: 120px !important;
        padding-top: 24px !important;
        margin-top: -6px;

	}
	.sm-services.nav-protech:hover {
		height: 120px !important;
        padding-top: 24px !important;
        margin-top: -6px;
	}
	

}


@media (max-width: 360px) {
	.btn{
		font-size: 10px !important;
	}
}


@media(max-width: 345px){
	.btn{
		font-size: 9px !important;
	}
	  .fs20 {
        font-size: 11px !important;
    }
}


@media (max-width: 430px) and (min-width: 0px){
	
	.service-body {
		padding-top:100px;
	}
	
	.sm-services.nav-digitalInnovation:hover {
		height: 122px;
        margin-top: -4px;
        padding-top: 30px !important;

	}
	.sm-services.nav-profleet:hover {
		height: 122px;
        margin-top: -4px;
        padding-top: 30px !important;

	}
	.sm-services.nav-protech:hover {
		height: 122px;
        margin-top: -4px;
        padding-top: 30px !important;
	}
	
	.sm-services.nav-engr:hover{
		height: 122px;
        margin-top: -4px;
        padding-top: 30px !important;
	}
	
	.nav-profleet:hover, .nav-digitalInnovation:hover, .nav-protech:hover, .nav-engr:hover{
		height: 117px !important;
		padding-top: 22px !important;
	}
	
	.sm-services.nav-profleet.active_menu, .sm-services.nav-protech.active_menu, .sm-services.nav-digitalInnovation.active_menu, .sm-services.nav-engr.active_menu{
		padding: 9px !important;
	}
	

	
}

@media (max-width: 550px) and (min-width: 360px) {
    .fs20 {
        font-size: 14px !important;
    }
}

@media (max-width: 990px) and (min-width: 0px) {	
    .oth-services{
		padding-left: 30px !important;
	}
	
	
}


.bullet {
    width: auto;
    height: 45px;
}

p {
    margin-bottom: .3rem!important;
}


.srvcs-nav-itms{
	padding:10px;
	font-size: 0.8rem;
	text-wrap: wrap;
	color: #2d276d;
	width: 20%;
}

.active_srvc-nav{
	color: #fb3931!important;
	border-bottom: 5px solid #fb3931!important;
	.icon {
      filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6893%) hue-rotate(30deg) brightness(115%) contrast(118%) ! important;
	}
}

.srvcs-nav-itms:hover{
	padding:auto;
	color: #fb3931!important;	
	.icon {
      filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(6893%) hue-rotate(30deg) brightness(115%) contrast(118%) ! important;
	}
	
}