.size-product { color: #858585; } 
.slide-project-item .items { left: 0; right: 0; bottom: 40px; } 
.translate li { list-style: none; font-family: var(--font-regular); background: #fff; text-align: center; border:1px solid var(--color-main); border-radius: 20px; color: var(--color-main); } 
.blue-text { color: #025296; } 
.green-text { color: #168400; } 
.slogan { font-family: "Cookie"; font-size: 28px; text-transform: capitalize; margin-bottom: -10px; } 


.wrap-program { background: #dffaea; } 
.info-program .name { width: 200px; } 
.info-program .name a { font-family: "Baloo_Bold"; font-size: 20px; color: #000; } 
.info-program .name a:hover{color: var(--color-main);}
.info-program { background: #fff; padding: 40px 20px 30px 20px; border-radius: 0 0 10px 10px } 
.read-more a { font-family: var(--font-bold); font-size: 14px; color: #000; display: flex; align-items: center; } 
.read-more a:hover{color: var(--color-main);}
.read-more i { background: #000; border-radius: 50%; padding: 2px; margin-left: 5px; } 
.read-more:hover i{background: var(--color-main);}
.items-program .image { border-radius: 10px 10px 0 0; overflow: hidden; } 
.items-program .icon { position: absolute; left: 20px; bottom: 25%; width: 65px; height: 65px; background: #fff; border-radius: 50%; display: flex; justify-content: center; } 
/* ------------------------------------------------------------------ */
.wrap-video { position: relative; z-index: 11; } 
.play { left: 0; right: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; height: 100%; width: 50%; align-items: center; /* padding: 15px; */ } 
.play img { padding: 10px; } 
.image-video img { height: 375px; } 

/* ------------------------------------------------------------------ */
.wrap-album { position: relative; z-index: 1; } 
.main-album { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } 
.items-album:nth-child(1) { grid-area: 1 / 1 / 5 / 6; height: 420px; } 
.items-album:nth-child(1) img { height: 420px; } 
.items-album:nth-child(2) { grid-area: 1 / 6 / 3 / 10; height: 200px; } 
.items-album:nth-child(2) img { height: 200px; } 
.items-album:nth-child(3) { grid-area: 1 / 10 / 3 / 13; height: 200px; } 
.items-album:nth-child(3) img { height: 200px; } 
.items-album:nth-child(4) { grid-area: 3 / 6 / 5 / 9; height: 200px; } 
.items-album:nth-child(4) img { height: 200px; } 
.items-album:nth-child(5) { grid-area: 3 / 9 / 5 / 13; height: 200px; } 
.items-album:nth-child(5) img { height: 200px; } 

/* ------------------------------------------------------------------ */
.social-header ul li img { filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 
.line-bottom { position: relative; padding-bottom: 10px; } 
.line-bottom::after { position: absolute; border-bottom: 2px solid #fff; content: ""; left: 0; bottom: 0; width: 35px; } 
.main-statistic-res { display: none; } 
.filter-image img { filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 

/* ------------------------------------------------------------------ */
.wrap-product-list { background: var(--color-main); background-size: cover; padding-bottom: 30px; } 
.product-list-info { margin-top: 15px; } 
.product-list-name a { font-size: 18px; } 
.product-list-image { padding: 5px; border-top: 1px solid #3bba22; border-bottom: 1px solid #3bba22; } 

/* ------------------------------------------------------------------ */
.wrap-aboutus { position: relative; z-index: 1; background: url(../images/set/bg-about.png); background-size: cover; } 
.aboutus-image { z-index: 1; } 
.name-aboutus { font-size: 40px; color: var(--color-main); text-transform: capitalize; } 
.desc-aboutus { -webkit-line-clamp: 8; font-size: 14px; line-height: 25px; margin-top: 15px; color: #000; } 

/* ------------------------------------------------------------------ */
.wrap-statistic { background: var(--color-main); background-size: 100% 100%; position: relative; padding-bottom: 90px; } 
.items-statistic { width: 280px; height: 200px; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); border: 4px solid #fff; background-color: #fff; padding: 4px; } 
.main-statistic .items-statistic:nth-child(2n+1) { margin-top: 55px; } 
.main-statistic .items-statistic:nth-child(2) .clip-statistic { background: #36bde4; } 
.main-statistic .items-statistic:nth-child(3) .clip-statistic { background: #f1770d; } 
.main-statistic .items-statistic:nth-child(4) .clip-statistic { background: #0060ad; } 
.main-statistic .items-statistic:nth-child(5) .clip-statistic { background: #ee580e; } 
.number-item-name a { font-size: 40px; } 
.number-item-name span { font-size: 15px; } 
.plus-statistic { position: relative; top: -15px; } 

/* ------------------------------------------------------------------ */
.main-crit { margin-top: 90px; } 
.main-crit .name { font-family: var(--font-bold); font-size: 24px; color: #fff; margin: 20px 0 5px 0; } 
.main-crit .desc { font-family: var(--font-regular); font-size: 15px; color: #fff; line-height: 30px; text-align: justify; } 

/* ------------------------------------------------------------------ */
.items-news .image{width: 225px;border-radius: 10px;}
.items-news .info-news{width: calc(100% - 245px);}
.main-news{margin-bottom: 20px;}
.info-news .name a { font-size: 16px; color: #000; -webkit-line-clamp: 2;font-family: var(--font-bold); } 
.info-news .name a:hover{color: var(--color-phone);}
.info-news .desc { font-size: 15px; color: #000; line-height: 25px;  font-family: var(--font-regular); -webkit-line-clamp: 2;}  
.info-news .time{font-family: var(--font-regular);font-size: 14px;color: #9c9c9c;margin: 10px 0;}

.video-R .btn-custom{margin: 35px 0 auto auto;}
.items-video-index::after{position: absolute;width: 555px;height: 405px; content: "";border: 2px dashed var(--color-main);left: 10px;top: 0;z-index: -1;border-radius: 30px;}
.items-video-index{padding-top: 20px;}

/* ------------------------------------------------------------------ */
.wrap-activity{background: url(../images/set/bg-hd.png); background-size: cover;}
.info-activity .time{font-family: var(--font-regular);color: var(--color-main);margin: 20px 0 5px 0;}
.info-activity .name a{font-family: "Baloo_Bold";font-size: 20px;color: #000;}
.info-activity .name a:hover{color: var(--color-phone);}
/* ------------------------------------------------------------------ */
.title-items{position: relative;top: -30px;}
.feedback-L{background-color: var(--color-phone) !important;border-radius: 20px;padding: 0 70px 60px 70px; background: url(../images/set/bg-feedback.png) no-repeat ; background-size: 100% 100%; position: relative;}
.bee{position: relative;z-index: 1;}
.bee::before{position: absolute;content: url(../images/set/bee.png);top: 20px;right: 50px;}
.title-items span{font-family: "Baloo_Bold";font-size: 32px;}
.info-feedback .desc{font-family: var(--font-regular);color: #fff;font-size: 15px;}
.info-feedback .name{font-family: var(--font-bold);color: #fff;font-size: 16px;margin-bottom: 10px;}
.main-feedback .content{color: #fff;-webkit-line-clamp: 6;line-height: 25px;}
.items-feedback{margin: 0px 0 30px 0;}
.items-feedback{display: flex;align-items: center; justify-content: space-between;}
.items-feedback .image{width: 120px;}
.items-feedback .info-feedback{width: calc(100% - 140px);}
.form-R{padding: 0 50px 28px 50px;background-color: var(--color-main) !important;background: url(../images/set/bg-form.png) no-repeat bottom center;  border-radius: 20px;    background-blend-mode: color;}
/* ------------------------------------------------------------------ */
.logo-info { -webkit-line-clamp: 7; line-height: 25px; margin-top: 10px; }