/************************************/
/***        05. CTA Box css	      ***/
/************************************/

.cta-box{
	background-color: #e9ecef;
	padding: 20px 0;
}

.cta-box-item{
	display: flex;
	align-items: center;
	border-right: 1px solid #535353;
	margin-right: 15px;
	padding-right: 15px;
}

.cta-box .col-lg-4:nth-child(2) .cta-box-item{
	border: none;
	padding-right: 0;
	margin-right: 0;
    border-right: 1px solid #535353;
}

.cta-box-item .icon-box{
	margin-right: 20px;
}

.cta-box-item .icon-box img{
	max-width: 40px;
}

.cta-box-content{
	width: calc(100% - 60px);
}

.cta-box-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color:  var(--white-color);
	margin-bottom: 10px;
}

.cta-box-content p{
	color: #000;
	margin: 0;
    font-size: 14px;
}

.cta-box-btn{
	text-align: right;
}

.dc-workdetail figure img {
	width:auto;
}
table > tbody > tr > td {
	border:0px;
	text-align:left;
	line-height:2;
}



/*section media-img*/
.media-img__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.media-img__item{
    position: relative;
    /*flex-basis: 33.33333%;*/
    width: 320px;
    height: 320px;
    margin: 10px !important;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3);
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    cursor: pointer;
}



.media-img__item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.list-style li{
	margin: 0;
	padding: 0;
	list-style: none;
}