.elementor-508 .elementor-element.elementor-element-27695828{--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;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-508 .elementor-element.elementor-element-27695828:not(.elementor-motion-effects-element-type-background), .elementor-508 .elementor-element.elementor-element-27695828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6b6f0b8 );}.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-508 .elementor-element.elementor-element-25abd5e6{text-align:center;}.elementor-508 .elementor-element.elementor-element-25abd5e6 .elementor-heading-title{font-size:3rem;font-weight:800;color:var( --e-global-color-4a7e19f );}.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-508 .elementor-element.elementor-element-18b066f3{text-align:center;font-size:1.3rem;font-weight:400;color:var( --e-global-color-4a7e19f );}.elementor-508 .elementor-element.elementor-element-31817cde{--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;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-508 .elementor-element.elementor-element-be34e76 .e-search-input{background-color:#FFFEF2;font-size:1rem;font-weight:500;text-transform:capitalize;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-be34e76 .e-search-submit{background-color:var( --e-global-color-8b221ad );}.elementor-508 .elementor-element.elementor-element-be34e76 .e-search-results-container{background-color:#013871;}.elementor-508 .elementor-element.elementor-element-be34e76 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-36253d6 );border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-be34e76{--e-search-results-columns:1;--e-search-input-color:#111827;--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:15px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:15px;--e-search-icon-submit-size:26px;--e-search-submit-icon-gap:0px;--e-search-submit-color:var( --e-global-color-6b6f0b8 );--e-search-icon-submit-color:var( --e-global-color-6b6f0b8 );--e-search-submit-border-radius:0px 10px 10px 0px;--e-search-submit-padding:5px 15px 5px 15px;--e-search-results-border-radius:0px 0px 20px 20px;--e-search-results-padding:2rem 2rem 2rem 2rem;--e-search-input-and-results-gap:1px;--e-search-results-max-height:250px;--e-search-results-column-gap:0px;--e-search-results-row-gap:0px;--e-search-loader-icon-color:var( --e-global-color-8b221ad );--e-search-loader-icon-size:1rem;}.elementor-508 .elementor-element.elementor-element-be34e76 .e-search-submit:hover{--e-search-icon-submit-color:var( --e-global-color-4a7e19f );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-508 .elementor-element.elementor-element-4a6ecf1d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-508 .elementor-element.elementor-element-6e6958fe{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-508 .elementor-element.elementor-element-6e6958fe:after{content:"0.56";}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__meta-data span + span:before{content:"///";}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;border-color:var( --e-global-color-36253d6 );}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__text{padding:0rem 2rem 1rem 2rem;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post:hover{background-color:#FFFEF7;border-color:#FFD116;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-6e6958fe.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-508 .elementor-element.elementor-element-6e6958fe.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-508 .elementor-element.elementor-element-6e6958fe.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__title, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__title a{color:#222222;font-size:1.1rem;font-weight:700;line-height:1.5rem;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__title{margin-bottom:7px;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__meta-data{color:var( --e-global-color-ffaae93 );font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:500;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__excerpt p{color:var( --e-global-color-e3f3ce3 );font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-508 .elementor-element.elementor-element-3f1dd140{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-2abe778{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-508 .elementor-element.elementor-element-2abe778:after{content:"0.56";}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__meta-data span + span:before{content:"///";}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;border-color:var( --e-global-color-36253d6 );}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__text{padding:0rem 2rem 1rem 2rem;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post:hover{background-color:#FFFEF7;border-color:#FFD116;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-2abe778.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-508 .elementor-element.elementor-element-2abe778.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-508 .elementor-element.elementor-element-2abe778.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__title, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__title a{color:#222222;font-size:1.1rem;font-weight:700;line-height:1.5rem;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__title{margin-bottom:7px;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__meta-data{color:var( --e-global-color-ffaae93 );font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:500;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__excerpt p{color:var( --e-global-color-e3f3ce3 );font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-508 .elementor-element.elementor-element-3c24476d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-54cc591{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-508 .elementor-element.elementor-element-54cc591:after{content:"0.56";}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__meta-data span + span:before{content:"///";}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;border-color:var( --e-global-color-36253d6 );}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__text{padding:0rem 2rem 1rem 2rem;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post:hover{background-color:#FFFEF7;border-color:#FFD116;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-54cc591.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-508 .elementor-element.elementor-element-54cc591.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-508 .elementor-element.elementor-element-54cc591.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__title, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__title a{color:#222222;font-size:1.1rem;font-weight:700;line-height:1.5rem;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__title{margin-bottom:7px;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__meta-data{color:var( --e-global-color-ffaae93 );font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:500;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__excerpt p{color:var( --e-global-color-e3f3ce3 );font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-508 .elementor-element.elementor-element-42bae845{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-508 .elementor-element.elementor-element-7ab2c67{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-508 .elementor-element.elementor-element-7ab2c67:after{content:"0.56";}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__meta-data span + span:before{content:"///";}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;border-color:var( --e-global-color-36253d6 );}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__text{padding:0rem 2rem 1rem 2rem;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post:hover{background-color:#FFFEF7;border-color:#FFD116;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-508 .elementor-element.elementor-element-7ab2c67.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-508 .elementor-element.elementor-element-7ab2c67.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-508 .elementor-element.elementor-element-7ab2c67.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__title, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__title a{color:#222222;font-size:1.1rem;font-weight:700;line-height:1.5rem;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__title{margin-bottom:7px;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__meta-data{color:var( --e-global-color-ffaae93 );font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:500;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__excerpt p{color:var( --e-global-color-e3f3ce3 );font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:400;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-508 .elementor-element.elementor-element-47e6135e{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:16px;--n-tabs-gap:54px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:0.9rem;--n-tabs-title-color:var( --e-global-color-6b6f0b8 );--n-tabs-title-color-active:var( --e-global-color-e3f3ce3 );}.elementor-508 .elementor-element.elementor-element-47e6135e > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-a2f59a9 );}.elementor-508 .elementor-element.elementor-element-47e6135e > .elementor-widget-container{border-style:none;}.elementor-508 .elementor-element.elementor-element-47e6135e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-36253d6 );box-shadow:0px 0px 10px 0px rgba(206.52343750000003, 206.52343750000003, 206.52343750000003, 0.5);}.elementor-508 .elementor-element.elementor-element-47e6135e.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-508 .elementor-element.elementor-element-18b066f3{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-508 .elementor-element.elementor-element-18b066f3.elementor-element{--align-self:center;}.elementor-508 .elementor-element.elementor-element-31817cde{--padding-top:4rem;--padding-bottom:4rem;--padding-left:2rem;--padding-right:2rem;}.elementor-508 .elementor-element.elementor-element-be34e76{--e-search-results-padding:2rem 2rem 2rem 2rem;--e-search-results-max-height:250px;}.elementor-508 .elementor-element.elementor-element-4a6ecf1d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-508 .elementor-element.elementor-element-6e6958fe{--grid-row-gap:1rem;--grid-column-gap:1rem;}.elementor-508 .elementor-element.elementor-element-2abe778{--grid-row-gap:1rem;--grid-column-gap:1rem;}.elementor-508 .elementor-element.elementor-element-54cc591{--grid-row-gap:1rem;--grid-column-gap:1rem;}.elementor-508 .elementor-element.elementor-element-7ab2c67{--grid-row-gap:1rem;--grid-column-gap:1rem;}}@media(max-width:767px){.elementor-508 .elementor-element.elementor-element-27695828{--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-508 .elementor-element.elementor-element-25abd5e6 .elementor-heading-title{line-height:3.2rem;}.elementor-508 .elementor-element.elementor-element-18b066f3{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-508 .elementor-element.elementor-element-31817cde{--padding-top:2rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-508 .elementor-element.elementor-element-be34e76{--e-search-results-width:100%;}.elementor-508 .elementor-element.elementor-element-6e6958fe{--grid-row-gap:2rem;--grid-column-gap:2em;}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-508 .elementor-element.elementor-element-6e6958fe:after{content:"0.5";}.elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-2abe778{--grid-row-gap:2rem;--grid-column-gap:2em;}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-508 .elementor-element.elementor-element-2abe778:after{content:"0.5";}.elementor-508 .elementor-element.elementor-element-2abe778 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-54cc591{--grid-row-gap:2rem;--grid-column-gap:2em;}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-508 .elementor-element.elementor-element-54cc591:after{content:"0.5";}.elementor-508 .elementor-element.elementor-element-54cc591 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-7ab2c67{--grid-row-gap:2rem;--grid-column-gap:2em;}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-508 .elementor-element.elementor-element-7ab2c67:after{content:"0.5";}.elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-post__thumbnail__link{width:100%;}.elementor-508 .elementor-element.elementor-element-47e6135e{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0.6rem;--n-tabs-gap:3rem;}}/* Start custom CSS for posts, class: .elementor-element-6e6958fe *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-2abe778 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-54cc591 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-7ab2c67 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-6e6958fe *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-2abe778 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-54cc591 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-7ab2c67 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-6e6958fe *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-2abe778 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-54cc591 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-7ab2c67 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-6e6958fe *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-2abe778 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-54cc591 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-7ab2c67 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-6e6958fe *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-6e6958fe .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-2abe778 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-2abe778 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-54cc591 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-54cc591 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-7ab2c67 *//* ================================== 3. STYLE CHO PHÂN TRANG (FIX LỖI TRÀN KHUNG) ================================== */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination { margin-top: 50px !important; display: flex !important; flex-wrap: wrap !important; /* QUAN TRỌNG: Cho phép các nút tự động xuống hàng nếu thiếu chiều ngang */ justify-content: center !important; gap: 8px !important; max-width: 100% !important; /* Đảm bảo khối phân trang không bao giờ phình to hơn khung chứa */ } /* Định dạng chung cho các nút */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers { display: inline-flex !important; justify-content: center !important; align-items: center !important; min-width: 36px !important; /* Thu nhỏ một xíu để dễ fit trên 1 dòng */ height: 36px !important; padding: 0 12px !important; /* Giảm padding một chút */ border: 1px solid #FFD116 !important; border-radius: 5px !important; background-color: transparent !important; color: #333333 !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .elementor-screen-only { display: none !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination a.page-numbers:hover { background-color: #FFD116 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.current { background-color: #FFD116 !important; color: #333333 !important; border-color: #FFD116 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; } /* Tùy chỉnh riêng cho nút Previous và Next */ .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next { width: auto !important; min-width: max-content !important; padding: 0 15px !important; background-color: #f9f9f9 !important; border-color: #dddddd !important; color: #555555 !important; } .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.prev:hover, .elementor-508 .elementor-element.elementor-element-7ab2c67 .elementor-pagination .page-numbers.next:hover { background-color: #b38b4d !important; border-color: #b38b4d !important; color: #333333 !important; }/* End custom CSS */