/* ============================================================================================== */
/* =========================================== CARD PROJECT ===================================== */
/* ============================================================================================== */

.card-block.is-project,
.card-block.is-project>.card-block-inner {
	position: relative;
}

/* --------------------------------------------------------------- */
/* -------------------------- vertical --------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-project .card-block.is-project.vertical-format {
    width: calc(100% / 3);
    margin-bottom: 20px;
}
.card-block.is-project.vertical-format>.card-block-inner {
	display: block;
    background-color: rgba(var(--custom-rgb-color-white),1);
	color: rgba(var(--custom-rgb-color-black),1);
}
.card-block.is-project.vertical-format>.card-block-inner>.cover-sec {
	width: 100%;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec {
	width: 100%;
	height: 140px;
	text-align: center;
	padding: 30px 20px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec>.content-inner {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec .title {
	max-height: 50px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec .description {
	margin-top: 5px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec .slot-text-group {
	justify-content: center;
}

/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

.banner-section>.banner-inner .text-on-banner-group .title-main {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
}
.banner-section>.banner-inner .text-on-banner-group .title-sub {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

/* ============================================================================================== */
/* =========================================== CARD PROJECT ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* -------------------------- vertical --------------------------- */
/* --------------------------------------------------------------- */

.card-block.is-project.vertical-format>.card-block-inner>.content-sec {
    height: 130px;
    padding: 25px 20px;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

/* ============================================================================================== */
/* =========================================== CARD PROJECT ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* -------------------------- vertical --------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-project .card-block.is-project.vertical-format {
    width: 50%;
    margin-bottom: 20px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec {
    height: 130px;
    padding: 25px 20px;
}

}

/* sm - xs */
@media (max-width: 767.98px) {}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

/* ============================================================================================== */
/* =========================================== CARD PROJECT ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* -------------------------- vertical --------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-project .card-block.is-project.vertical-format {
    width: 100%;
    margin-bottom: 20px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec {
    height: 120px;
    padding: 20px 20px;
}

}

/* xs */
@media (max-width: 575.98px) {

/* ============================================================================================== */
/* =========================================== CARD PROJECT ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* -------------------------- vertical --------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-project .card-block.is-project.vertical-format {
    width: 100%;
    margin-bottom: 20px;
}
.card-block.is-project.vertical-format>.card-block-inner>.content-sec {
    height: 120px;
    padding: 20px 20px;
}

}

/* xs custom */
@media (max-width: 399.98px) {}