.elementor-9224 .elementor-element.elementor-element-fc9ca12{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:220px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-9224 .elementor-element.elementor-element-fc9ca12:not(.elementor-motion-effects-element-type-background), .elementor-9224 .elementor-element.elementor-element-fc9ca12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smartnet.net.vn/wp-content/uploads/2025/08/Frame-1-4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9224 .elementor-element.elementor-element-940d9fb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9224 .elementor-element.elementor-element-003bd48{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;}.elementor-9224 .elementor-element.elementor-element-003bd48 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-9224 .elementor-element.elementor-element-003bd48 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9224 .elementor-element.elementor-element-b4f6da5{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-9224 .elementor-element.elementor-element-b4f6da5 p{margin-block-end:20px;}.elementor-9224 .elementor-element.elementor-element-56cbb19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9224 .elementor-element.elementor-element-cc02133{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-9224 .elementor-element.elementor-element-940d9fb{text-align:center;}.elementor-9224 .elementor-element.elementor-element-b4f6da5{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-6c38cd9 */.my-post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.my-post-grid .post-card{
    display: flex;
    padding: 4px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid #4292FF;
}

.my-post-grid .post-card .thumb{
    width: 100%;
    margin-bottom: 16px;
}

.my-post-grid .post-card .thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
    align-self: stretch;
    aspect-ratio: 8 / 5;
    object-fit: cover;
}

.my-post-grid .post-card .title {
    min-height: 60px;
    font-size: 18px;
    margin: 0
}

.my-post-grid .post-card .title a {
    display: block;
    width: 100%;
    padding: 0 10px;
    color: var(--text-color-menu) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    
        display: -webkit-box;
    -webkit-line-clamp: 2;   /* tối đa 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.my-post-grid .post-card .date {
    padding: 10px;
  font-size: 14px;
  color: var(--text-color-menu) !important;
}

.my-post-grid .post-card .excerpt {
     padding: 0 10px;
  flex: 1;
  font-size: 14px;
  color: var(--text-color-menu) !important;
}

.my-post-grid .post-card .readmore {
  font-weight: 500;
  color: #0056b3;
  text-decoration: none;
   padding: 10px;
}

.my-post-grid .post-card .readmore:hover {
  text-decoration: underline;
}

.elementor-shortcode .pagination{
    display: flex;
    justify-content: flex-end;
    margin: 20px auto;
    gap: 10px;
}

.elementor-shortcode .pagination .page-numbers{
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    text-decoration: none;

}

.elementor-shortcode .pagination .page-numbers.current{
   color: #fff;
    background: #0075FF;
}

/* Responsive */
@media(max-width: 992px) {
  .my-post-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 600px) {
  .my-post-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */