/**
 * Carxis Vehicle Description Component
 *
 * @package CarxisToolkit
 * @subpackage Vehicle
 * @since 2.0.0
 */

/* ===============================
   Base
=============================== */

.cx-description,
.cx-description *{
	box-sizing:border-box;
}

/* ===============================
   Section
=============================== */

.cx-description{
	position:relative;

	width:100%;
	margin-top:64px;
	padding-top:34px;
}

/*
 * Divider halus antara Highlights
 * dan Description.
 */
.cx-description::before{
	content:"";

	position:absolute;
	top:0;
	left:0;

	width:72px;
	height:3px;

	background:#d1001f;
	border-radius:999px;
}

/* ===============================
   Title
=============================== */

.cx-description__title{
	max-width:920px;
	margin:0 0 22px;

	color:#202124;

	font-size:30px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:-.03em;
}

/* ===============================
   Content
=============================== */

.cx-description__content{
	max-width:820px;

	color:#475467;

	font-size:16px;
	font-weight:400;
	line-height:1.85;
}

.cx-description__content > *:first-child{
	margin-top:0;
}

.cx-description__content > *:last-child{
	margin-bottom:0;
}

.cx-description__content p{
	margin:0 0 22px;
}

.cx-description__content ul,
.cx-description__content ol{
	margin:0 0 22px;
	padding-left:24px;
}

.cx-description__content li{
	margin-bottom:8px;
}

.cx-description__content strong,
.cx-description__content b{
	color:#202124;
	font-weight:750;
}

.cx-description__content a{
	color:#d1001f;
	font-weight:600;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}

/* ===============================
   Tablet
=============================== */

@media (max-width:991px){

	.cx-description{
		margin-top:52px;
		padding-top:30px;
	}

	.cx-description__title{
		font-size:27px;
	}

	.cx-description__content{
		max-width:100%;
		font-size:15px;
	}
}

/* ===============================
   Mobile
=============================== */

@media (max-width:767px){

	.cx-description{
		margin-top:42px;
		padding-top:26px;
	}

	.cx-description::before{
		width:56px;
		height:3px;
	}

	.cx-description__title{
		margin-bottom:17px;

		font-size:23px;
		line-height:1.25;
	}

	.cx-description__content{
		font-size:14px;
		line-height:1.75;
	}

	.cx-description__content p{
		margin-bottom:17px;
	}

	.cx-description__content ul,
	.cx-description__content ol{
		margin-bottom:17px;
		padding-left:20px;
	}
}

/* ===============================
   Small Mobile
=============================== */

@media (max-width:420px){

	.cx-description{
		margin-top:36px;
	}

	.cx-description__title{
		font-size:21px;
	}

	.cx-description__content{
		line-height:1.7;
	}
}