.elementor-937 .elementor-element.elementor-element-ac21a50{--display:flex;--background-transition:0.3s;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .elementor-nav-menu .elementor-item{font-family:"Light Beautique Display", Sans-serif;font-weight:600;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-underline .elementor-item:after,
					 .elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-overline .elementor-item:before,
					 .elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-double-line .elementor-item:before,
					 .elementor-937 .elementor-element.elementor-element-ecf4e38 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-937 .elementor-element.elementor-element-ecf4e38{--e-nav-menu-horizontal-menu-item-margin:calc( 11px / 2 );width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-937 .elementor-element.elementor-element-ecf4e38 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:11px;}.elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-937 .elementor-element.elementor-element-b0b4993{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;width:var( --container-widget-width, 144.35px );max-width:144.35px;--container-widget-width:144.35px;--container-widget-flex-grow:0;}.elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-text{transition:color 0.3s;}.elementor-937 .elementor-element.elementor-element-b0b4993.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-937 .elementor-element.elementor-element-b0b4993 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}#elementor-popup-modal-937 .dialog-message{width:220px;height:100vh;align-items:flex-start;}#elementor-popup-modal-937{justify-content:flex-end;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-937 .dialog-close-button{display:flex;}#elementor-popup-modal-937 .dialog-widget-content{animation-duration:0.5s;background-color:var( --e-global-color-61fb9de );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-937 .elementor-element.elementor-element-b0b4993 .elementor-icon-list-item > a{font-size:18px;}}/* Start custom CSS for icon-list, class: .elementor-element-b0b4993 */#portofolio-button-nav {  
    display: inline-block;  
    width: 129px; /* Set width */  
    height: 35.78px; /* Set height */  
    text-decoration: none;  
    color: #FF7B00; /* Text color */  
    background-color: #F3EEE7; /* Default background color */  
    position: relative;  
    overflow: hidden; /* Ensure the background does not overflow */  
    line-height: 35.78px; /* Center text vertically */  
    text-align: center; /* Center text horizontally */  
    transition: color 0.3s ease; /* Smooth transition for text color */  
    border-radius: 5px; /* Corner radius */  
}  
  
#portofolio-button-nav .elementor-icon-list-text {  
    position: relative;  
    z-index: 2; /* Keep text above the background */  
}  
  
#portofolio-button-nav::before {  
    content: '';  
    position: absolute;  
    top: 150%;  
    right: 0; /* Start from the left corner */  
    width: 300%; /* Make it larger than the button */  
    height: 300%; /* Make it larger than the button */  
    background-color: #4A4A4A; /* Background color on hover */  
    border-radius: 50%; /* Make it circular */  
    transform: translate(0, 50%) scale(0); /* Start from the left corner and scale down */  
    transition: transform 1.5s ease; /* Smooth transition for background */  
    z-index: 1; /* Ensure background is below the text */  
}  
  
#portofolio-button-nav:hover::before {  
    transform: translate(0, -50%) scale(2); /* Scale to full size on hover */  
}  
  
#portofolio-button-nav:not(:hover)::before {  
    transform: translate(0, -50%) scale(0); /* Scale back to center when not hovered */  
}  
  
#portofolio-button-nav:hover .elementor-icon-list-text {  
    color: #fff; /* Change text color on hover */  
}/* End custom CSS */