.elementor-3522 .elementor-element.elementor-element-3a2e6bb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3522 .elementor-element.elementor-element-3a2e6bb > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1E1636 0%, #1E1636 88%);opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3522 .elementor-element.elementor-element-3a2e6bb > .elementor-container{max-width:924px;min-height:600px;}.elementor-3522 .elementor-element.elementor-element-3a2e6bb{transition:background 2.4s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:10;}.elementor-bc-flex-widget .elementor-3522 .elementor-element.elementor-element-714f866.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3522 .elementor-element.elementor-element-714f866.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3522 .elementor-element.elementor-element-714f866.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3522 .elementor-element.elementor-element-714f866 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:22px 22px 22px 22px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), CA;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3522 .elementor-element.elementor-element-ee06007 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 44px 0px;}.elementor-3522 .elementor-element.elementor-element-ee06007{text-align:center;}.elementor-3522 .elementor-element.elementor-element-ee06007 img{width:56%;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), CA;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-1db0a45.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .swiper-pagination-bullet-active, .elementor-3522 .elementor-element.elementor-element-1db0a45 .swiper-pagination-progressbar-fill{background-color:#FFFFFF70;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .swiper-pagination-fraction{color:#FFFFFF70;}.elementor-3522 .elementor-element.elementor-element-1db0a45 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-main-swiper{height:179px;width:100%;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-main-swiper .swiper-slide{background-color:#4E4E4E00;border-radius:0px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-swiper-button{font-size:35px;color:#FFFFFF7D;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-swiper-button svg{fill:#FFFFFF7D;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .swiper-pagination-bullet{height:9px;width:9px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .swiper-horizontal .swiper-pagination-progressbar{height:9px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}#elementor-lightbox-slideshow-1db0a45{background-color:#FFFFFF;}#elementor-lightbox-slideshow-1db0a45 .dialog-lightbox-close-button, #elementor-lightbox-slideshow-1db0a45 .elementor-swiper-button{color:#FFFFFF;}#elementor-lightbox-slideshow-1db0a45 .dialog-lightbox-close-button:hover, #elementor-lightbox-slideshow-1db0a45 .elementor-swiper-button:hover{color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-custom-embed-play i{font-size:20px;}.elementor-3522 .elementor-element.elementor-element-8c543f6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3522 .elementor-element.elementor-element-8c543f6:not(.elementor-motion-effects-element-type-background), .elementor-3522 .elementor-element.elementor-element-8c543f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-8c543f6:hover{background-color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-8c543f6 > .elementor-background-overlay{background-color:#FFFFFF;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3522 .elementor-element.elementor-element-8c543f6 > .elementor-container{max-width:500px;min-height:0px;}.elementor-3522 .elementor-element.elementor-element-8c543f6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:300;}.elementor-3522 .elementor-element.elementor-element-2fd355e:hover > .elementor-element-populated{background-color:#FFFFFF5E;}.elementor-3522 .elementor-element.elementor-element-2fd355e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:13px 13px 13px 13px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), CA;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-e6f2f68 > .elementor-widget-container{background-color:#282828;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:59px 59px 59px 59px;}.elementor-3522 .elementor-element.elementor-element-e6f2f68{z-index:0;text-align:center;}.elementor-3522 .elementor-element.elementor-element-e6f2f68:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-e6f2f68 .elementor-heading-title{font-family:"CENTURY GOTHIC", CA;font-size:15px;font-weight:100;text-transform:none;font-style:normal;text-decoration:none;line-height:2.3em;letter-spacing:0px;color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-bd462ee:hover > .elementor-element-populated{background-color:#FFFFFF5E;}.elementor-3522 .elementor-element.elementor-element-bd462ee > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:13px 13px 13px 13px;}.elementor-3522 .elementor-element.elementor-element-ef7ab16 > .elementor-widget-container{background-color:#282828;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:59px 59px 59px 59px;}.elementor-3522 .elementor-element.elementor-element-ef7ab16{z-index:0;text-align:center;}.elementor-3522 .elementor-element.elementor-element-ef7ab16:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-ef7ab16 .elementor-heading-title{font-family:"CENTURY GOTHIC", CA;font-size:15px;font-weight:100;text-transform:none;font-style:normal;text-decoration:none;line-height:2.3em;letter-spacing:0px;mix-blend-mode:luminosity;color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-640ee46:hover > .elementor-element-populated{background-color:#FFFFFF5E;}.elementor-3522 .elementor-element.elementor-element-640ee46 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:13px 13px 13px 13px;}.elementor-3522 .elementor-element.elementor-element-5ba3b3a > .elementor-widget-container{background-color:#282828;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:59px 59px 59px 59px;}.elementor-3522 .elementor-element.elementor-element-5ba3b3a{z-index:0;text-align:center;}.elementor-3522 .elementor-element.elementor-element-5ba3b3a:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-5ba3b3a .elementor-heading-title{font-family:"CENTURY GOTHIC", CA;font-size:15px;font-weight:100;text-transform:none;font-style:normal;text-decoration:none;line-height:2.3em;letter-spacing:0px;mix-blend-mode:luminosity;color:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-ca0be74 > .elementor-background-overlay{background-color:#FFFFFF;opacity:1;}.elementor-3522 .elementor-element.elementor-element-ca0be74{z-index:100;}.elementor-3522 .elementor-element.elementor-element-cdf7e4c > .elementor-background-overlay{background-color:#FFFFFF;opacity:1;}.elementor-3522 .elementor-element.elementor-element-cdf7e4c > .elementor-container{max-width:1200px;min-height:316px;}.elementor-3522 .elementor-element.elementor-element-cdf7e4c{z-index:100;}.elementor-3522 .elementor-element.elementor-element-9838a5d > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-3522 .elementor-element.elementor-element-9838a5d{text-align:center;}.elementor-3522 .elementor-element.elementor-element-9838a5d .elementor-heading-title{font-family:"CALIBRI", CA;font-size:30px;font-weight:100;text-transform:none;font-style:normal;text-decoration:none;line-height:2.3em;letter-spacing:0px;color:#000000;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), CA;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-69a5560{--divider-border-style:solid;--divider-color:#E45D94;--divider-border-width:4.3px;}.elementor-3522 .elementor-element.elementor-element-69a5560 .elementor-divider-separator{width:16%;margin:0 auto;margin-center:0;}.elementor-3522 .elementor-element.elementor-element-69a5560 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-3522 .elementor-element.elementor-element-3ef296e > .elementor-widget-container{margin:0px 250px 0px 250px;}.elementor-3522 .elementor-element.elementor-element-3ef296e{text-align:center;}.elementor-3522 .elementor-element.elementor-element-3ef296e .elementor-heading-title{font-family:"CALIBRI", CA;font-size:19px;font-weight:100;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#000000;}.elementor-3522 .elementor-element.elementor-element-fc47d85{--spacer-size:50px;}.elementor-3522 .elementor-element.elementor-element-52725e6 > .elementor-container{min-height:0px;}.elementor-3522 .elementor-element.elementor-element-319e634 > .elementor-widget-container{margin:0px 0px 0px 42px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-319e634{text-align:center;}.elementor-3522 .elementor-element.elementor-element-319e634 img{width:43%;}.elementor-3522 .elementor-element.elementor-element-14f6a80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-14f6a80{z-index:1;}.elementor-3522 .elementor-element.elementor-element-14f6a80 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3522 .elementor-element.elementor-element-14f6a80 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-3522 .elementor-element.elementor-element-14f6a80 .swiper-pagination-bullet{width:5px;height:5px;background:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-61c2b72{text-align:center;}.elementor-3522 .elementor-element.elementor-element-61c2b72 img{width:68%;}.elementor-3522 .elementor-element.elementor-element-995fede > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-995fede{z-index:1;}.elementor-3522 .elementor-element.elementor-element-995fede .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3522 .elementor-element.elementor-element-995fede .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-3522 .elementor-element.elementor-element-995fede .swiper-pagination-bullet{width:5px;height:5px;background:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-af9ef95{text-align:left;}.elementor-3522 .elementor-element.elementor-element-af9ef95 img{width:100%;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d{z-index:1;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-3522 .elementor-element.elementor-element-d6fcf8d .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d .swiper-pagination-bullet{width:5px;height:5px;background:#FFFFFF;}.elementor-3522 .elementor-element.elementor-element-cdbc01e{--spacer-size:16px;}.elementor-3522 .elementor-element.elementor-element-bb7ea07{--display:flex;}.elementor-3522 .elementor-element.elementor-element-bc80bbf{--spacer-size:50px;}@media(min-width:768px){.elementor-3522 .elementor-element.elementor-element-714f866{width:100%;}.elementor-3522 .elementor-element.elementor-element-5a0ef6e{width:46.689%;}.elementor-3522 .elementor-element.elementor-element-8b9a673{width:53.244%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-1db0a45.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-main-swiper{height:155px;width:400px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:880px){.elementor-3522 .elementor-element.elementor-element-1db0a45.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-3522 .elementor-element.elementor-element-3a2e6bb > .elementor-container{max-width:500px;min-height:477px;}.elementor-3522 .elementor-element.elementor-element-3a2e6bb{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-714f866{width:100%;}.elementor-bc-flex-widget .elementor-3522 .elementor-element.elementor-element-714f866.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-3522 .elementor-element.elementor-element-714f866.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-3522 .elementor-element.elementor-element-714f866.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3522 .elementor-element.elementor-element-714f866 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-1db0a45.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:30px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-1db0a45 .elementor-main-swiper{height:100px;width:288px;}.elementor-3522 .elementor-element.elementor-element-2fd355e{width:33.33%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-e6f2f68 .elementor-heading-title{font-size:12px;}.elementor-3522 .elementor-element.elementor-element-bd462ee{width:33.33%;}.elementor-3522 .elementor-element.elementor-element-ef7ab16 .elementor-heading-title{font-size:12px;}.elementor-3522 .elementor-element.elementor-element-640ee46{width:33.33%;}.elementor-3522 .elementor-element.elementor-element-5ba3b3a .elementor-heading-title{font-size:12px;}.elementor-3522 .elementor-element.elementor-element-9838a5d > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-3522 .elementor-element.elementor-element-9838a5d{text-align:center;}.elementor-3522 .elementor-element.elementor-element-9838a5d .elementor-heading-title{font-size:15px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3522 .elementor-element.elementor-element-69a5560 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-3522 .elementor-element.elementor-element-69a5560 .elementor-divider{text-align:center;}.elementor-3522 .elementor-element.elementor-element-69a5560 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-3522 .elementor-element.elementor-element-3ef296e > .elementor-widget-container{margin:0px 30px 0px 30px;}.elementor-3522 .elementor-element.elementor-element-3ef296e{text-align:center;}.elementor-3522 .elementor-element.elementor-element-3ef296e .elementor-heading-title{font-size:13px;}.elementor-3522 .elementor-element.elementor-element-319e634 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3522 .elementor-element.elementor-element-14f6a80{--e-image-carousel-slides-to-show:3;}.elementor-3522 .elementor-element.elementor-element-14f6a80 .swiper-wrapper{display:flex;align-items:center;}.elementor-3522 .elementor-element.elementor-element-995fede{--e-image-carousel-slides-to-show:3;}.elementor-3522 .elementor-element.elementor-element-995fede .swiper-wrapper{display:flex;align-items:center;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d{--e-image-carousel-slides-to-show:3;}.elementor-3522 .elementor-element.elementor-element-d6fcf8d .swiper-wrapper{display:flex;align-items:center;}}/* Start custom CSS for heading, class: .elementor-element-e6f2f68 */*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #050510;
}
.wrapper{
    width: 40%;
    min-width: 500px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.container{
    width: 100%;
    padding: 50px 30px;
    background-color: rgba(255,255,255,0.06);
    border: 2px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    box-shadow: 0 20px 30px rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
}
.shape-1{
    height: 220px;
    width: 220px;
    background: linear-gradient(
        #ff0e72,
        #ff66a6
    );
    border-radius: 50%;
    position: absolute;
    bottom: -100px;
    left: -80px;
    z-index: -1;
}
.shape-2{
    height: 180px;
    width: 180px;
    background: linear-gradient(
        #3da5e0,
        #325ea5
    );
    border-radius: 50%;
    position: absolute;
    top: -100px;
    right: -50px;
    z-index: -1;
}
.container *{
    font-family: "Poppins",sans-serif;
    color: #ffffff;
    font-weight: 500;
}
h2{
    margin-bottom: 40px;
    letter-spacing: 2px;
}
.skills:not(:last-child){
    margin-bottom: 30px;
}
.details{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.bar{
    position: relative;
    background-color: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 7px 10px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}
.bar div{
    position: relative;
    width: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #badefc;
    border: 1px solid #1c97fc;
    box-shadow: 0 0 5px rgba(28,151,252,0.6);
}
#html-bar{
    animation: html-fill 2s forwards;
}
@keyframes html-fill{
    100%{
        width: 90%;
    }
}
#css-bar{
    animation: css-fill 2s forwards;
}
@keyframes css-fill{
    100%{
        width: 75%;
    }
}
#js-bar{
    animation: js-fill 2s forwards;
}
@keyframes js-fill {
    100%{
        width: 82%;
    }
}
#jQuery-bar{
    animation: jQuery-fill 2s forwards;
}
@keyframes jQuery-fill{
    100%{
        width: 68%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ef7ab16 */*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #050510;
}
.wrapper{
    width: 40%;
    min-width: 500px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.container{
    width: 100%;
    padding: 50px 30px;
    background-color: rgba(255,255,255,0.06);
    border: 2px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    box-shadow: 0 20px 30px rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
}
.shape-1{
    height: 220px;
    width: 220px;
    background: linear-gradient(
        #ff0e72,
        #ff66a6
    );
    border-radius: 50%;
    position: absolute;
    bottom: -100px;
    left: -80px;
    z-index: -1;
}
.shape-2{
    height: 180px;
    width: 180px;
    background: linear-gradient(
        #3da5e0,
        #325ea5
    );
    border-radius: 50%;
    position: absolute;
    top: -100px;
    right: -50px;
    z-index: -1;
}
.container *{
    font-family: "Poppins",sans-serif;
    color: #ffffff;
    font-weight: 500;
}
h2{
    margin-bottom: 40px;
    letter-spacing: 2px;
}
.skills:not(:last-child){
    margin-bottom: 30px;
}
.details{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.bar{
    position: relative;
    background-color: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 7px 10px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}
.bar div{
    position: relative;
    width: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #badefc;
    border: 1px solid #1c97fc;
    box-shadow: 0 0 5px rgba(28,151,252,0.6);
}
#html-bar{
    animation: html-fill 2s forwards;
}
@keyframes html-fill{
    100%{
        width: 90%;
    }
}
#css-bar{
    animation: css-fill 2s forwards;
}
@keyframes css-fill{
    100%{
        width: 75%;
    }
}
#js-bar{
    animation: js-fill 2s forwards;
}
@keyframes js-fill {
    100%{
        width: 82%;
    }
}
#jQuery-bar{
    animation: jQuery-fill 2s forwards;
}
@keyframes jQuery-fill{
    100%{
        width: 68%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5ba3b3a */*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #050510;
}
.wrapper{
    width: 40%;
    min-width: 500px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.container{
    width: 100%;
    padding: 50px 30px;
    background-color: rgba(255,255,255,0.06);
    border: 2px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    box-shadow: 0 20px 30px rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
}
.shape-1{
    height: 220px;
    width: 220px;
    background: linear-gradient(
        #ff0e72,
        #ff66a6
    );
    border-radius: 50%;
    position: absolute;
    bottom: -100px;
    left: -80px;
    z-index: -1;
}
.shape-2{
    height: 180px;
    width: 180px;
    background: linear-gradient(
        #3da5e0,
        #325ea5
    );
    border-radius: 50%;
    position: absolute;
    top: -100px;
    right: -50px;
    z-index: -1;
}
.container *{
    font-family: "Poppins",sans-serif;
    color: #ffffff;
    font-weight: 500;
}
h2{
    margin-bottom: 40px;
    letter-spacing: 2px;
}
.skills:not(:last-child){
    margin-bottom: 30px;
}
.details{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.bar{
    position: relative;
    background-color: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 7px 10px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}
.bar div{
    position: relative;
    width: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #badefc;
    border: 1px solid #1c97fc;
    box-shadow: 0 0 5px rgba(28,151,252,0.6);
}
#html-bar{
    animation: html-fill 2s forwards;
}
@keyframes html-fill{
    100%{
        width: 90%;
    }
}
#css-bar{
    animation: css-fill 2s forwards;
}
@keyframes css-fill{
    100%{
        width: 75%;
    }
}
#js-bar{
    animation: js-fill 2s forwards;
}
@keyframes js-fill {
    100%{
        width: 82%;
    }
}
#jQuery-bar{
    animation: jQuery-fill 2s forwards;
}
@keyframes jQuery-fill{
    100%{
        width: 68%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CENTURY GOTHIC';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791.eot');
	src: url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791.eot?#iefix') format('embedded-opentype'),
		url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791-1.woff2') format('woff2'),
		url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791.woff') format('woff'),
		url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791-1.ttf') format('truetype'),
		url('https://distribeaute.net/wp-content/uploads/2022/06/Century-Gothic_9791.svg#CENTURYGOTHIC') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CALIBRI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://distribeaute.net/wp-content/uploads/2022/09/EOT.eot');
	src: url('https://distribeaute.net/wp-content/uploads/2022/09/EOT.eot?#iefix') format('embedded-opentype'),
		url('https://distribeaute.net/wp-content/uploads/2022/09/WOFF2.woff2') format('woff2'),
		url('https://distribeaute.net/wp-content/uploads/2022/09/WOFF.woff') format('woff'),
		url('https://distribeaute.net/wp-content/uploads/2022/09/SVG.svg#CALIBRI') format('svg');
}
/* End Custom Fonts CSS */