* {
     padding: 0;
     margin: 0;
}

.owl-carousel .owl-item img {
     margin: 0;
}

.ca-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -moz-opacity: 0;
     -khtml-opacity: 0;
     -webkit-opacity: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     background-color: rgba(0, 0, 0, 0.7);
}

.ca-overlay:hover {
     -moz-opacity: 1;
     -khtml-opacity: 1;
     -webkit-opacity: 1;
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.ca-overlay .icon-circle {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     z-index: 15;
     margin: -25px 0 0 -25px;
     padding: 10px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 20px;
     -moz-opacity: 0;
     -khtml-opacity: 0;
     -webkit-opacity: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
     -webkit-transform: scale(2);
     -moz-transform: scale(2);
     -ms-transform: scale(2);
     -o-transform: scale(2);
     transform: scale(2);
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

.ca-overlay:hover .icon-circle {
     -moz-opacity: 1;
     -khtml-opacity: 1;
     -webkit-opacity: 1;
     opacity: 1;
     filter: alpha(opacity=100);
     -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}

/**================== HEADING TITLE =================**/
h3.heading-title {
     position: relative;
     font-size: 14px;
     line-height: 20px;
     text-transform: uppercase;
     padding: 0;
     position: relative;
     text-align: left;
     color: var(--zt-darkblue-color);
}

h3.heading-title.style-white {
     color: #fff;
}

.chunghieng {
     font-style: italic !important;
}

h3.heading-title.align-center {
     text-align: center;
}

/**================== VIEW ALL =====================**/
.fcontact.form-lienhe {
     background-color: #dedfea;
     border-radius: 10px;
     padding: 20px;
}

.fcontact.form-lienhe p:last-child {
     position: relative;
     margin-bottom: 0;
}

.fcontact.form-lienhe .wpcf7-spinner {
     position: absolute;
     top: 12px;
     right: 20px;
     margin: 0;
}

.wpcf7 input {
     width: 100%;
}

.wpcf7 label {
     font-weight: 600;
}

.wpcf7 textarea {
     min-height: 120px;
     width: 100%;
     resize: vertical;
}

.wpcf7 input[type^=submit] {
     border-radius: 8px;
     padding: 8px 10px;
     text-transform: none;
     font-size: 16px;

     background-color: #d6231d;
     color: #fff;
}

/**================== VIEW ALL =====================**/
.ca-viewall {
     position: relative;
     display: flex;
    justify-content: space-between;
}
.ca-viewall .block-title{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;

    color: var(--zt-darkblue-color);
}

.ca-viewall a {
     position: relative;
     padding-right: 30px;
     color: #696D77;
}

.ca-viewall i {
     transform: rotate(45deg);
     position: absolute;
     top: 2px;
     right: 0;
}

.ca-viewall a:hover {
     color: inherit;
}

.ca-viewall.text-white a,
.ca-viewall.text-white .block-title {
     color: #fff;
}

.ca-viewall.text-white a:hover {
     opacity: 0.8;
}


/**================== BANNER=================**/
.cata-banner img {
     width: 100%;
     margin: 0 !important;
}


.cata-shortcode.cols2 .custom-posts { grid-template-columns: repeat(2, 1fr); }
.cata-shortcode.cols3 .custom-posts { grid-template-columns: repeat(3, 1fr); }
.cata-shortcode.cols4 .custom-posts { grid-template-columns: repeat(4, 1fr); }
.cata-shortcode.cols5 .custom-posts { grid-template-columns: repeat(5, 1fr); }
/**================== LIBRARY BOOKS=================**/
.lib-books .custom-posts {
     display: grid;
     gap: 20px;
}

.lib-books .custom-posts .post-item img {
     width: 100%;
     aspect-ratio: 3 / 4;
     object-fit: cover;
}

.lib-books .custom-posts .post-item h6 {
     margin-top: 8px;
     font-size: 16px;
     line-height: 1.4;
     font-weight: 600;
     padding-bottom: 0;
     text-align: center;

     color: #1B1D22;
}

.lib-books .custom-posts .post-item:hover img {
     transform: scale(1.01);
}

/**================== HOẠT ĐỘNG LIÊN KẾT =================**/
.cata-link-logos .custom-posts {
     display: grid;
     gap: 30px;
}

/* Item */
.cata-link-logos .cata-item {
     margin-bottom: 10px;
}

/* Thumb */
.cata-link-logos .logo-thumb {
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}

.cata-link-logos .logo-thumb img {
    height: 80px;
    object-fit: contain;
}
/* Hover */
.cata-item:hover img {
    transform: scale(1.02);
}
.cata-link-logos .logo-title {
     margin-top: 10px;
     font-size: 14px;
     color: #333;
}

/* For Widget */
.cata-link-logos.zwidget-list  .custom-posts {
     display: block;
}
.cata-link-logos.zwidget-list .logo-title{
     display: none;
}
.cata-link-logos.zwidget-list .logo-thumb{
     padding: 0;
     border: 0;
}
.cata-link-logos.zwidget-list .cata-item img{
     width: 100%; height: auto;
    margin-bottom: 0;
}

/**================== SINGLE IMAGE =================**/
.ca-single-image figure {
     text-align: center;
}

.ca-single-image figure>a {
     position: relative;
     display: block;
     /* -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      transition: all 0.3s linear; */
}

.ca-single-image figure img {
     margin: 0;
     transform: scale(1);
     -webkit-transform: scale(1);
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     width: 100%;
}

.ca-single-image.hover-padding:hover figure>a {
     -webkit-transform: translateY(-30px);
     -moz-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     -o-transform: translateY(-30px);
     transform: translateY(-30px);
}

.ca-single-image.hover-zoom figure {
     overflow: hidden;
}

.ca-single-image.hover-zoom figure>a:before {
     z-index: 10;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0);
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
}

.ca-single-image.hover-zoom:hover figure>a:before {
     opacity: 0.3;
     filter: alpha(opacity=30);
}

.ca-single-image.hover-zoom:hover figure img {
     transform: scale(1.02);
     -webkit-transform: scale(1.02);
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
}


.cols-wrapper.cols-2.post_items_list_inner,
.cols-wrapper.cols-3.post_items_list_inner,
.cols-wrapper.cols-4.post_items_list_inner,
.cols-wrapper.cols-5.post_items_list_inner {
     margin: 0;
}

.cols-wrapper.cols-2.post_items_list_inner .col,
.cols-wrapper.cols-3.post_items_list_inner .col,
.cols-wrapper.cols-4.post_items_list_inner .col,
.cols-wrapper.cols-5.post_items_list_inner .col {
     width: 100%;
     padding: 0;
}

/*Shortcode vc_progress_bar*/
.vc_progress_bar.cata_shortcode.vc_progress-bar-color-bar_orange .vc_single_bar .vc_label {
     color: #888;
}

.vc_progress_bar.cata_shortcode .vc_single_bar .vc_label {
     padding: 0.2em 0;
     color: #888;
     font-size: 14px;
     text-shadow: none !important;
}

.vc_progress_bar.cata_shortcode .vc_single_bar .vc_label .vc_label_units {
     font-weight: 700;
}

.vc_progress_bar.cata_shortcode .vc_single_bar {
     position: relative;
     margin: 0;
     background: transparent;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}

.vc_progress_bar.cata_shortcode .vc_single_bar p {
     position: relative;
     display: block;
     margin-bottom: 20px;
     height: 12px;
     background: #fff;
     border: 1px solid #e6e6e6;
}

.vc_progress_bar.cata_shortcode .vc_single_bar .vc_bar {
     top: 3px;
     left: 3px;
     height: 4px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
}


/*WPB Gallery*/
html .wpb_gallery .wpb_image_grid .wpb_image_grid_ul {
     margin: 0 -15px -15px;
}

html .wpb_gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item a {
     position: relative;
     padding: 15px;
}

html .wpb_gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item>span {
     padding: 5px 10px 0;
     display: block;
     font-size: 18px;
     text-align: center;
     margin-bottom: 20px;
}

html .wpb_gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item .ca-overlay {
     top: 10px;
     left: 10px;
     width: calc(100% - 20px);
     height: calc(100% - 20px);
     border-radius: 10px;
}

html .wpb_gallery.ca-cols2 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
     width: 50%;
}

