.elementor-485 .elementor-element.elementor-element-7aa4432{--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-485 .elementor-element.elementor-element-ac7c771{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-ac7c771.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-7e95622 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;letter-spacing:0px;color:#B6FF00;}.elementor-485 .elementor-element.elementor-element-2eea547 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:47px;font-weight:700;letter-spacing:1.1px;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-484ca05 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:20px;font-weight:500;letter-spacing:1.8px;color:#FFFFFFBF;}.elementor-485 .elementor-element.elementor-element-6796a27.elementor-element{--align-self:flex-start;}.elementor-485 .elementor-element.elementor-element-6796a27 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:30px;letter-spacing:0.1px;}.elementor-485 .elementor-element.elementor-element-15ea3da{--display:flex;}.elementor-485 .elementor-element.elementor-element-219b482{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:13px 13px;--row-gap:13px;--column-gap:13px;}.elementor-485 .elementor-element.elementor-element-219b482.e-con{--align-self:flex-start;}.elementor-485 .elementor-element.elementor-element-2cff8e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-2cff8e9.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-23393d4{text-align:center;}.elementor-485 .elementor-element.elementor-element-23393d4 .elementor-heading-title{font-size:20px;}.elementor-485 .elementor-element.elementor-element-29aea33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-29aea33.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-0ac555a .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-02a81f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-02a81f6.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-d4372f9{text-align:center;}.elementor-485 .elementor-element.elementor-element-d4372f9 .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-d0ca22b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-d0ca22b.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-aea05f1{text-align:start;}.elementor-485 .elementor-element.elementor-element-aea05f1 .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-2ac0cdd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-2ac0cdd.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-1cf2841{text-align:start;}.elementor-485 .elementor-element.elementor-element-1cf2841 .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-50ffbc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-50ffbc8.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-aebbf38 .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-9c4b249{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-9c4b249.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-bfc9765 .elementor-heading-title{font-size:18px;}.elementor-485 .elementor-element.elementor-element-883aa8d{--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-485 .elementor-element.elementor-element-a14e234{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-69eb5e3{--display:flex;}.elementor-485 .elementor-element.elementor-element-20f0342 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-cf265c2 .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-44479a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-44479a1 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-7c113c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-d66c64c{--display:flex;}.elementor-485 .elementor-element.elementor-element-3b13b3e .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-d8f54ef .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-7efe9f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-7efe9f4 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-c02b822{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-372dcdc{--display:flex;}.elementor-485 .elementor-element.elementor-element-735582c .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-5653aa0 .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-9b20413{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-9b20413 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-14fdf19{--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-485 .elementor-element.elementor-element-1848190{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-8482aaf{--display:flex;}.elementor-485 .elementor-element.elementor-element-9e6c688 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-cb8c6b6 .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-6d93057{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-6d93057 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-c046e7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-af30654{--display:flex;}.elementor-485 .elementor-element.elementor-element-f387489 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-956dd61 .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-6670d87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-6670d87 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-e64de5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-942ff9b{--display:flex;}.elementor-485 .elementor-element.elementor-element-fa45c48 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-d6c2025 .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-0c085ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-0c085ee .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-b00ff2e{--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-485 .elementor-element.elementor-element-e3c5d3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-485 .elementor-element.elementor-element-768ba77{--display:flex;}.elementor-485 .elementor-element.elementor-element-4439be1 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:25px;}.elementor-485 .elementor-element.elementor-element-257662f .elementor-heading-title{font-family:"Helvetica", Sans-serif;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-40134ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-485 .elementor-element.elementor-element-40134ab .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:21px;font-weight:300;letter-spacing:0px;color:#959595;}.elementor-485 .elementor-element.elementor-element-3a0acdb{--display:flex;}.elementor-485 .elementor-element.elementor-element-dd1866e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:37px;--margin-bottom:0px;--margin-left:37px;--margin-right:0px;}.elementor-485 .elementor-element.elementor-element-6ab2a0a5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-485 .elementor-element.elementor-element-6ab2a0a5.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-de5659f .elementor-icon-wrapper{text-align:center;}.elementor-485 .elementor-element.elementor-element-de5659f.elementor-view-stacked .elementor-icon{background-color:#B6FF00;}.elementor-485 .elementor-element.elementor-element-de5659f.elementor-view-framed .elementor-icon, .elementor-485 .elementor-element.elementor-element-de5659f.elementor-view-default .elementor-icon{color:#B6FF00;border-color:#B6FF00;}.elementor-485 .elementor-element.elementor-element-de5659f.elementor-view-framed .elementor-icon, .elementor-485 .elementor-element.elementor-element-de5659f.elementor-view-default .elementor-icon svg{fill:#B6FF00;}.elementor-485 .elementor-element.elementor-element-71b2b81b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-485 .elementor-element.elementor-element-71b2b81b.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-53da04f4{text-align:start;}.elementor-485 .elementor-element.elementor-element-53da04f4 .elementor-heading-title{font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-485 .elementor-element.elementor-element-928ff6e .elementor-heading-title{font-size:19px;letter-spacing:0.1px;color:#ADADAD;}.elementor-485 .elementor-element.elementor-element-714c2584{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-485 .elementor-element.elementor-element-714c2584.e-con{--align-self:center;}.elementor-485 .elementor-element.elementor-element-3677acb9.elementor-element{--align-self:center;}.elementor-485 .elementor-element.elementor-element-3677acb9 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:500;}body.elementor-page-485:not(.elementor-motion-effects-element-type-background), body.elementor-page-485 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-485 .elementor-element.elementor-element-7aa4432{--width:95%;}.elementor-485 .elementor-element.elementor-element-ac7c771{--width:40%;}.elementor-485 .elementor-element.elementor-element-15ea3da{--width:60%;}.elementor-485 .elementor-element.elementor-element-219b482{--width:90%;}.elementor-485 .elementor-element.elementor-element-2cff8e9{--width:14%;}.elementor-485 .elementor-element.elementor-element-29aea33{--width:14%;}.elementor-485 .elementor-element.elementor-element-02a81f6{--width:14%;}.elementor-485 .elementor-element.elementor-element-d0ca22b{--width:14%;}.elementor-485 .elementor-element.elementor-element-2ac0cdd{--width:14%;}.elementor-485 .elementor-element.elementor-element-50ffbc8{--width:14%;}.elementor-485 .elementor-element.elementor-element-9c4b249{--width:14%;}.elementor-485 .elementor-element.elementor-element-a14e234{--width:32%;}.elementor-485 .elementor-element.elementor-element-7c113c7{--width:32%;}.elementor-485 .elementor-element.elementor-element-c02b822{--width:32%;}.elementor-485 .elementor-element.elementor-element-1848190{--width:32%;}.elementor-485 .elementor-element.elementor-element-c046e7c{--width:32%;}.elementor-485 .elementor-element.elementor-element-e64de5a{--width:32%;}.elementor-485 .elementor-element.elementor-element-e3c5d3a{--width:32%;}.elementor-485 .elementor-element.elementor-element-dd1866e{--width:95%;}.elementor-485 .elementor-element.elementor-element-6ab2a0a5{--width:11%;}.elementor-485 .elementor-element.elementor-element-71b2b81b{--width:30%;}.elementor-485 .elementor-element.elementor-element-714c2584{--width:50%;}}@media(max-width:1024px){.elementor-485 .elementor-element.elementor-element-6796a27 .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-485 .elementor-element.elementor-element-6796a27 .elementor-heading-title{font-size:21px;}.elementor-485 .elementor-element.elementor-element-219b482{--width:100%;}.elementor-485 .elementor-element.elementor-element-2cff8e9{--width:44%;--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-485 .elementor-element.elementor-element-29aea33{--width:44%;}.elementor-485 .elementor-element.elementor-element-02a81f6{--width:44%;}.elementor-485 .elementor-element.elementor-element-d0ca22b{--width:44%;}.elementor-485 .elementor-element.elementor-element-2ac0cdd{--width:44%;}.elementor-485 .elementor-element.elementor-element-50ffbc8{--width:44%;}.elementor-485 .elementor-element.elementor-element-9c4b249{--width:44%;}.elementor-485 .elementor-element.elementor-element-dd1866e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for heading, class: .elementor-element-6796a27 */#outline-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:14px;

height:58px;

padding:0 28px;

background:transparent;

border:1px solid rgba(182,255,0,.55);

border-radius:4px;

color:#FFFFFF !important;

font-size:16px;

font-weight:600;

text-decoration:none;

transition:all .3s ease;

cursor:pointer;

}

/* ICON */

#outline-btn i,
#outline-btn svg{

font-size:15px;

transition:.3s ease;

color:#B6FF00;

}

/* HOVER */

#outline-btn:hover{

border-color:#B6FF00;

background:rgba(182,255,0,.05);

box-shadow:
0 0 15px rgba(182,255,0,.12);

}

#outline-btn:hover i,
#outline-btn:hover svg{

transform:translateX(5px);

}


@media (max-width:767px){

#outline-btn{

width:100%;

height:54px;

font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-23393d4 */.filter-item.active{

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.12);

background:rgba(182,255,0,.03);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0ac555a */.portfolio-filters{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

flex-wrap:wrap;

}

/* FILTER BUTTON */

.filter-item{

min-width:140px;

height:56px;

padding:0 20px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

background:#0B0B0B;

border:1px solid rgba(255,255,255,.08);

border-radius:14px;

color:#fff;

font-size:16px;

font-weight:500;

cursor:pointer;

transition:all .3s ease;

}

/* HOVER */

.filter-item:hover{

border-color:#B6FF00 !important;

color:#B6FF00 !important;

background:rgba(182,255,0,.04);

box-shadow:0 0 12px rgba(182,255,0,.08);

}

/* ACTIVE */

.filter-item.active{

border-color:#B6FF00 !important;

color:#B6FF00 !important;

background:rgba(182,255,0,.05);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d4372f9 */.filter-item{

width:180px;

height:72px;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

border:1px solid rgba(255,255,255,.08);

border-radius:16px;

background:#0B0B0B;

color:#fff;

font-size:18px;

font-weight:500;

transition:.3s ease;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-219b482 */@media (min-width:1025px){

.portfolio-filters{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

flex-wrap:nowrap;

overflow-x:auto;

}

.portfolio-filters::-webkit-scrollbar{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69eb5e3 */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cf265c2 */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-44479a1 */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a14e234 */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d66c64c */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8f54ef */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7efe9f4 */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c113c7 */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-372dcdc */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5653aa0 */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b20413 */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c02b822 */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8482aaf */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cb8c6b6 */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6d93057 */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1848190 */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af30654 */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-956dd61 */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6670d87 */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c046e7c */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-942ff9b */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d6c2025 */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0c085ee */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e64de5a */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-768ba77 */.portfolio-image{

position:relative;

overflow:hidden;

border-radius:18px 18px 0 0;

}

.portfolio-category{

position:absolute;

top:18px;

left:18px;

z-index:10;

padding:8px 14px;

background:rgba(10,10,10,.85);

border:1px solid rgba(255,255,255,.10);

border-radius:999px;

font-size:13px;

font-weight:500;

color:#fff;

backdrop-filter:blur(10px);

}
.portfolio-category:hover{

background:rgba(182,255,0,.10);

border-color:#B6FF00;

color:#B6FF00;

box-shadow:
0 0 12px rgba(182,255,0,.15);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-257662f */.portfolio-title h1,
.portfolio-title h2,
.portfolio-title h3,
.portfolio-title h4,
.portfolio-title h5,
.portfolio-title h6{

font-size:38px !important;

font-weight:600 !important;

line-height:1.2 !important;

color:#fff !important;

margin:0 !important;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-40134ab */.portfolio-content{

padding:28px;

display:flex;

justify-content:space-between;

align-items:flex-start;

background:#090909;

border-top:1px solid rgba(255,255,255,.05);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3c5d3a */.portfolio-card{

background:#090909;

border:1px solid rgba(255,255,255,.06);

border-radius:24px;

overflow:hidden;

transition:all .35s ease;

position:relative;

height:100%;

}

.portfolio-card:hover{

transform:translateY(-8px);

border-color:rgba(182,255,0,.18);

box-shadow:
0 10px 30px rgba(0,0,0,.35),
0 0 25px rgba(182,255,0,.08);

}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-de5659f */.cta-icon-box{

width:90px;

height:90px;

display:flex;

align-items:center;

justify-content:center;

border-radius:12px;

border:1px solid rgba(182,255,0,.35);

background:rgba(182,255,0,.03);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3677acb9 */.cta-button{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

width:240px;

height:68px;

background:#B6FF00;

color:#111 !important;

font-size:18px;

font-weight:600;

border-radius:6px;

text-decoration:none;

transition:.3s ease;

}

.cta-button:hover{

transform:translateY(-2px);

background:#C8FF39;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd1866e */.cta-section{

display:flex;

align-items:center;

justify-content:space-between;

gap:40px;

padding:4px 50px;

background:linear-gradient(
90deg,
#0B0B0B 0%,
#0B0B0B 55%,
rgba(182,255,0,.15) 80%,
rgba(182,255,0,.25) 100%
);

border:1px solid rgba(255,255,255,.06);

border-radius:18px;

position:relative;

overflow:hidden;

}

/* YAŞIL GLOW */

.cta-section::before{

content:"";

position:absolute;

right:-150px;

top:50%;

transform:translateY(-50%);

width:450px;

height:450px;

background:rgba(182,255,0,.15);

border-radius:50%;

filter:blur(120px);

pointer-events:none;

}

@media (max-width:767px){

.cta-section{

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

gap:25px;

padding:30px 20px;

width:100%;

max-width:350px;

margin:0 auto;

}

.cta-section::before{

width:220px;

height:220px;

right:-60px;

bottom:-60px;

top:auto;

transform:none;

filter:blur(80px);

}

}/* End custom CSS */