.elementor-29395 .elementor-element.elementor-element-0127d69{--display:flex;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-29395 .elementor-element.elementor-element-44a9955 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29395 .elementor-element.elementor-element-a28dcc1{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-29395 .elementor-element.elementor-element-955734e{--display:flex;--wd-side-hidden-w:300px;}.elementor-29395 .elementor-element.elementor-element-a15f674{--display:flex;}.elementor-29395 .elementor-element.elementor-element-a4d9b52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-29395 .elementor-element.elementor-element-d8021fb{--display:flex;border-style:solid;--border-style:solid;border-color:#81818133;--border-color:#81818133;}.elementor-29395 .elementor-element.elementor-element-4173aa3{--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-end;--align-items:center;--gap:20px 30px;--row-gap:20px;--column-gap:30px;}.elementor-29395 .elementor-element.elementor-element-01f31a3{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29395 .elementor-element.elementor-element-01f31a3:not(.elementor-motion-effects-element-type-background), .elementor-29395 .elementor-element.elementor-element-01f31a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d3cd26b );}.elementor-29395 .elementor-element.elementor-element-4591538{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:8px;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title{margin-block-end:8px;color:#7A7A7A;}.elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-framed .elementor-icon, .elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_sticky_header_bg_color );color:var( --e-global-color-vamtam_sticky_header_bg_color );border-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-default:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-4591538.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1a32c18 );color:var( --e-global-color-1a32c18 );border-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon{font-size:36px;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-29395 .elementor-element.elementor-element-4591538:has(:hover) .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-4591538:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-description{font-family:var( --e-global-typography-vamtam_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );line-height:var( --e-global-typography-vamtam_h2-line-height );color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5fb42da{width:var( --container-widget-width, 20% );max-width:20%;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:8px;}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title{margin-block-end:8px;color:#7A7A7A;}.elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-framed .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_sticky_header_bg_color );color:var( --e-global-color-vamtam_sticky_header_bg_color );border-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-default:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5fb42da.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1a32c18 );color:var( --e-global-color-1a32c18 );border-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon{font-size:36px;}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-29395 .elementor-element.elementor-element-5fb42da:has(:hover) .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5fb42da:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-description{font-family:var( --e-global-typography-vamtam_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );line-height:var( --e-global-typography-vamtam_h2-line-height );color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5989c46{width:var( --container-widget-width, 20% );max-width:20%;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:8px;}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title{margin-block-end:8px;color:#7A7A7A;}.elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-framed .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_sticky_header_bg_color );color:var( --e-global-color-vamtam_sticky_header_bg_color );border-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-default:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-5989c46.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1a32c18 );color:var( --e-global-color-1a32c18 );border-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon{font-size:36px;}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-29395 .elementor-element.elementor-element-5989c46:has(:hover) .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5989c46:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-description{font-family:var( --e-global-typography-vamtam_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );line-height:var( --e-global-typography-vamtam_h2-line-height );color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-8a04244{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:8px;}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title{margin-block-end:8px;color:#7A7A7A;}.elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-framed .elementor-icon, .elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_sticky_header_bg_color );color:var( --e-global-color-vamtam_sticky_header_bg_color );border-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-default:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-8a04244.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1a32c18 );color:var( --e-global-color-1a32c18 );border-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon{font-size:36px;}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-29395 .elementor-element.elementor-element-8a04244:has(:hover) .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-8a04244:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-description{font-family:var( --e-global-typography-vamtam_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );line-height:var( --e-global-typography-vamtam_h2-line-height );color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-00688e5{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:8px;}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title{margin-block-end:8px;color:#7A7A7A;}.elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-framed .elementor-icon, .elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_sticky_header_bg_color );color:var( --e-global-color-vamtam_sticky_header_bg_color );border-color:var( --e-global-color-vamtam_sticky_header_bg_color );}.elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-default:has(:hover) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29395 .elementor-element.elementor-element-00688e5.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-1a32c18 );color:var( --e-global-color-1a32c18 );border-color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon{font-size:36px;}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title a{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-29395 .elementor-element.elementor-element-00688e5:has(:hover) .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-00688e5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1a32c18 );}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-description{font-family:var( --e-global-typography-vamtam_h2-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );line-height:var( --e-global-typography-vamtam_h2-line-height );color:var( --e-global-color-1a32c18 );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-29395 .elementor-element.elementor-element-955734e{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29395 .elementor-element.elementor-element-a4d9b52{--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;}.elementor-29395 .elementor-element.elementor-element-d8021fb{--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:space-between;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-29395 .elementor-element.elementor-element-4173aa3{--justify-content:space-between;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title a{font-size:40px;line-height:1.4em;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title a{font-size:40px;line-height:1.4em;}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title a{font-size:40px;line-height:1.4em;}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title a{font-size:40px;line-height:1.4em;}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title a{font-size:40px;line-height:1.4em;}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}}@media(max-width:768px){.elementor-29395 .elementor-element.elementor-element-01f31a3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-title a{font-size:18px;line-height:1.3em;}.elementor-29395 .elementor-element.elementor-element-4591538 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-title a{font-size:18px;line-height:1.3em;}.elementor-29395 .elementor-element.elementor-element-5fb42da .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-title a{font-size:18px;line-height:1.3em;}.elementor-29395 .elementor-element.elementor-element-5989c46 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-title a{font-size:18px;line-height:1.3em;}.elementor-29395 .elementor-element.elementor-element-8a04244 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title, .elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-title a{font-size:18px;line-height:1.3em;}.elementor-29395 .elementor-element.elementor-element-00688e5 .elementor-icon-box-description{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}}@media(min-width:769px){.elementor-29395 .elementor-element.elementor-element-0127d69{--width:100%;}.elementor-29395 .elementor-element.elementor-element-a28dcc1{--content-width:1200px;}.elementor-29395 .elementor-element.elementor-element-955734e{--width:25%;}.elementor-29395 .elementor-element.elementor-element-a15f674{--width:75%;}.elementor-29395 .elementor-element.elementor-element-d8021fb{--width:25%;}.elementor-29395 .elementor-element.elementor-element-4173aa3{--width:75%;}.elementor-29395 .elementor-element.elementor-element-01f31a3{--content-width:1200px;}}@media(max-width:1024px) and (min-width:769px){.elementor-29395 .elementor-element.elementor-element-a15f674{--width:100%;}.elementor-29395 .elementor-element.elementor-element-d8021fb{--width:100%;}.elementor-29395 .elementor-element.elementor-element-4173aa3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a15f674 *//* 4. Kotak Dropdown "Sort by latest" (TEMA BORDER EMAS & FILL OPACITY) */ .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering { margin-bottom: 0 !important; margin-left: 15px !important; } .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering select, .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering .orderby { background-color: rgba(169, 120, 31, 0.08) !important; /* Isi Emas dengan efek transparan (Opacity 8%) */ color: #8B6218 !important; /* Teks warna Emas Gelap agar mudah dibaca */ border: 1px solid #8B6218 !important; /* Bingkai Emas Gelap yang tegas */ padding: 8px 35px 8px 18px !important; border-radius: 6px !important; /* Sudut sedikit melengkung rapi */ font-family: inherit !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.5px !important; cursor: pointer; box-shadow: none !important; appearance: none; /* Panah custom dikembalikan ke warna Emas */ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23A9781F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 10px auto !important; transition: all 0.3s ease !important; } .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering select:hover, .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering select:focus, .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering .orderby:hover, .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-ordering .orderby:focus { background-color: rgba(169, 120, 31, 0.15) !important; /* Latar Emas sedikit lebih tebal saat disorot mouse */ border-color: #A9781F !important; /* Bingkai ikut menyala terang */ outline: none !important; } /* 2. Teks "Showing 1-12 of 38 results" & "Show: 9 / 12" */ .elementor-29395 .elementor-element.elementor-element-a15f674 .woocommerce-result-count, .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-per-page { color: #1A1A1A !important; font-size: 14px !important; font-weight: 400 !important; } .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-per-page a { color: #888888 !important; /* Abu-abu redup untuk angka tidak aktif */ transition: 0.3s ease; margin: 0 4px; } .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-per-page a:hover, .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-per-page a.current-pointer { color: #8B6218 !important; /* Emas Gelap saat aktif atau disorot mouse */ font-weight: 700 !important; } /* 3. Ikon Kotak Grid (View) */ .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-shop-view a { color: #CCCCCC !important; /* Abu-abu sangat redup */ transition: 0.3s ease; } .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-shop-view a:hover, .elementor-29395 .elementor-element.elementor-element-a15f674 .wd-products-shop-view a.current-pointer { color: #8B6218 !important; /* Emas Gelap saat aktif atau disorot mouse */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-01f31a3 *//* ======================================================== 14. SULTAN UX: PILAR JANJI (REVISI MOBILE & UKURAN FONT ASLI) Taruh di Custom CSS Kontainer Induk "Claim" ======================================================== */ /* 1. Latar Belakang & Ruang Napas */ .elementor-29395 .elementor-element.elementor-element-01f31a3 { background-color: #FDFBF7 !important; /* Warna Warm Background */ border-top: 1px solid rgba(169, 120, 31, 0.1) !important; border-bottom: 1px solid rgba(169, 120, 31, 0.1) !important; padding-top: 60px !important; padding-bottom: 60px !important; } .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box { padding: 20px 15px !important; position: relative; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; border-radius: 12px; } /* 2. Garis Emas Vertikal Pembatas (Kecuali yang Terakhir) */ @media (min-width: 1024px) { .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: linear-gradient(to bottom, rgba(169,120,31,0), rgba(169,120,31,0.3), rgba(169,120,31,0)); } .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box:last-child::after { display: none !important; } } /* 3. Interaksi Mewah saat Disentuh (Melayang) */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box:hover { background-color: #FFFFFF !important; transform: translateY(-8px) !important; box-shadow: 0px 15px 35px rgba(81, 51, 22, 0.08) !important; z-index: 2; } /* 4. Gaya Ikon (Emas Menyala) */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-icon i, .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-icon svg { color: #A9781F !important; /* Warna Primary Emas */ fill: #A9781F !important; transition: all 0.5s ease !important; } .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box:hover .elementor-icon i, .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box:hover .elementor-icon svg { transform: scale(1.15) !important; filter: drop-shadow(0px 5px 12px rgba(169, 120, 31, 0.4)); } /* 5. Pewarnaan & Font Family Teks (TANPA mengubah ukuran font!) */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-icon-box-title { font-family: 'Playfair Display', serif !important; color: #513316 !important; /* Warna Shadow */ font-weight: 600 !important; } .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-icon-box-description { font-family: 'Lato', sans-serif !important; color: #513316 !important; opacity: 0.85; } /* ======================================================== 6. PERBAIKAN TOTAL UNTUK TAMPILAN HP (MOBILE FIX) ======================================================== */ @media (max-width: 768px) { /* Memaksa elemen pembungkus untuk berbaris rapi ke bawah */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .e-con, .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-container, .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-wrap { display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; width: 100% !important; } /* Memaksa setiap kotak ikon mengambil lebar penuh layar HP */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget { width: 100% !important; max-width: 100% !important; } /* Memberi jarak dan garis bawah elegan antar kotak di HP */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box { margin-bottom: 15px !important; border-bottom: 1px solid rgba(169, 120, 31, 0.15) !important; padding-bottom: 25px !important; } /* Mematikan garis vertikal (desain PC) di HP */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box::after { display: none !important; } /* Menghilangkan garis bawah pada elemen yang paling akhir */ .elementor-29395 .elementor-element.elementor-element-01f31a3 .elementor-widget-icon-box:last-child { border-bottom: none !important; margin-bottom: 0 !important; } }/* End custom CSS */ /* Start custom CSS */.main-page-wrapper, .wd-content-layout { padding-top: 0 !important; }/* End custom CSS */