.elementor-22 .elementor-element.elementor-element-c5e0a29{--display:flex;--min-height:73vh;--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;--overlay-opacity:0.55;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-22 .elementor-element.elementor-element-c5e0a29:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c5e0a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bangunkonstruksihutama.com/wp-content/uploads/2025/01/Portofolio.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-c5e0a29::before, .elementor-22 .elementor-element.elementor-element-c5e0a29 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-c5e0a29 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-c5e0a29 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-c5e0a29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-c5e0a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3247acc );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-9c46ce8{width:var( --container-widget-width, 781px );max-width:781px;--container-widget-width:781px;--container-widget-flex-grow:0;text-align:center;}.elementor-22 .elementor-element.elementor-element-9c46ce8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-9c46ce8 .elementor-heading-title{font-family:var( --e-global-typography-e963e38-font-family ), Sans-serif;font-size:var( --e-global-typography-e963e38-font-size );font-weight:var( --e-global-typography-e963e38-font-weight );line-height:var( --e-global-typography-e963e38-line-height );text-shadow:0px 0px 10px rgba(0, 0, 0, 0.28);color:var( --e-global-color-d4516be );}.elementor-22 .elementor-element.elementor-element-f000113{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-226a447{width:var( --container-widget-width, 615px );max-width:615px;--container-widget-width:615px;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-226a447.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-faf1bb2{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-b84de66{--divider-border-style:solid;--divider-color:var( --e-global-color-f9bcebd );--divider-border-width:4px;width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-b84de66.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-b84de66 .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-b84de66 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-22 .elementor-element.elementor-element-a48c4dc{--divider-border-style:solid;--divider-color:var( --e-global-color-3247acc );--divider-border-width:4px;width:var( --container-widget-width, 430px );max-width:430px;--container-widget-width:430px;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-a48c4dc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-a48c4dc .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-a48c4dc .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-22 .elementor-element.elementor-element-9d513c0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-574e5b6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-22 .elementor-element.elementor-element-6481a4f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-6481a4f img{width:430px;height:270px;object-fit:cover;object-position:center center;}.elementor-22 .elementor-element.elementor-element-cf483c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-cf483c1{text-align:center;}.elementor-22 .elementor-element.elementor-element-cf483c1 .elementor-heading-title{font-family:var( --e-global-typography-af0af62-font-family ), Sans-serif;font-size:var( --e-global-typography-af0af62-font-size );font-weight:var( --e-global-typography-af0af62-font-weight );line-height:var( --e-global-typography-af0af62-line-height );color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-f16824d{--display:flex;}.elementor-22 .elementor-element.elementor-element-71efc7a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-71efc7a img{width:430px;height:270px;object-fit:cover;object-position:center center;}.elementor-22 .elementor-element.elementor-element-773d37e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-773d37e{text-align:center;}.elementor-22 .elementor-element.elementor-element-773d37e .elementor-heading-title{font-family:var( --e-global-typography-af0af62-font-family ), Sans-serif;font-size:var( --e-global-typography-af0af62-font-size );font-weight:var( --e-global-typography-af0af62-font-weight );line-height:var( --e-global-typography-af0af62-line-height );color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-7087cb1{--display:flex;}.elementor-22 .elementor-element.elementor-element-f3316e2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-f3316e2 img{width:430px;height:270px;object-fit:cover;object-position:center center;}.elementor-22 .elementor-element.elementor-element-416cbd8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-416cbd8{text-align:center;}.elementor-22 .elementor-element.elementor-element-416cbd8 .elementor-heading-title{font-family:var( --e-global-typography-af0af62-font-family ), Sans-serif;font-size:var( --e-global-typography-af0af62-font-size );font-weight:var( --e-global-typography-af0af62-font-weight );line-height:var( --e-global-typography-af0af62-line-height );color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-414433c{--display:flex;}.elementor-22 .elementor-element.elementor-element-38e1f7b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-38e1f7b img{width:430px;height:270px;object-fit:cover;object-position:center center;}.elementor-22 .elementor-element.elementor-element-ad49bba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-ad49bba{text-align:center;}.elementor-22 .elementor-element.elementor-element-ad49bba .elementor-heading-title{font-family:var( --e-global-typography-af0af62-font-family ), Sans-serif;font-size:var( --e-global-typography-af0af62-font-size );font-weight:var( --e-global-typography-af0af62-font-weight );line-height:var( --e-global-typography-af0af62-line-height );color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-9c29397{--display:flex;}.elementor-22 .elementor-element.elementor-element-3fe390b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-3fe390b img{width:430px;height:270px;object-fit:cover;object-position:center center;}.elementor-22 .elementor-element.elementor-element-b04dd82.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-b04dd82{text-align:center;}.elementor-22 .elementor-element.elementor-element-b04dd82 .elementor-heading-title{font-family:var( --e-global-typography-af0af62-font-family ), Sans-serif;font-size:var( --e-global-typography-af0af62-font-size );font-weight:var( --e-global-typography-af0af62-font-weight );line-height:var( --e-global-typography-af0af62-line-height );color:var( --e-global-color-3247acc );}.elementor-22 .elementor-element.elementor-element-62dcf00{--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;--padding-top:0%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-22 .elementor-element.elementor-element-c13bce2{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:0%;}.elementor-22 .elementor-element.elementor-element-556ebde{width:var( --container-widget-width, 382px );max-width:382px;--container-widget-width:382px;--container-widget-flex-grow:0;text-align:left;}.elementor-22 .elementor-element.elementor-element-556ebde.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-556ebde .elementor-heading-title{font-family:var( --e-global-typography-8b77f32-font-family ), Sans-serif;font-size:var( --e-global-typography-8b77f32-font-size );font-weight:var( --e-global-typography-8b77f32-font-weight );line-height:var( --e-global-typography-8b77f32-line-height );color:var( --e-global-color-3247acc );}.elementor-widget-xpro-button .xpro-elementor-button .xpro-button-text{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-d322548 .xpro-elementor-button,.elementor-22 .elementor-element.elementor-element-d322548 .xpro-elementor-button-hover-style-skewFill:before,
								.elementor-22 .elementor-element.elementor-element-d322548 .xpro-elementor-button-hover-style-flipSlide::before{background-color:#02010100;}.elementor-22 .elementor-element.elementor-element-d322548.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-d322548 .xpro-elementor-button .xpro-button-text{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;}.elementor-22 .elementor-element.elementor-element-d322548 .xpro-elementor-button{border-style:none;}.elementor-22 .elementor-element.elementor-element-669d03c{--display:flex;}.elementor-22 .elementor-element.elementor-element-00f98b6 > .elementor-widget-container{margin:0px 76px 0px 0px;}.elementor-22 .elementor-element.elementor-element-00f98b6{z-index:2;}.elementor-22 .elementor-element.elementor-element-00f98b6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-00f98b6 img{width:295px;height:350px;object-fit:cover;object-position:center center;border-radius:150px 150px 0px 0px;}.elementor-22 .elementor-element.elementor-element-9c45c3f > .elementor-widget-container{margin:-350px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-9c45c3f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22 .elementor-element.elementor-element-9c45c3f img{width:373px;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-9c46ce8 .elementor-heading-title{font-size:var( --e-global-typography-e963e38-font-size );line-height:var( --e-global-typography-e963e38-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-22 .elementor-element.elementor-element-9d513c0{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-22 .elementor-element.elementor-element-6481a4f img{height:230px;}.elementor-22 .elementor-element.elementor-element-cf483c1 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-71efc7a img{height:230px;}.elementor-22 .elementor-element.elementor-element-773d37e .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-f3316e2 img{height:230px;}.elementor-22 .elementor-element.elementor-element-416cbd8 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-38e1f7b img{height:230px;}.elementor-22 .elementor-element.elementor-element-ad49bba .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-3fe390b img{height:230px;}.elementor-22 .elementor-element.elementor-element-b04dd82 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-c13bce2{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-22 .elementor-element.elementor-element-556ebde{--container-widget-width:330px;--container-widget-flex-grow:0;width:var( --container-widget-width, 330px );max-width:330px;}.elementor-22 .elementor-element.elementor-element-556ebde .elementor-heading-title{font-size:var( --e-global-typography-8b77f32-font-size );line-height:var( --e-global-typography-8b77f32-line-height );}.elementor-22 .elementor-element.elementor-element-00f98b6 > .elementor-widget-container{margin:0px 70px 0px 0px;}.elementor-22 .elementor-element.elementor-element-00f98b6 img{width:235px;height:278px;}.elementor-22 .elementor-element.elementor-element-9c45c3f > .elementor-widget-container{margin:-285px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-9c45c3f img{width:310px;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-9c46ce8 .elementor-heading-title{font-size:var( --e-global-typography-e963e38-font-size );line-height:var( --e-global-typography-e963e38-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-22 .elementor-element.elementor-element-b84de66{--container-widget-width:16%;--container-widget-flex-grow:0;width:var( --container-widget-width, 16% );max-width:16%;}.elementor-22 .elementor-element.elementor-element-b84de66 .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-a48c4dc{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-22 .elementor-element.elementor-element-a48c4dc .elementor-divider-separator{width:100%;}.elementor-22 .elementor-element.elementor-element-9d513c0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-22 .elementor-element.elementor-element-6481a4f img{width:460px;height:200px;}.elementor-22 .elementor-element.elementor-element-cf483c1 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-71efc7a img{width:460px;height:200px;}.elementor-22 .elementor-element.elementor-element-773d37e .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-f3316e2 img{width:460px;height:200px;}.elementor-22 .elementor-element.elementor-element-416cbd8 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-38e1f7b img{width:460px;height:200px;}.elementor-22 .elementor-element.elementor-element-ad49bba .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-3fe390b img{width:460px;height:200px;}.elementor-22 .elementor-element.elementor-element-b04dd82 .elementor-heading-title{font-size:var( --e-global-typography-af0af62-font-size );line-height:var( --e-global-typography-af0af62-line-height );}.elementor-22 .elementor-element.elementor-element-62dcf00{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-c13bce2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-22 .elementor-element.elementor-element-556ebde{text-align:center;}.elementor-22 .elementor-element.elementor-element-556ebde .elementor-heading-title{font-size:var( --e-global-typography-8b77f32-font-size );line-height:var( --e-global-typography-8b77f32-line-height );}.elementor-22 .elementor-element.elementor-element-00f98b6 > .elementor-widget-container{margin:0px 60px 0px 0px;}.elementor-22 .elementor-element.elementor-element-00f98b6 img{width:192px;height:242px;}.elementor-22 .elementor-element.elementor-element-9c45c3f > .elementor-widget-container{margin:-237px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-9c45c3f img{width:253px;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-9d513c0{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-9d513c0{--width:100%;}}/* Start custom CSS for xpro-button, class: .elementor-element-d322548 */.btn-grad {background-image: linear-gradient(to right, #ff3131 0%, #db0707  35%, #ff3131  75%, #fd6f6f  100%)}
         .btn-grad {
            text-align: center;
            transition: 0.5s;
            background-size: 100% auto;
            width: 250px;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 50px;
            border: 4px solid #ff3131;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
            background-size: 200% auto;
          }/* End custom CSS */