.elementor-917 .elementor-element.elementor-element-4e78f627{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-917 .elementor-element.elementor-element-4e78f627:not(.elementor-motion-effects-element-type-background), .elementor-917 .elementor-element.elementor-element-4e78f627 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-917 .elementor-element.elementor-element-4e78f627, .elementor-917 .elementor-element.elementor-element-4e78f627::before{--border-transition:0.3s;}.elementor-917 .elementor-element.elementor-element-962deed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--align-items:center;--background-transition:0.3s;}.elementor-917 .elementor-element.elementor-element-f1c6ab8 .elementor-repeater-item-6b908b0.elementor-social-icon{background-color:#FFFFFF;}.elementor-917 .elementor-element.elementor-element-f1c6ab8 .elementor-repeater-item-6b908b0.elementor-social-icon i{color:var( --e-global-color-accent );}.elementor-917 .elementor-element.elementor-element-f1c6ab8 .elementor-repeater-item-6b908b0.elementor-social-icon svg{fill:var( --e-global-color-accent );}.elementor-917 .elementor-element.elementor-element-f1c6ab8{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-917 .elementor-element.elementor-element-f1c6ab8 .elementor-widget-container{text-align:center;}.elementor-917 .elementor-element.elementor-element-f1c6ab8 .elementor-social-icon{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-917 .elementor-element.elementor-element-358cf21a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--background-transition:0.3s;}.elementor-917 .elementor-element.elementor-element-276918d{--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;--justify-content:center;--align-items:flex-end;--background-transition:0.3s;}.elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-917 .elementor-element.elementor-element-3e6b4f63{--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-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-text{transition:color 0.3s;}.elementor-917 .elementor-element.elementor-element-3e6b4f63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-917 .elementor-element.elementor-element-3e6b4f63 > .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;}@media(max-width:1024px){.elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-917 .elementor-element.elementor-element-3e6b4f63 .elementor-icon-list-item > a{font-size:18px;}}@media(min-width:768px){.elementor-917 .elementor-element.elementor-element-962deed{--width:25%;}.elementor-917 .elementor-element.elementor-element-358cf21a{--width:61%;}.elementor-917 .elementor-element.elementor-element-276918d{--width:14%;}}@media(max-width:1024px) and (min-width:768px){.elementor-917 .elementor-element.elementor-element-962deed{--width:18%;}.elementor-917 .elementor-element.elementor-element-358cf21a{--width:65%;}.elementor-917 .elementor-element.elementor-element-276918d{--width:17%;}}/* Start custom CSS for html, class: .elementor-element-63dffd98 */@font-face {    
    font-family: 'BeautiqueDisplay';    
    src: url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.eot'); /* IE9 Compat Modes */    
    src: url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.woff2') format('woff2'), /* Super Modern Browsers */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.woff') format('woff'), /* Modern Browsers */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.ttf') format('truetype'), /* Safari, Android, iOS */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.svg#BeautiqueDisplay') format('svg'); /* Legacy iOS */    
    font-weight: normal;    
    font-style: normal;    
}    
    
body {    
    font-family: 'BeautiqueDisplay', Arial, sans-serif; /* Menggunakan font kustom */    
    margin: 0;    
    padding: 0;    
    background: none; /* Menghapus background */    
}    
    
#primary-menu { /* Menggunakan ID primary-menu */    
    background-color: none;    
    padding: 10px 0;    
}    
    
#primary-menu .nav-list {    
    list-style-type: none;    
    margin: 0;    
    padding: 0;    
    display: flex;    
    justify-content: flex-end; /* Mengatur menu ke kanan */    
}    
    
#primary-menu .nav-item {    
    position: relative;    
    margin: 0 20px;    
}    
    
#primary-menu .nav-item a {    
    color: #4A4A4A; /* Mengubah warna font */    
    text-decoration: none;    
    font-size: 21px;    
    transition: opacity 0.3s ease;    
}    
    
#primary-menu .nav-item a::after {    
    content: '';    
    position: absolute;    
    width: 0;    
    height: 1px;    
    background-color: #4A4A4A; /* Mengubah warna underline */    
    bottom: 1px;    
    left: 0;    
    transition: width 0.8s ease;    
}    
    
#primary-menu .nav-item:hover a::after {    
    width: 100%;    
}    
    
#primary-menu .nav-item:hover a {    
    opacity: 1;    
}    
    
#primary-menu .nav-list:hover .nav-item:not(:hover) a {    
    opacity: 0.5;    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d0364 */@font-face {    
    font-family: 'BeautiqueDisplay';    
    src: url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.eot'); /* IE9 Compat Modes */    
    src: url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.woff2') format('woff2'), /* Super Modern Browsers */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.woff') format('woff'), /* Modern Browsers */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.ttf') format('truetype'), /* Safari, Android, iOS */    
         url('https://solvacreativeagency.com/wp-content/uploads/2025/01/BeautiqueDisplay-Light-BF63fd5fa808682.svg#BeautiqueDisplay') format('svg'); /* Legacy iOS */    
    font-weight: normal;    
    font-style: normal;    
}    
    
body {    
    font-family: 'BeautiqueDisplay', Arial, sans-serif; /* Menggunakan font kustom */    
    margin: 0;    
    padding: 0;    
    background: none; /* Menghapus background */    
}    
    
#primary-menu-mobile { /* Menggunakan ID primary-menu */    
    background-color: none;    
    padding: 10px 0;    
}    
    
#primary-menu-mobile .nav-list {    
    list-style-type: none;    
    margin: 0;    
    padding: 0;    
    display: flex;    
    justify-content: flex-end; /* Mengatur menu ke kanan */    
}    
    
#primary-menu-mobile .nav-item {    
    position: relative;    
    margin: 0 15px;    
}    
    
#primary-menu-mobile .nav-item a {    
    color: #4A4A4A; /* Mengubah warna font */    
    text-decoration: none;    
    font-size: 18px;    
    transition: opacity 0.3s ease;    
}    
    
#primary-menu-mobile .nav-item a::after {    
    content: '';    
    position: absolute;    
    width: 0;    
    height: 1px;    
    background-color: #4A4A4A; /* Mengubah warna underline */    
    bottom: 1px;    
    left: 0;    
    transition: width 0.8s ease;    
}    
    
#primary-menu-mobile .nav-item:hover a::after {    
    width: 100%;    
}    
    
#primary-menu-mobile .nav-item:hover a {    
    opacity: 1;    
}    
    
#primary-menu-mobile .nav-list:hover .nav-item:not(:hover) a {    
    opacity: 0.5;    
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3e6b4f63 */#portofolio-button {  
    display: inline-block;  
    width: 144.35px; /* Set width */  
    height: 35.78px; /* Set height */  
    text-decoration: none;  
    color: #FF7B00; /* Text color */  
    background-color: #FFFFFF; /* 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 .elementor-icon-list-text {  
    position: relative;  
    z-index: 2; /* Keep text above the background */  
}  
  
#portofolio-button::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:hover::before {  
    transform: translate(0, -50%) scale(2); /* Scale to full size on hover */  
}  
  
#portofolio-button:not(:hover)::before {  
    transform: translate(0, -50%) scale(0); /* Scale back to center when not hovered */  
}  
  
#portofolio-button:hover .elementor-icon-list-text {  
    color: #fff; /* Change text color on hover */  
}/* End custom CSS */