.elementor-1493 .elementor-element.elementor-element-13b59d7{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1493 .elementor-element.elementor-element-5f23cbf > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-1493 .elementor-element.elementor-element-5f23cbf img{width:100%;max-width:100%;filter:brightness( 84% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1493 .elementor-element.elementor-element-a2af74c{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1493 .elementor-element.elementor-element-8b164a4{text-align:center;}.elementor-1493 .elementor-element.elementor-element-8b164a4 .elementor-heading-title{color:#24417C;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-1493 .elementor-element.elementor-element-5afda0c{text-align:center;}.elementor-1493 .elementor-element.elementor-element-24f06bc{text-align:center;}.elementor-1493 .elementor-element.elementor-element-24f06bc .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-cb98ec2{text-align:center;}.elementor-1493 .elementor-element.elementor-element-3392aab{--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-1493 .elementor-element.elementor-element-9c6b365{--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-1493 .elementor-element.elementor-element-9d32d9f img{filter:brightness( 107% ) contrast( 125% ) saturate( 102% ) blur( 0px ) hue-rotate( 0deg );border-radius:200% 200% 200% 200%;}.elementor-1493 .elementor-element.elementor-element-c9299ec{--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-1493 .elementor-element.elementor-element-bbccd71{--display:flex;}.elementor-1493 .elementor-element.elementor-element-67ebde4{--display:flex;}.elementor-1493 .elementor-element.elementor-element-9bc83e1{text-align:center;}.elementor-1493 .elementor-element.elementor-element-9bc83e1 .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-f3fc9df{--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-1493 .elementor-element.elementor-element-fa97df9{text-align:center;}.elementor-1493 .elementor-element.elementor-element-fa97df9 .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-c644303{--display:flex;}.elementor-1493 .elementor-element.elementor-element-54f5d73{text-align:center;}.elementor-1493 .elementor-element.elementor-element-54f5d73 .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-fabe0b1{--display:flex;}.elementor-1493 .elementor-element.elementor-element-ed5ea67{text-align:center;}.elementor-1493 .elementor-element.elementor-element-ed5ea67 .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-0a4f7b3{--display:flex;}.elementor-1493 .elementor-element.elementor-element-d6ac035{text-align:center;}.elementor-1493 .elementor-element.elementor-element-d6ac035 .elementor-heading-title{color:#24417C;}.elementor-1493 .elementor-element.elementor-element-0f8da69{--display:flex;}.elementor-1493 .elementor-element.elementor-element-9b3c26c.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-1493 .elementor-element.elementor-element-9c6b365{--width:33.3333%;}.elementor-1493 .elementor-element.elementor-element-c9299ec{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-f445eb0 */.skills-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.skill {
  margin-bottom: 40px;
}

.skill-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.skill-name {
  font-weight: 600;
  font-size: 18px;
  color: #1e293b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.skill-name i {
  font-size: 20px;
  color: #2563eb;
}

.skill-percentage {
  font-size: 16px;
  font-weight: bold;
  color: #2563eb;
}

.skill-bar {
  background: #e0e0e0;
  height: 12px;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.skill-fill {
  background: #2563eb;
  height: 100%;
  width: 0;
  border-radius: 50px;
  animation: fillBar 2s forwards;
}

/* Smooth animation */
@keyframes fillBar {
  0% { width: 0; }
  100% { width: inherit; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b3c26c */button {
 height: 3em;
 width: 8em;
 border: none;
 border-radius: 10em;
 background: #016DD9;
 font-size: 17px;
 color: #ffffff;
 font-family: inherit;
 font-weight: 500;
}

button:hover {
 animation: shake3856 0.3s linear infinite both;
}

@keyframes shake3856 {
 0% {
  -webkit-transform: translate(0);
  transform: translate(0);
 }

 20% {
  -webkit-transform: translate(-2px, 2px);
  transform: translate(-2px, 2px);
 }

 40% {
  -webkit-transform: translate(-2px, -2px);
  transform: translate(-2px, -2px);
 }

 60% {
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
 }

 80% {
  -webkit-transform: translate(2px, -2px);
  transform: translate(2px, -2px);
 }

 100% {
  -webkit-transform: translate(0);
  transform: translate(0);
 }
}/* End custom CSS */