.elementor-128 .elementor-element.elementor-element-bfd6348{--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;--overlay-opacity:0.5;}.elementor-128 .elementor-element.elementor-element-bfd6348:not(.elementor-motion-effects-element-type-background), .elementor-128 .elementor-element.elementor-element-bfd6348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-128 .elementor-element.elementor-element-bfd6348::before, .elementor-128 .elementor-element.elementor-element-bfd6348 > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-bfd6348 > .e-con-inner > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-bfd6348 > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-bfd6348 > .e-con-inner > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-bfd6348 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-128 .elementor-element.elementor-element-b825183{--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-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 );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-128 .elementor-element.elementor-element-4cc5389{--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-128 .elementor-element.elementor-element-8368e11{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-128 .elementor-element.elementor-element-473daeb{text-align:center;}.elementor-128 .elementor-element.elementor-element-473daeb .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:27px;font-weight:400;line-height:1.5em;}.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 );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );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-128 .elementor-element.elementor-element-3f1d220{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-128 .elementor-element.elementor-element-18bf88d .elementor-button{background-color:var( --e-global-color-text );}.elementor-128 .elementor-element.elementor-element-2199b63 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-128 .elementor-element.elementor-element-3e549f6{--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;--overlay-opacity:0.5;}.elementor-128 .elementor-element.elementor-element-3e549f6:not(.elementor-motion-effects-element-type-background), .elementor-128 .elementor-element.elementor-element-3e549f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-128 .elementor-element.elementor-element-3e549f6::before, .elementor-128 .elementor-element.elementor-element-3e549f6 > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-3e549f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-3e549f6 > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-3e549f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-3e549f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-128 .elementor-element.elementor-element-8c35e3d{margin:45px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-128 .elementor-element.elementor-element-8c35e3d .elementor-heading-title{font-family:"Do Hyeon", Sans-serif;font-size:30px;font-weight:400;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-b18b006{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 45px) 50px;padding:15px 15px 15px 15px;column-gap:0px;text-align:center;font-family:"Do Hyeon", Sans-serif;font-size:21px;font-weight:400;text-transform:none;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-7eb063f{--display:flex;--overlay-opacity:0.5;}.elementor-128 .elementor-element.elementor-element-7eb063f:not(.elementor-motion-effects-element-type-background), .elementor-128 .elementor-element.elementor-element-7eb063f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-128 .elementor-element.elementor-element-7eb063f::before, .elementor-128 .elementor-element.elementor-element-7eb063f > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-7eb063f > .e-con-inner > .elementor-background-video-container::before, .elementor-128 .elementor-element.elementor-element-7eb063f > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-7eb063f > .e-con-inner > .elementor-background-slideshow::before, .elementor-128 .elementor-element.elementor-element-7eb063f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-128 .elementor-element.elementor-element-3a74de4{text-align:center;}.elementor-128 .elementor-element.elementor-element-3a74de4 .elementor-heading-title{font-family:"Do Hyeon", Sans-serif;font-size:41px;font-weight:400;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-128 .elementor-element.elementor-element-0884a36{--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-128 .elementor-element.elementor-element-0884a36:not(.elementor-motion-effects-element-type-background), .elementor-128 .elementor-element.elementor-element-0884a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-128 .elementor-element.elementor-element-11af363{background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-128 .elementor-element.elementor-element-b825183{--width:50%;}.elementor-128 .elementor-element.elementor-element-4cc5389{--width:50%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-128 .elementor-element.elementor-element-650ba39 img{width:100%;max-width:100%;}.elementor-128 .elementor-element.elementor-element-8368e11{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-128 .elementor-element.elementor-element-473daeb .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-128 .elementor-element.elementor-element-3f1d220{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-128 .elementor-element.elementor-element-8c35e3d .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-b18b006{font-size:16px;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-3a74de4 .elementor-heading-title{font-size:12px;line-height:1.5em;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-128 .elementor-element.elementor-element-650ba39 img{width:100%;max-width:100%;}.elementor-128 .elementor-element.elementor-element-8368e11{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-128 .elementor-element.elementor-element-473daeb{padding:15px 15px 15px 15px;grid-column:span 1;}.elementor-128 .elementor-element.elementor-element-473daeb .elementor-heading-title{font-size:23px;line-height:1.4em;letter-spacing:-1px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-128 .elementor-element.elementor-element-62c2399{column-gap:0px;}.elementor-128 .elementor-element.elementor-element-62c2399 p{margin-block-end:0px;}.elementor-128 .elementor-element.elementor-element-3f1d220{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-128 .elementor-element.elementor-element-8c35e3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 030px;}.elementor-128 .elementor-element.elementor-element-8c35e3d .elementor-heading-title{font-size:30px;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-b18b006{font-size:16px;line-height:1.5em;}.elementor-128 .elementor-element.elementor-element-3a74de4 .elementor-heading-title{font-size:31px;line-height:1.5em;}}/* Start custom CSS for html, class: .elementor-element-8577879 */.my-skills {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background: #f5f5f7;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.skill {
  margin-bottom: 25px;
}

.skill-name {
  font-size: 18px;
  font-weight: 700;
  color: #1E1E2F;
  margin-bottom: 8px;
  letter-spacing: 0.03em;
}

.skill-bar {
  position: relative;
  height: 20px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
}

.skill-progress {
  height: 100%;
  width: 0;
  background-color: var(--skill-color);
  border-radius: 10px 0 0 10px;
  transition: width 2s ease;
  box-shadow: 0 0 10px var(--skill-color);
}

/* درصد روی بار */
.skill-percent {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  color: #1E1E2F;
  font-size: 14px;
  user-select: none;
}

/* انیمیشن وقتی صفحه لود میشه */
.my-skills .skill {
  opacity: 0;
  transform: translateY(20px);
  animation-fill-mode: forwards;
  animation-name: fadeInUp;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
}

.my-skills .skill:nth-child(1) { animation-delay: 0.2s; }
.my-skills .skill:nth-child(2) { animation-delay: 0.4s; }
.my-skills .skill:nth-child(3) { animation-delay: 0.6s; }
.my-skills .skill:nth-child(4) { animation-delay: 0.8s; }
.my-skills .skill:nth-child(5) { animation-delay: 1s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */