.elementor-21 .elementor-element.elementor-element-8fc4475{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E7E7E759;--border-color:#E7E7E759;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-8fc4475::before, .elementor-21 .elementor-element.elementor-element-8fc4475 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-8fc4475 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-8fc4475 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-8fc4475 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-8fc4475 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-6b6b716{--spacer-size:100px;}.elementor-21 .elementor-element.elementor-element-ea972b1{text-align:center;}.elementor-21 .elementor-element.elementor-element-ea972b1 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21 .elementor-element.elementor-element-996d4f3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-996d4f3 a{color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-2df0d7b{--spacer-size:20px;}.elementor-21 .elementor-element.elementor-element-989c043{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-989c043.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-9637e50{--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-21 .elementor-element.elementor-element-0ab491b{--display:flex;}.elementor-21 .elementor-element.elementor-element-2461b12{--display:flex;}.elementor-21 .elementor-element.elementor-element-3b4b240{--display:flex;}.elementor-21 .elementor-element.elementor-element-4121f56{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-b77abd5{--display:flex;}.elementor-21 .elementor-element.elementor-element-11cb032{--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-21 .elementor-element.elementor-element-6b1eea4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-44a8920{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-9a325ae{--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-21 .elementor-element.elementor-element-c921f81{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-a8287e9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-78536b7{--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-21 .elementor-element.elementor-element-cf3a062{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-7c8ae96{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-8564bd7{--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-21 .elementor-element.elementor-element-6b796b0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-464d1a7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-0d93f9d{--display:flex;}.elementor-21 .elementor-element.elementor-element-eb21667{--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-21 .elementor-element.elementor-element-ca98070{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-b564506 .elementor-image-box-wrapper{text-align:left;}.elementor-21 .elementor-element.elementor-element-b564506 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-b564506 .elementor-image-box-title{font-family:"Bebas Neue", Sans-serif;font-size:20px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-370c522{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-15b2057 .elementor-image-box-wrapper{text-align:left;}.elementor-21 .elementor-element.elementor-element-15b2057 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-15b2057 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-21 .elementor-element.elementor-element-268c8ce{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E7E7E75C;--border-color:#E7E7E75C;--border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-b278713 .elementor-image-box-wrapper{text-align:left;}.elementor-21 .elementor-element.elementor-element-b278713 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-b278713 .elementor-image-box-title{font-family:"Bebas Neue", Sans-serif;font-size:20px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-9978ba7{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-border-radius:25px 25px 25px 25px;}.elementor-21 .elementor-element.elementor-element-9978ba7.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-9978ba7.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-21 .elementor-element.elementor-element-9978ba7.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-989c043{--width:98.049%;}.elementor-21 .elementor-element.elementor-element-6b1eea4{--width:50%;}.elementor-21 .elementor-element.elementor-element-44a8920{--width:50%;}.elementor-21 .elementor-element.elementor-element-c921f81{--width:50%;}.elementor-21 .elementor-element.elementor-element-a8287e9{--width:50%;}.elementor-21 .elementor-element.elementor-element-cf3a062{--width:50%;}.elementor-21 .elementor-element.elementor-element-7c8ae96{--width:50%;}.elementor-21 .elementor-element.elementor-element-6b796b0{--width:50%;}.elementor-21 .elementor-element.elementor-element-464d1a7{--width:50%;}.elementor-21 .elementor-element.elementor-element-ca98070{--width:50%;}.elementor-21 .elementor-element.elementor-element-370c522{--width:50%;}.elementor-21 .elementor-element.elementor-element-268c8ce{--width:50%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-8fc4475{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-b77abd5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-11cb032{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-eb21667{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f32dca8 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f54bf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7045a7 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c282f3a */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af6daf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07650c3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d5a023 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-954ab95 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89ea543 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c999fb9 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9377d3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42530ef */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf1dbb6 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cdc975 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f32dca8 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f54bf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7045a7 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c282f3a */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af6daf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07650c3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d5a023 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-954ab95 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89ea543 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c999fb9 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9377d3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42530ef */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf1dbb6 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cdc975 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f32dca8 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f54bf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7045a7 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c282f3a */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af6daf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07650c3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d5a023 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-954ab95 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89ea543 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c999fb9 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9377d3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42530ef */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf1dbb6 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cdc975 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f32dca8 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f54bf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7045a7 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c282f3a */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af6daf0 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07650c3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d5a023 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-954ab95 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89ea543 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c999fb9 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9377d3 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42530ef */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf1dbb6 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cdc975 */.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    bottom:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}
.portfolio-box{
    width:100%;
    height:420px;
    position:relative;
    overflow:hidden;
    background:#000;
}

.portfolio-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
}

/* 🔗 TOP RIGHT ARROW */
.corner-arrow{
    position:absolute;
    bottom:16px;
    right:16px;
    width:42px;
    height:42px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    font-size:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    z-index:5;
}

.corner-arrow:hover{
    background:#be0000;
    transform:scale(1.1);
}

/* POPUP */
.portfolio-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.85);
    z-index:9999;
    justify-content:center;
    align-items:center;
}

.popup-content{
    background:#0c0c0c;
    color:#fff;
    padding:30px;
    max-width:480px;
    width:90%;
    border-radius:16px;
    position:relative;
}

.close-btn{
    position:absolute;
    top:15px;
    right:18px;
    font-size:26px;
    cursor:pointer;
}

.live{
    color:#00ff88;
}/* End custom CSS */