.accellum-technology {
	padding: 5rem 0rem;
	background: url(../upload/background-new-1.png) right no-repeat fixed;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
}


.pages-technology-text {
	padding: 20px;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	background: #FFF;
	position: relative;
}



.accellum-technology  .technology-content .text-subject {
	margin-bottom: 1.5rem;
}


.accellum-technology  .technology-content .text-subject h3 {
	font-size: 2.3rem;
	font-weight: 600;
}

.accellum-technology  .technology-content .text-subject span {
	border-bottom: 5px solid #04a4c1;
}


/*****************************************/
.accellum-technology  .technology-content .content-heading  {
	margin-top: 2rem;
} 

.accellum-technology  .technology-content .content-heading .elementor-accellum {
	margin-bottom: 1.5rem;
}

.accellum-technology  .technology-content .content-heading .elementor-accellum h4 {
	font-size: 1.3rem;
	/*	color: #04a4c1;*/
	margin:  0 0 10px 0;
} 

.accellum-technology  .technology-content .content-heading .elementor-accellum p {
	font-size: 0.9rem;
	margin-bottom: 10px;
} 

.accellum-technology  .technology-content .content-heading .elementor-accellum div {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 4;
} 

.accellum-technology  .technology-content .content-heading .elementor-accellum a {
	font-size: 0.9rem;
} 




.accellum-technology  .box-content span {
	display: inline-block;
	width: auto;
	font-size: 1.4rem;
	color: #000;
	position: absolute;
	line-height: 2;
	left: 0px;
	top: 20px;
	background: url(../upload/border-left-img-2.png) right top no-repeat;
	padding: 15px 40px 12px 20px;
	height: 75px;
}


.accellum-technology  .box-content span img {
	width: auto;
	position: absolute;
	right: 100%;
	top: 0px;
	opacity: 1;
}


.accellum-technology   .text-content {
	position: relative;
	margin-top: 5rem;
}

.accellum-technology   .text-content p{
	text-indent: 30px;
	font-size: 1rem;
	font-weight: 400;
}





/***********************************************************************************************************************************/

.accellum-technology-detail {
	padding: 5rem 0rem;

}

.accellum-technology-detail .text-content  .title h3 {
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	color: #04a4c1;
	position: relative;
	padding: 0 0 20px;
}


.title h3:after {
	background: #f8353a;
	width: 60px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 0px;
	bottom: 0;
	height: 5px;
	content: "";
}



.accellum-technology-detail .text-content .box-content{
	margin-top: 1rem;
}
.accellum-technology-detail .text-content .box-content p{
	font-size: 1.1rem;
	font-weight: 300;

}

.item-material{
	position: relative;
	padding: 0px 15px; 
	margin-bottom: 50px;
	width: 100%;
	clear: both;

}


.item-material .box-contact {
	padding: 3rem;
}








.m-h2 {
	display: inline-block;
	position: relative;
}


h2.m-h2:before{
	content: "";
	position: absolute;
	left: -10px;
	bottom: -10px;
	width: 115px;
	height: 53px;
	z-index: -1;
	display: inline-block;
	background:#ff6b01;
}


.angula h2 {
	position: relative;
	display: inline-block;

}


.angula h2::before {
	font-family: IcoFont;
	font-style: normal;
	position: absolute;
	font-size: 50px;
	left: -35px;
	top: -25px;
	font-weight: 900;
	content: "\eab4";
	color: #343a40;

}
.angula h2::after {
	font-family: IcoFont;
	font-style: normal;
	position: absolute;
	font-size: 50px;
	right: -35px;
	bottom: -25px;
	font-weight: 900;
	content: "\eab3";
	color: #f26d23;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);

}


.skewleft{
	display: inline-block;
	transform: skewY(10deg);
	padding: 25px 15px;
	background: #000000;
}

.skewright{
	display: inline-block;
	transform: skewY(10deg);
	padding: 25px 15px;
	background: #f26d23; 
}
.skewleft-in{
	display: inline-block;
	transform: skewY(-10deg);
	color: #ffffff
}

.skewright-in{
	display: inline-block;
	transform: skewY(-10deg);
	color: #ffffff
}

.col-img{
	width: 60%;
	float: left;
}


.col-text{
	width: 50%;
	padding: 30px;
	background: #f9f9f9;
	position: absolute;
	right: 0px;
	bottom: 50px;
	float: right;
}



.col-text .detail {
	padding-right: 15px;
	background:transparent;
	height: 220px;
	overflow-y: scroll;

}



/* width */
.col-text .detail::-webkit-scrollbar {
	width: 5px;
	position: relative;
	z-index: -1;
}

/* Track */
.col-text .detail::-webkit-scrollbar-track {
	background: #f5f5f5; 
}

/* Handle */
.col-text .detail::-webkit-scrollbar-thumb {
	background: #bbbbbb; 
}

/* Handle on hover */
.col-text .detail::-webkit-scrollbar-thumb:hover {
	background: #cccccc; 
}

.item-material:nth-child(even) .col-img{

	float: right;
}


.item-material:nth-child(even) .col-text{
	left: 0px;
	float: left;
	background: #04a4c1;
}

.item-material:nth-child(even) .col-text h4{
	color: #ffffff;
}

.item-material:nth-child(even) .col-text h4{
	color: #ffffff;
}

.item-material:nth-child(even) .col-text .detail{
	color: #f5f5f5;
}








@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){
	.col-img {
		width: 56%;
		float: left;
	}
}
@media screen and (max-width:1280px){
	.col-img {
		width: 60%;
		float: left;
	}
}
@media screen and (max-width:1024px){}
@media screen and (max-width:992px){
	
    .col-img {
    	width: 100%;
    	float: inherit;
    }
    .col-text {
    	width: 100%;
    	padding: 15px;
    	background: #ffffff;
    	position: relative;
    	right: inherit;
    	bottom: inherit;
    	float: inherit;
    }
    .col-text .detail {
    	padding-right: 0px;
    	background: transparent;
    	height: inherit;
    	overflow-y: inherit;
    }

}
@media screen and (max-width:768px){}
@media screen and (max-width:576px){}
@media screen and (max-width:480px){}
@media screen and (max-width:425px){}
@media screen and (max-width:414px){}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}