/*Index Css*/
.box-intro .desc {
	color: #444;
	text-align: justify;
}

.box-intro .desc ul {
	padding-left: 0;
}

.box-intro .desc ul li {
	list-style: none;
	color: #333;
	font-weight: 500;
	margin-bottom: 10px;
}

.box-intro .desc ul li i {
	color: var(--main-color);
	margin-right: 5px;
}

.box-commit {
	padding: var(--range-xxl) 0 0 0;
}

.box-commit .row > div {
    margin-bottom: var(--range-xxl);
}

.commit-item .commit-left {
    position: relative;
    display: flex;
}

/*.commit-item .commit-left:before {
    content: '';
    width: 250px;
    height: 250px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 25px 0px 20px -10px rgb(0 0 0 / 15%);
}

.commit-item .commit-left:after {
    content: '';
    position: absolute;
    right: -5px;
    top: calc(50% - 4px);
    width: 25px;
    height: 25px;
    background-color: #fff;
    transform: rotate(45deg) translateY(-50%);
    box-shadow: 5px -5px 10px -3px rgb(0 0 0 / 15%);
}*/

.commit-item .commit-left .commit__img {
    padding-bottom: 20px;
    position: relative;
    width: 15%;
}

.commit-item .commit-left .commit__img img {
    width: 40px;
    height: auto;
    object-fit: contain;
}

.commit-item .commit-left .commit__content {
    position: relative;
    width: 85%;
}

.commit-item .commit-left .commit__content h5,
.commit-item .commit-left .commit__content .commit-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 700;
    color: #000
}

.commit-item .commit-left .commit__content .desc {
    padding-top: 10px;
    font-size: 16px;
    color: #000;
}

.commit-item .commit-right {
    width: 25%;
    background-color: var(--main-color);
    height: 90px;
   	display: none;
   	align-items: center;
   	justify-content: flex-end;
    text-align: right;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.commit-item .commit-right .commit__number {
    font-family: "SVN-Zero";
    font-size: 30px;
    padding-right: 35px;
    color: #fff;
    line-height: 1em;
    margin-bottom: 8px;
}

.box-commit .row {
    padding-top: 15px;
}

.home-banner-slide .owl-nav [class*='owl-'] {
	top: 50%;
}

/*Responsive CSS*/

@media (max-width: 1199px) {
	
}

@media (max-width: 991px) {
    .commit-item .commit-right .commit__number {
    	padding-right: 25px;
    }
}

@media (max-width: 767px) {
	.box-news.pd-tb-xxl,
	.box-video.pd-tb-xxl,
	.box-price.pd-tb-xxl {
		padding: 50px 0;
	}

	.box-commit .row > div:last-child {
		margin-bottom: 0;
	}

	.box-commit {
	   padding: 50px 0;
    }

    .commit-item .commit-left .commit__content .desc {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (min-width: 1024px){
	
}

@media (min-width: 1200px){
	
}