/* ============================================================================================== */
/* =========================================== CARD SERVICE ===================================== */
/* ============================================================================================== */

.card-block.is-service {
    color: rgba(var(--custom-rgb-color-black),1) !important;
}
.card-block.is-service+.card-block.is-service {
    margin-top: 15px;
}
.card-block.is-service>.card-block-inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border-radius: var(--custom-border-radius-card);
    background-color: rgba(var(--custom-rgb-color-white),1);
    padding: 5px;
}
.card-block.is-service>.card-block-inner>.cover-sec {
    position: relative;
    width: 250px;
    overflow: hidden;
    border-radius: var(--custom-border-radius-card-inside);
    background: #ccc;
}

.card-block.is-service>.card-block-inner>.content-sec {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% - 250px);
    padding: 40px 50px 35px 50px;
}
.card-block.is-service>.card-block-inner>.content-sec>.title {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    max-height: 30px;
}
.card-block.is-service>.card-block-inner>.content-sec>.description {
    position: relative;
    margin-top: 5px;
    max-height: 75px;
}
.card-block.is-service>.card-block-inner>.content-sec>.btn-row {
    margin-top: auto;
    padding-top: 20px;
}



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

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

/* 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) {}

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

/* ============================================================================================== */
/* =========================================== CARD SERVICE ===================================== */
/* ============================================================================================== */

.card-block.is-service>.card-block-inner>.content-sec {
    padding: 30px 40px;
}

}

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

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

.card-block.is-service>.card-block-inner {
    flex-wrap: wrap;
}
.card-block.is-service>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-service>.card-block-inner>.content-sec {
    width: 100%;
    padding: 15px;
}
.card-block.is-service>.card-block-inner>.content-sec .default-btn {
    padding: 0 20px;
}

}

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

/* ============================================================================================== */
/* =========================================== CARD SERVICE ===================================== */
/* ============================================================================================== */

.card-block.is-service>.card-block-inner {
    flex-wrap: wrap;
}
.card-block.is-service>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-service>.card-block-inner>.content-sec {
    width: 100%;
    padding: 15px;
}
.card-block.is-service>.card-block-inner>.content-sec .default-btn {
    padding: 0 20px;
}

}

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