.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1552 .elementor-element.elementor-element-79cd32b{--display:flex;--min-height:640px;--overlay-opacity:0.5;}.elementor-1552 .elementor-element.elementor-element-79cd32b:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-79cd32b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/05/a067f65afee306093af178155e58dbc10789a835-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-79cd32b::before, .elementor-1552 .elementor-element.elementor-element-79cd32b > .elementor-background-video-container::before, .elementor-1552 .elementor-element.elementor-element-79cd32b > .e-con-inner > .elementor-background-video-container::before, .elementor-1552 .elementor-element.elementor-element-79cd32b > .elementor-background-slideshow::before, .elementor-1552 .elementor-element.elementor-element-79cd32b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1552 .elementor-element.elementor-element-79cd32b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000CC;--background-overlay:'';}.elementor-1552 .elementor-element.elementor-element-7776b2f{--display:flex;--min-height:650px;--justify-content:flex-end;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-03f5edf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-breadcrumbs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-breadcrumbs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1552 .elementor-element.elementor-element-e9b3b13{color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-e9b3b13 a{color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-e9b3b13 a:hover{color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-ace1686{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1552 .elementor-element.elementor-element-ace1686.e-con{--align-self:flex-start;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1552 .elementor-element.elementor-element-79b943f{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-79b943f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1552 .elementor-element.elementor-element-dad4691{width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;font-weight:200;line-height:28px;letter-spacing:0.2px;}.elementor-1552 .elementor-element.elementor-element-2e40389{--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;--justify-content:flex-start;}.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-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1552 .elementor-element.elementor-element-ec59f88 .elementor-button{background-color:#31C3C5;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-ec59f88 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-1ce77ec .elementor-button{background-color:#31B7A9;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-1ce77ec .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-3057c9f .elementor-button{background-color:#FFFFFF;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#319EA9;color:#319EA9;border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-3057c9f .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-80f7723{--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:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1552 .elementor-element.elementor-element-9e95a2c.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-9e95a2c{text-align:center;}.elementor-1552 .elementor-element.elementor-element-9e95a2c .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:600;}.elementor-1552 .elementor-element.elementor-element-4f45584{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-1552 .elementor-element.elementor-element-4f45584.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-4f45584 p{margin-block-end:0px;}.elementor-1552 .elementor-element.elementor-element-5605fa3{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-3eac3a6.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-3eac3a6{text-align:center;}.elementor-1552 .elementor-element.elementor-element-3eac3a6 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:600;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-1552 .elementor-element.elementor-element-11f5bae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-11f5bae:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-11f5bae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FCFB;}.elementor-1552 .elementor-element.elementor-element-8f9ccca{text-align:center;}.elementor-1552 .elementor-element.elementor-element-8f9ccca .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:600;}.elementor-1552 .elementor-element.elementor-element-6a8ea86{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--justify-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-6a8ea86.e-con{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-25398c7{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-25398c7:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-25398c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/05/f23d2773824277ee204dab971aecff1f38a63bdc-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-53a5533{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-4f57484{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1552 .elementor-element.elementor-element-4f57484 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-1ddea24 .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;}.elementor-1552 .elementor-element.elementor-element-1ddea24{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-481552e{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-481552e:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-481552e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/05/725efb26f1d32aed0b6d0d862f04b847cc9f7f17-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-b631408{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-b0b6587{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1552 .elementor-element.elementor-element-b0b6587 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-296b14d .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;}.elementor-1552 .elementor-element.elementor-element-296b14d{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-9e91c28{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-9e91c28:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-9e91c28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/05/6826ed745100ba24d1c4c37d0ba8a9cc924e6720-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-8506c06{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-1828a99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1552 .elementor-element.elementor-element-1828a99 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-00e6faf .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;}.elementor-1552 .elementor-element.elementor-element-00e6faf{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-68ab6c1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--justify-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-68ab6c1.e-con{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-0a1577f{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-0a1577f:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-0a1577f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/05/20dc3133ccb58410af3a255646c0d24389183786-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-5ad2c8b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-4b7355f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1552 .elementor-element.elementor-element-4b7355f .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-ca0f5b7 .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;}.elementor-1552 .elementor-element.elementor-element-ca0f5b7{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-0b681d1{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-0b681d1:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-0b681d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/04/cf9c9026dcc8a332a1a12c2b2ab8660bed8217b6-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-32b73a2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-ee7bb17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1552 .elementor-element.elementor-element-ee7bb17 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-f31ac54 .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;}.elementor-1552 .elementor-element.elementor-element-f31ac54{width:100%;max-width:100%;}.elementor-1552 .elementor-element.elementor-element-9a35eaa{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1552 .elementor-element.elementor-element-9a35eaa:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-9a35eaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1552 .elementor-element.elementor-element-6134a01 .elementor-icon-wrapper{text-align:center;}.elementor-1552 .elementor-element.elementor-element-6134a01.elementor-view-stacked .elementor-icon{background-color:#FFFFFF00;}.elementor-1552 .elementor-element.elementor-element-6134a01.elementor-view-framed .elementor-icon, .elementor-1552 .elementor-element.elementor-element-6134a01.elementor-view-default .elementor-icon{color:#FFFFFF00;border-color:#FFFFFF00;}.elementor-1552 .elementor-element.elementor-element-6134a01.elementor-view-framed .elementor-icon, .elementor-1552 .elementor-element.elementor-element-6134a01.elementor-view-default .elementor-icon svg{fill:#FFFFFF00;}.elementor-1552 .elementor-element.elementor-element-50a420e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1552 .elementor-element.elementor-element-50a420e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1552 .elementor-element.elementor-element-50a420e .elementor-heading-title a:hover, .elementor-1552 .elementor-element.elementor-element-50a420e .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-1552 .elementor-element.elementor-element-0ea1e94{--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;--justify-content:center;}.elementor-1552 .elementor-element.elementor-element-f22c286 .elementor-button{background-color:#31C3C5;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-f22c286 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-eef665a .elementor-button{background-color:#31B7A9;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-eef665a .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-c1fe103 .elementor-button{background-color:#319EA9;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-c1fe103 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-5260e30 .elementor-button{background-color:#FFFFFF;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#319EA9;color:#319EA9;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-5260e30 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-30b750e{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1552 .elementor-element.elementor-element-30b750e:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-30b750e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/04/20448face94d708ba2c3095582685b7a9f196aa0.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-727cbb4{text-align:center;}.elementor-1552 .elementor-element.elementor-element-727cbb4 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-text );}.elementor-1552 .elementor-element.elementor-element-c12a009{text-align:center;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1552 .elementor-element.elementor-element-acca87a{--display:grid;--min-height:900px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-acca87a:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-acca87a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/04/ebebb2c4dcc6e69729392cf4b961383b9791db46-scaled.jpg");}.elementor-1552 .elementor-element.elementor-element-de50b73{--display:flex;--justify-content:center;}.elementor-1552 .elementor-element.elementor-element-fa34176 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:600;}.elementor-1552 .elementor-element.elementor-element-7f693b4{font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;color:#353F45;}.elementor-1552 .elementor-element.elementor-element-2efc42a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1552 .elementor-element.elementor-element-2efc42a:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-2efc42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-2efc42a.e-con{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-e7ddf69{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;}.elementor-1552 .elementor-element.elementor-element-e7ddf69.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-e7ddf69 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:500;}.elementor-widget-form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-type-html{padding-bottom:0px;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group .elementor-field{color:#5F717B;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#CBD3D6;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#CBD3D6;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-field-group .elementor-select-wrapper::before{color:#CBD3D6;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1552 .elementor-element.elementor-element-5e4f54d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1552 .elementor-element.elementor-element-586e222{--display:flex;--min-height:270px;--justify-content:center;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1552 .elementor-element.elementor-element-586e222:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.cbqaglobal.co.id/wp-content/uploads/2026/04/98c7d95a692196d8a3b705092aa873a5da71bc9a-scaled.jpg");background-position:0px -562px;background-repeat:no-repeat;background-size:cover;}.elementor-1552 .elementor-element.elementor-element-586e222::before, .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-background-video-container::before, .elementor-1552 .elementor-element.elementor-element-586e222 > .e-con-inner > .elementor-background-video-container::before, .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-background-slideshow::before, .elementor-1552 .elementor-element.elementor-element-586e222 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1552 .elementor-element.elementor-element-59d2c21{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1552 .elementor-element.elementor-element-59d2c21.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-59d2c21 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:36px;font-weight:600;letter-spacing:0.2px;word-spacing:0.1em;color:#FFFFFF;}.elementor-1552 .elementor-element.elementor-element-2b52a91{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:200;letter-spacing:0.2px;word-spacing:0.1em;}.elementor-1552 .elementor-element.elementor-element-2b52a91.elementor-element{--align-self:center;}.elementor-1552 .elementor-element.elementor-element-2a504ab{--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;--justify-content:center;}.elementor-1552 .elementor-element.elementor-element-4e9e769 .elementor-button{background-color:#31C3C5;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;border-radius:8px 8px 8px 8px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-4e9e769 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-b83817d .elementor-button{background-color:#31B7A9;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-b83817d .elementor-button-content-wrapper{flex-direction:row;}.elementor-1552 .elementor-element.elementor-element-1138c9d .elementor-button{background-color:#FFFFFF;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;word-spacing:0.1em;fill:#319EA9;color:#319EA9;border-radius:10px 10px 10px 10px;padding:14px 20px 14px 20px;}.elementor-1552 .elementor-element.elementor-element-1138c9d .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-1552 .elementor-element.elementor-element-6a8ea86{--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-68ab6c1{--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-acca87a{--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-586e222:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-1552 .elementor-element.elementor-element-79cd32b{--content-width:1280px;}.elementor-1552 .elementor-element.elementor-element-03f5edf{--width:75%;}.elementor-1552 .elementor-element.elementor-element-ace1686{--width:100%;}.elementor-1552 .elementor-element.elementor-element-80f7723{--content-width:1280px;}.elementor-1552 .elementor-element.elementor-element-11f5bae{--content-width:1280px;}.elementor-1552 .elementor-element.elementor-element-25398c7{--width:100%;}.elementor-1552 .elementor-element.elementor-element-481552e{--width:100%;}.elementor-1552 .elementor-element.elementor-element-9e91c28{--width:100%;}.elementor-1552 .elementor-element.elementor-element-0a1577f{--width:100%;}.elementor-1552 .elementor-element.elementor-element-0b681d1{--width:100%;}.elementor-1552 .elementor-element.elementor-element-9a35eaa{--width:100%;}.elementor-1552 .elementor-element.elementor-element-30b750e{--content-width:1280px;}.elementor-1552 .elementor-element.elementor-element-acca87a{--content-width:1280px;}}@media(max-width:767px){.elementor-1552 .elementor-element.elementor-element-6a8ea86{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-68ab6c1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-acca87a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1552 .elementor-element.elementor-element-586e222:not(.elementor-motion-effects-element-type-background), .elementor-1552 .elementor-element.elementor-element-586e222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-ace1686 */.glass-hero {
background: rgba(0, 0, 0, 0.45); /* darker background */
border: 1.5px solid rgba(164, 164, 164, 0.2);
backdrop-filter: blur(20px); /* stronger blur */
-webkit-backdrop-filter: blur(20px); /* Safari support */
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
padding: 16px;
width: fit-content;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a8ea86 */.glass-card-services {
position: relative;
overflow: hidden;
border-radius: 20px;
display: flex !important;
flex-direction: column;
justify-content: flex-end;
min-height: 320px;
background: linear-gradient(
135deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.05)
);
}
/* =========================
OVERLAY
========================= */
.glass-card-services::after {
content: "";
position: absolute;
inset: 0;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
background: rgba(0, 0, 0, 0.45);
mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
z-index: 1;
pointer-events: none;
}
/* keep everything above overlay */
.glass-card-services > * {
position: relative;
z-index: 2;
}
/* =========================
IMPORTANT ELEMENTOR FIX
(this is your inner container: 0ea8e86)
========================= */
.glass-card-services .elementor-element-0ea8e86 {
display: flex;
flex-direction: column;
margin-top: auto; /* pushes title+text block to bottom */
gap: 8px;
}
/* =========================
TITLE
========================= */
.glass-card-title {
margin: 0;
transition: transform 0.4s ease;
}
/* =========================
TEXT (collapsed hover reveal)
========================= */
.glass-card-text {
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
max-height: 0;
overflow: hidden;
transition:
max-height 0.6s ease,
opacity 0.4s ease,
transform 0.4s ease;
}
/* =========================
BUTTON (ELEMENTOR WRAPPER SAFE)
========================= */
.glass-card-services .glass-btn {
margin: 16px auto 16px auto !important;
display: flex;
justify-content: center;
align-items: center;
width: 257px;
height: 40px;
border-radius: 1000px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow:
0px 18px 24px -16px rgba(41, 41, 41, 0.6),
inset 0px -8px 8px rgba(255, 255, 255, 0.1);
cursor: pointer;
}
/* Elementor inner fix */
.glass-card-services .glass-btn a.elementor-button {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* =========================
HOVER ANIMATION
========================= */
.glass-card-services:hover .glass-card-text {
opacity: 1;
visibility: visible;
transform: translateY(0);
max-height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ab6c1 */.glass-card-services {
position: relative;
overflow: hidden;
border-radius: 20px;
display: flex !important;
flex-direction: column;
justify-content: flex-end;
min-height: 320px;
background: linear-gradient(
135deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.05)
);
}
/* =========================
OVERLAY
========================= */
.glass-card-services::after {
content: "";
position: absolute;
inset: 0;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
background: rgba(0, 0, 0, 0.45);
mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
z-index: 1;
pointer-events: none;
}
/* keep everything above overlay */
.glass-card-services > * {
position: relative;
z-index: 2;
}
/* =========================
IMPORTANT ELEMENTOR FIX
(this is your inner container: 0ea8e86)
========================= */
.glass-card-services .elementor-element-0ea8e86 {
display: flex;
flex-direction: column;
margin-top: auto; /* pushes title+text block to bottom */
gap: 8px;
}
/* =========================
TITLE
========================= */
.glass-card-title {
margin: 0;
transition: transform 0.4s ease;
}
/* =========================
TEXT (collapsed hover reveal)
========================= */
.glass-card-text {
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
max-height: 0;
overflow: hidden;
transition:
max-height 0.6s ease,
opacity 0.4s ease,
transform 0.4s ease;
}
/* =========================
BUTTON (ELEMENTOR WRAPPER SAFE)
========================= */
.glass-card-services .glass-btn {
margin: 16px auto 16px auto !important;
display: flex;
justify-content: center;
align-items: center;
width: 257px;
height: 40px;
border-radius: 1000px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow:
0px 18px 24px -16px rgba(41, 41, 41, 0.6),
inset 0px -8px 8px rgba(255, 255, 255, 0.1);
cursor: pointer;
}
/* Elementor inner fix */
.glass-card-services .glass-btn a.elementor-button {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* =========================
HOVER ANIMATION
========================= */
.glass-card-services:hover .glass-card-text {
opacity: 1;
visibility: visible;
transform: translateY(0);
max-height: 200px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45b6249 */:root {
--bar-bg: #4d98a5;
--bar-bg-dark: #3f8792;
--text: #f8ffff;
--line: rgba(255, 255, 255, 0.8);
--icon-circle: rgba(255, 255, 255, 0.2);
--icon-color: rgba(255, 255, 255, 0.85);
}
.search-wrap {
width: 100%;
max-width: 100%;
position: relative;
}
.searchbar {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 84px;
padding: 14px 14px 12px 18px;
border-radius: 20px;
background: linear-gradient(180deg, var(--bar-bg) 0%, var(--bar-bg-dark) 100%);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
}
.search-input-wrap {
flex: 1;
display: grid;
gap: 6px;
min-width: 0;
}
.search-input {
width: 100%;
border: 0;
outline: 0;
background: transparent;
color: var(--text);
font-size: 48px;
font-weight: 500;
line-height: 1.05;
padding: 0;
}
.search-input::placeholder {
color: rgba(255, 255, 255, 0.95);
}
.search-line {
height: 2px;
width: 100%;
background: var(--line);
}
.search-btn {
width: clamp(56px, 9vw, 72px);
aspect-ratio: 1 / 1;
border: 0;
border-radius: 50%;
background: var(--icon-circle);
display: inline-grid;
place-items: center;
cursor: pointer;
transition: transform 0.16s ease, background-color 0.16s ease;
flex-shrink: 0;
}
.search-btn:hover {
transform: scale(1.05);
background: rgba(255, 255, 255, 0.28);
}
.search-btn:active {
transform: scale(0.98);
}
.search-btn svg {
width: 28px;
height: 28px;
stroke: var(--icon-color);
stroke-width: 2.4;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.live-results {
margin-top: 8px;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
.result-item {
display: block;
padding: 14px 18px;
color: #333;
text-decoration: none;
border-bottom: 1px solid #eee;
transition: background 0.2s ease;
}
.result-item:hover {
background: #f5f5f5;
}
.result-item:last-child {
border-bottom: none;
}/* End custom CSS */