/* img */
/* ==================================== */
.c-div-1-1 {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
}

.c-div-4-3 {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 75%;
    position: relative;
}

.c-div-3-4 {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 120%;
    position: relative;
}

.c-div-16-9 {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.c-div-8-5 {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 62.5%;
    position: relative;
}

.c-div-sm {
    background-color: #23A2D8;
    width: 100%;
    padding-top: 20%;
    position: relative;
}

.c-img-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* m-widget14 */
/* ==================================== */
.c-m-widget14 {
    padding: 1rem 1.2rem;
}

.c-m-widget14__btn {
    padding: 0.5rem 1.2rem;
}

.c-m-widget14-topic{
    padding: 1.5rem 1.2rem 0.2rem 1.2rem;
}

.c-m-widget14.c-m-widget14--no-padding {
    padding: 0;
}

.c-m-widget14 .c-m-widget14__header {
    padding: 0;
    margin-bottom: 0;
}

.c-m-widget14 .c-m-widget14__header .c-m-widget14__title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0;
}

.c-m-widget14 .c-m-widget14__header .c-m-widget14__desc {
    display: inline-block;
    margin-top: 0.2rem;
    font-size: 1rem;
}

.c-m-widget14 .c-m-widget14__legend {
    margin-bottom: 0;
}

.c-m-widget14 .c-m-widget14__legend:last-child {
    margin-bottom: 0;
}

.c-m-widget14 .c-m-widget14__legend .c-m-widget14__legend-bullet {
    width: 2rem;
    height: 0.45rem;
    display: inline-block;
    border-radius: 1.1rem;
    margin-bottom: 0.12rem;
    margin-right: 0.8rem;
}

.c-m-widget14 .c-m-widget14__legend .c-m-widget14__legend-text {
    display: inline-block;
}

.c-m-widget14 .c-m-widget14__chart {
    position: relative;
    margin-top: 0.5rem;
}

.c-m-widget14 .c-m-widget14__chart .c-m-widget14__stat {
    font-size: 2.4rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-m-widget14__title {
    color: #575962;
}

.c-m-widget14__desc {
    color: #9699a2;
}

.c-m-widget14__legend-text {
    color: #9699a2;
}

.c-m-widget14__chart .c-m-widget14__stat {
    color: #dadbe2;
}
/* tablet */
@media (min-width: 576px) and (max-width: 767.98px) {
    .c-m-widget14 {
        padding: 0;
    }
    .c-m-widget14__btn {
        padding: 0.5rem 1.2rem;
    }
    .c-m-widget14-topic{
        padding: 1.5rem 1.2rem 0.2rem 1.2rem;
    }
}
/* mobile */
@media (max-width: 575.98px) {
    .c-m-widget14 {
        padding: 0.5rem 0;
    }
    .c-m-widget14__btn {
        padding: 0.2rem 0;
    }
    .c-m-widget14-topic{
        padding: 1.5rem 0 0.2rem 0;
    }
}

/* m-widget19 */
/* ==================================== */
.m-widget19 .m-widget19__pic .m-widget19__shadow-top {
    position: absolute;
    top: 0;
    bottom: 80%;
    left: 0;
    right: 0; }
.m-widget19 .m-widget19__pic .m-widget19__shadow-top {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.6))) no-repeat scroll 0 0;
    background: linear-gradient(to top, rgb(120 120 120 / 0%) 20%, rgb(120 120 120 / 10%) 40%, rgb(120 120 120 / 60%) 90%) no-repeat scroll 0 0; }


/* font size */
/* ==================================== */
.c-font-xxxl {
	font-size: 100px !important;
}

.c-font-xxl {
	font-size: 70px !important;
}

.c-font-lg {
	font-size: 60px !important;
}

.c-font-lg-en {
	font-size: 90px !important;
}

.c-font-mdlg {
	font-size: 48px !important;
}

.c-font-md {
	font-size: 35px !important;
}

.c-font-smmd {
	font-size: 25px !important;
}

.c-font-smxs {
	font-size: 20px !important;
}

.c-font-sm {
	font-size: 17px !important;
}

.c-font-xs {
	font-size: 16px !important;
}

.c-font-bold-900 {
	font-weight: 900 !important;
}

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

	.c-font-xxxl{ font-size: 30px !important; }
	.c-font-xxl{ font-size: 27px !important; }
	.c-font-lg{ font-size: 23px !important; }
	.c-font-mdlg{font-size: 22px !important;}
	.c-font-md{ font-size: 18px !important; }
    .c-font-smmd{ font-size: 16px !important; }
    .c-font-smxs{ font-size: 14px !important; }
}
/* mobile */
@media (max-width: 575.98px) {

	.c-font-xxxl{ font-size: 50px !important; }
	.c-font-xxl{ font-size: 30px !important; }
	.c-font-lg{ font-size: 25px !important; }
	.c-font-mdlg{font-size: 23px !important;}
	.c-font-md{ font-size: 18px !important; }
    .c-font-smmd{ font-size: 16px !important; }
    .c-font-smxs{ font-size: 14px !important; }
}

@media screen and (max-width : 991px) {
    .image_show {
        width: 100% !important;
        max-width: 350px !important;
        height: unset !important;
    }
    .image-2{
        height: unset !important;
    }
}

/* button */
/* ==================================== */
.c-btn-no-border{
    border: 0;
}

.image-show {
    background-position: center;
    background-size: cover;
    border:2px solid #fff;
}

.image {
    height: 300px;
    width: 350px;
    background-position: center;
    background-size: 100% 100%;
    /* background-repeat: no-repeat; */
    border:2px solid #fff;
}
.image_show {
    /* width: auto;
    background-position: center;
    background-size: cover;
    border: 2px solid #fff;
    aspect-ratio: 11/6;
    background-repeat: no-repeat;
    height: 11vw;
    min-height: 100px; */
    background-position: center;
    background-size: cover;
    border: 2px solid #fff;
    aspect-ratio: 11/6;
    background-repeat: no-repeat;
    height: 11.5vw;
    min-height: 100%;
}

.image-2 {
    /* width: auto;
    background-position: center;
    background-size: cover;
    border: 2px solid #fff;
    aspect-ratio: 230/57;
    background-repeat: no-repeat;
    height: 11vw;
    max-width: 100%; */
    width: 100%;
    background-position: center;
    background-size: cover;
    border: 2px solid #fff;
    aspect-ratio: 230/57;
    background-repeat: no-repeat;
    height: auto;
}

.fade-in {
    opacity: 1;
    transition:             opacity 2s;
        -moz-transition:    opacity 2s;
        -ms-transition:     opacity 2s;
        -o-transition:      opacity 2s;
        -webkit-transition: opacity 2s;
}

.truncate {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;

}

.ele-clone {
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    position: fixed;
}