.elementor-1264 .elementor-element.elementor-element-6a8a4d1{--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-1264 .elementor-element.elementor-element-c0c6e92{--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-1264 .elementor-element.elementor-element-54b4d21{--display:flex;--min-height:650px;--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;--gap:58px 58px;--row-gap:58px;--column-gap:58px;--flex-wrap:nowrap;}.elementor-1264 .elementor-element.elementor-element-e5da029{--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-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-1264 .elementor-element.elementor-element-b0285d5{--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:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;}.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-1264 .elementor-element.elementor-element-6df951b{--display:flex;--min-height:510px;--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-1264 .elementor-element.elementor-element-7ae093c{--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;--overflow:hidden;}.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-1264 .elementor-element.elementor-element-6fdf47f img{width:100%;}.elementor-1264 .elementor-element.elementor-element-e6c87fc{--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:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-1264 .elementor-element.elementor-element-3ad2b5f{--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-end;--gap:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-1264 .elementor-element.elementor-element-133cc12{--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-1264 .elementor-element.elementor-element-3865a5e{--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:34px 34px;--row-gap:34px;--column-gap:34px;}.elementor-1264 .elementor-element.elementor-element-dd1178f{--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:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;}.elementor-1264 .elementor-element.elementor-element-0cd2d95{--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-1264 .elementor-element.elementor-element-fb4ec54{--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-1264 .elementor-element.elementor-element-e11888c{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1264 .elementor-element.elementor-element-a4bada7{--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-1264 .elementor-element.elementor-element-3654b71{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;}.elementor-1264 .elementor-element.elementor-element-b363ceb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap;}.elementor-1264 .elementor-element.elementor-element-51765f9{--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;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-4ac6c0e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-1f01366 img{width:100%;}.elementor-1264 .elementor-element.elementor-element-94a38dc{--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-1264 .elementor-element.elementor-element-fecce90{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1264 .elementor-element.elementor-element-b6f5933{--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;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-5790b99{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-8ad98e2 img{width:100%;}.elementor-1264 .elementor-element.elementor-element-028f614{--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-1264 .elementor-element.elementor-element-dd4da47{--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;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-d86235f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-301a556 img{width:100%;}.elementor-1264 .elementor-element.elementor-element-5c435c3{--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-1264 .elementor-element.elementor-element-c35011d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-5213e47{--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-1264 .elementor-element.elementor-element-b396fbd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-1264 .elementor-element.elementor-element-1f4c69d img{width:100%;}.elementor-1264 .elementor-element.elementor-element-c31cf53{--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-1264 .elementor-element.elementor-element-4613369{--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:stretch;--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1264 .elementor-element.elementor-element-9a39997{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1264 .elementor-element.elementor-element-a161e88{--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-1264 .elementor-element.elementor-element-d3175c1{--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:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-1264 .elementor-element.elementor-element-2a6aa17{--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:9px 9px;--row-gap:9px;--column-gap:9px;--flex-wrap:wrap;}.elementor-1264 .elementor-element.elementor-element-5710616{--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:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-1264 .elementor-element.elementor-element-cb6d29b{--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:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-1264 .elementor-element.elementor-element-bf9a814{--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:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-1264 .elementor-element.elementor-element-0b3d60a{--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:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-1264 .elementor-element.elementor-element-c019313{--display:flex;}.elementor-1264 .elementor-element.elementor-element-08df884{--display:flex;}.elementor-1264 .elementor-element.elementor-element-7c125c9{--display:flex;}.elementor-1264 .elementor-element.elementor-element-e8c0641{--display:flex;}.elementor-1264 .elementor-element.elementor-element-903d687{--display:flex;}.elementor-1264 .elementor-element.elementor-element-590c613{--display:flex;}.elementor-1264 .elementor-element.elementor-element-76d88d6{--display:flex;}.elementor-1264 .elementor-element.elementor-element-0dbf062{--display:flex;}.elementor-1264 .elementor-element.elementor-element-8efadd1{--display:flex;}.elementor-1264 .elementor-element.elementor-element-93c8a94{--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-1264 .elementor-element.elementor-element-7d391d1{--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-1264 .elementor-element.elementor-element-6821f6d7{--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-1264 .elementor-element.elementor-element-1ef76510{--grid-columns:3;}.elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1264 .elementor-element.elementor-element-1ef76510 .e-loop-item > .elementor-section, .elementor-1264 .elementor-element.elementor-element-1ef76510 .e-loop-item > .elementor-section > .elementor-container, .elementor-1264 .elementor-element.elementor-element-1ef76510 .e-loop-item > .e-con, .elementor-1264 .elementor-element.elementor-element-1ef76510 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1264 .elementor-element.elementor-element-1ef76510 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1264 .elementor-element.elementor-element-6f412c93{--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-1264 .elementor-element.elementor-element-4a831fe1{--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-1264 .elementor-element.elementor-element-16809adb{--display:flex;}.elementor-1264 .elementor-element.elementor-element-9289d7d{--display:flex;}.elementor-1264 .elementor-element.elementor-element-4d2d0576{--display:flex;}.elementor-1264 .elementor-element.elementor-element-5458c235{--display:flex;}.elementor-1264 .elementor-element.elementor-element-2b4c3f89{--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-1264 .elementor-element.elementor-element-395663ca{--display:flex;}.elementor-1264 .elementor-element.elementor-element-5aa790cb{--display:flex;}.elementor-1264 .elementor-element.elementor-element-55eb437f{--display:flex;}.elementor-1264 .elementor-element.elementor-element-78746e8f{--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-1264 .elementor-element.elementor-element-fa5f4b7{--display:flex;}.elementor-1264 .elementor-element.elementor-element-4c95f17a{--display:flex;}.elementor-1264 .elementor-element.elementor-element-2ef7f2b{--display:flex;}.elementor-1264 .elementor-element.elementor-element-267bbb26{--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-1264 .elementor-element.elementor-element-695d4b0d{--display:flex;}.elementor-1264 .elementor-element.elementor-element-4508cafb{--display:flex;}@media(max-width:1024px){.elementor-1264 .elementor-element.elementor-element-6df951b{--min-height:460px;}.elementor-1264 .elementor-element.elementor-element-1ef76510{--grid-columns:2;}}@media(min-width:768px){.elementor-1264 .elementor-element.elementor-element-6a8a4d1{--width:100%;}.elementor-1264 .elementor-element.elementor-element-c0c6e92{--width:100%;}.elementor-1264 .elementor-element.elementor-element-54b4d21{--width:100%;}.elementor-1264 .elementor-element.elementor-element-e5da029{--width:44%;}.elementor-1264 .elementor-element.elementor-element-6df951b{--width:56%;}.elementor-1264 .elementor-element.elementor-element-7ae093c{--width:100%;}.elementor-1264 .elementor-element.elementor-element-133cc12{--width:100%;}.elementor-1264 .elementor-element.elementor-element-3865a5e{--width:100%;}.elementor-1264 .elementor-element.elementor-element-0cd2d95{--width:100%;}.elementor-1264 .elementor-element.elementor-element-fb4ec54{--width:100%;}.elementor-1264 .elementor-element.elementor-element-e11888c{--width:100%;}.elementor-1264 .elementor-element.elementor-element-a4bada7{--width:58%;}.elementor-1264 .elementor-element.elementor-element-b363ceb{--width:100%;}.elementor-1264 .elementor-element.elementor-element-51765f9{--width:100%;}.elementor-1264 .elementor-element.elementor-element-4ac6c0e{--width:100%;}.elementor-1264 .elementor-element.elementor-element-94a38dc{--width:100%;}.elementor-1264 .elementor-element.elementor-element-fecce90{--width:100%;}.elementor-1264 .elementor-element.elementor-element-b6f5933{--width:100%;}.elementor-1264 .elementor-element.elementor-element-5790b99{--width:100%;}.elementor-1264 .elementor-element.elementor-element-028f614{--width:100%;}.elementor-1264 .elementor-element.elementor-element-dd4da47{--width:100%;}.elementor-1264 .elementor-element.elementor-element-d86235f{--width:100%;}.elementor-1264 .elementor-element.elementor-element-5c435c3{--width:100%;}.elementor-1264 .elementor-element.elementor-element-c35011d{--width:100%;}.elementor-1264 .elementor-element.elementor-element-5213e47{--width:100%;}.elementor-1264 .elementor-element.elementor-element-b396fbd{--width:100%;}.elementor-1264 .elementor-element.elementor-element-c31cf53{--width:100%;}.elementor-1264 .elementor-element.elementor-element-4613369{--width:100%;}.elementor-1264 .elementor-element.elementor-element-9a39997{--width:100%;}.elementor-1264 .elementor-element.elementor-element-a161e88{--width:100%;}.elementor-1264 .elementor-element.elementor-element-d3175c1{--width:100%;}.elementor-1264 .elementor-element.elementor-element-5710616{--width:100%;}.elementor-1264 .elementor-element.elementor-element-bf9a814{--width:100%;}.elementor-1264 .elementor-element.elementor-element-93c8a94{--width:100%;}.elementor-1264 .elementor-element.elementor-element-7d391d1{--width:100%;}.elementor-1264 .elementor-element.elementor-element-6f412c93{--width:100%;}.elementor-1264 .elementor-element.elementor-element-4a831fe1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1264 .elementor-element.elementor-element-e5da029{--width:100px;}.elementor-1264 .elementor-element.elementor-element-6df951b{--width:100px;}}@media(max-width:767px){.elementor-1264 .elementor-element.elementor-element-e5da029{--width:100px;}.elementor-1264 .elementor-element.elementor-element-6df951b{--min-height:390px;}.elementor-1264 .elementor-element.elementor-element-1ef76510{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-133cc12 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   QUICK ROUTES V1

   Structure:
   GYS Quick Routes
   └── Quick Routes Inner
       ├── Quick Routes Label
       └── Quick Routes List
           └── 6 × Quick Route Button

   Global content width: 1192px
========================================================== */


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

.elementor-1264 .elementor-element.elementor-element-133cc12 {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-cream,#EDE7DD) !important;

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


.elementor-1264 .elementor-element.elementor-element-133cc12 > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  min-height:
    74px !important;

  align-self:
    center !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    32px !important;

  margin:
    0 auto !important;

  padding:
    12px
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    32px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. LABEL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-label {
  flex:
    0 0 auto !important;

  width:
    auto !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-label,
.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-label
.elementor-heading-title {
  margin:
    0 !important;

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

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

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .16em !important;

  text-transform:
    uppercase !important;

  white-space:
    nowrap !important;
}


/* ==========================================================
   04. ROUTES LIST
========================================================== */

.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-list {
  flex:
    1 1 auto !important;

  width:
    auto !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  flex-wrap:
    wrap !important;

  gap:
    8px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-routes-list > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  flex-wrap:
    wrap !important;

  gap:
    8px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   05. BUTTON WIDGET
========================================================== */

.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-route {
  flex:
    0 0 auto !important;

  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-route
.elementor-button-wrapper {
  width:
    auto !important;
}


/* ==========================================================
   06. PILL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-route
.elementor-button {
  width:
    auto !important;

  min-height:
    42px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0
    15px !important;

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

  border-radius:
    999px !important;

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

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

  box-shadow:
    none !important;

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

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    -.005em !important;

  white-space:
    nowrap !important;

  text-decoration:
    none !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-route
.elementor-button-content-wrapper {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-133cc12
.gcg-select-quick-route
.elementor-button-text {
  color:
    inherit !important;

  line-height:
    1.3 !important;
}


/* ==========================================================
   07. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-route
  .elementor-button:hover {
    transform:
      translateY(-1px);

    border-color:
      rgba(184,156,132,.58) !important;

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

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

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


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner {
    width:
      calc(100% - 48px) !important;

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

    min-height:
      0 !important;

    align-items:
      flex-start !important;

    gap:
      18px !important;

    padding:
      16px
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner > .e-con-inner {
    align-items:
      flex-start !important;

    gap:
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-label {
    padding-top:
      13px !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner {
    width:
      calc(100% - 28px) !important;

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

    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      11px !important;

    padding:
      16px
      0
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner > .e-con-inner {
    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      11px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-label {
    padding-top:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-list,
  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-list > .e-con-inner {
    width:
      100% !important;

    flex-wrap:
      nowrap !important;

    overflow-x:
      auto !important;

    overflow-y:
      hidden !important;

    gap:
      7px !important;

    padding:
      0
      0
      3px !important;

    scrollbar-width:
      none;

    -webkit-overflow-scrolling:
      touch;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-list::-webkit-scrollbar,
  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-list > .e-con-inner::-webkit-scrollbar {
    display:
      none;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-route {
    flex:
      0 0 auto !important;
  }


  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-route
  .elementor-button {
    min-height:
      40px !important;

    padding:
      0
      14px !important;

    font-size:
      11.5px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner {
    width:
      calc(100% - 24px) !important;

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


/* ==========================================================
   11. IOS / SAFARI HARDENING
========================================================== */

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

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-inner,

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-routes-list,

  .elementor-1264 .elementor-element.elementor-element-133cc12
  .gcg-select-quick-route {
    min-width:
      0 !important;
  }


  @media (max-width:640px) {

    .elementor-1264 .elementor-element.elementor-element-133cc12
    .gcg-select-quick-routes-list,
    .elementor-1264 .elementor-element.elementor-element-133cc12
    .gcg-select-quick-routes-list > .e-con-inner {
      display:
        flex !important;

      flex-wrap:
        nowrap !important;

      overflow-x:
        auto !important;

      -webkit-overflow-scrolling:
        touch;
    }


    .elementor-1264 .elementor-element.elementor-element-133cc12
    .gcg-select-quick-route {
      flex:
        0 0 auto !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cd2d95 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   MAIN ROUTES / BENTO V2 — CLEAN FINAL

   Global content width: 1192px

   Mục tiêu V2:
   - Gộp V1 + Structure Fix thành 1 bản sạch
   - Không còn CSS vá trùng .elementor-1264 .elementor-element.elementor-element-0cd2d95
   - Typography desktop lớn, dễ đọc hơn
   - Bento desktop 7fr / 5fr
   - Combo lớn bên trái
   - Món đáng có + Review bên phải
   - Nâng cấp góc tách thành 2 panel có gap 18px,
     cùng trục 7fr / 5fr với grid phía trên
   - Responsive + iOS/Safari hardening
========================================================== */


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

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

  margin: 0 !important;

  padding:
    88px
    0
    94px !important;

  background:
    var(--gys-paper,#F7F3ED) !important;
}


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

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


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

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-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-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-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 — 7 / 5
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-head,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-head > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0,7fr)
    minmax(0,5fr) !important;

  align-items:
    end !important;

  column-gap:
    18px !important;

  margin:
    0
    0
    40px !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. HEAD LEFT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-heading,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-heading > .e-con-inner {
  width: 100% !important;
  max-width: 660px !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-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-eyebrow {
  width: auto !important;

  margin:
    0
    0
    11px !important;

  padding: 0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-eyebrow,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-eyebrow
.elementor-heading-title {
  margin: 0 !important;

  color:
    var(--gys-slate,#6E7480) !important;

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

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .14em !important;

  text-transform:
    uppercase !important;
}


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

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-title {
  width: 100% !important;
  max-width: 650px !important;

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


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-title
.elementor-heading-title {
  margin: 0 !important;

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

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

  font-size:
    clamp(
      42px,
      4vw,
      52px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    1.03 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


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

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-intro {
  width: 100% !important;
  max-width: 410px !important;
  min-width: 0 !important;

  justify-self:
    end !important;

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


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-intro,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-intro p {
  margin: 0 !important;

  color:
    var(--gys-slate,#6E7480) !important;

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

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.68 !important;
}


/* ==========================================================
   08. MAIN BENTO GRID
   Grid đặt trực tiếp lên Container để tương thích cấu trúc
   Elementor Full Width của template hiện tại.
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0,7fr)
    minmax(0,5fr) !important;

  grid-template-rows:
    300px
    300px
    280px !important;

  align-items:
    stretch !important;

  gap:
    18px !important;

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


/* Nếu Elementor có sinh wrapper thì flatten wrapper.
   Nếu không có wrapper, rule này không tác động. */

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-routes-grid > .e-con-inner {
  display:
    contents !important;
}


/* ==========================================================
   09. GRID PLACEMENT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-combo {
  grid-column:
    1 !important;

  grid-row:
    1 / span 2 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-product {
  grid-column:
    2 !important;

  grid-row:
    1 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-review {
  grid-column:
    2 !important;

  grid-row:
    2 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade {
  grid-column:
    1 / -1 !important;

  grid-row:
    3 !important;
}


/* ==========================================================
   10. ROUTE CARD — SHARED
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route {
  position:
    relative !important;

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

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

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

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

  background:
    var(--gys-cream,#EDE7DD) !important;

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

  overflow:
    hidden !important;

  isolation:
    isolate;

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


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route,
.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route a {
  text-decoration:
    none !important;
}


/* ==========================================================
   11. MEDIA — SHARED
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-media {
  position:
    relative !important;

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

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

  overflow:
    hidden !important;

  background:
    var(--gys-beige,#D8CFC3) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-image {
  position:
    absolute !important;

  inset:
    0 !important;

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

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


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-image
.elementor-widget-container,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-image a,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-image img {
  width: 100% !important;
  height: 100% !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  transition:
    transform .45s ease,
    filter .45s ease !important;
}


/* ==========================================================
   12. CONTENT — SHARED
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-content {
  position:
    relative !important;

  z-index:
    4 !important;

  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;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-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;

  gap:
    0 !important;

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


/* ==========================================================
   13. ROUTE NUMBER
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-number {
  width:
    auto !important;

  margin:
    0
    0
    7px !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-number,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-number
.elementor-heading-title {
  margin: 0 !important;

  color:
    rgba(14,19,33,.62) !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;
}


/* ==========================================================
   14. ROUTE TITLE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-title {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-title
.elementor-heading-title {
  margin: 0 !important;

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

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

  font-size:
    30px !important;

  font-weight:
    700 !important;

  line-height:
    1.07 !important;

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


/* ==========================================================
   15. ROUTE DESCRIPTION
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-description {
  width:
    100% !important;

  max-width:
    520px !important;

  margin:
    11px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-description,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-description p {
  margin: 0 !important;

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

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

  font-size:
    14.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.62 !important;
}


/* ==========================================================
   16. CTA LABEL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-cta {
  width:
    auto !important;

  margin:
    22px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-cta,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-cta
.elementor-heading-title {
  margin: 0 !important;

  color:
    inherit !important;

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

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .07em !important;

  text-transform:
    uppercase !important;
}


/* ==========================================================
   17. COMBO ROOT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-combo {
  position:
    relative !important;

  min-height:
    618px !important;

  border-color:
    rgba(237,231,221,.16) !important;

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

  color:
    var(--gys-cream,#EDE7DD) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo > .e-con-inner {
  display:
    contents !important;
}


/* ==========================================================
   18. COMBO MEDIA
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo-media {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    1 !important;

  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo-media::after {
  content: "";

  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(7,10,19,.05) 0%,
      rgba(7,10,19,.18) 34%,
      rgba(7,10,19,.62) 66%,
      rgba(7,10,19,.94) 100%
    );
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-image img {
  filter:
    saturate(.76)
    contrast(1.05)
    brightness(.88);
}


/* ==========================================================
   19. COMBO CONTENT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo-content {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    4 !important;

  height:
    100% !important;

  justify-content:
    flex-end !important;

  padding:
    34px
    34px !important;

  color:
    var(--gys-cream,#EDE7DD) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo-content > .e-con-inner {
  height:
    100% !important;

  justify-content:
    flex-end !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-number {
  position:
    absolute !important;

  top:
    31px !important;

  left:
    34px !important;

  z-index:
    6 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-number,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-number
.elementor-heading-title {
  color:
    rgba(237,231,221,.76) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-title {
  position:
    relative !important;

  padding-top:
    23px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-title::before {
  content: "";

  position:
    absolute;

  top:
    0;

  left:
    0;

  width:
    100%;

  height:
    1px;

  background:
    rgba(237,231,221,.22);
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-title
.elementor-heading-title {
  color:
    var(--gys-cream,#EDE7DD) !important;

  font-size:
    38px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-description {
  max-width:
    520px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-description,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-description p {
  color:
    rgba(237,231,221,.82) !important;

  font-size:
    15px !important;

  line-height:
    1.62 !important;
}


/* ==========================================================
   20. COMBO POINTS
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-points {
  width:
    100% !important;

  max-width:
    500px !important;

  display:
    grid !important;

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

  align-items:
    center !important;

  gap:
    12px !important;

  margin:
    25px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-points > .e-con-inner {
  display:
    contents !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-point {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    11px
    8px
    0
    0 !important;

  border-top:
    1px solid
    rgba(237,231,221,.22) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-point,
.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-point
.elementor-heading-title {
  margin: 0 !important;

  color:
    rgba(237,231,221,.76) !important;

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

  font-size:
    10px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .08em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo
.gcg-select-route-cta {
  margin-top:
    21px !important;

  color:
    var(--gys-cream,#EDE7DD) !important;

  font-size:
    11.5px !important;
}


/* Decorative SELECT */

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-combo::after {
  content:
    "SELECT";

  position:
    absolute;

  z-index:
    3;

  right:
    12px;

  bottom:
    -25px;

  pointer-events:
    none;

  color:
    rgba(237,231,221,.075);

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

  font-size:
    104px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    -.08em;
}


/* ==========================================================
   21. SMALL CARDS — PRODUCT / REVIEW
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-small {
  display:
    grid !important;

  grid-template-rows:
    128px
    minmax(0,1fr) !important;

  min-height:
    300px !important;

  gap:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small > .e-con-inner {
  display:
    contents !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-media {
  height:
    128px !important;

  min-height:
    128px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-content {
  height:
    172px !important;

  min-height:
    172px !important;

  padding:
    20px
    24px
    21px !important;

  justify-content:
    flex-start !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-title
.elementor-heading-title {
  font-size:
    28px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-description {
  max-width:
    none !important;

  margin-top:
    8px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-description,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-small
.gcg-select-route-description p {
  font-size:
    13.5px !important;

  line-height:
    1.55 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-product {
  background:
    var(--gys-cream,#EDE7DD) !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-review {
  background:
    #EEF0E9 !important;
}


/* ==========================================================
   22. UPGRADE — SPLIT PANELS 7 / 5

   Khác V1:
   - Root không còn là một khối dính liền
   - Content và Media là 2 panel riêng
   - Gap 18px trùng với Bento phía trên
   - Vẫn cùng trục 7fr / 5fr
========================================================== */

.elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade {
  display:
    grid !important;

  grid-template-columns:
    minmax(0,7fr)
    minmax(0,5fr) !important;

  align-items:
    stretch !important;

  gap:
    18px !important;

  height:
    280px !important;

  min-height:
    280px !important;

  border:
    0 !important;

  background:
    transparent !important;

  overflow:
    visible !important;

  box-shadow:
    none !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade > .e-con-inner {
  display:
    contents !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade-content {
  height:
    280px !important;

  min-height:
    280px !important;

  justify-content:
    center !important;

  padding:
    31px
    32px !important;

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

  background:
    #EEF0E9 !important;

  overflow:
    hidden !important;

  transition:
    border-color .24s ease,
    box-shadow .24s ease !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade-content > .e-con-inner {
  height:
    100% !important;

  justify-content:
    center !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade
.gcg-select-route-title
.elementor-heading-title {
  font-size:
    31px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade
.gcg-select-route-description {
  max-width:
    560px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade
.gcg-select-route-description,

.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade
.gcg-select-route-description p {
  font-size:
    14.5px !important;

  line-height:
    1.64 !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade
.gcg-select-route-cta {
  margin-top:
    auto !important;

  padding-top:
    22px !important;
}


.elementor-1264 .elementor-element.elementor-element-0cd2d95
.gcg-select-route-upgrade-media {
  height:
    280px !important;

  min-height:
    280px !important;

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

  transition:
    border-color .24s ease,
    box-shadow .24s ease !important;
}


/* ==========================================================
   23. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route:not(.gcg-select-route-upgrade):hover {
    transform:
      translateY(-2px);

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

    box-shadow:
      0 14px 30px
      rgba(14,19,33,.055) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route:hover
  .gcg-select-route-image img {
    transform:
      scale(1.035);
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo:hover {
    border-color:
      rgba(237,231,221,.27) !important;

    box-shadow:
      0 16px 34px
      rgba(14,19,33,.13) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade:hover {
    transform:
      translateY(-2px);
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade:hover
  .gcg-select-route-upgrade-content,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade:hover
  .gcg-select-route-upgrade-media {
    border-color:
      rgba(14,19,33,.18) !important;

    box-shadow:
      0 14px 30px
      rgba(14,19,33,.045) !important;
  }
}


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-0cd2d95 {
    padding:
      76px
      0
      82px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-inner {
    width:
      calc(100% - 48px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-head,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-head > .e-con-inner {
    grid-template-columns:
      minmax(0,1fr)
      minmax(280px,.58fr) !important;

    column-gap:
      28px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    grid-template-rows:
      480px
      310px
      270px !important;

    gap:
      16px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-combo {
    grid-column:
      1 / -1 !important;

    grid-row:
      1 !important;

    min-height:
      480px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-product {
    grid-column:
      1 !important;

    grid-row:
      2 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-review {
    grid-column:
      2 !important;

    grid-row:
      2 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade {
    grid-column:
      1 / -1 !important;

    grid-row:
      3 !important;

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

    gap:
      16px !important;

    height:
      270px !important;

    min-height:
      270px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small {
    min-height:
      310px !important;

    grid-template-rows:
      132px
      minmax(0,1fr) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-media {
    height:
      132px !important;

    min-height:
      132px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-content {
    height:
      178px !important;

    min-height:
      178px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-content,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-media {
    height:
      270px !important;

    min-height:
      270px !important;
  }
}


/* ==========================================================
   25. TABLET PORTRAIT <= 820PX
========================================================== */

@media (max-width:820px) {

  .elementor-1264 .elementor-element.elementor-element-0cd2d95 {
    padding:
      68px
      0
      74px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-head,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-head > .e-con-inner {
    grid-template-columns:
      1fr !important;

    align-items:
      start !important;

    row-gap:
      19px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-head {
    margin-bottom:
      32px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-intro {
    max-width:
      600px !important;

    justify-self:
      start !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-grid {
    grid-template-rows:
      460px
      310px
      270px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo {
    min-height:
      460px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-content {
    padding:
      27px
      25px !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-0cd2d95 {
    padding:
      56px
      0
      62px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-inner {
    width:
      calc(100% - 28px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-title
  .elementor-heading-title {
    font-size:
      36px !important;

    line-height:
      1.04 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-intro,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-intro p {
    font-size:
      13.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-grid {
    grid-template-columns:
      1fr !important;

    grid-template-rows:
      430px
      300px
      300px
      auto !important;

    gap:
      12px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-combo,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-product,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-review,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade {
    grid-column:
      1 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-combo {
    grid-row:
      1 !important;

    min-height:
      430px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-product {
    grid-row:
      2 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-review {
    grid-row:
      3 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade {
    grid-row:
      4 !important;

    grid-template-columns:
      1fr !important;

    grid-template-rows:
      auto
      220px !important;

    gap:
      12px !important;

    height:
      auto !important;

    min-height:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo-content {
    padding:
      25px
      22px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo
  .gcg-select-route-number {
    top:
      23px !important;

    left:
      22px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo
  .gcg-select-route-title
  .elementor-heading-title {
    font-size:
      31px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo
  .gcg-select-route-description,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo
  .gcg-select-route-description p {
    font-size:
      13.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo::after {
    right:
      7px;

    bottom:
      -15px;

    font-size:
      74px;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small {
    min-height:
      300px !important;

    grid-template-rows:
      128px
      minmax(0,1fr) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-media {
    height:
      128px !important;

    min-height:
      128px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-content {
    height:
      172px !important;

    min-height:
      172px !important;

    padding:
      19px
      21px
      20px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-title
  .elementor-heading-title {
    font-size:
      26px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-description,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-description p {
    font-size:
      13px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-content {
    height:
      auto !important;

    min-height:
      250px !important;

    padding:
      26px
      22px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-media {
    height:
      220px !important;

    min-height:
      220px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade
  .gcg-select-route-title
  .elementor-heading-title {
    font-size:
      28px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade
  .gcg-select-route-description,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade
  .gcg-select-route-description p {
    font-size:
      13.5px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-routes-title
  .elementor-heading-title {
    font-size:
      33px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo-content {
    padding:
      23px
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-combo
  .gcg-select-route-number {
    left:
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-small
  .gcg-select-route-content,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-upgrade-content {
    padding-left:
      18px !important;

    padding-right:
      18px !important;
  }
}


/* ==========================================================
   28. IOS / SAFARI HARDENING
========================================================== */

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

  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-inner,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-head,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-routes-grid,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-media,
  .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-content {
    min-width:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-image,

  .elementor-1264 .elementor-element.elementor-element-0cd2d95
  .gcg-select-route-image img {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  @media (max-width:640px) {

    .elementor-1264 .elementor-element.elementor-element-0cd2d95 .gcg-select-route-upgrade,
    .elementor-1264 .elementor-element.elementor-element-0cd2d95
    .gcg-select-route-upgrade > .e-con-inner {
      height:
        auto !important;

      min-height:
        0 !important;
    }


    .elementor-1264 .elementor-element.elementor-element-0cd2d95
    .gcg-select-route-upgrade-content {
      min-height:
        250px !important;
    }


    .elementor-1264 .elementor-element.elementor-element-0cd2d95
    .gcg-select-route-upgrade-media {
      height:
        220px !important;

      min-height:
        220px !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c31cf53 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   SETUP FINDER V2 — CLEAN FINAL

   Global content width: 1192px
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c31cf53 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 82px 0 86px !important;
  background: var(--gys-cream,#EDE7DD) !important;
  border-top: 1px solid rgba(14,19,33,.09) !important;
  border-bottom: 1px solid rgba(14,19,33,.09) !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner {
  width: min(1192px, calc(100% - 48px)) !important;
  max-width: 1192px !important;
  min-width: 0 !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: minmax(0,3.8fr) minmax(0,8.2fr) !important;
  align-items: start !important;
  column-gap: 58px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner > .e-con-inner {
  display: contents !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-copy {
  width: 100% !important;
  max-width: 390px !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;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-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;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow {
  width: auto !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow,
.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow .elementor-heading-title {
  color: var(--gys-slate,#6E7480) !important;
  font-family: "Quicksand", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow .elementor-heading-title {
  margin: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title .elementor-heading-title {
  margin: 0 !important;
  color: var(--gys-navy,#0E1321) !important;
  font-family: "Quicksand", sans-serif !important;
  font-size: clamp(46px,4.2vw,54px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description {
  width: 100% !important;
  max-width: 385px !important;
  margin: 25px 0 0 !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description,
.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description p {
  color: var(--gys-slate,#6E7480) !important;
  font-family: "Quicksand", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description p {
  margin: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-groups {
  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;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-groups > .e-con-inner {
  display: contents !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 150px minmax(0,1fr) !important;
  align-items: start !important;
  column-gap: 22px !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(14,19,33,.12) !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row + .gcg-select-finder-row {
  padding-top: 24px !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row > .e-con-inner {
  display: contents !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label {
  width: auto !important;
  margin: 0 !important;
  padding: 12px 0 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label,
.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label .elementor-heading-title {
  margin: 0 !important;
  color: var(--gys-navy,#0E1321) !important;
  font-family: "Quicksand", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chips {
  width: 100% !important;
  max-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 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chips > .e-con-inner {
  display: contents !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button-wrapper {
  width: auto !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button {
  width: auto !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(14,19,33,.18) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--gys-navy,#0E1321) !important;
  box-shadow: none !important;
  font-family: "Quicksand", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button-text {
  color: inherit !important;
  line-height: 1.3 !important;
}

@media (hover:hover) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button:hover {
    transform: translateY(-1px);
    border-color: var(--gys-navy,#0E1321) !important;
    background: var(--gys-navy,#0E1321) !important;
    color: var(--gys-cream,#EDE7DD) !important;
    box-shadow: 0 8px 20px rgba(14,19,33,.08) !important;
  }
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button:focus-visible {
  outline: 2px solid var(--gys-acid,#C7D69B) !important;
  outline-offset: 3px !important;
  border-color: var(--gys-navy,#0E1321) !important;
}

.elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip a.elementor-button[aria-current="page"] {
  border-color: var(--gys-navy,#0E1321) !important;
  background: var(--gys-navy,#0E1321) !important;
  color: var(--gys-cream,#EDE7DD) !important;
}


/* ==========================================================
   16. DESKTOP >= 1025PX
   Giữ 5 chip trên một hàng
========================================================== */

@media (min-width:1025px) {

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row {
    grid-template-columns:
      130px
      minmax(0,1fr) !important;

    column-gap:
      18px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chips {
    flex-wrap:
      nowrap !important;

    gap:
      8px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53
  .gcg-select-finder-chip
  .elementor-button {
    min-height:
      43px !important;

    padding:
      0
      14px !important;

    font-size:
      13px !important;
  }
}

@media (max-width:1024px) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 {
    padding: 72px 0 76px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    grid-template-columns: 1fr !important;
    row-gap: 42px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-copy {
    max-width: 650px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title {
    max-width: 620px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description {
    max-width: 590px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title .elementor-heading-title {
    font-size: clamp(44px,6vw,52px) !important;
  }
}

@media (max-width:820px) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row {
    grid-template-columns: 125px minmax(0,1fr) !important;
    column-gap: 18px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button {
    min-height: 43px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }
}

@media (max-width:640px) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 {
    padding: 56px 0 60px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    row-gap: 34px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow {
    margin-bottom: 12px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-eyebrow .elementor-heading-title {
    font-size: 10.5px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title .elementor-heading-title {
    font-size: 37px !important;
    line-height: 1.04 !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description {
    margin-top: 19px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-description p {
    font-size: 13.5px !important;
    line-height: 1.68 !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    padding-bottom: 21px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row + .gcg-select-finder-row {
    padding-top: 21px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label {
    padding-top: 0 !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-label .elementor-heading-title {
    font-size: 10.5px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chips {
    gap: 8px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button {
    min-height: 41px !important;
    padding: 0 14px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width:380px) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-title .elementor-heading-title {
    font-size: 34px !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button {
    padding: 0 12px !important;
    font-size: 12px !important;
  }
}

@supports (-webkit-touch-callout:none) {
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-inner,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-copy,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-groups,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-row,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chips,
  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip {
    min-width: 0 !important;
  }

  .elementor-1264 .elementor-element.elementor-element-c31cf53 .gcg-select-finder-chip .elementor-button {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c019313 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   EDITORIAL PICKS V1 — FIXED VISUAL + CURATED POSTS

   Global width: 1192px

   Structure:
   GYS Editorial Picks
   └── Editorial Picks Inner
       ├── Editorial Visual
       │   ├── Editorial Image
       │   └── Editorial Stamp
       └── Editorial Content
           ├── Editorial Eyebrow
           ├── Editorial Title
           ├── Editorial Description
           └── Editorial Posts (Shortcode)

   Shortcode output:
   .gcg-editorial-picks-list
   └── .gcg-editorial-picks-item
       ├── .gcg-editorial-picks-number
       ├── .gcg-editorial-picks-copy
       │   ├── .gcg-editorial-picks-category
       │   └── .gcg-editorial-picks-title
       └── .gcg-editorial-picks-arrow
========================================================== */


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

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

  margin: 0 !important;

  padding:
    92px
    0
    96px !important;

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

  color:
    var(--gys-cream,#EDE7DD) !important;

  overflow:
    hidden !important;
}


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

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


/* ==========================================================
   02. INNER — 1192PX / 7FR 5FR
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,7fr)
    minmax(0,5fr) !important;

  align-items:
    stretch !important;

  column-gap:
    54px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-inner > .e-con-inner {
  display:
    contents !important;
}


/* ==========================================================
   03. VISUAL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-visual {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    620px !important;

  height:
    620px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

  background:
    #161D30 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-visual > .e-con-inner {
  display:
    contents !important;
}


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

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-image
.elementor-widget-container,

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-image a,

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  filter:
    saturate(.82)
    contrast(1.04)
    brightness(.90);
}


/* subtle lower gradient */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-visual::after {
  content: "";

  position:
    absolute;

  inset:
    auto
    0
    0
    0;

  z-index:
    2;

  height:
    34%;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,0),
      rgba(14,19,33,.46)
    );
}


/* ==========================================================
   05. STAMP
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-stamp {
  position:
    absolute !important;

  z-index:
    4 !important;

  left:
    24px !important;

  bottom:
    21px !important;

  width:
    auto !important;

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

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-stamp,
.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-stamp
.elementor-heading-title {
  margin:
    0 !important;

  color:
    rgba(237,231,221,.82) !important;

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

  font-size:
    10.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .13em !important;

  text-transform:
    uppercase !important;
}


/* ==========================================================
   06. CONTENT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-content {
  width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    620px !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  justify-content:
    flex-start !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-content > .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;
}


/* ==========================================================
   07. EYEBROW
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-eyebrow {
  width:
    auto !important;

  margin:
    0
    0
    14px !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-eyebrow,
.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-eyebrow
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-acid,#C7D69B) !important;

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

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .15em !important;

  text-transform:
    uppercase !important;
}


/* restore widget spacing after combined .elementor-1264 .elementor-element.elementor-element-c019313 */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-eyebrow {
  margin-bottom:
    14px !important;
}


/* ==========================================================
   08. TITLE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-title {
  width:
    100% !important;

  max-width:
    500px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-cream,#EDE7DD) !important;

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

  font-size:
    clamp(
      44px,
      4.2vw,
      52px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    1.01 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   09. DESCRIPTION
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-description {
  width:
    100% !important;

  max-width:
    500px !important;

  margin:
    26px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-description,
.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-description p {
  color:
    rgba(237,231,221,.70) !important;

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

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.7 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-description p {
  margin:
    0 !important;
}


/* ==========================================================
   10. SHORTCODE WIDGET
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-posts {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    36px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-select-editorial-posts
.elementor-widget-container {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   11. POSTS LIST
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-list {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border-top:
    1px solid
    rgba(237,231,221,.16) !important;
}


/* ==========================================================
   12. POST ITEM
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-item {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

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

  align-items:
    center !important;

  column-gap:
    14px !important;

  min-height:
    88px !important;

  margin:
    0 !important;

  padding:
    17px
    0 !important;

  border-bottom:
    1px solid
    rgba(237,231,221,.16) !important;

  color:
    var(--gys-cream,#EDE7DD) !important;

  text-decoration:
    none !important;

  transition:
    background-color .2s ease,
    padding-left .2s ease,
    padding-right .2s ease !important;
}


/* ==========================================================
   13. NUMBER
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-number {
  align-self:
    center !important;

  color:
    rgba(174,182,198,.72) !important;

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

  font-size:
    11px !important;

  font-weight:
    600 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .04em !important;
}


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

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-copy {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    5px !important;
}


/* ==========================================================
   15. CATEGORY
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-category {
  color:
    var(--gys-acid,#C7D69B) !important;

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

  font-size:
    10.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .10em !important;

  text-transform:
    uppercase !important;
}


/* ==========================================================
   16. POST TITLE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-title {
  display:
    block !important;

  color:
    var(--gys-cream,#EDE7DD) !important;

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

  font-size:
    15.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.45 !important;

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


/* ==========================================================
   17. ARROW
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-arrow {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  color:
    var(--gys-acid,#C7D69B) !important;

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

  font-size:
    21px !important;

  font-weight:
    500 !important;

  line-height:
    1 !important;

  transition:
    transform .2s ease !important;
}


/* ==========================================================
   18. HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-item:hover {
    padding-left:
      10px !important;

    padding-right:
      8px !important;

    background:
      rgba(237,231,221,.035) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-item:hover
  .gcg-editorial-picks-arrow {
    transform:
      translateX(4px);
  }
}


/* ==========================================================
   19. KEYBOARD FOCUS
========================================================== */

.elementor-1264 .elementor-element.elementor-element-c019313
.gcg-editorial-picks-item:focus-visible {
  outline:
    2px solid
    var(--gys-acid,#C7D69B) !important;

  outline-offset:
    3px !important;
}


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-c019313 {
    padding:
      76px
      0
      82px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-inner {
    width:
      calc(100% - 48px) !important;

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

    grid-template-columns:
      1fr !important;

    row-gap:
      42px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-visual {
    height:
      500px !important;

    min-height:
      500px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-content {
    min-height:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-title {
    max-width:
      720px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-description {
    max-width:
      680px !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-c019313 {
    padding:
      58px
      0
      64px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-inner {
    width:
      calc(100% - 28px) !important;

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

    row-gap:
      34px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-visual {
    height:
      320px !important;

    min-height:
      320px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-stamp {
    left:
      17px !important;

    bottom:
      15px !important;

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


  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-stamp,
  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-stamp
  .elementor-heading-title {
    font-size:
      9px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-eyebrow,
  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-eyebrow
  .elementor-heading-title {
    font-size:
      10.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-title
  .elementor-heading-title {
    font-size:
      37px !important;

    line-height:
      1.04 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-description {
    margin-top:
      20px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-description,
  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-description p {
    font-size:
      13.5px !important;

    line-height:
      1.68 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-posts {
    margin-top:
      30px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-item {
    grid-template-columns:
      27px
      minmax(0,1fr)
      20px !important;

    column-gap:
      10px !important;

    min-height:
      84px !important;

    padding:
      15px
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-number {
    font-size:
      10px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-category {
    font-size:
      9.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-title {
    font-size:
      14px !important;

    line-height:
      1.45 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-editorial-picks-arrow {
    font-size:
      19px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-visual {
    height:
      292px !important;

    min-height:
      292px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-title
  .elementor-heading-title {
    font-size:
      34px !important;
  }
}


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

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

  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-inner,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-visual,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-content,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-select-editorial-posts,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-editorial-picks-list,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-editorial-picks-item,
  .elementor-1264 .elementor-element.elementor-element-c019313 .gcg-editorial-picks-copy {
    min-width:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-image,

  .elementor-1264 .elementor-element.elementor-element-c019313
  .gcg-select-editorial-image img {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-903d687 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   04 / REVIEW & SO SÁNH

   SHOWCASE SECTION V4.1 — DEMO MATCH
   FIX: REMOVE BOTTOM BORDER RADIUS

   - Match demo HTML.
   - Section navy full width.
   - Heading 2 cột editorial.
   - Compare block 3 cột full width desktop.
   - Không desktop peek-card.
   - Tablet/mobile stack 1 cột.
   - Không chỉnh Core Compare V3.1.
   - Giữ fix vertical clipping Safari/iOS.

   Dán tại:
   GYS Review Compare → Advanced → Custom CSS
========================================================== */


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

.elementor-1264 .elementor-element.elementor-element-903d687 {
  --gys-navy: #0E1321;
  --gys-cream: #EDE7DD;
  --gys-acid: #C7D69B;
  --gys-slate-dark: #AEB6C6;

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

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;

  padding:
    92px
    0
    100px !important;

  background:
    var(--gys-navy) !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  color:
    var(--gys-cream) !important;

  overflow:
    visible !important;
}


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

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


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

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  align-self:
    center !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    stretch !important;

  gap:
    0 !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-inner > .e-con-inner {
  display:
    contents !important;
}


/* ==========================================================
   03. SECTION HEAD — DEMO EDITORIAL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-head {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

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

  align-items:
    end !important;

  column-gap:
    64px !important;

  margin:
    0
    0
    38px !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-head > .e-con-inner {
  display:
    contents !important;
}


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

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-heading {
  width:
    100% !important;

  max-width:
    690px !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;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-heading > .e-con-inner {
  display:
    contents !important;
}


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

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-eyebrow {
  width:
    auto !important;

  margin:
    0
    0
    14px !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-eyebrow
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-acid) !important;

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

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .18em !important;

  text-transform:
    uppercase !important;
}


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

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-title {
  width:
    100% !important;

  max-width:
    690px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-cream) !important;

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

  font-size:
    48px !important;

  font-weight:
    700 !important;

  line-height:
    1.05 !important;

  letter-spacing:
    -.04em !important;

  text-wrap:
    balance;
}


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

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-intro {
  width:
    100% !important;

  max-width:
    430px !important;

  justify-self:
    end !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-intro,
.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-intro p {
  color:
    var(--gys-slate-dark) !important;

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

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-intro p {
  margin:
    0 !important;
}


/* ==========================================================
   08. SHOWCASE SHELL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-showcase,
.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-showcase > .e-con-inner,
.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-shortcode,
.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-shortcode
.elementor-widget-container {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-showcase > .e-con-inner {
  display:
    contents !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-showcase,
.elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-shortcode,
.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-select-compare-shortcode
.elementor-widget-container {
  overflow:
    visible !important;
}


/* ==========================================================
   09. SHOWCASE ROOT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  position:
    relative !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;
}


/* ==========================================================
   10. SHOWCASE NAV
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__nav {
  width:
    100% !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    18px !important;

  margin:
    0
    0
    16px !important;

  padding:
    0 !important;
}


/* Counter */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__counter {
  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    5px !important;

  color:
    rgba(237,231,221,.46) !important;

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

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  letter-spacing:
    .09em !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__current {
  color:
    var(--gys-cream) !important;
}


/* Buttons */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__buttons {
  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    8px !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__button {
  width:
    40px !important;

  height:
    40px !important;

  min-width:
    40px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(237,231,221,.28) !important;

  border-radius:
    999px !important;

  background:
    transparent !important;

  color:
    var(--gys-cream) !important;

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

  font-size:
    18px !important;

  font-weight:
    500 !important;

  line-height:
    1 !important;

  box-shadow:
    none !important;

  cursor:
    pointer !important;

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


@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__button:not(:disabled):hover {
    transform:
      translateY(-1px);

    border-color:
      var(--gys-acid) !important;

    background:
      var(--gys-acid) !important;

    color:
      var(--gys-navy) !important;
  }
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__button:disabled {
  opacity:
    .23 !important;

  cursor:
    default !important;

  transform:
    none !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__button:focus-visible {
  outline:
    2px solid
    var(--gys-acid) !important;

  outline-offset:
    3px !important;
}


/* ==========================================================
   11. VIEWPORT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__viewport {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  overflow-x:
    auto !important;

  overflow-y:
    visible !important;

  overscroll-behavior-x:
    contain;

  scroll-snap-type:
    x mandatory;

  scroll-behavior:
    smooth;

  scroll-padding-left:
    0;

  -webkit-overflow-scrolling:
    touch;

  scrollbar-width:
    none;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__viewport::-webkit-scrollbar {
  display:
    none;
}


/* ==========================================================
   12. TRACK
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__track {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    flex-start !important;

  gap:
    18px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  box-sizing:
    border-box !important;
}


/* ==========================================================
   13. SLIDE — FULL WIDTH
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__slide {
  flex:
    0
    0
    100% !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  align-self:
    flex-start !important;

  scroll-snap-align:
    start;

  scroll-snap-stop:
    always;

  margin:
    0 !important;

  padding:
    0 !important;

  box-sizing:
    border-box !important;
}


/* ==========================================================
   14. COMPARE CARD — DEMO MATCH
   Chỉ override SHOWCASE.
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare-showcase__slide
.gcg-compare--showcase {
  --gcg-compare-navy: #0E1321;
  --gcg-compare-cream: #EDE7DD;
  --gcg-compare-acid: #C7D69B;
  --gcg-compare-border: rgba(237,231,221,.18);
  --gcg-compare-track: rgba(237,231,221,.15);

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  display:
    grid !important;

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

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-navy) !important;

  color:
    var(--gys-cream) !important;

  border:
    1px solid
    rgba(237,231,221,.18) !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  overflow:
    hidden !important;
}


/* ==========================================================
   15. SUMMARY COLUMN
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__summary {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  padding:
    28px !important;

  border-right:
    1px solid
    rgba(237,231,221,.15) !important;

  border-bottom:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__kicker {
  margin:
    0
    0
    8px !important;

  color:
    #8791A4 !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .18em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__pair-title {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  margin:
    0 !important;

  color:
    var(--gys-cream) !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__pair-name,
.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__vs {
  display:
    block !important;

  color:
    var(--gys-cream) !important;

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

  font-size:
    34px !important;

  font-weight:
    500 !important;

  line-height:
    1.05 !important;

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


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__intro {
  margin:
    18px
    0
    0 !important;

  color:
    #9DA6B6 !important;

  font-size:
    13px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;
}


/* CTA */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__cta {
  width:
    fit-content !important;

  min-height:
    46px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    9px !important;

  margin:
    18px
    0
    0 !important;

  padding:
    0
    18px !important;

  border:
    1px solid
    rgba(237,231,221,.72) !important;

  border-radius:
    999px !important;

  background:
    transparent !important;

  color:
    var(--gys-cream) !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-decoration:
    none !important;

  box-shadow:
    none !important;
}


@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__cta:hover {
    transform:
      translateY(-1px) !important;

    border-color:
      var(--gys-acid) !important;

    background:
      var(--gys-acid) !important;

    color:
      var(--gys-navy) !important;
  }
}


/* ==========================================================
   16. PRODUCT COLUMNS
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__side {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  padding:
    28px !important;

  border-bottom:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__side--left {
  border-right:
    1px solid
    rgba(237,231,221,.15) !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__side-head {
  min-width:
    0 !important;

  margin:
    0
    0
    22px !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__side-name {
  margin:
    0 !important;

  color:
    var(--gys-cream) !important;

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

  font-size:
    20px !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

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


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__side-desc {
  margin:
    6px
    0
    0 !important;

  color:
    #929CAD !important;

  font-size:
    12px !important;

  font-weight:
    500 !important;

  line-height:
    1.55 !important;
}


/* ==========================================================
   17. METRICS — DEMO SCALE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metrics {
  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    12px !important;

  margin-top:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metric {
  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    95px
    minmax(80px,1fr)
    26px !important;

  align-items:
    center !important;

  column-gap:
    12px !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metric-label {
  min-width:
    0 !important;

  color:
    rgba(237,231,221,.9) !important;

  font-size:
    11px !important;

  font-weight:
    500 !important;

  line-height:
    1.3 !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metric-track {
  position:
    relative !important;

  display:
    block !important;

  width:
    100% !important;

  height:
    5px !important;

  overflow:
    hidden !important;

  background:
    rgba(237,231,221,.15) !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metric-fill {
  position:
    absolute !important;

  inset:
    0
    auto
    0
    0 !important;

  display:
    block !important;

  height:
    100% !important;

  background:
    var(--gys-acid) !important;
}


.elementor-1264 .elementor-element.elementor-element-903d687
.gcg-compare--showcase
.gcg-compare__metric-score {
  color:
    var(--gys-cream) !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-align:
    right !important;
}


/* ==========================================================
   18. SINGLE SLIDE
========================================================== */

@supports .elementor-1264 .elementor-element.elementor-element-903d687(:has(*)) {

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase:has(
    .gcg-compare-showcase__slide:only-child
  )
  .gcg-compare-showcase__nav {
    display:
      none !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase:has(
    .gcg-compare-showcase__slide:only-child
  )
  .gcg-compare-showcase__track {
    width:
      100% !important;

    gap:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase:has(
    .gcg-compare-showcase__slide:only-child
  )
  .gcg-compare-showcase__slide {
    flex-basis:
      100% !important;

    width:
      100% !important;

    max-width:
      100% !important;
  }
}


/* ==========================================================
   19. TABLET <= 980PX
========================================================== */

@media (max-width:980px) {

  .elementor-1264 .elementor-element.elementor-element-903d687 {
    padding:
      76px
      0
      82px !important;

    border-radius:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-inner {
    width:
      calc(100% - 48px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-head {
    grid-template-columns:
      1fr !important;

    row-gap:
      22px !important;

    margin-bottom:
      38px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-heading,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-title {
    max-width:
      760px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-intro {
    max-width:
      600px !important;

    justify-self:
      start !important;

    margin:
      0 !important;
  }


  /* Compare = 1 column */

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__slide
  .gcg-compare--showcase {
    grid-template-columns:
      1fr !important;

    height:
      auto !important;

    min-height:
      0 !important;

    overflow:
      visible !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__summary {
    grid-column:
      auto !important;

    padding:
      28px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(237,231,221,.15) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side {
    padding:
      28px !important;

    border-right:
      0 !important;

    border-bottom:
      1px solid
      rgba(237,231,221,.15) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side:last-child {
    border-bottom:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__intro {
    max-width:
      720px !important;
  }


  /* ========================================================
     VERTICAL CLIPPING FIX
  ======================================================== */

  .elementor-1264 .elementor-element.elementor-element-903d687,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-inner,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-showcase,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-shortcode,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-shortcode
  .elementor-widget-container,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__viewport,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__track,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__slide,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__slide
  .gcg-compare--showcase {
    height:
      auto !important;

    max-height:
      none !important;

    min-height:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-showcase,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-shortcode,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-shortcode
  .elementor-widget-container,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase {
    overflow:
      visible !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__viewport {
    overflow-x:
      auto !important;

    overflow-y:
      visible !important;

    padding-bottom:
      2px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__track {
    align-items:
      flex-start !important;

    height:
      auto !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__slide {
    align-self:
      flex-start !important;

    height:
      auto !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-903d687 {
    padding:
      68px
      0
      72px !important;

    border-radius:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-inner {
    width:
      calc(100% - 28px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-head {
    row-gap:
      18px !important;

    margin-bottom:
      30px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-eyebrow {
    margin-bottom:
      11px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-eyebrow
  .elementor-heading-title {
    font-size:
      10.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-title
  .elementor-heading-title {
    font-size:
      40px !important;

    line-height:
      1.05 !important;

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


  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-intro,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-intro p {
    font-size:
      13.5px !important;

    line-height:
      1.68 !important;
  }


  /* Slider nav */

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__nav {
    justify-content:
      space-between !important;

    margin-bottom:
      14px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__counter {
    font-size:
      10.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__button {
    width:
      38px !important;

    height:
      38px !important;

    min-width:
      38px !important;

    font-size:
      17px !important;
  }


  /* Compare card */

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__summary,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side {
    padding:
      28px
      22px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__pair-name,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__vs {
    font-size:
      32px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__intro {
    font-size:
      13px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side-name {
    font-size:
      20px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side-desc {
    font-size:
      12px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__metric {
    grid-template-columns:
      90px
      minmax(70px,1fr)
      24px !important;

    column-gap:
      10px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__metric-label,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__metric-score {
    font-size:
      11px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-select-compare-title
  .elementor-heading-title {
    font-size:
      36px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__summary,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__side {
    padding-left:
      18px !important;

    padding-right:
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__pair-name,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__vs {
    font-size:
      29px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__metric {
    grid-template-columns:
      82px
      minmax(64px,1fr)
      22px !important;

    column-gap:
      8px !important;
  }
}


/* ==========================================================
   22. IOS / SAFARI HARDENING
========================================================== */

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

  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-inner,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-head,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-showcase,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-select-compare-shortcode,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__viewport,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__track,
  .elementor-1264 .elementor-element.elementor-element-903d687 .gcg-compare-showcase__slide,
  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__slide
  .gcg-compare--showcase {
    min-width:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare-showcase__viewport {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  .elementor-1264 .elementor-element.elementor-element-903d687
  .gcg-compare--showcase
  .gcg-compare__metric-fill {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }
}


/* ==========================================================
   23. IOS SAFARI — STRONG FALLBACK
========================================================== */

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

  @media (max-width:980px) {

    .elementor-1264 .elementor-element.elementor-element-903d687
    .gcg-compare-showcase__viewport {
      overflow-x:
        scroll !important;

      overflow-y:
        visible !important;

      -webkit-overflow-scrolling:
        touch !important;
    }


    .elementor-1264 .elementor-element.elementor-element-903d687
    .gcg-compare-showcase__track {
      display:
        flex !important;

      align-items:
        flex-start !important;

      height:
        auto !important;

      min-height:
        max-content !important;
    }


    .elementor-1264 .elementor-element.elementor-element-903d687
    .gcg-compare-showcase__slide {
      flex-shrink:
        0 !important;

      height:
        auto !important;

      min-height:
        max-content !important;
    }


    .elementor-1264 .elementor-element.elementor-element-903d687
    .gcg-compare-showcase__slide
    .gcg-compare--showcase {
      height:
        auto !important;

      min-height:
        0 !important;

      max-height:
        none !important;

      overflow:
        visible !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c8a94 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   SECTION: ALL POSTS / ARTICLE ARCHIVE

   V2 — SELECT EDITORIAL
   Reuse structure from old Category Setup.

   Giữ nguyên class gcg-setup-* để không phải rebuild Navigator.

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


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

.elementor-1264 .elementor-element.elementor-element-93c8a94 {
  --gys-select-max: 1192px;
  --gys-navy: #0E1321;
  --gys-paper: #F7F3ED;
  --gys-cream: #EDE7DD;
  --gys-slate: #6E7480;
  --gys-line: rgba(14,19,33,.13);

  position:
    relative !important;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    100px
    0
    104px !important;

  background:
    var(--gys-paper) !important;

  overflow:
    visible !important;

  scroll-margin-top:
    110px;
}


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

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-inner {
  width:
    min(
      var(--gys-select-max),
      calc(100% - 48px)
    ) !important;

  max-width:
    var(--gys-select-max) !important;

  min-width:
    0 !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-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. HEAD
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-head {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0
    0
    38px !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-head
> .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;
}


/* ==========================================================
   04. EYEBROW
   Gợi Ý Setup = clean editorial.
   Bỏ decorative line của Category Setup cũ.
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    12px !important;

  padding:
    0 !important;
}


/* Disable old decorative line */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-eyebrow::before {
  content:
    none !important;

  display:
    none !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-eyebrow,

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-eyebrow
.elementor-heading-title {
  color:
    var(--gys-slate) !important;

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

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .18em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-title {
  width:
    100% !important;

  max-width:
    760px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-navy) !important;

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

  font-size:
    48px !important;

  font-weight:
    700 !important;

  line-height:
    1.05 !important;

  letter-spacing:
    -.04em !important;

  text-wrap:
    balance;
}


/* ==========================================================
   06. OPTIONAL INTRO

   Nếu sau này anh thêm Text Editor vào head:
   class = gcg-setup-all-posts-intro

   CSS đã chuẩn bị sẵn.
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-intro {
  width:
    100% !important;

  max-width:
    520px !important;

  margin:
    18px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-intro,

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-intro p {
  color:
    var(--gys-slate) !important;

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

  font-size:
    15px !important;

  font-weight:
    500 !important;

  line-height:
    1.7 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-all-posts-intro p {
  margin:
    0 !important;
}


/* ==========================================================
   07. LOOP WIDGET
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-widget-container {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   08. ARTICLE GRID
   Match Gợi Ý Setup demo:
   desktop = 3 columns
   horizontal = 22px
   vertical = 34px
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-loop-container {
  width:
    100% !important;

  min-width:
    0 !important;

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

  column-gap:
    22px !important;

  row-gap:
    34px !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.e-loop-item {
  min-width:
    0 !important;

  height:
    100% !important;

  margin:
    0 !important;
}


/* ==========================================================
   09. PAGINATION
   Square editorial — match Select demo.
========================================================== */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-pagination {
  display:
    flex !important;

  flex-wrap:
    wrap !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    8px !important;

  margin:
    48px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-93c8a94
.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
    10px !important;

  border:
    1px solid
    var(--gys-line) !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    var(--gys-slate) !important;

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

  font-size:
    12px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-decoration:
    none !important;

  box-shadow:
    none !important;

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


/* Current */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-pagination
.page-numbers.current {
  border-color:
    var(--gys-navy) !important;

  background:
    var(--gys-navy) !important;

  color:
    var(--gys-cream) !important;
}


/* Prev / Next */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-pagination
.prev,

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-pagination
.next {
  width:
    auto !important;

  min-width:
    38px !important;

  padding:
    0
    12px !important;
}


/* Hover */

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-pagination
  a.page-numbers:hover {
    border-color:
      var(--gys-navy) !important;

    background:
      var(--gys-navy) !important;

    color:
      var(--gys-cream) !important;
  }
}


/* Focus */

.elementor-1264 .elementor-element.elementor-element-93c8a94
.gcg-setup-posts-loop
.elementor-pagination
a.page-numbers:focus-visible {
  outline:
    2px solid
    #C7D69B !important;

  outline-offset:
    3px !important;
}


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-93c8a94 {
    padding:
      82px
      0
      86px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-inner {
    width:
      calc(100% - 48px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-head {
    padding-bottom:
      34px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-title
  .elementor-heading-title {
    font-size:
      44px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-loop-container {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    column-gap:
      18px !important;

    row-gap:
      30px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-pagination {
    margin-top:
      44px !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-93c8a94 {
    padding:
      68px
      0
      72px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-inner {
    width:
      calc(100% - 28px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-head {
    padding-bottom:
      30px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-eyebrow {
    margin-bottom:
      10px !important;

    padding-left:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-eyebrow,

  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-eyebrow
  .elementor-heading-title {
    font-size:
      10.5px !important;

    letter-spacing:
      .16em !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-title
  .elementor-heading-title {
    font-size:
      40px !important;

    line-height:
      1.05 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-intro {
    margin-top:
      16px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-intro,

  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-intro p {
    font-size:
      13.5px !important;

    line-height:
      1.68 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-loop-container {
    grid-template-columns:
      1fr !important;

    column-gap:
      0 !important;

    row-gap:
      32px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-pagination {
    margin-top:
      40px !important;

    gap:
      6px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-posts-loop
  .elementor-pagination
  .page-numbers {
    min-width:
      36px !important;

    height:
      36px !important;

    padding:
      0
      9px !important;

    font-size:
      11.5px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-93c8a94
  .gcg-setup-all-posts-title
  .elementor-heading-title {
    font-size:
      36px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f412c93 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   SECTION: EXPLORE NEXT

   V2 — SELECT JOURNEY
   Reuse structure/class from Category Setup.

   Role:
   Closing cross-navigation after Gợi Ý Setup archive.

   Paste into:
   Setup Explore Next → Advanced → Custom CSS
========================================================== */


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 {
  --gys-navy: #0E1321;
  --gys-paper: #F7F3ED;
  --gys-cream: #EDE7DD;
  --gys-beige: #D8CFC3;
  --gys-slate: #6E7480;
  --gys-taupe: #B89C84;
  --gys-line: rgba(14,19,33,.10);

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

  margin: 0 !important;

  padding:
    18px
    0
    96px !important;

  overflow:
    visible !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-inner {
  width:
    min(
      1192px,
      calc(100% - 48px)
    ) !important;

  max-width:
    1192px !important;

  min-width:
    0 !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-card {
  width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(330px,.76fr)
    minmax(0,1.24fr) !important;

  align-items:
    stretch !important;

  column-gap:
    46px !important;

  margin:
    0 !important;

  padding:
    48px
    50px !important;

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

  border-radius:
    26px !important;

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

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

  overflow:
    hidden !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .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
    44px
    4px
    0 !important;

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


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-eyebrow {
  position:
    relative !important;

  width:
    auto !important;

  margin:
    0
    0
    18px !important;

  padding:
    0
    0
    0
    46px !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-eyebrow::before {
  content:
    "";

  position:
    absolute;

  left:
    0;

  top:
    50%;

  width:
    32px;

  height:
    1px;

  background:
    var(--gys-taupe) !important;

  transform:
    translateY(-50%);
}


.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-eyebrow,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-eyebrow
.elementor-heading-title {
  color:
    var(--gys-slate) !important;

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

  font-size:
    11.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .15em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-title {
  width:
    100% !important;

  max-width:
    390px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-navy) !important;

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

  font-size:
    clamp(
      40px,
      3.4vw,
      48px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    1.08 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-description {
  width:
    100% !important;

  max-width:
    390px !important;

  margin:
    22px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-description,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-description p,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-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-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-description p {
  margin:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .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:
    16px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .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:
    18px !important;

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

  border-radius:
    20px !important;

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

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


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .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:
    14px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-visual {
  position:
    relative !important;

  flex:
    0
    0
    96px !important;

  width:
    96px !important;

  height:
    96px !important;

  min-width:
    96px !important;

  min-height:
    96px !important;

  margin:
    0 !important;

  padding:
    0 !important;

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

  border-radius:
    18px !important;

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

  overflow:
    hidden !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-image
.elementor-widget-container,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-image a,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-arrow {
  flex:
    0
    0
    auto !important;

  width:
    auto !important;

  margin:
    4px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-arrow
.elementor-button {
  width:
    40px !important;

  height:
    40px !important;

  min-width:
    40px !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,.11) !important;

  border-radius:
    50% !important;

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

  color:
    var(--gys-navy) !important;

  box-shadow:
    none !important;

  font-size:
    18px !important;

  line-height:
    1 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-arrow
.elementor-button-text {
  line-height:
    1 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .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:
    22px
    2px
    3px !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-item-title {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-navy) !important;

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

  font-size:
    23px !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

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


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

.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-description {
  width:
    100% !important;

  margin:
    13px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-description,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-description p,
.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-description
.elementor-widget-container {
  color:
    rgba(14,19,33,.58) !important;

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

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.65 !important;
}


.elementor-1264 .elementor-element.elementor-element-6f412c93
.gcg-setup-explore-item-description p {
  margin:
    0 !important;
}


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

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item:hover {
    transform:
      translateY(-3px);

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

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

    box-shadow:
      0
      12px
      30px
      rgba(14,19,33,.045) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item:hover
  .gcg-setup-explore-arrow
  .elementor-button {
    background:
      var(--gys-navy) !important;

    border-color:
      var(--gys-navy) !important;

    color:
      var(--gys-cream) !important;
  }
}


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-6f412c93 {
    padding:
      12px
      0
      82px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-inner {
    width:
      calc(100% - 48px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-card {
    grid-template-columns:
      1fr !important;

    row-gap:
      34px !important;

    padding:
      38px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-intro {
    padding:
      0
      0
      32px !important;

    border-right:
      0 !important;

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


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-title {
    max-width:
      600px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-title
  .elementor-heading-title {
    font-size:
      44px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-description {
    max-width:
      650px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-links {
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      ) !important;
  }
}


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

@media (max-width:820px) {

  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-links {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item:nth-child(3) {
    grid-column:
      1 / -1 !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-6f412c93 {
    padding:
      8px
      0
      64px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-inner {
    width:
      calc(100% - 28px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-card {
    padding:
      28px
      22px !important;

    border-radius:
      22px !important;

    row-gap:
      27px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-intro {
    padding-bottom:
      26px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-eyebrow {
    margin-bottom:
      14px !important;

    padding-left:
      40px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-eyebrow::before {
    width:
      27px;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-eyebrow,
  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-eyebrow
  .elementor-heading-title {
    font-size:
      10.5px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-title
  .elementor-heading-title {
    font-size:
      35px !important;

    line-height:
      1.08 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93 .gcg-setup-explore-description,
  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-description p,
  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-description
  .elementor-widget-container {
    font-size:
      13.5px !important;

    line-height:
      1.68 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-links {
    grid-template-columns:
      1fr !important;

    gap:
      12px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item:nth-child(3) {
    grid-column:
      auto !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item {
    padding:
      16px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-visual {
    width:
      82px !important;

    height:
      82px !important;

    min-width:
      82px !important;

    min-height:
      82px !important;

    flex-basis:
      82px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-arrow
  .elementor-button {
    width:
      38px !important;

    height:
      38px !important;

    min-width:
      38px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item-copy {
    padding-top:
      17px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item-title
  .elementor-heading-title {
    font-size:
      21px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item-description,
  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item-description p,
  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-item-description
  .elementor-widget-container {
    font-size:
      13.5px !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-6f412c93
  .gcg-setup-explore-title
  .elementor-heading-title {
    font-size:
      32px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a8a4d1 *//* ==========================================================
   GÓC CÓ GU — GỢI Ý SETUP
   CATEGORY BODY + HERO V1

   Global content width: 1192px

   Structure:
   GYS Category Body
   └── GYS Hero
       └── GYS Hero Inner
           ├── GYS Hero Copy
           │   ├── Hero Eyebrow
           │   ├── Hero Title
           │   ├── Hero Lead
           │   └── Hero Actions
           │       ├── Primary CTA
           │       └── Secondary CTA
           └── GYS Hero Visual
               ├── Hero Main Media
               │   └── Hero Image
               ├── Hero Select Badge
               │   ├── Badge Title
               │   └── Badge Subtitle
               └── Hero Editorial Note
                   ├── Editorial Heading
                   └── Editorial Description
========================================================== */


/* ==========================================================
   01. CATEGORY BODY
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1 {
  --gys-navy: #0E1321;
  --gys-navy-2: #161D30;

  --gys-cream: #EDE7DD;
  --gys-paper: #F7F3ED;
  --gys-beige: #D8CFC3;

  --gys-slate: #6E7480;
  --gys-taupe: #B89C84;

  --gys-acid: #C7D69B;

  --gys-line:
    rgba(14,19,33,.13);

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-paper) !important;

  color:
    var(--gys-navy);

  overflow:
    visible !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1 > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   02. HERO ROOT
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero {
  position:
    relative !important;

  isolation:
    isolate;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--gys-navy) !important;

  color:
    var(--gys-cream) !important;

  overflow:
    hidden !important;
}


/* Decorative large circle */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero::before {
  content: "";

  position:
    absolute;

  z-index:
    0;

  width:
    420px;

  height:
    420px;

  top:
    -160px;

  right:
    -120px;

  border:
    1px solid
    rgba(199,214,155,.22);

  border-radius:
    50%;

  pointer-events:
    none;
}


/* Soft acid glow */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero::after {
  content: "";

  position:
    absolute;

  z-index:
    0;

  left:
    44%;

  bottom:
    -120px;

  width:
    240px;

  height:
    240px;

  background:
    radial-gradient(
      circle,
      rgba(199,214,155,.14),
      rgba(199,214,155,0) 68%
    );

  pointer-events:
    none;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero > .e-con-inner {
  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   03. HERO INNER — GLOBAL 1192PX
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-inner {
  position:
    relative !important;

  z-index:
    2 !important;

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

  max-width:
    1192px !important;

  min-width:
    0 !important;

  min-height:
    650px !important;

  align-self:
    center !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,.88fr)
    minmax(0,1.12fr) !important;

  align-items:
    center !important;

  column-gap:
    58px !important;

  row-gap:
    0 !important;

  margin:
    0 auto !important;

  padding:
    66px
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-inner > .e-con-inner {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0,.88fr)
    minmax(0,1.12fr) !important;

  align-items:
    center !important;

  column-gap:
    58px !important;

  row-gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   04. HERO COPY
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-copy {
  position:
    relative !important;

  z-index:
    4 !important;

  width:
    100% !important;

  max-width:
    520px !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-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-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;

  justify-content:
    center !important;

  gap:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-eyebrow {
  width:
    auto !important;

  margin:
    0
    0
    17px !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-eyebrow,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-eyebrow
.elementor-heading-title {
  color:
    rgba(237,231,221,.76) !important;

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

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    .145em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-eyebrow
.elementor-heading-title {
  margin:
    0 !important;
}


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

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-title {
  width:
    100% !important;

  max-width:
    520px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-cream) !important;

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

  font-size:
    clamp(
      58px,
      6.4vw,
      94px
    ) !important;

  font-weight:
    700 !important;

  line-height:
    .94 !important;

  letter-spacing:
    -.058em !important;

  text-transform:
    uppercase !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-title
.elementor-heading-title span {
  display:
    block;

  color:
    var(--gys-acid) !important;
}


/* ==========================================================
   07. HERO LEAD
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-lead {
  width:
    100% !important;

  max-width:
    515px !important;

  margin:
    26px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-lead,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-lead p {
  color:
    #C9CFDA !important;

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

  font-size:
    18px !important;

  font-weight:
    500 !important;

  line-height:
    1.62 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-lead p {
  margin:
    0 !important;
}


/* ==========================================================
   08. HERO ACTIONS
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-actions {
  width:
    auto !important;

  max-width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    12px !important;

  margin:
    31px
    0
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-actions > .e-con-inner {
  width:
    auto !important;

  max-width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    12px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* ==========================================================
   09. BUTTON BASE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-btn {
  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-btn
.elementor-button-wrapper {
  width:
    auto !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-btn
.elementor-button {
  min-height:
    46px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  padding:
    0
    18px !important;

  border:
    1px solid
    rgba(237,231,221,.35) !important;

  border-radius:
    999px !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

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

  font-size:
    12.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .02em !important;

  text-decoration:
    none !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease !important;
}


/* ==========================================================
   10. PRIMARY CTA
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-btn-primary
.elementor-button {
  border-color:
    var(--gys-cream) !important;

  background:
    var(--gys-cream) !important;

  color:
    var(--gys-navy) !important;
}


/* ==========================================================
   11. SECONDARY CTA
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-btn-secondary
.elementor-button {
  border-color:
    rgba(237,231,221,.34) !important;

  background:
    rgba(237,231,221,.025) !important;

  color:
    var(--gys-cream) !important;
}


/* ==========================================================
   12. BUTTON HOVER
========================================================== */

@media (hover:hover) {

  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn
  .elementor-button:hover {
    transform:
      translateY(-2px);
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn-primary
  .elementor-button:hover {
    border-color:
      var(--gys-acid) !important;

    background:
      var(--gys-acid) !important;

    color:
      var(--gys-navy) !important;

    box-shadow:
      0 9px 24px
      rgba(0,0,0,.12) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn-secondary
  .elementor-button:hover {
    border-color:
      rgba(237,231,221,.58) !important;

    background:
      rgba(237,231,221,.09) !important;

    color:
      #FFFFFF !important;
  }
}


/* ==========================================================
   13. HERO VISUAL
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-visual {
  position:
    relative !important;

  z-index:
    3 !important;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    510px !important;

  min-height:
    510px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;
}


/* ==========================================================
   14. HERO MAIN MEDIA
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-media {
  position:
    absolute !important;

  inset:
    0
    0
    40px
    7% !important;

  z-index:
    1 !important;

  width:
    auto !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border-radius:
    4px !important;

  background:
    var(--gys-navy-2) !important;

  overflow:
    hidden !important;
}


/* Dark editorial gradient */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-media::after {
  content: "";

  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      rgba(14,19,33,0) 48%,
      rgba(14,19,33,.08) 62%,
      rgba(14,19,33,.76) 100%
    );
}


/* ==========================================================
   15. HERO IMAGE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-image {
  position:
    absolute !important;

  inset:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-image
.elementor-widget-container,

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-image a,

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-image img {
  width:
    100% !important;

  height:
    100% !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-image img {
  display:
    block !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  filter:
    saturate(.76)
    contrast(1.05)
    brightness(.94);
}


/* ==========================================================
   16. SELECT BADGE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge {
  position:
    absolute !important;

  z-index:
    5 !important;

  left:
    0 !important;

  bottom:
    0 !important;

  width:
    205px !important;

  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  justify-content:
    center !important;

  gap:
    5px !important;

  margin:
    0 !important;

  padding:
    21px
    24px !important;

  background:
    var(--gys-acid) !important;

  color:
    var(--gys-navy) !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge > .e-con-inner {
  width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  gap:
    5px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge-title,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    var(--gys-navy) !important;

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

  font-size:
    27px !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

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


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge-subtitle,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-badge-subtitle
.elementor-heading-title {
  margin:
    0 !important;

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

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

  font-size:
    9.5px !important;

  font-weight:
    700 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .09em !important;

  text-transform:
    uppercase !important;
}


/* ==========================================================
   17. EDITORIAL NOTE
========================================================== */

.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note {
  position:
    absolute !important;

  z-index:
    5 !important;

  right:
    24px !important;

  bottom:
    61px !important;

  width:
    auto !important;

  max-width:
    260px !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-end !important;

  justify-content:
    flex-end !important;

  gap:
    4px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  text-align:
    right !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note > .e-con-inner {
  width:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-end !important;

  gap:
    4px !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note-title,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    #FFFFFF !important;

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

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    .01em !important;
}


.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note-description,
.elementor-1264 .elementor-element.elementor-element-6a8a4d1
.gcg-select-hero-note-description p {
  margin:
    0 !important;

  color:
    rgba(255,255,255,.76) !important;

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

  font-size:
    11px !important;

  font-weight:
    500 !important;

  line-height:
    1.55 !important;
}


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

@media (max-width:1024px) {

  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-inner {
    width:
      calc(100% - 48px) !important;

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

    min-height:
      0 !important;

    grid-template-columns:
      1fr !important;

    row-gap:
      44px !important;

    padding:
      56px
      0
      64px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-inner > .e-con-inner {
    grid-template-columns:
      1fr !important;

    row-gap:
      44px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-copy {
    max-width:
      690px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-title {
    max-width:
      650px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-title
  .elementor-heading-title {
    font-size:
      clamp(
        58px,
        9vw,
        82px
      ) !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-lead {
    max-width:
      620px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-visual {
    height:
      460px !important;

    min-height:
      460px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-media {
    inset:
      0
      0
      36px
      5% !important;
  }
}


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

@media (max-width:640px) {

  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero::before {
    width:
      280px;

    height:
      280px;

    top:
      -130px;

    right:
      -125px;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero::after {
    left:
      20%;

    bottom:
      -100px;

    width:
      200px;

    height:
      200px;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-inner {
    width:
      calc(100% - 28px) !important;

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

    row-gap:
      34px !important;

    padding:
      46px
      0
      50px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-inner > .e-con-inner {
    row-gap:
      34px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-eyebrow {
    margin-bottom:
      14px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-eyebrow,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-eyebrow
  .elementor-heading-title {
    font-size:
      10px !important;

    letter-spacing:
      .12em !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-title
  .elementor-heading-title {
    font-size:
      54px !important;

    line-height:
      .96 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-lead {
    margin-top:
      21px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-lead,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-lead p {
    font-size:
      15.5px !important;

    line-height:
      1.62 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-actions,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-actions > .e-con-inner {
    width:
      100% !important;

    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      9px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn
  .elementor-button-wrapper,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-btn
  .elementor-button {
    width:
      100% !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-visual {
    height:
      390px !important;

    min-height:
      390px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-media {
    inset:
      0
      0
      32px
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge {
    width:
      174px !important;

    padding:
      18px
      18px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge-title,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge-title
  .elementor-heading-title {
    font-size:
      23px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge-subtitle,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge-subtitle
  .elementor-heading-title {
    font-size:
      8px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note {
    right:
      15px !important;

    bottom:
      51px !important;

    max-width:
      172px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note-title,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note-title
  .elementor-heading-title {
    font-size:
      12px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note-description,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note-description p {
    font-size:
      9.5px !important;

    line-height:
      1.45 !important;
  }
}


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

@media (max-width:380px) {

  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-inner {
    width:
      calc(100% - 24px) !important;

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


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-title
  .elementor-heading-title {
    font-size:
      49px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-visual {
    height:
      365px !important;

    min-height:
      365px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-badge {
    width:
      160px !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-note {
    max-width:
      150px !important;
  }
}


/* ==========================================================
   21. IOS / SAFARI HARDENING
========================================================== */

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

  .elementor-1264 .elementor-element.elementor-element-6a8a4d1,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero-inner,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero-copy,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero-visual,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1 .gcg-select-hero-media {
    min-width:
      0 !important;
  }


  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-visual,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-media,
  .elementor-1264 .elementor-element.elementor-element-6a8a4d1
  .gcg-select-hero-image {
    -webkit-transform:
      translateZ(0);

    transform:
      translateZ(0);
  }


  @media (max-width:640px) {

    .elementor-1264 .elementor-element.elementor-element-6a8a4d1
    .gcg-select-hero-visual {
      height:
        390px !important;

      min-height:
        390px !important;
    }
  }
}/* End custom CSS */