.card-block-section,
.card-block-wrapper,
.card-block-row,
.card-block,
.card-block>.card-block-inner {
    position: relative;
}
.card-block-row.inline {
	display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.card-block-row.inline .card-block {
    padding: 0 10px;
    width: calc(100% / 3);
    z-index: 1;
}

.card-block>.card-block-inner>.img-block,
.card-block>.card-block-inner>.content-block {
    position: relative;
}

.card-block>.card-block-inner>.content-block.pd-top {
    padding-top: 15px;
}

.card-block>.card-block-inner>.img-block.round-corner {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.card-block>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
}
.card-block>.card-block-inner>.content-block .title.font-size-auto {
    font-size: inherit !important;
}

/* slide */
.card-block-row.splide .card-block {
    margin: 0 !important;
    width: 100% !important;
}
.card-block-row.splide .splide-track {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    /* background-color: rgba(255,255,0,0.2); */
}

/* hover */
.card-block>.card-block-inner.this-hover,
.card-block>.card-block-inner .this-hover {
    position: relative;
    top: 0;
    box-shadow: var(--custom-box-shadow-card-before-hover);
    transition: all var(--custom-transition-time-hover) ease;
    -webkit-transition: all var(--custom-transition-time-hover) ease;
    -moz-transition: all var(--custom-transition-time-hover) ease;
    -ms-transition: all var(--custom-transition-time-hover) ease;
    -o-transition: all var(--custom-transition-time-hover) ease;
}
.card-block>.card-block-inner.this-hover:hover,
.card-block>.card-block-inner .this-hover:hover {
    top: -10px;
    box-shadow: var(--custom-box-shadow-card-after-hover);
}

/* --------------------------------------------------------------- */
/* ----------------------- CARD PROJECT -------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.project.fix-2-col .card-block.project {
    width: calc(100% / 2);    
}
.card-block-row.inline.project.fix-3-col .card-block.project {
    width: calc(100% / 3);    
}

.card-block.project {
    cursor: pointer !important;
}
.card-block.project>.card-block-inner {
    display: block;
    position: relative;    
}
    
/* img */
.card-block.project>.card-block-inner>.img-block {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.card-block.project>.card-block-inner>.img-block .img-sec {
    overflow: hidden;
    z-index: 1;
}
.card-block.project>.card-block-inner>.img-block .label-tag-group {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 13px;
}

/* content */
.card-block.project>.card-block-inner>.content-block {
    color: var(--custom-text-color-black);
}
.card-block.project>.card-block-inner>.content-block .project-description {
    color: var(--custom-text-color-gray);
}
.card-block.project>.card-block-inner>.content-block .project-type {
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
}
.card-block.project>.card-block-inner>.content-block .project-type .label-tag {
    margin-bottom: 0 !important;
}

/* vertical format */

.card-block.project.vertical-format>.card-block-inner>.content-block {
    padding: 40px 40px 30px 40px;
    height: 300px;
    overflow: hidden;
}
.card-block.project.vertical-format>.card-block-inner>.content-block:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.08;
    background: linear-gradient( to bottom, rgba(var(--custom-rgb-color-primary),1) , rgba(var(--custom-rgb-color-primary),0));
    z-index: 1;
}
.card-block.project.vertical-format>.card-block-inner>.content-block>.content-inner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-name {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-price {
    font-weight: 500;
    margin-top: 5px;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-description {
    margin-top: 20px;
    height: 75px;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-type {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}


/* horizontal format - on content */

.card-block.is-project.horizontal-format-on-content {
    display: block;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 155px;
    color: rgba(var(--custom-rgb-color-black),1);
    background-color: rgba(var(--custom-rgb-color-white),1);
    border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
    box-shadow: 0 0 10px rgba(var(--custom-rgb-color-black),0);
    top: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner:hover {
    /* border-color: rgba(var(--custom-rgb-color-black),0.2); */
    box-shadow: 0 5px 10px rgba(var(--custom-rgb-color-black),0.1);
    top: -5px;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.img-block {
    width: 155px;
    height: 100%;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block {
    width: calc(100% - 155px);
    padding: 30px;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f5d3";
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 15px;
    line-height: 20px;
    top: 10px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner:hover>.content-block:before {
    opacity: 0.8;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block>.content-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title {
    font-size: 25px;
    line-height: 30px;
    max-height: 30px;
    font-weight: 500;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-name {
    color: rgba(var(--custom-rgb-color-black),1);
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner:hover>.content-block .project-name {
    color: rgba(var(--custom-rgb-color-secondary-2),1);
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-description {
    height: 25px;
    color: rgba(var(--custom-rgb-color-gray-dark),1);
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-type {
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 15px;
}

/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog,
.card-block-row.inline.is-news .card-block.is-news {
    width: calc(100% / 4);
    margin-bottom: 20px;
}

.card-block-row.is-blog.fade,
.card-block-row.is-news.fade {
    top: 20px;
    transition: opacity 0.3s ease, top 0.3s ease;
    -webkit-transition: opacity 0.3s ease, top 0.3s ease;
    -moz-transition: opacity 0.3s ease, top 0.3s ease;
    -ms-transition: opacity 0.3s ease, top 0.3s ease;
    -o-transition: opacity 0.3s ease, top 0.3s ease;
}
.card-block-row.is-blog.fade.show,
.card-block-row.is-news.fade.show {
    top: 0;
}

.card-block-section.is-blog + .card-block-section.is-blog,
.card-block-section.is-news + .card-block-section.is-news {
    margin-top: 50px;
}

.card-block.is-blog,
.card-block.is-news {
    cursor: pointer !important;
    display: block;
}
.card-block.is-blog>.card-block-inner,
.card-block.is-news>.card-block-inner {
    color: rgba(var(--custom-rgb-color-black),1) !important;
}
.card-block.is-blog>.card-block-inner>.img-block>.img-sec,
.card-block.is-news>.card-block-inner>.img-block>.img-sec {
    width: 100%;
    overflow: hidden;
}
.card-block.is-blog>.card-block-inner>.content-block .description,
.card-block.is-news>.card-block-inner>.content-block .description {
    color: rgba(var(--custom-rgb-color-gray-dark),1) !important;
}
.card-block.is-blog>.card-block-inner>.content-block>.content-inner,
.card-block.is-news>.card-block-inner>.content-block>.content-inner {
    position: relative;
    width: 100%;
}

.card-block.is-blog>.card-block-inner.bg-color-gray-light,
.card-block.is-news>.card-block-inner.bg-color-gray-light {
    background-color: rgba(var(--custom-rgb-color-gray-light),0.5) !important;
}

.card-block.is-blog>.card-block-inner>.img-block .read-more-hover,
.card-block.is-news>.card-block-inner>.img-block .read-more-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;   
    color: rgba(var(--custom-rgb-color-white),1) !important;
    background-color: rgba(var(--custom-rgb-color-primary),0.7) !important;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}
.card-block.is-blog>.card-block-inner>.img-block .read-more-hover .icon,
.card-block.is-news>.card-block-inner>.img-block .read-more-hover .icon {
    font-size: 40px;
    top: -10px;
    transition: top 0.3s ease;
    -webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
}
.card-block.is-blog:hover>.card-block-inner>.img-block .read-more-hover,
.card-block.is-news:hover>.card-block-inner>.img-block .read-more-hover {
    opacity: 1;
}
.card-block.is-blog:hover>.card-block-inner>.img-block .read-more-hover .icon,
.card-block.is-news:hover>.card-block-inner>.img-block .read-more-hover .icon {
    top: 0;
}

/* format - vertical */

.card-block.is-blog.vertical-format>.card-block-inner>.content-block,
.card-block.is-news.vertical-format>.card-block-inner>.content-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px 25px;
    height: 180px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block>.content-inner, .card-block.is-news.vertical-format>.card-block-inner>.content-block>.content-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category {
    margin-bottom: 10px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category.on-mobile,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category.on-mobile {
    display: none;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .title,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .title {
    max-height: 50px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .description,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .description {
    max-height: 50px;
    margin-top: 3px;
}

/* format - horizontal */

.card-block.is-blog.horizontal-format>.card-block-inner,
.card-block.is-news.horizontal-format>.card-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 305px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: calc(100% - 305px);
    padding: 30px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block>.content-inner,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block>.content-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .title,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .title {
    max-height: 75px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .description,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .description {
    max-height: 75px;
    margin-top: 10px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}


/* format - related */

.card-block.is-blog.related-format>.card-block-inner,
.card-block.is-news.related-format>.card-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row-reverse;
}
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 305px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: calc(100% - 305px);
    padding: 50px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block>.content-inner,
.card-block.is-news.related-format>.card-block-inner>.content-block>.content-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    min-height: 35px;
    max-height: 70px;
    height: 70px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .description,
.card-block.is-news.related-format>.card-block-inner>.content-block .description {
    min-height: 25px;
    max-height: 50px;
    height: 50px;
    margin-top: 10px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .category,
.card-block.is-news.related-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}

/* format banner */

.card-block.is-news.banner-format>.card-block-inner,
.card-block.is-news.banner-format>.card-block-inner>.img-block {
    height: 100%;
}
.card-block.is-news.banner-format>.card-block-inner>.img-block {
    z-index: 1;
}
.card-block.is-news.banner-format>.card-block-inner>.content-block {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/* --------------------------------------------------------------- */
/* --------------------------- CARD VIDEO ----------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.video>.card-block.video  {
    width: calc(100% / 3);
}

.card-block.video {
    margin-bottom: 20px;
}
.card-block.video>.card-block-inner {
    border-radius: var(--custom-border-radius-card);
    border: 1px solid var(--custom-border-color-light-gray);
    background-color: var(--custom-color-white);
    padding: 3px;
}
.card-block.video>.card-block-inner>.img-block {
    border-radius: var(--custom-border-radius-card-inside);
    overflow: hidden;
}
.card-block.video>.card-block-inner>.img-block .img-sec:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 99;
}
.card-block.video>.card-block-inner>.img-block .icon-play {
    position: absolute;    
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.5);
    border-radius: 100%;
    z-index: 100;    
}
.card-block.video>.card-block-inner>.img-block .icon-play>.icon {
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
.card-block.video>.card-block-inner>.content-block {
    color: var(--custom-text-color-black);
    padding: 15px 15px 10px 15px;
    height: 50px;
}
.card-block.video>.card-block-inner>.content-block .title {
    height: 25px;
}


/* --------------------------------------------------------------- */
/* ------------------------ CARD RESULT -------------------------- */
/* --------------------------------------------------------------- */

.card-result {
    position: relative;
    text-align: center;
    padding: 50px 20px;
    border-radius: var(--custom-border-radius-card);
}
.card-result .icon-img {
    position: relative;
    display: block;
    margin: 0 auto 15px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-result .title {}
.card-result .btn-row {
    margin-top: 20px;
}

/* not found project */
.card-result.not-found-project .icon-img {
    background-image: url(../../images/sites/icon/project-not-found.png);
    width: 300px;
    height: 100px;
}

/* --------------------------------------------------------------- */
/* ----------------------- CARD CATALOG -------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.catalog {}
.card-block-row.inline.catalog .card-block.catalog {
    width: calc(100% / 4);
}
.card-block.catalog {
    margin-bottom: 30px;
}
.card-block.catalog>.card-block-inner>.content-block .title {
    /* height: 25px; */
    overflow: hidden;
}
.card-block.catalog .img-block {
    border-radius: var(--custom-border-radius-card);
    overflow: hidden;
    border: 1px solid var(--custom-border-color-light-gray);
    background-color: var(--custom-color-white);
    padding: 3px;
}
.card-block.catalog .img-block.cursor-pointer {
    cursor: pointer !important;
}
.card-block.catalog>.card-block-inner>.img-block .img-sec {
    border-radius: var(--custom-border-radius-card-inside);
}
.card-block.catalog .download-info-row {
    position: relative;
    /* padding: 5px 0; */
    margin: 5px 0 10px 0;
    /* border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
    border-left: none !important;
    border-right: none !important; */
}
.card-block.catalog .download-btn-row {
    position: relative;    
}


/* --------------------------------------------------------------- */
/* ------------------------ CARD SELECT -------------------------- */
/* --------------------------------------------------------------- */

.card-select-section,
.card-select-group,
.card-select-item,
.card-select-item>.inside {
	position: relative;
}

.card-select-section .card-select-item>.inside>.col-detail .detail-row,
.card-select-section .card-select-item>.inside>.col-detail .detail-row>.detail-col {
    position: relative;
}
.card-select-section .card-select-item>.inside>.col-detail .detail-row {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
}
.card-select-section .card-select-item>.inside>.col-detail .detail-row>.detail-col.this-col-left {
    text-align: left;
    flex: 1 0 0;
}
.card-select-section .card-select-item>.inside>.col-detail .detail-row>.detail-col.this-col-right {
    text-align: right;
}

/* ouline */
.card-select-section.outline {

}
.card-select-section.outline .card-select-group {
	padding: 0 !important;
}
.card-select-section.outline .card-select-item {
	margin: 0 !important;
	padding: 0 !important;
}
.card-select-section.outline .card-select-item+.card-select-item {
	margin-top: 10px !important;
}
.card-select-section.outline .card-select-item>.inside {
	display: flex;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
    border-radius: var(--custom-border-radius-card);
	padding: 15px;
	line-height: 25px;
}
.card-select-section.outline .card-select-item>.inside.align-items-center {
	align-items: center;
}
.card-select-section.outline .card-select-item>.inside.active {
	border-color: rgba(var(--custom-rgb-color-primary),0.3);
	background-color: rgba(var(--custom-rgb-color-primary),0.05);
}
.card-select-section.outline .card-select-item>.inside>[class*="col-"] {
	position: relative;
}
.card-select-section.outline .card-select-item>.inside>.col-check {
	width: 25px;
	margin-right: 15px;
}
.card-select-section.outline .card-select-item>.inside>.col-detail {
	text-align: left;
	flex: 1 0 0%;
}
.card-select-section.outline .card-select-item>.inside .text-min {
	font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* disable */
.card-select-section.outline .card-select-item>.inside.disable {
	cursor: no-drop !important;	
	background-color: rgba(242,242,242,1) !important;
	opacity: 0.5 !important;
}
.card-select-section.outline .card-select-item>.inside.disable>.col-check .icon {
	font-size: 22px;
	opacity: 0.3 !important;
}

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

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

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

/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

/* format - vertical */
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 285px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: calc(100% - 285px);
}

}

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

    
/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

/* format - horizontal */
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 260px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: calc(100% - 260px);
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
} 


/* format - horizontal - on content */

/* format - related */
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 260px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    width: calc(100% - 260px);
    padding: 30px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    min-height: 25px;
    max-height: 50px;
    height: 50px;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog,
.card-block-row.inline.is-news .card-block.is-news {
    width: calc(100% / 3);
    margin-bottom: 20px;
}

/* format - vertical */
.card-block.is-blog.vertical-format>.card-block-inner>.content-block,
.card-block.is-news.vertical-format>.card-block-inner>.content-block {
    padding: 20px;
    height: 180px;
}

/* format - horizontal */
.card-block.is-blog.horizontal-format>.card-block-inner, .card-block.is-news.horizontal-format>.card-block-inner {
    flex-wrap: wrap;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 100%;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: 100%;
    height: 180px;
    padding: 20px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .title,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .title {
    max-height: 50px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .description,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .description {
    max-height: 50px;
    margin-top: 5px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag {
    margin-bottom:  0 !important;
}
/* .card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
}  */

/* format - horizontal - on content */

/* format - related */
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 250px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    width: calc(100% - 250px);
    padding: 30px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    min-height: 25px;
    max-height: 50px;
    height: 50px;
}

}

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

/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog,
.card-block-row.inline.is-news .card-block.is-news {
    width: calc(100% / 2);
    margin-bottom: 20px;
}

/* format - vertical */
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 250px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: calc(100% - 250px);
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .description,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .description {
    max-height: 50px;
}

/* format - horizontal - on content */
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block {
    padding: 20px 30px 20px 20px;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title {
    font-size: 22px;
    line-height: 25px;
    max-height: none;
    font-weight: 500;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group {
    flex-wrap: wrap;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li {
    padding: 0 !important;
    width: 100%;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:before,
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:after {
    display: none !important;
}

/* format - related */
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 250px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    width: calc(100% - 250px);
    padding: 30px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    min-height: 25px;
    max-height: 50px;
    height: 50px;
}

}

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

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

.card-block-row.inline {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    margin: 0 -2.5px;
}
.card-block-row.inline .card-block {
    padding: 0 2.5px;
}


.card-block-row.inline.project.fix-2-col .card-block.project {
    width: 100%;
}
.card-block.project.vertical-format>.card-block-inner>.content-block {
    padding: 30px 30px 40px 30px;
    height: 300px;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-type {
    position: relative;
}

.card-block>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
}
.card-block>.card-block-inner>.content-block .description {
    font-size: 20px;
    line-height: 25px;
}


/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog,
.card-block-row.inline.is-news .card-block.is-news {
    width: calc(100% / 2);
    margin-bottom: 20px;
}

/* format - vertical */
.card-block.is-blog.vertical-format>.card-block-inner>.content-block,
.card-block.is-news.vertical-format>.card-block-inner>.content-block {
    padding: 20px;
    height: 175px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .title,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .title {
    max-height: 50px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .description,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .description {
    max-height: 50px;
    margin-top: 5px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category.on-desktop,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category.on-desktop {
    display: none;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category.on-mobile,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category.on-mobile {
    display: flex;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category>.label-tag,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category>.label-tag {
    margin-bottom:  0 !important;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
} 

/* format - horizontal */
.card-block.is-blog.horizontal-format>.card-block-inner,
.card-block.is-news.horizontal-format>.card-block-inner {
    flex-wrap: wrap;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 100%;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: 100%;
    height: 175px;
    padding: 20px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .title,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .title {
    max-height: 50px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .description,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .description {
    max-height: 50px;
    margin-top: 5px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag {
    margin-bottom:  0 !important;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
} 

/* format - horizontal - on content */
.card-block.is-project.horizontal-format-on-content>.card-block-inner {
    height: 130px;
    top: 0 !important;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.img-block {
    width: 130px;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block {
    width: calc(100% - 130px);
    padding: 15px 20px 15px 15px;
    /* padding: 13px 15px; */
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title {
    font-size: 20px;
    line-height: 22px;
    max-height: none;
    font-weight: 500;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group {
    flex-wrap: wrap;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li {
    padding: 0 !important;
    width: 100%;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:before,
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:after {
    display: none !important;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-description {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin-top: 10px;
    /* display: none !important; */
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-type {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    margin-top: 10px
}

/* format - related */
.card-block.is-blog.related-format>.card-block-inner,
.card-block.is-news.related-format>.card-block-inner {
    flex-direction: row;
}
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 248px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    width: calc(100% - 248px);
    padding: 20px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    min-height: 25px;
    max-height: 50px;
    height: 50px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .description, .card-block.is-news.related-format>.card-block-inner>.content-block .description {
    line-height: 20px;
    min-height: 20px;
    max-height: 40px;
    height: 40px;
    margin-top: 5px;
    /* display: none !important; */
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .category,
.card-block.is-news.related-format>.card-block-inner>.content-block .category {
    /* display: none !important; */
}


}

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

.card-block-row.inline {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 5px);
    margin: 0 -2.5px;
}
.card-block-row.inline .card-block {
    padding: 0 2.5px;
}

.card-block-row.inline.project.fix-2-col .card-block.project {
    width: 100%;
}
.card-block.project.vertical-format>.card-block-inner>.content-block {
    padding: 20px 20px 20px 20px;
    height: auto;
}
.card-block.project.vertical-format>.card-block-inner>.content-block .project-type {
    position: relative;
}

.card-block>.card-block-inner>.content-block .title {
    font-size: 20px;
    line-height: 22px;
}
.card-block>.card-block-inner>.content-block .description {
    font-size: 16px;
    line-height: 20px;
}

/* --------------------------------------------------------------- */
/* --------------------- CARD BLOG + NEWS ------------------------ */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog,
.card-block-row.inline.is-news .card-block.is-news {
    width: calc(100% / 2);
    margin-bottom: 20px;
}

/* format - vertical */
.card-block.is-blog.vertical-format>.card-block-inner>.content-block,
.card-block.is-news.vertical-format>.card-block-inner>.content-block {
    padding: 15px;
    height: 155px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .title,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .title {
    max-height: 44px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .description,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .description {
    max-height: 40px;
    margin-top: 5px;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category.on-desktop,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category.on-desktop {
    display: none;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category.on-mobile,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category.on-mobile {
    display: flex;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category>.label-tag,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category>.label-tag {
    margin-bottom:  0 !important;
}
.card-block.is-blog.vertical-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.vertical-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
} 

/* format - horizontal */
.card-block.is-blog.horizontal-format>.card-block-inner,
.card-block.is-news.horizontal-format>.card-block-inner {
    flex-wrap: wrap;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block,
.card-block.is-blog.horizontal-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block,
.card-block.is-news.horizontal-format>.card-block-inner>.img-block>.img-sec {
    width: 100%;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block {
    width: 100%;
    height: 155px;
    padding: 15px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .title,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .title {
    max-height: 44px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .description,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .description {
    max-height: 40px;
    margin-top: 5px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category {
    margin-top: auto;
    margin-bottom: 0;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag {
    margin-bottom:  0 !important;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag,
.card-block.is-news.horizontal-format>.card-block-inner>.content-block .category>.label-tag.this-hashtag {
    display: none;
} 

/* format - horizontal - on content */
.card-block.is-project.horizontal-format-on-content>.card-block-inner {
    height: 130px;
    top: 0 !important;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.img-block {
    width: 130px;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block {
    width: calc(100% - 130px);
    padding: 15px 20px 15px 15px;
    /* padding: 13px 15px; */
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title {
    font-size: 20px;
    line-height: 22px;
    max-height: none;
    font-weight: 500;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group {
    flex-wrap: wrap;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li {
    padding: 0 !important;
    width: 100%;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:before,
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-title ul.slot-text-group > li:after {
    display: none !important;
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-description {
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin-top: 10px;
    /* display: none !important; */
}
.card-block.is-project.horizontal-format-on-content>.card-block-inner>.content-block .project-type {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    margin-top: 10px
}

/* format - related */
.card-block.is-blog.related-format>.card-block-inner,
.card-block.is-news.related-format>.card-block-inner {
    flex-direction: row;
}
.card-block.is-blog.related-format>.card-block-inner>.img-block,
.card-block.is-blog.related-format>.card-block-inner>.img-block>.img-sec,
.card-block.is-news.related-format>.card-block-inner>.img-block,
.card-block.is-news.related-format>.card-block-inner>.img-block>.img-sec {
    width: 130px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block,
.card-block.is-news.related-format>.card-block-inner>.content-block {
    width: calc(100% - 130px);
    padding: 20px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .title,
.card-block.is-news.related-format>.card-block-inner>.content-block .title {
    font-size: 20px;
    line-height: 22px;
    min-height: 22px;
    max-height: 44px;
    height: 44px;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .description, .card-block.is-news.related-format>.card-block-inner>.content-block .description {
    line-height: 20px;
    min-height: 20px;
    max-height: 40px;
    height: 40px;
    margin-top: 5px;
    display: none !important;
}
.card-block.is-blog.related-format>.card-block-inner>.content-block .category,
.card-block.is-news.related-format>.card-block-inner>.content-block .category {
    /* display: none !important; */
}

}

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