.elementor-5618 .elementor-element.elementor-element-31dae10{--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;--overlay-opacity:0.5;}.elementor-5618 .elementor-element.elementor-element-31dae10::before, .elementor-5618 .elementor-element.elementor-element-31dae10 > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-31dae10 > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-31dae10 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5618 .elementor-element.elementor-element-25aa3ec{--display:flex;}.elementor-5618 .elementor-element.elementor-element-1286c1a{text-align:start;}.elementor-5618 .elementor-element.elementor-element-1286c1a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-9ca2f3d{text-align:start;}.elementor-5618 .elementor-element.elementor-element-9ca2f3d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:800;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-98a02f9{width:var( --container-widget-width, 51.035% );max-width:51.035%;--container-widget-width:51.035%;--container-widget-flex-grow:0;text-align:justify;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-5618 .elementor-element.elementor-element-98a02f9.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-98a02f9 p{margin-block-end:0.1em;}.elementor-5618 .elementor-element.elementor-element-c83e755{--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;}.elementor-5618 .elementor-element.elementor-element-5e0ddee .elementor-button{background-color:var( --e-global-color-34838b5 );font-size:13px;}.elementor-5618 .elementor-element.elementor-element-eab745c .elementor-button{background-color:var( --e-global-color-34838b5 );font-size:13px;}.elementor-5618 .elementor-element.elementor-element-2139996{--display:flex;}.elementor-5618 .elementor-element.elementor-element-c740a35{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-c740a35::before, .elementor-5618 .elementor-element.elementor-element-c740a35 > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-c740a35 > .e-con-inner > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-c740a35 > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-c740a35 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-c740a35 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-34838b5 );--background-overlay:'';}.elementor-5618 .elementor-element.elementor-element-c17569a{text-align:start;}.elementor-5618 .elementor-element.elementor-element-c17569a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-b489e02.elementor-element{--align-self:flex-start;}.elementor-5618 .elementor-element.elementor-element-b489e02{text-align:start;}.elementor-5618 .elementor-element.elementor-element-b489e02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:34px;font-weight:800;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-e384c28{width:var( --container-widget-width, 51.035% );max-width:51.035%;--container-widget-width:51.035%;--container-widget-flex-grow:0;text-align:justify;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-5618 .elementor-element.elementor-element-e384c28.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-e384c28 p{margin-block-end:0.1em;}.elementor-5618 .elementor-element.elementor-element-3d27496 .elementor-button{background-color:var( --e-global-color-accent );border-radius:14px 14px 14px 14px;}.elementor-5618 .elementor-element.elementor-element-9e20c9a{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-9e20c9a::before, .elementor-5618 .elementor-element.elementor-element-9e20c9a > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-9e20c9a > .e-con-inner > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-9e20c9a > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-9e20c9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-9e20c9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-34838b5 );--background-overlay:'';}.elementor-5618 .elementor-element.elementor-element-0777374{text-align:start;}.elementor-5618 .elementor-element.elementor-element-0777374 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-9d09d3a.elementor-element{--align-self:flex-start;}.elementor-5618 .elementor-element.elementor-element-9d09d3a{text-align:start;}.elementor-5618 .elementor-element.elementor-element-9d09d3a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:34px;font-weight:800;color:#233D7C;}.elementor-5618 .elementor-element.elementor-element-b742e20{width:var( --container-widget-width, 51.035% );max-width:51.035%;--container-widget-width:51.035%;--container-widget-flex-grow:0;text-align:justify;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#000000;}.elementor-5618 .elementor-element.elementor-element-b742e20.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-b742e20 p{margin-block-end:0.1em;}.elementor-5618 .elementor-element.elementor-element-1c0ecad{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-a00ce0e{--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:center;--background-transition:0.3s;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5618 .elementor-element.elementor-element-a00ce0e:not(.elementor-motion-effects-element-type-background), .elementor-5618 .elementor-element.elementor-element-a00ce0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-34838b5 );}.elementor-5618 .elementor-element.elementor-element-a00ce0e::before, .elementor-5618 .elementor-element.elementor-element-a00ce0e > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-a00ce0e > .e-con-inner > .elementor-background-video-container::before, .elementor-5618 .elementor-element.elementor-element-a00ce0e > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-a00ce0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5618 .elementor-element.elementor-element-a00ce0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sarilingalkesindo.co.id/wp-content/uploads/2026/08/Gemini_Generated_Image_hhn8qihhn8qihhn8.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5618 .elementor-element.elementor-element-a00ce0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-c2d048b{text-align:center;}.elementor-5618 .elementor-element.elementor-element-c2d048b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-5618 .elementor-element.elementor-element-d7515ad{text-align:center;}.elementor-5618 .elementor-element.elementor-element-d7515ad .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:800;color:#FFFFFF;}.elementor-5618 .elementor-element.elementor-element-9fe4ed5{width:var( --container-widget-width, 51.035% );max-width:51.035%;--container-widget-width:51.035%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FBFBFB;}.elementor-5618 .elementor-element.elementor-element-9fe4ed5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-9fe4ed5 p{margin-block-end:0.1em;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow{display:none !important;color:#605BE5;-webkit-transition-duration:0.1s;transition-duration:0.1s;font-size:14px;width:21px;height:21px;border-style:none;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-dots{display:inline-table !important;top:92%;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-content-inner{background-color:#F9F9F900;padding:0px 0px 0px 0px;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-dot{width:7px;height:7px;margin-right:5px;background-color:var( --e-global-color-34838b5 );border-style:none;border-radius:50% 50% 50% 50%;}.elementor-5618 .elementor-element.elementor-element-ee9e493{width:var( --container-widget-width, 108.455% );max-width:108.455%;--container-widget-width:108.455%;--container-widget-flex-grow:0;}.elementor-5618 .elementor-element.elementor-element-ee9e493 > .elementor-widget-container{background-color:#FFFFFFDB;padding:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-item{padding:5px 5px 0px 5px;border-radius:20px 20px 20px 20px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-left .wpr-testimonial-meta{padding-top:0px;margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-right .wpr-testimonial-meta{padding-top:0px;margin-left:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-top:not(.wpr-testimonial-meta-align-center) .wpr-testimonial-meta, .elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-bottom:not(.wpr-testimonial-meta-align-center) .wpr-testimonial-meta{padding:0 0px 0 0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-icon i{color:var( --e-global-color-34838b5 );font-size:35px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-icon svg{fill:var( --e-global-color-34838b5 );width:35px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-icon{margin-bottom:10px;text-align:center;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-title{color:#222222;margin:0 0 3px;text-align:center;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-content{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;margin-bottom:0px;text-align:center;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-date{color:#c1c1c1;text-align:center;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-rating i:before{color:var( --e-global-color-8e6d849 );}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-rating-icon .wpr-rating-marked svg{fill:var( --e-global-color-8e6d849 );}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-rating i{color:#00CAE0;font-size:15px;margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-rating svg{fill:#00CAE0;width:15px;height:15px;margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-rating span{color:#00CAE0;margin-left:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-rating{text-align:center;margin-bottom:1px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-top .wpr-testimonial-meta{margin-bottom:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-bottom .wpr-testimonial-meta{margin-top:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-extra .wpr-testimonial-content-wrap{margin-bottom:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-image img{width:65px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#00CAE0;border-radius:50px 50px 50px 50px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-top.wpr-testimonial-meta-align-left .wpr-testimonial-content-inner:before, .elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-bottom.wpr-testimonial-meta-align-left .wpr-testimonial-content-inner:before{left:calc( 0px + 1px + (65px / 2) );}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-top.wpr-testimonial-meta-align-right .wpr-testimonial-content-inner:before, .elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-bottom.wpr-testimonial-meta-align-right .wpr-testimonial-content-inner:before{right:calc( 0px + 1px + (65px / 2) );}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-left .wpr-testimonial-content-inner:before, .elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-meta-position-right .wpr-testimonial-content-inner:before{top:calc( 0px + 1px + (65px / 2) );}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-image{margin-bottom:4px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-image-position-right .wpr-testimonial-image{margin-left:4px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-image-position-left .wpr-testimonial-image{margin-right:4px;}.elementor-5618 .elementor-element.elementor-element-ee9e493.wpr-testimonial-image-position-center .wpr-testimonial-image{margin-bottom:4px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-name{color:#222222;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;margin-bottom:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-job{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:10px;font-weight:500;margin:0 0 48px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-logo-image img{max-width:65px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-logo-image{margin-bottom:5px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-social{color:#ffffff;background-color:#919191;border-color:#b5b5b5;transition-duration:0.1s;width:30px;height:30px;font-size:9px;margin-right:3px;border-style:none;border-radius:1px 1px 1px 1px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-social:hover{color:#ffffff;background-color:#444444;border-color:#b5b5b5;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-social i{line-height:30px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-social svg{line-height:30px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow svg{fill:#605BE5;-webkit-transition-duration:0.1s;transition-duration:0.1s;width:14px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow:hover{color:#605BE5;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow:hover svg{fill:#605BE5;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-dots .slick-active .wpr-testimonial-dot{background-color:#7C7C7C;}.elementor-5618 .elementor-element.elementor-element-38871cd .elementor-button{background-color:var( --e-global-color-34838b5 );}.elementor-5618 .elementor-element.elementor-element-09c3d1a{--display:flex;}.elementor-5618 .elementor-element.elementor-element-c3ee97e{--display:flex;--justify-content:center;}.elementor-5618 .elementor-element.elementor-element-3d1cca5{text-align:center;}.elementor-5618 .elementor-element.elementor-element-3d1cca5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-34838b5 );}.elementor-5618 .elementor-element.elementor-element-903c4a8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:bold;line-height:49px;color:var( --e-global-color-ab0bb7a );}.elementor-5618 .elementor-element.elementor-element-038c1e1{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button{background-color:#FFFFFF;color:#090909;border-color:#EAEAEA;margin-top:3px;margin-bottom:3px;padding:18px 18px 18px 18px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-acc-icon-box{width:62px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-active .wpr-toggle-icon i{transform:rotate(125deg);transform-origin:center;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-active .wpr-toggle-icon svg{transform:rotate(125deg);transform-origin:center;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-acc-title-text{color:#090909;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button, .elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-acc-title-text{font-weight:400;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion button.wpr-acc-button{transition:all 0.3s ease-in-out;}.elementor-5618 .elementor-element.elementor-element-3a2da5b.wpr-advanced-accordion-icon-no-box .wpr-acc-item-title .wpr-acc-title-text{margin-left:5px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b.wpr-advanced-accordion-icon-side-box .wpr-acc-item-title .wpr-acc-title-text{margin-left:calc(62px + 5px);}.elementor-5618 .elementor-element.elementor-element-3a2da5b.wpr-advanced-accordion-icon-side-curve .wpr-acc-item-title .wpr-acc-title-text{margin-left:calc(62px + 30px + 5px);}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-title-icon i{color:#EDEDED;font-size:0px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-title-icon svg{fill:#EDEDED;width:0px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-toggle-icon i{color:#333333;font-size:15px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-toggle-icon svg{fill:#333333;width:15px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-button .wpr-acc-icon-box{background-color:#FEFEFE;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-toggle-icon i{transition:all 0.3s ease-in-out;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-title-icon i{transition:all 0.3s ease-in-out;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-toggle-icon svg{transition:all 0.3s ease-in-out;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-title-icon svg{transition:all 0.3s ease-in-out;}.elementor-5618 .elementor-element.elementor-element-3a2da5b.wpr-advanced-accordion-icon-side-box .wpr-advanced-accordion .wpr-acc-icon-box{border-radius:0px 0px 0px 0px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b.wpr-advanced-accordion-icon-side-curve .wpr-advanced-accordion .wpr-acc-icon-box{border-radius:0px 0 0 0px;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-panel .wpr-acc-panel-content{color:#7a7a7a;}.elementor-5618 .elementor-element.elementor-element-3a2da5b .wpr-advanced-accordion .wpr-acc-panel{background-color:#FFFFFF;border-color:#E8E8E8;padding:25px 25px 25px 25px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-5618 .elementor-element.elementor-element-da99e7c .elementor-button{background-color:var( --e-global-color-34838b5 );}.elementor-5618 .elementor-element.elementor-element-42de4f0{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-94bc775{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-5618 .elementor-element.elementor-element-fec9f96.elementor-element{--align-self:flex-start;}.elementor-5618 .elementor-element.elementor-element-fec9f96{text-align:center;}.elementor-5618 .elementor-element.elementor-element-fec9f96 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-34838b5 );}.elementor-5618 .elementor-element.elementor-element-eea9425.elementor-element{--align-self:center;}.elementor-5618 .elementor-element.elementor-element-eea9425{text-align:center;}.elementor-5618 .elementor-element.elementor-element-eea9425 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:bold;}.elementor-5618 .elementor-element.elementor-element-fb7003a.elementor-element{--align-self:flex-start;}.elementor-5618 .elementor-element.elementor-element-fb7003a{text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-5618 .elementor-element.elementor-element-4aa8028.elementor-element{--align-self:flex-start;}.elementor-5618 .elementor-element.elementor-element-4aa8028{text-align:center;}.elementor-5618 .elementor-element.elementor-element-4aa8028 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:#333333;}.elementor-5618 .elementor-element.elementor-element-e76d4b3{--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;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button{background-color:var( --e-global-color-34838b5 );-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;} .elementor-5618 .elementor-element.elementor-element-0c08e9d [class*="elementor-animation"]:hover, .elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button::before, .elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button::after{background-color:#1949BD;}.elementor-5618 .elementor-element.elementor-element-0c08e9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-wrap{max-width:223px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d{text-align:left;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-icon{font-size:18px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-icon svg{width:18px;height:18px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button-text,.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-0c08e9d .wpr-button:hover{border-color:#E8E8E8;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-0c08e9d.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button{background-color:var( --e-global-color-34838b5 );-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;} .elementor-5618 .elementor-element.elementor-element-06b137b [class*="elementor-animation"]:hover, .elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button::before, .elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button::after{background-color:#1949BD;}.elementor-5618 .elementor-element.elementor-element-06b137b > .elementor-widget-container{margin:1px 0px 0px 0px;}.elementor-5618 .elementor-element.elementor-element-06b137b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-wrap{max-width:223px;}.elementor-5618 .elementor-element.elementor-element-06b137b{text-align:left;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-icon{font-size:18px;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-icon svg{width:18px;height:18px;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button-text,.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-5618 .elementor-element.elementor-element-06b137b .wpr-button:hover{border-color:#E8E8E8;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-06b137b.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-5618 .elementor-element.elementor-element-6664eae{--display:flex;}body.elementor-page-5618:not(.elementor-motion-effects-element-type-background), body.elementor-page-5618 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-5618 .elementor-element.elementor-element-31dae10{--content-width:1600px;}.elementor-5618 .elementor-element.elementor-element-1c0ecad{--content-width:1000px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5618 .elementor-element.elementor-element-a00ce0e{--width:764.909px;}}@media(max-width:1024px){.elementor-5618 .elementor-element.elementor-element-98a02f9{width:var( --container-widget-width, 589.667px );max-width:589.667px;--container-widget-width:589.667px;--container-widget-flex-grow:0;}.elementor-5618 .elementor-element.elementor-element-e384c28{width:var( --container-widget-width, 670.667px );max-width:670.667px;--container-widget-width:670.667px;--container-widget-flex-grow:0;}.elementor-5618 .elementor-element.elementor-element-b742e20{width:var( --container-widget-width, 670.667px );max-width:670.667px;--container-widget-width:670.667px;--container-widget-flex-grow:0;}.elementor-5618 .elementor-element.elementor-element-9fe4ed5{width:var( --container-widget-width, 687.667px );max-width:687.667px;--container-widget-width:687.667px;--container-widget-flex-grow:0;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow{display:none !important;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-dots{display:inline-table !important;}}@media(max-width:767px){.elementor-5618 .elementor-element.elementor-element-9ca2f3d .elementor-heading-title{font-size:35px;}.elementor-5618 .elementor-element.elementor-element-98a02f9{font-size:13px;}.elementor-5618 .elementor-element.elementor-element-b489e02 .elementor-heading-title{font-size:35px;}.elementor-5618 .elementor-element.elementor-element-e384c28{font-size:13px;}.elementor-5618 .elementor-element.elementor-element-9d09d3a .elementor-heading-title{font-size:35px;}.elementor-5618 .elementor-element.elementor-element-b742e20{font-size:13px;}.elementor-5618 .elementor-element.elementor-element-a00ce0e{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5618 .elementor-element.elementor-element-d7515ad .elementor-heading-title{font-size:35px;}.elementor-5618 .elementor-element.elementor-element-9fe4ed5{font-size:13px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-carousel .slick-slide{margin-left:0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-carousel .slick-list{margin-left:-0px;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-arrow{display:none !important;}.elementor-5618 .elementor-element.elementor-element-ee9e493 .wpr-testimonial-dots{display:inline-table !important;}.elementor-5618 .elementor-element.elementor-element-903c4a8 .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-5618 .elementor-element.elementor-element-4aa8028 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-31dae10 *//* ========================================= PRODUCT HERO SECTION ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 { position: relative; width: 100%; overflow: hidden; padding: 85px 6% 95px !important; background: #ffffff; } /* ========================================= INNER CONTAINER ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner { width: 100%; max-width: 1250px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 65px; } /* ========================================= KOLOM KIRI ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child { flex: 1; max-width: 600px; display: flex; flex-direction: column; align-items: flex-start; } /* ========================================= LABEL ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:first-child .elementor-heading-title { font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 0.5px; text-transform: uppercase; color: #244b8f; margin: 0 0 16px; } /* ========================================= JUDUL UTAMA ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-family: "Poppins", sans-serif; font-size: clamp(40px, 4vw, 56px); font-weight: 700; line-height: 1.08; letter-spacing: -1.8px; color: #244b8f; margin: 0 0 25px; max-width: 590px; } /* ========================================= DESKRIPSI ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-text-editor { max-width: 470px; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.7; color: #333333; margin-bottom: 28px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-text-editor p { margin: 0; } /* ========================================= BUTTON CONTAINER ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .e-con { display: flex; flex-wrap: wrap; gap: 14px; } /* ========================================= SEMUA BUTTON ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button { font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 500; line-height: 1; color: #ffffff; background: #244b8f; border: 2px solid #244b8f; border-radius: 6px; padding: 16px 26px; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(36, 75, 143, 0.15); } /* ========================================= BUTTON HOVER ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button:hover { background: #173d7a; border-color: #173d7a; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(36, 75, 143, 0.25); } /* ========================================= BUTTON KEDUA ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button + .elementor-button { background: transparent; color: #244b8f; } .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button + .elementor-button:hover { background: #244b8f; color: #ffffff; } /* ========================================= KOLOM KANAN / GAMBAR ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) { flex: 1; max-width: 540px; display: flex; align-items: center; justify-content: center; position: relative; } /* ========================================= GAMBAR PRODUK ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) img { width: 88%; max-width: 500px; height: auto; display: block; object-fit: contain; transition: transform 0.45s ease, filter 0.45s ease; filter: drop-shadow( 0 18px 30px rgba(0, 0, 0, 0.08) ); } /* ========================================= HOVER GAMBAR ========================================= */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2):hover img { transform: translateY(-8px) scale(1.015); filter: drop-shadow( 0 25px 35px rgba(0, 0, 0, 0.12) ); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-5618 .elementor-element.elementor-element-31dae10 { padding: 70px 5% 80px !important; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner { gap: 40px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child { max-width: 500px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 44px; letter-spacing: -1.3px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-text-editor { font-size: 16px; max-width: 430px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) img { width: 90%; max-width: 450px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-31dae10 { padding: 60px 22px 70px !important; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner { flex-direction: column; gap: 40px; align-items: center; text-align: center; } /* Kolom kiri */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child { width: 100%; max-width: 600px; align-items: center; text-align: center; } /* Label */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:first-child .elementor-heading-title { font-size: 12px; margin-bottom: 14px; } /* Judul */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 36px; line-height: 1.1; letter-spacing: -1px; margin-bottom: 20px; } /* Deskripsi */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-text-editor { max-width: 500px; font-size: 15px; line-height: 1.65; margin-bottom: 25px; } /* Tombol */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .e-con { justify-content: center; gap: 12px; } .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button { font-size: 14px; padding: 14px 20px; } /* Gambar */ .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) { width: 100%; max-width: 500px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) img { width: 85%; max-width: 420px; } } /* ========================================= MOBILE KECIL ========================================= */ @media (max-width: 480px) { .elementor-5618 .elementor-element.elementor-element-31dae10 { padding: 50px 18px 60px !important; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner { gap: 32px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 31px; letter-spacing: -0.8px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .elementor-widget-text-editor { font-size: 14px; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:first-child .e-con { flex-direction: column; width: 100%; } .elementor-5618 .elementor-element.elementor-element-31dae10 .elementor-button { width: 100%; justify-content: center; text-align: center; } .elementor-5618 .elementor-element.elementor-element-31dae10 > .e-con-inner > .e-con:nth-child(2) img { width: 88%; max-width: 380px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9e20c9a *//* ========================================================= SECTION SPESIFIKASI PRODUK - STETOSKOP Modern Medical Corporate Style ========================================================= */ /* CONTAINER UTAMA */ .elementor-5618 .elementor-element.elementor-element-9e20c9a { position: relative; overflow: hidden; background: radial-gradient( circle at 90% 10%, rgba(49, 95, 196, 0.08), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #f7faff 50%, #eef4ff 100% ); padding: 75px 60px; border-radius: 28px; border: 1px solid rgba(49, 95, 196, 0.08); box-shadow: 0 20px 60px rgba(31, 61, 120, 0.08); } /* GARIS AKSEN BAGIAN ATAS */ .elementor-5618 .elementor-element.elementor-element-9e20c9a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #1f4fa3, #3d72d4, #6f8eea ); border-radius: 28px 28px 0 0; } /* AKSEN BULAT BACKGROUND */ .elementor-5618 .elementor-element.elementor-element-9e20c9a::after { content: ""; position: absolute; width: 320px; height: 320px; right: -150px; top: -150px; background: rgba(49, 95, 196, 0.05); border-radius: 50%; pointer-events: none; } /* ========================================================= JUDUL ========================================================= */ .elementor-5618 .elementor-element.elementor-element-9e20c9a h2, .elementor-5618 .elementor-element.elementor-element-9e20c9a h3 { position: relative; z-index: 2; } .elementor-5618 .elementor-element.elementor-element-9e20c9a h2 { margin-bottom: 15px; color: #173b7a; font-size: clamp(30px, 3vw, 44px); line-height: 1.15; font-weight: 800; letter-spacing: -0.8px; } /* PARAGRAF */ .elementor-5618 .elementor-element.elementor-element-9e20c9a p { color: #526176; font-size: 16px; line-height: 1.75; margin-bottom: 20px; } /* ========================================================= GAMBAR STETOSKOP ========================================================= */ .elementor-5618 .elementor-element.elementor-element-9e20c9a img { transition: transform 0.5s ease, filter 0.5s ease; } /* khusus gambar */ .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-widget-image img { filter: drop-shadow( 0 18px 25px rgba(24, 54, 105, 0.15) ); } /* efek hover */ .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-widget-image:hover img { transform: translateY(-8px) scale(1.02); filter: drop-shadow( 0 25px 35px rgba(24, 54, 105, 0.20) ); } /* ========================================================= TABEL SPESIFIKASI ========================================================= */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: 30px; background: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid #e4eaf3; box-shadow: 0 12px 35px rgba(31, 61, 120, 0.08); } /* HEADER TABEL */ /* HEADER TABEL - FONT HITAM */ /* SEMUA FONT TABEL HITAM */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table th, .elementor-5618 .elementor-element.elementor-element-9e20c9a table td { color: #000000 !important; } /* ISI TABEL */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody td { padding: 18px 20px; color: #465468; font-size: 14px; line-height: 1.6; background: #ffffff; border-bottom: 1px solid #e9eef5; } /* BARIS SELANG-SELING */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody tr:nth-child(even) td { background: #f8faff; } /* HOVER BARIS */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody tr { transition: 0.25s ease; } .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody tr:hover td { background: #eef4ff; } /* KOLOM PERTAMA */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody td:first-child { color: #173b7a; font-weight: 700; } /* HILANGKAN BORDER BARIS TERAKHIR */ .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody tr:last-child td { border-bottom: none; } /* ========================================================= TEKS KEUNGGULAN ========================================================= */ .elementor-5618 .elementor-element.elementor-element-9e20c9a strong { color: #173b7a; } /* ========================================================= TOMBOL ========================================================= */ .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; background: linear-gradient( 135deg, #1f4fa3, #396bc5 ); color: #ffffff; border: none; border-radius: 10px; font-size: 14px; font-weight: 700; box-shadow: 0 10px 25px rgba(31, 79, 163, 0.20); transition: transform 0.3s ease, box-shadow 0.3s ease; } .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-button:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(31, 79, 163, 0.28); } /* ========================================================= RESPONSIVE TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-5618 .elementor-element.elementor-element-9e20c9a { padding: 60px 35px; border-radius: 22px; } .elementor-5618 .elementor-element.elementor-element-9e20c9a h2 { font-size: 34px; } .elementor-5618 .elementor-element.elementor-element-9e20c9a table thead th, .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody td { padding: 15px; font-size: 13px; } } /* ========================================================= RESPONSIVE MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-9e20c9a { padding: 45px 18px; border-radius: 18px; } .elementor-5618 .elementor-element.elementor-element-9e20c9a h2 { font-size: 28px; line-height: 1.2; } .elementor-5618 .elementor-element.elementor-element-9e20c9a p { font-size: 14px; line-height: 1.7; } /* TABEL BISA DI-SCROLL */ .elementor-5618 .elementor-element.elementor-element-9e20c9a { overflow-x: hidden; } .elementor-5618 .elementor-element.elementor-element-9e20c9a table { display: block; width: 100%; overflow-x: auto; white-space: normal; } .elementor-5618 .elementor-element.elementor-element-9e20c9a table thead, .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody { width: 800px; display: table; } .elementor-5618 .elementor-element.elementor-element-9e20c9a table thead th, .elementor-5618 .elementor-element.elementor-element-9e20c9a table tbody td { padding: 13px 14px; font-size: 12px; } .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-button { width: 100%; padding: 13px 20px; } .elementor-5618 .elementor-element.elementor-element-9e20c9a .elementor-widget-image img { max-width: 85%; margin: 0 auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c740a35 *//* ========================================================= SECTION SPESIFIKASI PRODUK - STETOSKOP Modern Medical Corporate Style ========================================================= */ /* CONTAINER UTAMA */ .elementor-5618 .elementor-element.elementor-element-c740a35 { position: relative; overflow: hidden; background: radial-gradient( circle at 90% 10%, rgba(49, 95, 196, 0.08), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #f7faff 50%, #eef4ff 100% ); padding: 75px 60px; border-radius: 28px; border: 1px solid rgba(49, 95, 196, 0.08); box-shadow: 0 20px 60px rgba(31, 61, 120, 0.08); } /* GARIS AKSEN BAGIAN ATAS */ .elementor-5618 .elementor-element.elementor-element-c740a35::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient( 90deg, #1f4fa3, #3d72d4, #6f8eea ); border-radius: 28px 28px 0 0; } /* AKSEN BULAT BACKGROUND */ .elementor-5618 .elementor-element.elementor-element-c740a35::after { content: ""; position: absolute; width: 320px; height: 320px; right: -150px; top: -150px; background: rgba(49, 95, 196, 0.05); border-radius: 50%; pointer-events: none; } /* ========================================================= JUDUL ========================================================= */ .elementor-5618 .elementor-element.elementor-element-c740a35 h2, .elementor-5618 .elementor-element.elementor-element-c740a35 h3 { position: relative; z-index: 2; } .elementor-5618 .elementor-element.elementor-element-c740a35 h2 { margin-bottom: 15px; color: #173b7a; font-size: clamp(30px, 3vw, 44px); line-height: 1.15; font-weight: 800; letter-spacing: -0.8px; } /* PARAGRAF */ .elementor-5618 .elementor-element.elementor-element-c740a35 p { color: #526176; font-size: 16px; line-height: 1.75; margin-bottom: 20px; } /* ========================================================= GAMBAR STETOSKOP ========================================================= */ .elementor-5618 .elementor-element.elementor-element-c740a35 img { transition: transform 0.5s ease, filter 0.5s ease; } /* khusus gambar */ .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-widget-image img { filter: drop-shadow( 0 18px 25px rgba(24, 54, 105, 0.15) ); } /* efek hover */ .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-widget-image:hover img { transform: translateY(-8px) scale(1.02); filter: drop-shadow( 0 25px 35px rgba(24, 54, 105, 0.20) ); } /* ========================================================= TABEL SPESIFIKASI ========================================================= */ .elementor-5618 .elementor-element.elementor-element-c740a35 table { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: 30px; background: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid #e4eaf3; box-shadow: 0 12px 35px rgba(31, 61, 120, 0.08); } /* HEADER TABEL */ /* HEADER TABEL - FONT HITAM */ /* SEMUA FONT TABEL HITAM */ .elementor-5618 .elementor-element.elementor-element-c740a35 table th, .elementor-5618 .elementor-element.elementor-element-c740a35 table td { color: #000000 !important; } /* ISI TABEL */ .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody td { padding: 18px 20px; color: #465468; font-size: 14px; line-height: 1.6; background: #ffffff; border-bottom: 1px solid #e9eef5; } /* BARIS SELANG-SELING */ .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody tr:nth-child(even) td { background: #f8faff; } /* HOVER BARIS */ .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody tr { transition: 0.25s ease; } .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody tr:hover td { background: #eef4ff; } /* KOLOM PERTAMA */ .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody td:first-child { color: #173b7a; font-weight: 700; } /* HILANGKAN BORDER BARIS TERAKHIR */ .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody tr:last-child td { border-bottom: none; } /* ========================================================= TEKS KEUNGGULAN ========================================================= */ .elementor-5618 .elementor-element.elementor-element-c740a35 strong { color: #173b7a; } /* ========================================================= TOMBOL ========================================================= */ .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; background: linear-gradient( 135deg, #1f4fa3, #396bc5 ); color: #ffffff; border: none; border-radius: 10px; font-size: 14px; font-weight: 700; box-shadow: 0 10px 25px rgba(31, 79, 163, 0.20); transition: transform 0.3s ease, box-shadow 0.3s ease; } .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-button:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(31, 79, 163, 0.28); } /* ========================================================= RESPONSIVE TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-5618 .elementor-element.elementor-element-c740a35 { padding: 60px 35px; border-radius: 22px; } .elementor-5618 .elementor-element.elementor-element-c740a35 h2 { font-size: 34px; } .elementor-5618 .elementor-element.elementor-element-c740a35 table thead th, .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody td { padding: 15px; font-size: 13px; } } /* ========================================================= RESPONSIVE MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-c740a35 { padding: 45px 18px; border-radius: 18px; } .elementor-5618 .elementor-element.elementor-element-c740a35 h2 { font-size: 28px; line-height: 1.2; } .elementor-5618 .elementor-element.elementor-element-c740a35 p { font-size: 14px; line-height: 1.7; } /* TABEL BISA DI-SCROLL */ .elementor-5618 .elementor-element.elementor-element-c740a35 { overflow-x: hidden; } .elementor-5618 .elementor-element.elementor-element-c740a35 table { display: block; width: 100%; overflow-x: auto; white-space: normal; } .elementor-5618 .elementor-element.elementor-element-c740a35 table thead, .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody { width: 800px; display: table; } .elementor-5618 .elementor-element.elementor-element-c740a35 table thead th, .elementor-5618 .elementor-element.elementor-element-c740a35 table tbody td { padding: 13px 14px; font-size: 12px; } .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-button { width: 100%; padding: 13px 20px; } .elementor-5618 .elementor-element.elementor-element-c740a35 .elementor-widget-image img { max-width: 85%; margin: 0 auto; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-38871cd *//* ================================= BUTTON TESTIMONIAL ================================= */ .elementor-5618 .elementor-element.elementor-element-38871cd .elementor-button { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; background: #214f9f !important; color: #ffffff !important; border: 2px solid #214f9f; border-radius: 10px; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 20px rgba(33, 79, 159, 0.20); transition: all 0.3s ease; } /* Hover */ .elementor-5618 .elementor-element.elementor-element-38871cd .elementor-button:hover { background: #ffffff !important; color: #214f9f !important; border-color: #214f9f; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(33, 79, 159, 0.25); } /* Saat diklik */ .elementor-5618 .elementor-element.elementor-element-38871cd .elementor-button:active { transform: translateY(-1px); } /* Mobile */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-38871cd .elementor-button { width: 100%; padding: 13px 22px; font-size: 14px; border-radius: 9px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3ee97e *//* ========================================= FAQ SECTION - PREMIUM CORPORATE ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e { position: relative; padding: 75px 40px 80px; background: linear-gradient( 135deg, #f7faff 0%, #ffffff 55%, #f3f7fd 100% ); border-radius: 28px; overflow: hidden; } /* ========================================= AKSEN BACKGROUND ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e::before { content: ""; position: absolute; width: 320px; height: 320px; top: -180px; right: -100px; background: #dce9ff; border-radius: 50%; opacity: .55; filter: blur(5px); pointer-events: none; } .elementor-5618 .elementor-element.elementor-element-c3ee97e::after { content: ""; position: absolute; width: 250px; height: 250px; bottom: -150px; left: -80px; background: #e6f0ff; border-radius: 50%; opacity: .65; pointer-events: none; } /* ========================================= KONTEN ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e > .e-con-inner { position: relative; z-index: 2; max-width: 1100px; margin: auto; } /* ========================================= EYEBROW ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-heading:first-child .elementor-heading-title { display: inline-block; color: #214f9f !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; padding: 7px 15px; background: #e8f0ff; border-radius: 50px; } /* ========================================= JUDUL UTAMA ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-heading:nth-child(2) .elementor-heading-title { color: #14213d !important; font-size: clamp(32px, 4vw, 48px) !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -1px; max-width: 900px; margin: 0 0 15px !important; } /* ========================================= GARIS AKSEN ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-heading:nth-child(2)::after { content: ""; display: block; width: 65px; height: 4px; margin-top: 20px; background: linear-gradient( 90deg, #214f9f, #5d8bd8 ); border-radius: 10px; } /* ========================================= DESKRIPSI ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-text-editor p { color: #667085 !important; font-size: 16px; line-height: 1.7; max-width: 780px; margin-top: 15px; } /* ========================================= FAQ CONTAINER ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-advanced-accordion { margin-top: 35px; width: 100%; } /* ========================================= ITEM FAQ ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item { position: relative; margin-bottom: 12px !important; background: #ffffff; border: 1px solid #e3eaf4 !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 5px 18px rgba(31, 65, 110, 0.05); transition: all .3s ease; } /* ========================================= HOVER ITEM ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item:hover { transform: translateY(-2px); border-color: #b9cbea !important; box-shadow: 0 12px 28px rgba(31, 65, 110, 0.10); } /* ========================================= PERTANYAAN ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-title { min-height: 70px; padding: 20px 24px !important; background: #ffffff; color: #172033 !important; font-size: 16px !important; font-weight: 600 !important; transition: all .3s ease; } /* ========================================= HOVER TEXT ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-title:hover { color: #214f9f !important; background: #f7faff; } /* ========================================= ITEM AKTIF ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item[open] { border-color: #c5d6ef !important; box-shadow: 0 15px 35px rgba(33,79,159,.10); } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item[open] .e-n-accordion-item-title { color: #214f9f !important; background: #f5f8ff; } /* ========================================= ICON ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-title-icon { color: #214f9f !important; font-size: 20px; transition: transform .3s ease; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item[open] .e-n-accordion-item-title-icon { transform: rotate(180deg); } /* ========================================= JAWABAN ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-content { padding: 0 28px 24px !important; background: #f8faff; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-content p { color: #667085 !important; font-size: 15px; line-height: 1.75; margin: 0; } /* ========================================= BUTTON WHATSAPP ========================================= */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-button { margin-top: 30px; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 28px !important; background: linear-gradient( 135deg, #214f9f, #356bc1 ) !important; color: #ffffff !important; border: none; border-radius: 10px; font-size: 15px; font-weight: 700; box-shadow: 0 10px 25px rgba(33,79,159,.22); overflow: hidden; transition: all .3s ease; } /* SHINE BUTTON */ .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 70%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.25), transparent ); transform: skewX(-20deg); transition: left .6s ease; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-button:hover::before { left: 130%; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-button:hover { transform: translateY(-3px); background: linear-gradient( 135deg, #173b7a, #214f9f ) !important; box-shadow: 0 15px 32px rgba(33,79,159,.30); } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-c3ee97e { padding: 50px 18px 55px; border-radius: 20px; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-heading:nth-child(2) .elementor-heading-title { font-size: 29px !important; line-height: 1.2 !important; letter-spacing: -.5px; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-widget-text-editor p { font-size: 14px; line-height: 1.65; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-title { min-height: 62px; padding: 17px 18px !important; font-size: 14px !important; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-content { padding: 0 18px 20px !important; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .e-n-accordion-item-content p { font-size: 14px; } .elementor-5618 .elementor-element.elementor-element-c3ee97e .elementor-button { width: 100%; padding: 14px 20px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e76d4b3 */.elementor-5618 .elementor-element.elementor-element-e76d4b3 { display: flex; flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap; } .elementor-5618 .elementor-element.elementor-element-e76d4b3 .elementor-widget-button { margin: 0; } @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-e76d4b3 { flex-direction: column; align-items: stretch; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b208e1e */.elementor-5618 .elementor-element.elementor-element-b208e1e { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 35px rgba(20, 50, 100, 0.15); transition: all 0.4s ease; } .elementor-5618 .elementor-element.elementor-element-b208e1e img { width: 100%; display: block; border-radius: 20px; transition: transform 0.5s ease; } .elementor-5618 .elementor-element.elementor-element-b208e1e:hover img { transform: scale(1.03); } .elementor-5618 .elementor-element.elementor-element-b208e1e:hover { transform: translateY(-5px); box-shadow: 0 22px 45px rgba(20, 50, 100, 0.20); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42de4f0 *//* ========================================= SECTION PENGADAAN - CONTAINER KANAN ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 { padding: 35px 20px 35px 45px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; } /* ========================================= LABEL ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 h5, .elementor-5618 .elementor-element.elementor-element-42de4f0 h6 { color: #24458A; font-size: 16px; font-weight: 800; letter-spacing: 0.5px; margin: 0 0 12px; text-transform: uppercase; } /* ========================================= JUDUL UTAMA ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 h2, .elementor-5618 .elementor-element.elementor-element-42de4f0 h3 { color: #172B4D; font-size: clamp(32px, 3vw, 44px); font-weight: 800; line-height: 1.12; margin: 0 0 20px; } /* ========================================= DESKRIPSI ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 p { color: #475467; font-size: 16px; line-height: 1.7; margin: 0 0 25px; } /* ========================================= HEADING CTA ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 h4 { color: #172B4D; font-size: 27px; font-weight: 700; line-height: 1.3; margin: 5px 0 20px; } /* ========================================= AREA BUTTON ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-widget-button { margin: 0; } /* Container button */ .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button { min-width: 175px; min-height: 52px; padding: 14px 22px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #24458A 0%, #315FC4 100% ); color: #ffffff; border: 1px solid rgba(255,255,255,0.08); border-radius: 9px; font-size: 15px; font-weight: 600; line-height: 1.3; box-shadow: 0 8px 20px rgba(36,69,138,0.18); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; } /* ========================================= HOVER BUTTON ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button:hover { background: linear-gradient( 135deg, #1D3975 0%, #24458A 100% ); color: #ffffff; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(36,69,138,0.30); } /* ========================================= ACTIVE ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button:active { transform: translateY(-1px); } /* ========================================= ICON BUTTON ========================================= */ .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button-icon { margin-right: 8px; transition: transform 0.3s ease; } .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button:hover .elementor-button-icon { transform: translateX(3px); } /* ========================================= RESPONSIVE TABLET ========================================= */ @media (max-width: 1024px) { .elementor-5618 .elementor-element.elementor-element-42de4f0 { padding: 30px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 h2, .elementor-5618 .elementor-element.elementor-element-42de4f0 h3 { font-size: 34px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 h4 { font-size: 24px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 p { font-size: 15px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button { min-width: 160px; } } /* ========================================= RESPONSIVE MOBILE ========================================= */ @media (max-width: 767px) { .elementor-5618 .elementor-element.elementor-element-42de4f0 { padding: 30px 20px; text-align: center; } .elementor-5618 .elementor-element.elementor-element-42de4f0 h2, .elementor-5618 .elementor-element.elementor-element-42de4f0 h3 { font-size: 30px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 h4 { font-size: 23px; } .elementor-5618 .elementor-element.elementor-element-42de4f0 p { font-size: 15px; line-height: 1.6; } .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-button { width: 100%; min-width: 0; } .elementor-5618 .elementor-element.elementor-element-42de4f0 .elementor-widget-button { width: 100%; margin-bottom: 10px; } }/* End custom CSS */