.elementor-113 .elementor-element.elementor-element-96352a4{--display:flex;--min-height:412px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-96352a4:not(.elementor-motion-effects-element-type-background), .elementor-113 .elementor-element.elementor-element-96352a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-113 .elementor-element.elementor-element-96352a4 > .elementor-shape-top .elementor-shape-fill, .elementor-113 .elementor-element.elementor-element-96352a4 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-98f60da );}.elementor-113 .elementor-element.elementor-element-96352a4 > .elementor-shape-bottom .elementor-shape-fill, .elementor-113 .elementor-element.elementor-element-96352a4 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-98f60da );}.elementor-113 .elementor-element.elementor-element-96352a4 > .elementor-shape-bottom svg, .elementor-113 .elementor-element.elementor-element-96352a4 > .e-con-inner > .elementor-shape-bottom svg{height:154px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-113 .elementor-element.elementor-element-c295ea2{margin:150px 150px calc(var(--kit-widget-spacing, 0px) + 150px) 150px;padding:0px 0px -15px 0px;text-align:center;}.elementor-113 .elementor-element.elementor-element-c295ea2.elementor-element{--align-self:center;}.elementor-113 .elementor-element.elementor-element-c295ea2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-98f60da );}.elementor-113 .elementor-element.elementor-element-1537cab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-0c65b1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-a75e65a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-113 .elementor-element.elementor-element-88cd09e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-113 .elementor-element.elementor-element-ea1f1cd{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-accent );}.elementor-113 .elementor-element.elementor-element-ea1f1cd .elementor-headline{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-113 .elementor-element.elementor-element-ea1f1cd .elementor-headline-plain-text{color:var( --e-global-color-accent );}.elementor-113 .elementor-element.elementor-element-af20b7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-816e360{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-70af250 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-113 .elementor-element.elementor-element-b376c5d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-113 .elementor-element.elementor-element-d4b9daf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-04ca60c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-113 .elementor-element.elementor-element-70e78aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-f68423b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-1px -1px -1px -1px;}.elementor-113 .elementor-element.elementor-element-f7d4554{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-80d1602{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-c32f969{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-35ed7f6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-113 .elementor-element.elementor-element-c36b2d1{--display:flex;}.elementor-113 .elementor-element.elementor-element-fe06f7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-2c74937{--display:flex;}.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-113 .elementor-element.elementor-element-4913ea9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-113 .elementor-element.elementor-element-a2e70f7{--display:flex;--min-height:258px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-a2e70f7:not(.elementor-motion-effects-element-type-background), .elementor-113 .elementor-element.elementor-element-a2e70f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f0b93a0 );}.elementor-113 .elementor-element.elementor-element-bf0738c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-113 .elementor-element.elementor-element-bf0738c:not(.elementor-motion-effects-element-type-background), .elementor-113 .elementor-element.elementor-element-bf0738c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-113 .elementor-element.elementor-element-2b5de10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-d4b9daf{--width:25%;}.elementor-113 .elementor-element.elementor-element-70e78aa{--width:25%;}.elementor-113 .elementor-element.elementor-element-f7d4554{--width:25%;}.elementor-113 .elementor-element.elementor-element-80d1602{--width:25%;}.elementor-113 .elementor-element.elementor-element-a2e70f7{--width:50%;}.elementor-113 .elementor-element.elementor-element-bf0738c{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-113 .elementor-element.elementor-element-c295ea2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-a75e65a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-113 .elementor-element.elementor-element-ea1f1cd .elementor-headline{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-70af250 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-35ed7f6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-113 .elementor-element.elementor-element-c295ea2{margin:12px 12px calc(var(--kit-widget-spacing, 0px) + 12px) 12px;padding:20px 20px 20px 20px;}.elementor-113 .elementor-element.elementor-element-c295ea2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-a75e65a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-113 .elementor-element.elementor-element-ea1f1cd .elementor-headline{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-70af250 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-113 .elementor-element.elementor-element-35ed7f6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-f68423b */<style>
.skill {
  display: flex;
  justify-content: center;
}

.circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(black 0deg, #ddd 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background 1.5s ease;
}

.circle::before {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  background: #f2f2f2;
  border-radius: 50%;
}

.inner {
  position: relative;
  text-align: center;
  z-index: 2;
}

.inner h3 {
  margin: 0;
  font-size: 24px;
}

.inner span {
  font-size: 28px;
  font-weight: bold;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
  const circles = document.querySelectorAll(".circle");

  circles.forEach(circle => {
    const percent = circle.getAttribute("data-percent");
    const degrees = percent * 3.6;

    setTimeout(() => {
      circle.style.background =
        `conic-gradient(black ${degrees}deg, #ddd ${degrees}deg)`;
    }, 300);
  });
});
</script>/* End custom CSS */