.elementor-1188 .elementor-element.elementor-element-404364ce{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-c57b2df{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-a1e6f3f{--display:flex;--min-height:565px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1188 .elementor-element.elementor-element-19ad821{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1188 .elementor-element.elementor-element-38dcc70{text-align:center;}.elementor-1188 .elementor-element.elementor-element-38dcc70 img{width:100%;}.elementor-1188 .elementor-element.elementor-element-a7bde30{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-a92bf00{--display:flex;--min-height:535px;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-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-1188 .elementor-element.elementor-element-4f2390f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-82acd3d{text-align:center;}.elementor-1188 .elementor-element.elementor-element-626bc78{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-170e8e0{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-08be859{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-22e7a06{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-f6d9f64{text-align:start;}.elementor-1188 .elementor-element.elementor-element-c820566{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-dfd051e{text-align:start;}.elementor-1188 .elementor-element.elementor-element-65a1a8c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-bb1156d{text-align:start;}.elementor-1188 .elementor-element.elementor-element-388e85a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-bab8ca3{text-align:start;}.elementor-1188 .elementor-element.elementor-element-ad53f02{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-caab297{text-align:start;}.elementor-1188 .elementor-element.elementor-element-e2a8ba5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-eef1d27{text-align:start;}.elementor-1188 .elementor-element.elementor-element-6fc79db{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-ddebb7c{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-1095631{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:42px 42px;--row-gap:42px;--column-gap:42px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-0fcf009{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-75ce419{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-1188 .elementor-element.elementor-element-1dc8c0f{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-8fda4a5{width:100%;max-width:100%;}.elementor-1188 .elementor-element.elementor-element-cf10722{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-dea65af{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-4709cf5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--flex-wrap:nowrap;}.elementor-1188 .elementor-element.elementor-element-77faee7{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-5e863c2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1188 .elementor-element.elementor-element-778f1b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--flex-wrap:wrap;}.elementor-1188 .elementor-element.elementor-element-1abab14{--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:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1188 .elementor-element.elementor-element-f0be856{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-6e81a08{width:100%;max-width:100%;}.elementor-1188 .elementor-element.elementor-element-b088bcd{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-fb7f2bc{--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:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-1188 .elementor-element.elementor-element-22df465{--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:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1188 .elementor-element.elementor-element-25bb54d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-b7dbb2a{width:100%;max-width:100%;}.elementor-1188 .elementor-element.elementor-element-236645e{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-97fe3aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-1188 .elementor-element.elementor-element-54cf99c{--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:flex-end;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1188 .elementor-element.elementor-element-dee3c2c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-a2b542b{width:100%;max-width:100%;}.elementor-1188 .elementor-element.elementor-element-5b342f1{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-46ec66e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-1188 .elementor-element.elementor-element-bff01ee{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-654abdbb{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-7a35354e{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1188 .elementor-element.elementor-element-46ab99e7{--grid-columns:3;}.elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1188 .elementor-element.elementor-element-46ab99e7 .e-loop-item > .elementor-section, .elementor-1188 .elementor-element.elementor-element-46ab99e7 .e-loop-item > .elementor-section > .elementor-container, .elementor-1188 .elementor-element.elementor-element-46ab99e7 .e-loop-item > .e-con, .elementor-1188 .elementor-element.elementor-element-46ab99e7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1188 .elementor-element.elementor-element-46ab99e7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1188 .elementor-element.elementor-element-3a45adfc{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1188 .elementor-element.elementor-element-70c5c052{--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;--align-items:stretch;}.elementor-1188 .elementor-element.elementor-element-737460e6{--display:flex;}.elementor-1188 .elementor-element.elementor-element-3843eed{--display:flex;}.elementor-1188 .elementor-element.elementor-element-32218536{--display:flex;}.elementor-1188 .elementor-element.elementor-element-4ff38520{--display:flex;}.elementor-1188 .elementor-element.elementor-element-6473a437{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1188 .elementor-element.elementor-element-4d4e51d2{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1188 .elementor-element.elementor-element-6d152b8f{--display:flex;}.elementor-1188 .elementor-element.elementor-element-79bbd6a6{--display:flex;}.elementor-1188 .elementor-element.elementor-element-781288e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1188 .elementor-element.elementor-element-65ef38ad{--display:flex;}.elementor-1188 .elementor-element.elementor-element-6c2a5761{--display:flex;}.elementor-1188 .elementor-element.elementor-element-1880b8ec{--display:flex;}.elementor-1188 .elementor-element.elementor-element-7b2d5042{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-1188 .elementor-element.elementor-element-3461fd83{--display:flex;}.elementor-1188 .elementor-element.elementor-element-4185ea12{--display:flex;}@media(min-width:768px){.elementor-1188 .elementor-element.elementor-element-404364ce{--width:100%;}.elementor-1188 .elementor-element.elementor-element-c57b2df{--width:100%;}.elementor-1188 .elementor-element.elementor-element-a1e6f3f{--width:100%;}.elementor-1188 .elementor-element.elementor-element-19ad821{--width:100%;}.elementor-1188 .elementor-element.elementor-element-a7bde30{--width:100%;}.elementor-1188 .elementor-element.elementor-element-626bc78{--width:100%;}.elementor-1188 .elementor-element.elementor-element-170e8e0{--width:100%;}.elementor-1188 .elementor-element.elementor-element-08be859{--width:100%;}.elementor-1188 .elementor-element.elementor-element-6fc79db{--width:100%;}.elementor-1188 .elementor-element.elementor-element-ddebb7c{--width:100%;}.elementor-1188 .elementor-element.elementor-element-0fcf009{--width:58%;}.elementor-1188 .elementor-element.elementor-element-1dc8c0f{--width:100%;}.elementor-1188 .elementor-element.elementor-element-cf10722{--width:100%;}.elementor-1188 .elementor-element.elementor-element-dea65af{--width:100%;}.elementor-1188 .elementor-element.elementor-element-77faee7{--width:40%;}.elementor-1188 .elementor-element.elementor-element-778f1b2{--width:100%;}.elementor-1188 .elementor-element.elementor-element-f0be856{--width:100%;}.elementor-1188 .elementor-element.elementor-element-b088bcd{--width:100%;}.elementor-1188 .elementor-element.elementor-element-25bb54d{--width:100%;}.elementor-1188 .elementor-element.elementor-element-236645e{--width:100%;}.elementor-1188 .elementor-element.elementor-element-dee3c2c{--width:100%;}.elementor-1188 .elementor-element.elementor-element-5b342f1{--width:100%;}.elementor-1188 .elementor-element.elementor-element-bff01ee{--width:100%;}.elementor-1188 .elementor-element.elementor-element-654abdbb{--width:100%;}.elementor-1188 .elementor-element.elementor-element-3a45adfc{--width:100%;}.elementor-1188 .elementor-element.elementor-element-70c5c052{--width:100%;}}@media(max-width:1024px){.elementor-1188 .elementor-element.elementor-element-a1e6f3f{--min-height:540px;}.elementor-1188 .elementor-element.elementor-element-a92bf00{--min-height:535px;}.elementor-1188 .elementor-element.elementor-element-46ab99e7{--grid-columns:2;}}@media(max-width:767px){.elementor-1188 .elementor-element.elementor-element-a1e6f3f{--min-height:560px;}.elementor-1188 .elementor-element.elementor-element-46ab99e7{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-c57b2df *//* ==========================================================
   GÓC CÓ GU — GÓC XANH
   GREEN HERO

   Structure:
   Green Hero
   └── Green Hero Shell
       ├── Green Hero Media
       │   └── Green Hero Image
       └── Green Hero Inner
           └── Green Hero Copy
               ├── Green Hero Eyebrow
               ├── Green Hero Title
               ├── Green Hero Lead
               ├── Green Hero Description
               └── Green Hero CTA
                   ├── Hero CTA Label
                   └── Hero CTA Arrow
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  overflow: visible !important;
}


/* Elementor wrapper */

.elementor-1188 .elementor-element.elementor-element-c57b2df > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   02. HERO SHELL
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-shell {
  position: relative !important;
  isolation: isolate !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  min-height: 565px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    #DCE1D5 !important;

  overflow: hidden !important;
}


/* Nếu Elementor sinh e-con-inner */

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-shell > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  min-height: 565px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   03. HERO MEDIA
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-media {
  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  pointer-events: none !important;
}


/* Elementor inner wrapper */

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-media > .e-con-inner {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   04. IMAGE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-image {
  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-image
.elementor-widget-container,

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-image a,

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-image img {
  width: 100% !important;
  height: 100% !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-image img {
  display: block !important;

  object-fit: cover !important;
  object-position: 65% center !important;

  filter:
    saturate(.88)
    contrast(.95)
    brightness(.98);

  transform: scale(1.002);

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


/* ==========================================================
   05. GRADIENT OVER IMAGE

   Kem đậm bên trái → mở dần sang ảnh bên phải.
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-media::after {
  content: "";

  position: absolute;

  inset: 0;

  z-index: 2;

  background:
    linear-gradient(
      90deg,
      rgba(237,231,221,.985) 0%,
      rgba(237,231,221,.965) 17%,
      rgba(237,231,221,.90) 31%,
      rgba(237,231,221,.64) 43%,
      rgba(237,231,221,.25) 58%,
      rgba(14,19,33,.055) 100%
    );

  pointer-events: none;
}


/* Ánh giấy rất nhẹ */

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-media::before {
  content: "";

  position: absolute;

  inset: 0;

  z-index: 3;

  background:
    radial-gradient(
      circle at 6% 14%,
      rgba(255,255,255,.46) 0%,
      rgba(255,255,255,0) 33%
    );

  pointer-events: none;
}


/* ==========================================================
   06. INNER — 1192PX
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-inner {
  position: relative !important;

  z-index: 5 !important;

  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width: 1192px !important;
  min-width: 0 !important;

  min-height: 565px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  align-self: center !important;

  margin: 0 auto !important;

  padding:
    78px
    0
    76px !important;
}


/* Elementor wrapper */

.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-inner > .e-con-inner {
  position: relative !important;

  z-index: 5 !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   07. COPY
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-copy {
  position: relative !important;

  z-index: 6 !important;

  width: 535px !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-copy > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   08. EYEBROW
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-eyebrow {
  position: relative !important;

  width: auto !important;

  margin:
    0
    0
    13px !important;

  padding:
    0
    0
    0
    50px !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-eyebrow::before {
  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width: 38px;
  height: 1px;

  background:
    #A98D69;

  transform:
    translateY(-50%);
}


.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-eyebrow,
.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-eyebrow
.elementor-heading-title {
  color:
    #7A7E6A !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .13em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-eyebrow
.elementor-heading-title {
  margin: 0 !important;
}


/* ==========================================================
   09. H1
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-title
.elementor-heading-title {
  margin: 0 !important;

  color:
    #0E1321 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      60px,
      6.4vw,
      92px
    ) !important;

  font-weight:
    600 !important;

  line-height:
    .95 !important;

  letter-spacing:
    -.06em !important;
}


/* ==========================================================
   10. LEAD
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-lead {
  width: 100% !important;
  max-width: 510px !important;

  margin:
    24px
    0
    0 !important;

  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-lead,
.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-lead p,
.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-lead
.elementor-widget-container {
  color:
    rgba(14,19,33,.76) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    19px !important;

  font-weight:
    500 !important;

  line-height:
    1.62 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-lead p {
  margin: 0 !important;
}


/* ==========================================================
   11. DESCRIPTION
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-description {
  width: 100% !important;
  max-width: 475px !important;

  margin:
    16px
    0
    0 !important;

  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-description,
.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-description p,
.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-description
.elementor-widget-container {
  color:
    rgba(14,19,33,.59) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.72 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-description p {
  margin: 0 !important;
}


/* ==========================================================
   12. CTA
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-cta {
  width: auto !important;
  max-width: 100% !important;

  display: flex !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 12px !important;

  margin:
    29px
    0
    0 !important;

  padding: 0 !important;

  color:
    #0E1321 !important;

  text-decoration:
    none !important;

  cursor:
    pointer !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-cta > .e-con-inner {
  width: auto !important;
  max-width: 100% !important;

  display: flex !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   13. CTA LABEL
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-cta-label {
  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-cta-label,
.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-cta-label
.elementor-heading-title {
  color:
    #0E1321 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .075em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-cta-label
.elementor-heading-title {
  margin: 0 !important;
}


/* ==========================================================
   14. CTA ARROW
   Heading widget chứa ký tự ↓
========================================================== */

.elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-cta-arrow {
  width: 38px !important;
  max-width: 38px !important;

  height: 38px !important;
  min-height: 38px !important;

  flex:
    0 0 38px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border:
    1px solid
    rgba(14,19,33,.18) !important;

  border-radius:
    50% !important;

  background:
    rgba(255,253,248,.34) !important;

  color:
    #0E1321 !important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    background-color .24s ease !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-cta-arrow
.elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-c57b2df
.gcg-green-hero-cta-arrow
.elementor-heading-title {
  margin: 0 !important;

  padding:
    0
    0
    2px !important;

  color:
    inherit !important;

  font-family:
    Arial,
    sans-serif !important;

  font-size:
    17px !important;

  font-weight:
    400 !important;

  line-height:
    1 !important;

  text-align:
    center !important;
}


/* ==========================================================
   15. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-cta:hover
  .gcg-green-hero-cta-arrow {
    transform:
      translateY(3px);

    border-color:
      rgba(122,126,106,.55) !important;

    background:
      rgba(255,253,248,.72) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-cta:hover
  .gcg-green-hero-cta-label
  .elementor-heading-title {
    color:
      #7A7E6A !important;
  }
}


/* ==========================================================
   16. TABLET
   <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-shell,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-shell > .e-con-inner {
    min-height:
      540px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;

    min-height:
      540px !important;

    padding:
      68px
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-copy {
    width:
      500px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-title
  .elementor-heading-title {
    font-size:
      72px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-media::after {
    background:
      linear-gradient(
        90deg,
        rgba(237,231,221,.985) 0%,
        rgba(237,231,221,.95) 24%,
        rgba(237,231,221,.79) 42%,
        rgba(237,231,221,.36) 65%,
        rgba(14,19,33,.05) 100%
      );
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-image img {
    object-position:
      62% center !important;
  }
}


/* ==========================================================
   17. MOBILE
   <= 640PX

   Không dùng 100vh / percentage min-height.
   Tránh WebKit/Safari tính sai chiều cao viewport.
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-shell,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-shell > .e-con-inner {
    width:
      100% !important;

    height:
      auto !important;

    min-height:
      560px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-inner {
    width:
      calc(100% - 32px) !important;

    max-width:
      calc(100% - 32px) !important;

    height:
      auto !important;

    min-height:
      560px !important;

    padding:
      62px
      0
      58px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-copy,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-copy > .e-con-inner {
    width:
      100% !important;

    max-width:
      100% !important;

    height:
      auto !important;

    min-height:
      0 !important;
  }


  /* Image */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-image img {
    object-position:
      68% center !important;
  }


  /* Mobile cần nền kem đậm hơn để text luôn đọc được */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-media::after {
    background:
      linear-gradient(
        90deg,
        rgba(237,231,221,.98) 0%,
        rgba(237,231,221,.94) 28%,
        rgba(237,231,221,.79) 53%,
        rgba(237,231,221,.47) 76%,
        rgba(14,19,33,.10) 100%
      );
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-media::before {
    background:
      linear-gradient(
        180deg,
        rgba(255,253,248,.06) 0%,
        rgba(255,253,248,0) 55%,
        rgba(14,19,33,.035) 100%
      );
  }


  /* Eyebrow */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-eyebrow {
    margin-bottom:
      12px !important;

    padding-left:
      44px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-eyebrow::before {
    width:
      32px;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-eyebrow,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-eyebrow
  .elementor-heading-title {
    font-size:
      10px !important;

    letter-spacing:
      .11em !important;
  }


  /* H1 */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-title
  .elementor-heading-title {
    font-size:
      clamp(
        54px,
        17vw,
        68px
      ) !important;

    line-height:
      .96 !important;
  }


  /* Lead */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-lead {
    max-width:
      94% !important;

    margin-top:
      21px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-lead,
  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-lead p,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-lead
  .elementor-widget-container {
    font-size:
      16px !important;

    line-height:
      1.6 !important;
  }


  /* Description */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-description {
    max-width:
      94% !important;

    margin-top:
      14px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-description,
  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-description p,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-description
  .elementor-widget-container {
    font-size:
      13.5px !important;

    line-height:
      1.66 !important;
  }


  /* CTA */

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-cta {
    margin-top:
      25px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-cta,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-cta > .e-con-inner {
    height:
      auto !important;

    min-height:
      38px !important;

    flex:
      0 0 auto !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-cta-arrow {
    width:
      36px !important;

    max-width:
      36px !important;

    height:
      36px !important;

    min-height:
      36px !important;

    flex:
      0 0 36px !important;
  }
}


/* ==========================================================
   18. IOS SAFARI HARDENING

   Tránh các lỗi WebKit:
   - absolute image bị mất height
   - flex child collapse
   - repaint gradient sai sau scroll
========================================================== */

@supports (-webkit-touch-callout:none) {

  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-shell {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-media,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-media > .e-con-inner,
  .elementor-1188 .elementor-element.elementor-element-c57b2df .gcg-green-hero-image,
  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-image
  .elementor-widget-container {
    height:
      100% !important;

    min-height:
      100% !important;
  }


  .elementor-1188 .elementor-element.elementor-element-c57b2df
  .gcg-green-hero-image img {
    -webkit-transform:
      translateZ(0)
      scale(1.002);

    transform:
      translateZ(0)
      scale(1.002);
  }


  @media (max-width:640px) {

    .elementor-1188 .elementor-element.elementor-element-c57b2df
    .gcg-green-hero-inner,

    .elementor-1188 .elementor-element.elementor-element-c57b2df
    .gcg-green-hero-copy,

    .elementor-1188 .elementor-element.elementor-element-c57b2df
    .gcg-green-hero-copy > .e-con-inner {
      height:
        auto !important;

      flex:
        0 0 auto !important;
    }


    .elementor-1188 .elementor-element.elementor-element-c57b2df
    .gcg-green-hero-inner {
      min-height:
        560px !important;

      justify-content:
        center !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-626bc78 *//* ==========================================================
   GÓC CÓ GU — GÓC XANH
   GREEN TAXONOMY NAV

   Structure:
   Green Taxonomy Nav
   └── Green Taxonomy Inner
       └── Green Taxonomy List
           ├── Taxonomy Item 01
           │   └── Taxonomy Label
           ├── Taxonomy Item 02
           │   └── Taxonomy Label
           ├── Taxonomy Item 03
           │   └── Taxonomy Label
           ├── Taxonomy Item 04
           │   └── Taxonomy Label
           ├── Taxonomy Item 05
           │   └── Taxonomy Label
           └── Taxonomy Item 06
               └── Taxonomy Label
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    rgba(247,243,237,.48) !important;

  border-bottom:
    1px solid
    rgba(14,19,33,.075) !important;

  overflow: hidden !important;
}


.elementor-1188 .elementor-element.elementor-element-626bc78 > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. TAXONOMY LIST

   Scroll ngang được bật sẵn.
   Khi desktop đủ chỗ sẽ không xuất hiện scrollbar.
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-list,
.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-list > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    stretch !important;

  justify-content:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow-x:
    auto !important;

  overflow-y:
    hidden !important;

  -webkit-overflow-scrolling:
    touch;

  scrollbar-width:
    none;

  overscroll-behavior-x:
    contain;
}


.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-list::-webkit-scrollbar,

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-list > .e-con-inner::-webkit-scrollbar {
  display:
    none;
}


/* ==========================================================
   04. TAXONOMY ITEM
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-item {
  position:
    relative !important;

  width:
    auto !important;

  max-width:
    none !important;

  min-width:
    max-content !important;

  height:
    auto !important;

  flex:
    0 0 auto !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    25px
    23px !important;

  color:
    rgba(14,19,33,.70) !important;

  background:
    transparent !important;

  text-decoration:
    none !important;

  transition:
    color .22s ease,
    background-color .22s ease !important;
}


/* Item đầu tiên bám đúng mép content */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item:first-child {
  padding-left:
    0 !important;
}


/* Item cuối */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item:last-child {
  padding-right:
    0 !important;
}


/* ==========================================================
   05. DIVIDERS
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item:not(:last-child)::after {
  content: "";

  position:
    absolute;

  top:
    50%;

  right:
    0;

  width:
    1px;

  height:
    20px;

  background:
    rgba(14,19,33,.12);

  transform:
    translateY(-50%);

  pointer-events:
    none;
}


/* ==========================================================
   06. ITEM INNER
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item > .e-con-inner {
  width:
    auto !important;

  max-width:
    none !important;

  min-width:
    max-content !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   07. LABEL
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-label {
  width:
    auto !important;

  max-width:
    none !important;

  min-width:
    max-content !important;

  flex:
    0 0 auto !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-label,
.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-label
.elementor-heading-title {
  color:
    inherit !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    -.01em !important;

  white-space:
    nowrap !important;
}


.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-label
.elementor-heading-title {
  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   08. SUBTLE UNDERLINE

   Chỉ xuất hiện khi hover, giúp nav có phản hồi
   nhưng không mang cảm giác button/pill.
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item::before {
  content: "";

  position:
    absolute;

  left:
    23px;

  right:
    23px;

  bottom:
    17px;

  height:
    1px;

  background:
    #7A7E6A;

  transform:
    scaleX(0);

  transform-origin:
    left center;

  opacity:
    0;

  transition:
    transform .24s ease,
    opacity .24s ease;

  pointer-events:
    none;
}


.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item:first-child::before {
  left:
    0;
}


/* ==========================================================
   09. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:hover {
    color:
      #7A7E6A !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:hover::before {
    transform:
      scaleX(1);

    opacity:
      .72;
  }
}


/* ==========================================================
   10. OPTIONAL ACTIVE STATE

   Có thể thêm class:
   is-active

   vào item khi cần tái sử dụng nav trên archive con.
========================================================== */

.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item.is-active {
  color:
    #7A7E6A !important;
}


.elementor-1188 .elementor-element.elementor-element-626bc78
.gcg-green-taxonomy-item.is-active::before {
  transform:
    scaleX(1);

  opacity:
    .72;
}


/* ==========================================================
   11. TABLET
   <= 1024PX
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item {
    padding:
      23px
      19px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item::before {
    left:
      19px;

    right:
      19px;

    bottom:
      15px;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:first-child::before {
    left:
      0;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-label,
  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-label
  .elementor-heading-title {
    font-size:
      12.5px !important;
  }
}


/* ==========================================================
   12. MOBILE
   <= 640PX

   Horizontal swipe.
   Không wrap thành hai dòng.
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-626bc78 {
    overflow:
      hidden !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-inner {
    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-list,
  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-list > .e-con-inner {
    width:
      100% !important;

    max-width:
      100% !important;

    padding-left:
      16px !important;

    padding-right:
      16px !important;

    scroll-padding-left:
      16px;

    scroll-padding-right:
      16px;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item {
    min-width:
      max-content !important;

    padding:
      20px
      17px !important;
  }


  /*
   Mobile có gutter riêng,
   nên item đầu vẫn cần spacing thay vì padding-left 0.
  */

  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:first-child {
    padding-left:
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:last-child {
    padding-right:
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item:not(:last-child)::after {
    height:
      18px;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-label,
  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-label
  .elementor-heading-title {
    font-size:
      12px !important;
  }


  /*
   Không cần underline hover trên màn hình touch.
   Active state vẫn có thể dùng riêng.
  */

  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item::before {
    display:
      none;
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item.is-active::before {
    display:
      block;

    left:
      17px;

    right:
      17px;

    bottom:
      12px;
  }
}


/* ==========================================================
   13. IOS SAFARI HARDENING
========================================================== */

@supports (-webkit-touch-callout:none) {

  .elementor-1188 .elementor-element.elementor-element-626bc78 .gcg-green-taxonomy-list,
  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-list > .e-con-inner {
    -webkit-overflow-scrolling:
      touch;

    transform:
      translateZ(0);

    -webkit-transform:
      translateZ(0);
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-item {
    height:
      auto !important;

    min-height:
      0 !important;

    flex-shrink:
      0 !important;

    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-label,
  .elementor-1188 .elementor-element.elementor-element-626bc78
  .gcg-green-taxonomy-label
  .elementor-heading-title {
    -webkit-text-size-adjust:
      100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fc79db *//* ==========================================================
   GÓC CÓ GU — GÓC XANH
   GREEN FEATURED POSTS

   Elementor:
   Green Featured Posts
   └── Green Featured Inner
       ├── Green Featured Head
       │   ├── Green Featured Heading
       │   │   ├── Featured Eyebrow
       │   │   └── Featured Title
       │   └── Featured Intro
       └── Green Featured Content
           └── Featured Shortcode

   Shortcode green variant:
   .gcg-green-featured-posts
   ├── .gcg-green-featured-posts__main
   └── .gcg-green-featured-posts__side
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding:
    88px
    0
    92px !important;

  background:
    transparent !important;

  overflow:
    visible !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. SECTION HEAD
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-head,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-head > .e-con-inner {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.14fr)
    minmax(320px,.86fr) !important;

  align-items:
    end !important;

  gap:
    28px !important;

  margin:
    0
    0
    34px !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. HEADING GROUP
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-heading {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0
    0
    28px !important;

  border-bottom:
    1px solid
    rgba(14,19,33,.12) !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-heading > .e-con-inner {
  width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   05. EYEBROW
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    9px !important;

  padding:
    0
    0
    0
    48px !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-eyebrow::before {
  content: "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    36px;

  height:
    1px;

  background:
    #B89C84;

  transform:
    translateY(-50%);
}


.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-eyebrow,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-eyebrow
.elementor-heading-title {
  color:
    #89917C !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .13em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   06. TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-title {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    #0E1321 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      36px,
      4vw,
      48px
    ) !important;

  font-weight:
    600 !important;

  line-height:
    1.06 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   07. INTRO
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-intro {
  position:
    relative !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  align-self:
    stretch !important;

  display:
    flex !important;

  align-items:
    flex-end !important;

  margin:
    0 !important;

  padding:
    0
    0
    28px !important;

  border-bottom:
    1px solid
    rgba(14,19,33,.12) !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-intro,
.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-intro p,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-intro
.elementor-widget-container {
  color:
    rgba(14,19,33,.66) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.68 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-intro p {
  margin:
    0 !important;
}


/* ==========================================================
   08. CONTENT + SHORTCODE WRAPPERS
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-content,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-content > .e-con-inner,
.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-shortcode,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-shortcode
.elementor-widget-container,
.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-shortcode
.elementor-shortcode {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   09. FEATURED GRID — GREEN VARIANT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-posts {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.14fr)
    minmax(0,.86fr) !important;

  align-items:
    stretch !important;

  gap:
    28px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   10. MAIN + SIDE COLUMNS
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-posts__main,

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-posts__side {
  width:
    100% !important;

  min-width:
    0 !important;

  border-top:
    1px solid
    rgba(14,19,33,.12) !important;

  padding-top:
    18px !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-posts__side {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;
}


/* ==========================================================
   11. POST BASE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-post {
  width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-post__link {
  color:
    inherit !important;

  text-decoration:
    none !important;
}


/* ==========================================================
   12. MAIN POST
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__link--main {
  width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;
}


/* Main image */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__media--main {
  position:
    relative !important;

  width:
    100% !important;

  height:
    420px !important;

  min-height:
    420px !important;

  overflow:
    hidden !important;

  border-radius:
    22px !important;

  background:
    #DCE1D5 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__media--main
.gcg-green-featured-post__image {
  width:
    100% !important;

  height:
    100% !important;

  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  transition:
    transform .42s ease !important;
}


/* Main content */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__content--main {
  width:
    100% !important;

  max-width:
    720px !important;

  padding:
    25px
    0
    0 !important;
}


/* ==========================================================
   13. CATEGORY
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__category {
  display:
    block !important;

  width:
    auto !important;

  margin:
    0
    0
    10px !important;

  padding:
    0 !important;

  color:
    #89917C !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .09em !important;

  text-transform:
    uppercase !important;
}


/* ==========================================================
   14. MAIN TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__title {
  margin:
    0 !important;

  color:
    #0E1321 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-weight:
    700 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__title--main {
  max-width:
    690px !important;

  font-size:
    31px !important;

  line-height:
    1.14 !important;

  letter-spacing:
    -.038em !important;
}


/* ==========================================================
   15. MAIN EXCERPT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__excerpt {
  max-width:
    680px !important;

  margin:
    13px
    0
    0 !important;

  color:
    rgba(14,19,33,.64) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;
}


/* ==========================================================
   16. META
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__meta {
  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  align-items:
    center !important;

  gap:
    9px !important;

  margin:
    17px
    0
    0 !important;

  padding:
    0 !important;

  color:
    rgba(14,19,33,.50) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__meta-dot {
  width:
    4px !important;

  height:
    4px !important;

  flex:
    0 0 4px !important;

  display:
    block !important;

  margin:
    0 !important;

  border-radius:
    50% !important;

  background:
    #B89C84 !important;
}


/* ==========================================================
   17. SIDE ARTICLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post--side {
  flex:
    1 1 0 !important;

  display:
    flex !important;

  align-items:
    stretch !important;

  margin:
    0 !important;

  padding:
    0
    0
    24px !important;

  border-bottom:
    1px solid
    rgba(14,19,33,.12) !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post--side
+
.gcg-green-featured-post--side {
  padding-top:
    24px !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__link--side {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    148px
    minmax(0,1fr) !important;

  align-items:
    center !important;

  gap:
    20px !important;
}


/* ==========================================================
   18. SIDE IMAGE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__media--side {
  position:
    relative !important;

  width:
    148px !important;

  height:
    112px !important;

  min-height:
    112px !important;

  overflow:
    hidden !important;

  border-radius:
    16px !important;

  background:
    #DCE1D5 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__media--side
.gcg-green-featured-post__image {
  width:
    100% !important;

  height:
    100% !important;

  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  transition:
    transform .36s ease !important;
}


/* ==========================================================
   19. SIDE CONTENT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__content--side {
  width:
    100% !important;

  min-width:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__content--side
.gcg-green-featured-post__category {
  margin-bottom:
    8px !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__title--side {
  font-size:
    18px !important;

  line-height:
    1.27 !important;

  letter-spacing:
    -.026em !important;
}


.elementor-1188 .elementor-element.elementor-element-6fc79db
.gcg-green-featured-post__content--side
.gcg-green-featured-post__meta {
  margin-top:
    11px !important;

  font-size:
    11.5px !important;
}


/* ==========================================================
   20. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__link:hover
  .gcg-green-featured-post__image {
    transform:
      scale(1.035);
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__link:hover
  .gcg-green-featured-post__title {
    color:
      #68705E !important;
  }
}


/* ==========================================================
   21. TABLET
   <= 1024PX

   Main lên trên, 3 bài phụ xuống dưới.
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-head,
  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-head > .e-con-inner {
    grid-template-columns:
      1fr !important;

    gap:
      18px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-heading {
    padding-bottom:
      0 !important;

    border-bottom:
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-intro {
    max-width:
      650px !important;

    padding-bottom:
      25px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-posts {
    grid-template-columns:
      1fr !important;

    gap:
      42px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__media--main {
    height:
      430px !important;

    min-height:
      430px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-posts__side {
    display:
      grid !important;

    grid-template-columns:
      1fr !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post--side {
    min-height:
      150px !important;
  }
}


/* ==========================================================
   22. MOBILE
   <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-6fc79db {
    padding:
      64px
      0
      68px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-inner {
    width:
      calc(100% - 32px) !important;

    max-width:
      calc(100% - 32px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-head,
  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-head > .e-con-inner {
    margin-bottom:
      27px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-eyebrow {
    padding-left:
      42px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-eyebrow::before {
    width:
      30px;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-title
  .elementor-heading-title {
    font-size:
      34px !important;

    line-height:
      1.08 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-intro,
  .elementor-1188 .elementor-element.elementor-element-6fc79db .gcg-green-featured-intro p,
  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-intro
  .elementor-widget-container {
    font-size:
      13.5px !important;

    line-height:
      1.65 !important;
  }


  /* Main image */

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__media--main {
    width:
      100% !important;

    height:
      300px !important;

    min-height:
      300px !important;

    border-radius:
      18px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__content--main {
    padding-top:
      21px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__title--main {
    font-size:
      25px !important;

    line-height:
      1.18 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__excerpt {
    font-size:
      13.5px !important;
  }


  /* Side list */

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-posts {
    gap:
      36px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post--side {
    min-height:
      0 !important;

    flex:
      0 0 auto !important;

    padding-bottom:
      20px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post--side
  +
  .gcg-green-featured-post--side {
    padding-top:
      20px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__link--side {
    grid-template-columns:
      112px
      minmax(0,1fr) !important;

    gap:
      16px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__media--side {
    width:
      112px !important;

    height:
      96px !important;

    min-height:
      96px !important;

    border-radius:
      14px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__title--side {
    font-size:
      16px !important;

    line-height:
      1.28 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__category {
    font-size:
      9.5px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__content--side
  .gcg-green-featured-post__meta {
    margin-top:
      8px !important;

    gap:
      7px !important;

    font-size:
      10.5px !important;
  }
}


/* ==========================================================
   23. VERY SMALL
   <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__media--main {
    height:
      270px !important;

    min-height:
      270px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__link--side {
    grid-template-columns:
      96px
      minmax(0,1fr) !important;

    gap:
      13px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__media--side {
    width:
      96px !important;

    height:
      86px !important;

    min-height:
      86px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__title--side {
    font-size:
      15px !important;
  }
}


/* ==========================================================
   24. IOS / SAFARI HARDENING

   Không dùng height:100% cho article/media trên mobile.
   Khóa kích thước ảnh rõ ràng để WebKit không collapse.
========================================================== */

@supports (-webkit-touch-callout:none) {

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post,

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__link,

  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__content {
    height:
      auto !important;

    min-height:
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-6fc79db
  .gcg-green-featured-post__image {
    -webkit-backface-visibility:
      hidden;

    backface-visibility:
      hidden;

    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  @media (max-width:640px) {

    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-posts,

    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-posts__main,

    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-posts__side,

    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-post--side,

    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-post__link--side {
      height:
        auto !important;

      min-height:
        0 !important;
    }


    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-post__media--main {
      height:
        300px !important;

      min-height:
        300px !important;

      flex:
        0 0 300px !important;
    }


    .elementor-1188 .elementor-element.elementor-element-6fc79db
    .gcg-green-featured-post__media--side {
      height:
        96px !important;

      min-height:
        96px !important;

      flex:
        0 0 96px !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf10722 *//* ==========================================================
   GÓC CÓ GU — GÓC XANH
   GREEN WORLDS / LÁ · KÍNH · NƯỚC

   Structure:
   Green Worlds
   └── Green Worlds Inner
       ├── Green Worlds Head
       │   ├── Green Worlds Heading
       │   │   ├── Worlds Eyebrow
       │   │   └── Worlds Title
       │   └── Worlds Intro
       └── Green Worlds Grid
           ├── World Card 01 — Lá
           ├── World Card 02 — Kính
           └── World Card 03 — Nước
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding:
    84px
    0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(247,243,237,.58) 0%,
      rgba(238,240,234,.70) 100%
    ) !important;

  border-top:
    1px solid rgba(14,19,33,.075) !important;

  border-bottom:
    1px solid rgba(14,19,33,.075) !important;

  overflow: visible !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722 > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. SECTION HEAD
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-head,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-head > .e-con-inner {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,.72fr)
    minmax(0,1.28fr) !important;

  align-items:
    end !important;

  gap:
    60px !important;

  margin:
    0
    0
    52px !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. HEADING GROUP
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-heading,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-heading > .e-con-inner {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   05. EYEBROW
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    10px !important;

  padding:
    0
    0
    0
    48px !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-eyebrow::before {
  content: "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    36px;

  height:
    1px;

  background:
    #B89C84;

  transform:
    translateY(-50%);
}


.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-eyebrow,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-eyebrow
.elementor-heading-title {
  color:
    #89917C !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .13em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   06. TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-title {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    #0E1321 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      36px,
      4vw,
      48px
    ) !important;

  font-weight:
    600 !important;

  line-height:
    1.06 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   07. INTRO
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-intro {
  width:
    100% !important;

  max-width:
    690px !important;

  min-width:
    0 !important;

  justify-self:
    end !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-intro,
.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-intro p,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-intro
.elementor-widget-container {
  color:
    rgba(14,19,33,.67) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    17px !important;

  font-weight:
    500 !important;

  line-height:
    1.68 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-intro p {
  margin:
    0 !important;
}


/* ==========================================================
   08. WORLDS GRID
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-grid,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-worlds-grid > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(0,.8fr)
    minmax(0,.8fr) !important;

  align-items:
    stretch !important;

  gap:
    22px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   09. CARD BASE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world {
  position:
    relative !important;

  isolation:
    isolate !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    270px !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  justify-content:
    flex-end !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(14,19,33,.08) !important;

  border-radius:
    22px !important;

  background:
    #F7F3ED !important;

  box-shadow:
    0 16px 38px
    rgba(14,19,33,.035) !important;

  overflow:
    hidden !important;

  transform:
    translateZ(0);

  transition:
    transform .28s ease,
    box-shadow .28s ease !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world > .e-con-inner {
  position:
    relative !important;

  z-index:
    1 !important;

  width:
    100% !important;

  min-height:
    inherit !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  justify-content:
    flex-end !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* Card Lá lớn */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--large {
  min-height:
    360px !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--large > .e-con-inner {
  min-height:
    360px !important;
}


/* ==========================================================
   10. MEDIA
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-media {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  min-height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  pointer-events:
    none !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-media > .e-con-inner {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  min-height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   11. IMAGE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-image
.elementor-widget-container,

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-image a,

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  filter:
    saturate(.90)
    contrast(.98)
    brightness(.95);

  transition:
    transform .5s ease !important;

  -webkit-backface-visibility:
    hidden;

  backface-visibility:
    hidden;
}


/* Lá */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--leaf
.gcg-green-world-image img {
  object-position:
    center 52% !important;
}


/* Kính */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--glass
.gcg-green-world-image img {
  object-position:
    center !important;
}


/* Nước */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--water
.gcg-green-world-image img {
  object-position:
    center !important;
}


/* ==========================================================
   12. IMAGE OVERLAY
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world::after {
  content: "";

  position:
    absolute;

  inset:
    0;

  z-index:
    1;

  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,.015) 0%,
      rgba(14,19,33,.035) 35%,
      rgba(14,19,33,.30) 67%,
      rgba(14,19,33,.80) 100%
    );

  pointer-events:
    none;
}


/* Card Lá rộng hơn nên overlay mềm hơn */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--leaf::after {
  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,.01) 0%,
      rgba(14,19,33,.035) 42%,
      rgba(14,19,33,.34) 70%,
      rgba(14,19,33,.82) 100%
    );
}


/* ==========================================================
   13. CONTENT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-content {
  position:
    relative !important;

  z-index:
    3 !important;

  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    flex-end !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    27px !important;

  color:
    #FFFDF8 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-content > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    flex-end !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   14. NUMBER
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-number {
  width:
    auto !important;

  margin:
    0
    0
    8px !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-number,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-number
.elementor-heading-title {
  color:
    rgba(255,253,248,.72) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    10.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-number
.elementor-heading-title {
  margin:
    0 !important;
}


/* ==========================================================
   15. WORLD NAME
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-name {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-name
.elementor-heading-title {
  margin:
    0 !important;

  color:
    #FFFDF8 !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    25px !important;

  font-weight:
    700 !important;

  line-height:
    1.18 !important;

  letter-spacing:
    -.035em !important;

  text-shadow:
    0 2px 14px
    rgba(14,19,33,.18);
}


/* Card Lá lớn */

.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world--leaf
.gcg-green-world-name
.elementor-heading-title {
  font-size:
    29px !important;
}


/* ==========================================================
   16. DESCRIPTION
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-description {
  width:
    100% !important;

  max-width:
    520px !important;

  margin:
    8px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-description,
.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-description p,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-description
.elementor-widget-container {
  color:
    rgba(255,253,248,.78) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    500 !important;

  line-height:
    1.58 !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-description p {
  margin:
    0 !important;
}


/* ==========================================================
   17. LINKS WRAPPER
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-links,
.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-links > .e-con-inner {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    10px 14px !important;

  margin:
    17px
    0
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   18. WORLD LINKS
========================================================== */

.elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-link {
  position:
    relative !important;

  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    0
    0
    3px !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-link
.elementor-heading-title {
  margin:
    0 !important;

  color:
    rgba(255,253,248,.92) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  text-decoration:
    none !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.48);

  transition:
    color .22s ease,
    border-color .22s ease !important;
}


.elementor-1188 .elementor-element.elementor-element-cf10722
.gcg-green-world-link a {
  color:
    inherit !important;

  text-decoration:
    none !important;
}


/* ==========================================================
   19. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world:hover {
    transform:
      translateY(-3px);

    box-shadow:
      0 22px 50px
      rgba(14,19,33,.075) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world:hover
  .gcg-green-world-image img {
    transform:
      scale(1.035);
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-link:hover
  .elementor-heading-title,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-link:hover a {
    color:
      #FFFFFF !important;

    border-color:
      rgba(255,255,255,.92) !important;
  }
}


/* ==========================================================
   20. TABLET
   <= 1024PX

   Lá full width.
   Kính + Nước chia 2 cột.
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-inner {
    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-head,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-head > .e-con-inner {
    grid-template-columns:
      1fr !important;

    gap:
      16px !important;

    margin-bottom:
      40px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-intro {
    max-width:
      720px !important;

    justify-self:
      start !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-grid,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-grid > .e-con-inner {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large {
    grid-column:
      1 / -1 !important;

    min-height:
      350px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large > .e-con-inner {
    min-height:
      350px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world:not(.gcg-green-world--large) {
    min-height:
      300px !important;
  }
}


/* ==========================================================
   21. MOBILE
   <= 640PX
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-cf10722 {
    padding:
      64px
      0 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-inner {
    width:
      calc(100% - 32px) !important;

    max-width:
      calc(100% - 32px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-head,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-head > .e-con-inner {
    margin-bottom:
      30px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-eyebrow {
    padding-left:
      42px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-eyebrow::before {
    width:
      30px;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-title
  .elementor-heading-title {
    font-size:
      34px !important;

    line-height:
      1.08 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-intro,
  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-intro p,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-intro
  .elementor-widget-container {
    font-size:
      14px !important;

    line-height:
      1.65 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-worlds-grid,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-grid > .e-con-inner {
    grid-template-columns:
      1fr !important;

    gap:
      16px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world > .e-con-inner,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large > .e-con-inner {
    grid-column:
      auto !important;

    width:
      100% !important;

    height:
      auto !important;

    min-height:
      315px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-content {
    padding:
      23px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-name
  .elementor-heading-title,

  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--leaf
  .gcg-green-world-name
  .elementor-heading-title {
    font-size:
      24px !important;

    line-height:
      1.18 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-description,
  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-description p,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-description
  .elementor-widget-container {
    font-size:
      12.5px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-links,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-links > .e-con-inner {
    gap:
      8px 12px !important;

    margin-top:
      15px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-link
  .elementor-heading-title {
    font-size:
      11px !important;
  }
}


/* ==========================================================
   22. VERY SMALL
   <= 380PX
========================================================== */

@media (max-width:380px) {

  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-worlds-inner {
    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world > .e-con-inner,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world--large > .e-con-inner {
    min-height:
      300px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-content {
    padding:
      20px !important;
  }
}


/* ==========================================================
   23. IOS / SAFARI HARDENING

   Tránh:
   - absolute media mất chiều cao
   - card bị collapse
   - ảnh repaint lỗi khi scroll
========================================================== */

@supports (-webkit-touch-callout:none) {

  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-media,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-media > .e-con-inner,
  .elementor-1188 .elementor-element.elementor-element-cf10722 .gcg-green-world-image,
  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-image
  .elementor-widget-container {
    height:
      100% !important;

    min-height:
      100% !important;
  }


  .elementor-1188 .elementor-element.elementor-element-cf10722
  .gcg-green-world-image img {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  @media (max-width:640px) {

    .elementor-1188 .elementor-element.elementor-element-cf10722
    .gcg-green-world,

    .elementor-1188 .elementor-element.elementor-element-cf10722
    .gcg-green-world > .e-con-inner {
      height:
        auto !important;

      min-height:
        315px !important;

      flex:
        0 0 auto !important;
    }


    .elementor-1188 .elementor-element.elementor-element-cf10722
    .gcg-green-world-content,

    .elementor-1188 .elementor-element.elementor-element-cf10722
    .gcg-green-world-content > .e-con-inner {
      height:
        auto !important;

      min-height:
        0 !important;

      flex:
        0 0 auto !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bff01ee *//* ==========================================================
   GÓC CÓ GU — CATEGORY SETUP
   SECTION: ALL SETUP POSTS

   Paste into:
   Setup All Posts → Advanced → Custom CSS
========================================================== */


/* ==========================================================
   01. ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee {
  position: relative !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding:
    22px
    0
    88px !important;

  overflow: visible !important;
  scroll-margin-top: 110px;
}


/* ==========================================================
   02. INNER
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-inner {
  width: min(
    var(--gcg-setup-max, 1192px),
    calc(100% - 64px)
  ) !important;

  max-width:
    var(--gcg-setup-max, 1192px) !important;

  min-width: 0 !important;

  margin:
    0 auto !important;

  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-inner
> .e-con-inner {

  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: stretch !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   03. HEAD
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-head {
  width: 100% !important;

  margin: 0 !important;

  padding:
    0
    0
    36px !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-head
> .e-con-inner {

  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;

  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   04. EYEBROW
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-eyebrow {
  position: relative !important;

  width: auto !important;

  margin:
    0
    0
    12px !important;

  padding:
    0
    0
    0
    48px !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-eyebrow::before {

  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width: 32px;
  height: 1px;

  background:
    var(--gcg-taupe, #B89C84);

  transform:
    translateY(-50%);
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-eyebrow,

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-eyebrow
.elementor-heading-title {

  color:
  #89917C !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-eyebrow
.elementor-heading-title {

  margin: 0 !important;
}


/* ==========================================================
   05. TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-title {
  width: 100% !important;

  max-width:
    760px !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-all-posts-title
.elementor-heading-title {

  margin: 0 !important;

  color:
    var(--gcg-navy, #0E1321) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      34px,
      3.2vw,
      42px
    ) !important;

  font-weight:
    800 !important;

  line-height:
    1.14 !important;

  letter-spacing:
    -.04em !important;
}


/* ==========================================================
   06. LOOP GRID
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-posts-loop {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-widget-container {

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Grid spacing only.
   Card styling KHÔNG nằm ở đây. */

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-loop-container {
  column-gap:
 :contentReference[oaicite:2]{index=2} row-gap:
    30px !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.e-loop-item {

  min-width: 0 !important;

  height: 100% !important;
}


/* ==========================================================
   07. PAGINATION
========================================================== */

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-pagination {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  justify-content: center !important;

  gap:
    6px !important;

  margin:
    48px
    0
    0 !important;

  padding: 0 !important;
}


.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-pagination
.page-numbers {

  min-width:
    38px !important;

  height:
    38px !important;

  display:
    inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  padding:
    0
    11px !important;

  border:
    1px solid
    transparent !important;

  border-radius:
    999px !important;

  background:
    transparent !important;

  color:
    rgba(14, 19, 33, .58) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-decoration:
    none !important;

  transition:
    .2s ease !important;
}


/* Current */

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-pagination
.page-numbers.current {

  border-color:
    var(--gcg-navy, #0E1321) !important;

  background:
    var(--gcg-navy, #0E1321) !important;

  color:
    var(--gcg-paper, #FFFDF8) !important;
}


/* Prev / Next */

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-pagination
.prev,

.elementor-1188 .elementor-element.elementor-element-bff01ee
.gcg-setup-posts-loop
.elementor-pagination
.next {

  width: auto !important;

  min-width:
    42px !important;

  padding:
    0
    14px !important;
}


/* Hover */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-posts-loop
  .elementor-pagination
  a.page-numbers:hover {

    border-color:
      rgba(14, 19, 33, .11) !important;

    background:
      rgba(255, 253, 248, .58) !important;

    color:
      var(--gcg-navy, #0E1321) !important;
  }
}


/* ==========================================================
   08. TABLET <= 1024
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-bff01ee {

    padding:
      16px
      0
      72px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-inner {

    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-head {

    padding-bottom:
      31px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-title
  .elementor-heading-title {

    font-size:
      36px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-posts-loop
  .elementor-loop-container {

    column-gap:
      18px !important;

    row-gap:
      22px !important;
  }
}


/* ==========================================================
   09. MOBILE <= 640
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-bff01ee {

    padding:
      8px
      0
      58px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-inner {

    width:
      calc(100% - 32px) !important;

    max-width:
      calc(100% - 32px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-head {

    padding-bottom:
      26px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-eyebrow {

    padding-left:
      41px !important;

    margin-bottom:
      10px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-eyebrow::before {

    width:
      27px;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-eyebrow,

  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-eyebrow
  .elementor-heading-title {

    font-size:
      10px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-title
  .elementor-heading-title {

    font-size:
      29px !important;

    line-height:
      1.16 !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-posts-loop
  .elementor-loop-container {

    row-gap:
      18px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-posts-loop
  .elementor-pagination {

    margin-top:
      38px !important;

    gap:
      3px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-posts-loop
  .elementor-pagination
  .page-numbers {

    min-width:
      35px !important;

    height:
      35px !important;

    padding:
      0
      9px !important;

    font-size:
      12px !important;
  }
}


/* ==========================================================
   10. VERY SMALL <= 380
========================================================== */

@media (max-width:380px) {

  .elementor-1188 .elementor-element.elementor-element-bff01ee .gcg-setup-all-posts-inner {

    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-bff01ee
  .gcg-setup-all-posts-title
  .elementor-heading-title {

    font-size:
      27px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a45adfc *//* ==========================================================
   GÓC CÓ GU — CATEGORY SETUP
   SECTION: EXPLORE NEXT

   Structure:
   Setup Explore Next
   └── Explore Next Inner
       └── Explore Next Card
           ├── Explore Intro
           │   ├── Explore Eyebrow
           │   ├── Explore Title
           │   └── Explore Description
           │
           └── Explore Links
               ├── Explore Item Decor
               │   ├── Explore Item Top
               │   │   ├── Explore Visual
               │   │   │   └── Visual Image
               │   │   └── Explore Arrow
               │   └── Explore Item Copy
               │       ├── Item Title
               │       └── Item Description
               │
               ├── Explore Item Green
               └── Explore Item Suggest
========================================================== */


/* ==========================================================
   01. SECTION ROOT
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding:
    18px
    0
    88px !important;
}


/* ==========================================================
   02. INNER — 1192PX
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-inner {
  width: min(
    var(--gcg-setup-max, 1192px),
    calc(100% - 64px)
  ) !important;

  max-width:
    var(--gcg-setup-max, 1192px) !important;

  min-width: 0 !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. MAIN CARD
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-card {
  width: 100% !important;
  min-width: 0 !important;

  display: grid !important;

  /*
   * Intro không chiếm quá nhiều.
   * Dành phần lớn width cho 3 hub.
   */
  grid-template-columns:
    minmax(300px, .72fr)
    minmax(0, 1.28fr) !important;

  align-items:
    stretch !important;

  column-gap:
    42px !important;

  margin:
    0 !important;

  padding:
    42px
    44px !important;

  border:
    1px solid
    rgba(14,19,33,.10) !important;

  border-radius:
    26px !important;

  background:
    rgba(216,207,195,.68) !important;

  box-shadow:
    0
    18px
    50px
    rgba(14,19,33,.035) !important;

  overflow:
    hidden !important;
}


/* ==========================================================
   04. INTRO
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-intro {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  margin: 0 !important;

  padding:
    4px
    38px
    4px
    0 !important;

  border-right:
    1px solid
    rgba(14,19,33,.10) !important;
}


/* ==========================================================
   05. EYEBROW
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-eyebrow {
  position: relative !important;

  width: auto !important;

  margin:
    0
    0
    16px !important;

  padding:
    0
    0
    0
    46px !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-eyebrow::before {
  content: "";

  position: absolute;

  left: 0;
  top: 50%;

  width:
    32px;

  height:
    1px;

  background:
    var(--gcg-taupe, #B89C84);

  transform:
    translateY(-50%);
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-eyebrow,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-eyebrow .elementor-heading-title {
  margin-top:
    0 !important;

  color:
  #89917C !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    10.5px !important;

  font-weight:
    800 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .1em !important;

  text-transform:
    uppercase !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-eyebrow
.elementor-heading-title {

  margin:
    0 !important;
}


/* ==========================================================
   06. INTRO TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-title {
  width: 100% !important;

  max-width:
    330px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-title
.elementor-heading-title {

  margin:
    0 !important;

  color:
    var(--gcg-navy, #0E1321) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    clamp(
      32px,
      3vw,
      40px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    1.14 !important;

  letter-spacing:
    -.04em !important;
}


/* ==========================================================
   07. INTRO DESCRIPTION
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-description {
  width:
    100% !important;

  max-width:
    370px !important;

  margin:
    16px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-description,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-description p,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-description .elementor-widget-container {

  color:
    rgba(14,19,33,.58) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    14.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.72 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-description p {

  margin:
    0 !important;
}


/* ==========================================================
   08. LINKS GRID
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-links {
  width: 100% !important;
  min-width: 0 !important;

  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  align-items:
    stretch !important;

  gap:
    14px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   09. INDIVIDUAL HUB ITEM
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  height:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    16px !important;

  border:
    1px solid
    rgba(14,19,33,.085) !important;

  border-radius:
    19px !important;

  background:
    rgba(255,253,248,.30) !important;

  transition:
    transform .22s ease,
    background-color .22s ease,
    border-color .22s ease !important;
}


/* ==========================================================
   10. ITEM TOP
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-top {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    flex-start !important;

  justify-content:
    space-between !important;

  gap:
    12px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   11. VISUAL CONTAINER
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-visual {
  position:
    relative !important;

  flex:
    0 0 88px !important;

  width:
    88px !important;

  height:
    88px !important;

  min-width:
    88px !important;

  min-height:
    88px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(255,255,255,.44) !important;

  border-radius:
    17px !important;

  background:
    rgba(255,253,248,.54) !important;

  overflow:
    hidden !important;
}


/* ==========================================================
   12. IMAGE
   Fix luôn lỗi hình đang phóng khổng lồ
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-image .elementor-widget-container,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-image a,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-image img {

  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-image img {

  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;
}


/* ==========================================================
   13. ARROW BUTTON
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-arrow {
  flex:
    0 0 auto !important;

  width:
    auto !important;

  margin:
    3px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-arrow .elementor-button {
  width:
    36px !important;

  height:
    36px !important;

  min-width:
    36px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(14,19,33,.10) !important;

  border-radius:
    50% !important;

  background:
    rgba(255,253,248,.55) !important;

  color:
    var(--gcg-navy, #0E1321) !important;

  box-shadow:
    none !important;

  font-size:
    17px !important;

  line-height:
    1 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-arrow
.elementor-button-text {

  line-height:
    1 !important;
}


/* ==========================================================
   14. ITEM COPY
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-copy {
  width:
    100% !important;

  min-width:
    0 !important;

  flex:
    1 1 auto !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  margin:
    0 !important;

  padding:
    18px
    2px
    2px !important;
}


/* ==========================================================
   15. ITEM TITLE
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-title {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-item-title
.elementor-heading-title {

  margin:
    0 !important;

  color:
    var(--gcg-navy, #0E1321) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    20px !important;

  font-weight:
    800 !important;

  line-height:
    1.25 !important;

  letter-spacing:
    -.025em !important;
}


/* ==========================================================
   16. ITEM DESCRIPTION
========================================================== */

.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-description {
  width:
    100% !important;

  margin:
    9px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-description,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-description p,
.elementor-1188 .elementor-element.elementor-element-3a45adfc .gcg-setup-explore-item-description .elementor-widget-container {

  color:
    rgba(14,19,33,.57) !important;

  font-family:
    "Quicksand",
    sans-serif !important;

  font-size:
    13.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.6 !important;
}


.elementor-1188 .elementor-element.elementor-element-3a45adfc
.gcg-setup-explore-item-description p {

  margin:
    0 !important;
}


/* ==========================================================
   17. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item:hover {

    transform:
      translateY(-2px);

    border-color:
      rgba(14,19,33,.13) !important;

    background:
      rgba(255,253,248,.48) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item:hover
  .gcg-setup-explore-arrow
  .elementor-button {

    background:
      var(--gcg-navy, #0E1321) !important;

    color:
      var(--gcg-paper, #FFFDF8) !important;
  }
}


/* ==========================================================
   18. TABLET <= 1024
========================================================== */

@media (max-width:1024px) {

  .elementor-1188 .elementor-element.elementor-element-3a45adfc {

    padding:
      10px
      0
      72px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-inner {

    width:
      calc(100% - 48px) !important;

    max-width:
      calc(100% - 48px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-card {

    grid-template-columns:
      1fr !important;

    row-gap:
      32px !important;

    padding:
      36px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-intro {

    padding:
      0
      0
      30px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(14,19,33,.10) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-title {

    max-width:
      500px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-description {

    max-width:
      620px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-links {

    grid-template-columns:
      repeat(3, minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   19. TABLET PORTRAIT <= 820
========================================================== */

@media (max-width:820px) {

  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-links {

    grid-template-columns:
      repeat(2, minmax(0,1fr)) !important;
  }


  /*
   * Card thứ 3 chiếm full width,
   * nhưng vẫn giữ visual compact.
   */
  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item:nth-child(3) {

    grid-column:
      1 / -1 !important;
  }
}


/* ==========================================================
   20. MOBILE <= 640
========================================================== */

@media (max-width:640px) {

  .elementor-1188 .elementor-element.elementor-element-3a45adfc {

    padding:
      4px
      0
      58px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-inner {

    width:
      calc(100% - 32px) !important;

    max-width:
      calc(100% - 32px) !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-card {

    padding:
      28px
      22px !important;

    border-radius:
      22px !important;

    row-gap:
      26px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-title
  .elementor-heading-title {

    font-size:
      29px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-description,
  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-description p,
  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-description
  .elementor-widget-container {

    font-size:
      13.5px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-links {

    grid-template-columns:
      1fr !important;

    gap:
      11px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item:nth-child(3) {

    grid-column:
      auto !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item {

    padding:
      15px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-visual {

    width:
      82px !important;

    height:
      82px !important;

    min-width:
      82px !important;

    min-height:
      82px !important;

    flex-basis:
      82px !important;
  }


  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-item-copy {

    padding-top:
      15px !important;
  }
}


/* ==========================================================
   21. VERY SMALL <= 380
========================================================== */

@media (max-width:380px) {

  .elementor-1188 .elementor-element.elementor-element-3a45adfc
  .gcg-setup-explore-inner {

    width:
      calc(100% - 24px) !important;

    max-width:
      calc(100% - 24px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-404364ce *//* ==========================================
   GCG — CATEGORY SETUP
   GLOBAL PAGE BASE
========================================== */

.elementor-1188 .elementor-element.elementor-element-404364ce {
  --gcg-setup-max: 1192px;

  --gcg-navy: #0E1321;
  --gcg-cream: #EDE7DD;
  --gcg-cream-2: #F6F1EA;
  --gcg-beige: #D8CFC3;
  --gcg-taupe: #B89C84;
  --gcg-gray: #6E7480;
  --gcg-paper: #FFFDF8;

  --gcg-line: rgba(14, 19, 33, 0.12);
  --gcg-line-soft: rgba(14, 19, 33, 0.075);

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 7% 2%,
      rgba(255, 255, 255, 0.82) 0%,
      transparent 24%
    ),
    radial-gradient(
      circle at 94% 12%,
      rgba(216, 207, 195, 0.18) 0%,
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #F8F3EC 0%,
      #EDE7DD 42%,
      #F4EEE5 100%
    ) !important;

  overflow: visible !important;
}

.elementor-1188 .elementor-element.elementor-element-404364ce,
.elementor-1188 .elementor-element.elementor-element-404364ce * {
  box-sizing: border-box !important;
}/* End custom CSS */