.elementor-2847 .elementor-element.elementor-element-7826f2a5{--display:flex;}.elementor-2847 .elementor-element.elementor-element-29782d6{--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-2847 .elementor-element.elementor-element-fd2e23e{--display:flex;}.elementor-2847 .elementor-element.elementor-element-bb7f505{text-align:justify;}.elementor-2847 .elementor-element.elementor-element-8b1e528{text-align:justify;}.elementor-2847 .elementor-element.elementor-element-beda1ad{--display:flex;}.elementor-2847 .elementor-element.elementor-element-3355e2d{--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-2847 .elementor-element.elementor-element-b4bff24 img{border-radius:10px 10px 10px 10px;}.elementor-2847 .elementor-element.elementor-element-ae43c80 img{border-radius:15px 15px 15px 15px;}.elementor-2847 .elementor-element.elementor-element-182d92d{--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-2847 .elementor-element.elementor-element-6248ac4 img{width:100%;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2847 .elementor-element.elementor-element-bb7f505 .elementor-heading-title{font-size:20px;}.elementor-2847 .elementor-element.elementor-element-4cb8c3c .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-2847 .elementor-element.elementor-element-7826f2a5{--content-width:1368px;}}/* Start custom CSS for html, class: .elementor-element-47b5e95 */.skills-container {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 50px 0;
}

.skill {
  position: relative;
  width: 120px;
  height: 120px;
}

.skill svg {
  width: 120px;
  height: 120px;
  transform: rotate(-90deg);
}

.skill circle {
  fill: none;
  stroke-width: 12;
  cx: 60;
  cy: 60;
  r: 54;
}

.skill circle:first-child {
  stroke: #eee;
}

.skill circle:last-child {
  stroke: #4CAF50;
  stroke-dasharray: 339.292; /* 2πr */
  stroke-dashoffset: 339.292;
  transition: stroke-dashoffset 1.5s ease;
}

.skill-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.skill-info h3 {
  margin: 0;
  font-size: 1em;
}

.skill-info p {
  margin: 5px 0 0;
  font-weight: bold;
  font-size: 1em;
}

sd/* End custom CSS */