html .wpb_gallery.ca-cols3 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
     width: 33.33%;
}

html .wpb_gallery.ca-cols4 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
     width: 25%;
}

html .wpb_gallery.ca-cols5 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
     width: 20%;
}

html .wpb_image_grid .wpb_image_grid_ul .isotope-item,
.wpb_image_grid .wpb_image_grid_ul img {
     margin: 0;
     border-radius: 10px;
}

.wpb_image_grid .wpb_image_grid_ul a .fa {
     color: #fff;
}

.gallery .gallery-item {
     float: left;
     border: 2px solid #fff;
     width: 33.33%;
}

.gallery .gallery-item figcaption {
     display: none;
}

.gallery .gallery-item img {
     width: 100%;
     max-width: 100%;
     margin: 0;
}

.gallery.gallery-columns-4 .gallery-item {
     width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
     width: 20%;
}

.vc_images_carousel .vc_carousel-slideline img {
     margin: 0;
}

.vc_images_carousel .vc_carousel-indicators li {
     margin: 0 auto 5px !important;
     background: #e5e5e5 !important;
     border: none !important;
}

.vc_images_carousel .vc_carousel-indicators li:hover,
.vc_images_carousel .vc_carousel-indicators .vc_active {
     margin: 0 auto 5px !important;
}

.vc_images_carousel .vc_carousel-control {
     opacity: 1 !important;
     margin-top: -30px !important;
     width: 50px !important;
     height: 50px !important;
}

.vc_images_carousel .vc_carousel-control .icon-prev,
.vc_images_carousel .vc_carousel-control .icon-next {
     display: block !important;
     width: 50px !important;
     height: 50px !important;
     left: 0 !important;
     margin-left: 0 !important;
     padding: 0 !important;
     line-height: 50px !important;
     font-size: 40px !important;
     font-family: "revicons" !important;
     color: #fff;
}

.vc_images_carousel .vc_carousel-control .icon-prev:before {
     content: "\e824" !important;
}

.vc_images_carousel .vc_carousel-control .icon-next:before {
     content: "\e825" !important;
}

.tp-bullets.custom .tp-bullet {
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     background: #e5e5e5;
     width: 10px;
     height: 10px;
}

.tparrows.custom {
     background: #fff !important;
     width: 30px !important;
     height: 30px !important;
}

.tparrows.custom:before {
     color: #888 !important;
     line-height: 30px !important;
}

.scode-btn-loadmore-wrapper {
     margin: 30px 0;
     text-align: center;
}