.elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-between;align-items:space-between;}.elementor-115 .elementor-element.elementor-element-1ba81e8:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-container{min-height:100vh;}.elementor-115 .elementor-element.elementor-element-1ba81e8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 5% 0% 12%;}.elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-54808d19.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-115 .elementor-element.elementor-element-54808d19.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-115 .elementor-element.elementor-element-54808d19.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-39ca1962{z-index:2;text-align:center;color:var( --e-global-color-d0f3092 );font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-64869c54.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-115 .elementor-element.elementor-element-64869c54.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-115 .elementor-element.elementor-element-64869c54.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-115 .elementor-element.elementor-element-5336100e{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-101a1d32 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-101a1d32{z-index:1;}.elementor-115 .elementor-element.elementor-element-18e78f1b{background-color:#333333;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 1%) 0%;padding:2px 2px 2px 2px;border-style:solid;border-width:7px 7px 7px 7px;border-color:#000000;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 12px 8px #000000 inset;}.elementor-115 .elementor-element.elementor-element-18e78f1b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-115 .elementor-element.elementor-element-42397907{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:10;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-50c4d651.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-115 .elementor-element.elementor-element-50c4d651.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-115 .elementor-element.elementor-element-50c4d651.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-50c4d651{z-index:3;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-115 .elementor-element.elementor-element-5ea98fb4 .elementor-button{background-color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#E9E9E975;padding:20px 20px 20px 20px;}.elementor-115 .elementor-element.elementor-element-5ea98fb4 .elementor-button:hover, .elementor-115 .elementor-element.elementor-element-5ea98fb4 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-5ea98fb4 .elementor-button:hover svg, .elementor-115 .elementor-element.elementor-element-5ea98fb4 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-377fb925 .elementor-button{background-color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#E9E9E975;padding:20px 20px 20px 20px;}.elementor-115 .elementor-element.elementor-element-377fb925 .elementor-button:hover, .elementor-115 .elementor-element.elementor-element-377fb925 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-377fb925 .elementor-button:hover svg, .elementor-115 .elementor-element.elementor-element-377fb925 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-2dd03a90 .elementor-button{background-color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#E9E9E975;padding:20px 20px 20px 20px;}.elementor-115 .elementor-element.elementor-element-2dd03a90 .elementor-button:hover, .elementor-115 .elementor-element.elementor-element-2dd03a90 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-2dd03a90 .elementor-button:hover svg, .elementor-115 .elementor-element.elementor-element-2dd03a90 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-3d2d5bb6:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-3d2d5bb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afrajans.com.tr/wp-content/uploads/2026/03/afr-beyaz-logo.svg");background-position:center center;background-repeat:no-repeat;background-size:85% auto;}.elementor-115 .elementor-element.elementor-element-3d2d5bb6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:66px 66px 66px 66px;}.elementor-115 .elementor-element.elementor-element-3d2d5bb6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-115 .elementor-element.elementor-element-716acc9c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-fd82b78{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-16c9819f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF8C;}.elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-element-populated, .elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-element-populated > .elementor-background-overlay, .elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-element-populated{box-shadow:0px 0px 10px 9px rgba(255, 255, 255, 0.5490196078431373);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-115 .elementor-element.elementor-element-16c9819f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-115 .elementor-element.elementor-element-8bb037b:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-8bb037b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afrajans.com.tr/wp-content/uploads/2026/03/afr-beyaz-logo.svg");background-position:center center;background-repeat:no-repeat;background-size:85% auto;}.elementor-115 .elementor-element.elementor-element-8bb037b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 80px 0px 80px;}.elementor-115 .elementor-element.elementor-element-8bb037b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-115 .elementor-element.elementor-element-53b8572d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-53b8572d > .elementor-element-populated, .elementor-115 .elementor-element.elementor-element-53b8572d > .elementor-element-populated > .elementor-background-overlay, .elementor-115 .elementor-element.elementor-element-53b8572d > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-53b8572d > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-115 .elementor-element.elementor-element-23611ba8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 0px 25px 0px;--icon-box-icon-margin:0px;}.elementor-115 .elementor-element.elementor-element-23611ba8 .elementor-icon-box-title{margin-bottom:3px;}.elementor-115 .elementor-element.elementor-element-23611ba8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-23611ba8.elementor-view-framed .elementor-icon, .elementor-115 .elementor-element.elementor-element-23611ba8.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-52716cf6:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-52716cf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afrajans.com.tr/wp-content/uploads/2026/03/afr-beyaz-logo.svg");background-position:center center;background-repeat:no-repeat;background-size:85% auto;}.elementor-115 .elementor-element.elementor-element-52716cf6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 80px 80px 80px;}.elementor-115 .elementor-element.elementor-element-52716cf6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-115 .elementor-element.elementor-element-5d3451f0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-5d3451f0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-115 .elementor-element.elementor-element-5d3451f0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-6495327e .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-5b998be8 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-17562baf .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-5ea70a1e .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-149a5825 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-3f885ddd .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-60e8d892 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-48b36743 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-9b4897 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-16206da6 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-a84c7d3 .elementor-icon-wrapper{text-align:center;}.elementor-115 .elementor-element.elementor-element-56b40745 .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-115 .elementor-element.elementor-element-54808d19{width:30%;}.elementor-115 .elementor-element.elementor-element-64869c54{width:70%;}.elementor-115 .elementor-element.elementor-element-101a1d32{width:88.837%;}.elementor-115 .elementor-element.elementor-element-50c4d651{width:11.088%;}}@media(max-width:1024px) and (min-width:768px){.elementor-115 .elementor-element.elementor-element-54808d19{width:100%;}.elementor-115 .elementor-element.elementor-element-64869c54{width:100%;}.elementor-115 .elementor-element.elementor-element-101a1d32{width:100%;}.elementor-115 .elementor-element.elementor-element-53b8572d{width:100%;}}@media(min-width:1025px){.elementor-115 .elementor-element.elementor-element-3d2d5bb6:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-3d2d5bb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-115 .elementor-element.elementor-element-8bb037b:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-8bb037b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-115 .elementor-element.elementor-element-52716cf6:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-52716cf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-container{min-height:55vh;}.elementor-115 .elementor-element.elementor-element-1ba81e8{padding:0% 5% 0% 5%;}.elementor-115 .elementor-element.elementor-element-54808d19.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-54808d19 > .elementor-element-populated{margin:-80px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-64869c54.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-115 .elementor-element.elementor-element-64869c54.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-115 .elementor-element.elementor-element-64869c54.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-115 .elementor-element.elementor-element-101a1d32.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-42397907{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-50c4d651{z-index:10;}.elementor-115 .elementor-element.elementor-element-5ea98fb4{width:auto;max-width:auto;}.elementor-115 .elementor-element.elementor-element-377fb925{width:auto;max-width:auto;}.elementor-115 .elementor-element.elementor-element-2dd03a90{width:auto;max-width:auto;}.elementor-115 .elementor-element.elementor-element-3d2d5bb6{padding:33px 33px 33px 33px;}.elementor-115 .elementor-element.elementor-element-8bb037b{padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-53b8572d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-115 .elementor-element.elementor-element-52716cf6{margin-top:0px;margin-bottom:63px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-115 .elementor-element.elementor-element-1ba81e8 > .elementor-container{min-height:35vh;}.elementor-115 .elementor-element.elementor-element-101a1d32{width:100%;}.elementor-115 .elementor-element.elementor-element-18e78f1b{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;padding:2px 2px 2px 2px;}.elementor-115 .elementor-element.elementor-element-42397907{padding:0px 0px 0px 0px;}.elementor-115 .elementor-element.elementor-element-3d2d5bb6{padding:45px 0px 45px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-39ca1962 */.elementor-115 .elementor-element.elementor-element-39ca1962{
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4dc630e6 */.elementor-115 .elementor-element.elementor-element-4dc630e6{
    display: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-54808d19 */.elementor-115 .elementor-element.elementor-element-54808d19 {
    height: 100vh;
}

@media (max-width: 1023px) {
    .elementor-115 .elementor-element.elementor-element-54808d19 {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .elementor-115 .elementor-element.elementor-element-54808d19 {
        height: auto
    }
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-42397907 */.elementor-115 .elementor-element.elementor-element-42397907{
    position: absolute;
    height: 95% !important;
    box-shadow: inset 0px 0px 35px 45px #000!important;
    top: 0;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAAXNSR0IArs4c6QAAABNJREFUGFdjYGBgkGFgYGDgRRAAAr4ARMoeEmoAAAAASUVORK5CYII=);
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-101a1d32 */@media (max-width: 1023px) {
    .elementor-115 .elementor-element.elementor-element-101a1d32{
        max-width: 100%;
    }
}
.elementor-115 .elementor-element.elementor-element-101a1d32{
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c72b5a0 */.elementor-115 .elementor-element.elementor-element-3c72b5a0{
    display: none
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-50c4d651 */@media (max-width: 1023px) {
    .elementor-115 .elementor-element.elementor-element-50c4d651{
        width: 80px;
        position: absolute;
        right: -50px;
        top: calc(50% - 120px);
    }
}
@media (max-width: 767px) {
    .elementor-115 .elementor-element.elementor-element-50c4d651{
        width: 40px;
        right: 0px;
        top: calc(50% - 120px);
        transform: scale(.65);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-64869c54 */.elementor-115 .elementor-element.elementor-element-64869c54 {
    height: 100vh;
}

@media (max-width: 1023px) {
    .elementor-115 .elementor-element.elementor-element-64869c54 {
        height: auto
    }
}

@media (max-width: 767px) {
    .elementor-115 .elementor-element.elementor-element-64869c54 {
        height: auto
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-23611ba8 */.elementor-115 .elementor-element.elementor-element-23611ba8{
    overflow: hidden
}/* End custom CSS */
/* Start custom CSS *//* Footer Button */
.port-menu{
    height: 170px;
    width: 300px!important;
    min-width: 150px!important;
    max-width: 16.5% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #fff;
    transition: .4s;
    background-color: #e5e5e590
}

.port-menu:hover{
    background-color: #ffffff;
}
.port-menu:hover .elementor-icon{
    color: #000 !important;
    transform: scale(1.2);
}
.portfolyo{
    background: #e5e5e590;
    border: solid #fff;
    border-width: 1px 1px 0 1px;
    transition: .4s!important
}
.portfolyo:hover{
    background: #fff;
}
.portfolyo:hover h3, .portfolyo:hover{
    color:#000!important;
}
.portfolyo .elementor-icon-box-content{
    transition: .4s
}
.portfolyo:hover .elementor-icon, .portfolyo:hover .elementor-icon-box-content{
    color: #000 !important;
    transform: scale(1.2);
}
.portfolyo a, .port-menu a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.port-menu a, .port-menu .elementor-widget-container, .port-menu .elementor-icon-wrapper, .portfolyo a, .portfolyo .elementor-widget-container, .portfolyo .elementor-icon-wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 70px
}

@media (min-width:1025px){
    .single-col{
        backdrop-filter: blur(10px) contrast(110%);
        -webkit-backdrop-filter: blur(10px) contrast(110%);
        -moz-backdrop-filter: blur(10px) contrast(110%);
    }
    .port-menu[title]:hover:after{
        content: attr(title);
        display: inline-block;
        font-size: 15px;
        position: absolute;
        top: 80%;
        left: 0px;
        width: 100%;
        text-align: center;
        color: var( --e-global-color-a5c861a );
        pointer-events: none;
    }
    .portfolyo{
        width: 99%!important;
        max-width: 1800px;
    }
}
.single-col{
    border-radius: 15px;
}
#baslik-page h1{
    text-shadow: 
    2px -2px 2px rgba(255, 255, 255, 1),
    -2px 2px 2px rgba(0, 0, 0, 0.6);
}
.home-dugme .elementor-button{
    transition: .45s cubic-bezier(0.34, 1.56, 0.64, 1);
    width: 55px;
    cursor: pointer
}
.home-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.afr-head.elementor-heading-title{
    font-family: poppins;
    font-weight: 800;
    font-size: 57px;
    padding-bottom: 25px
}

.afr-content{
    width: 400px;
    text-align: center;
}

@media (max-width: 1024px) {
    .afr-head {
        font-weight: 800;
        font-size: 41px!important;
    }
    .home-text {
        font-weight: 500;
        font-size: 11px;
    }
    .afr-content{
        width: 290px;
    }
    .port-menu{
        height: 130px;
        width: 250px!important;
        max-width: 25%!important;
    }
    .port-menu[title]:after{
        content: attr(title);
        display: inline-block;
        font-size: 12px;
        position: absolute;
        top: 70%;
        left: 0px;
        width: 100%;
        text-align: center;
        color: var( --e-global-color-a5c861a );
        pointer-events: none;
    }
    .port-menu i{
        font-size: 40px;
        top: -10%;
    }
    .portfolyo{
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .afr-head {
        font-weight: 800;
        font-size: 20px!important;
    }
    .home-text {
        font-weight: 500;
        font-size: 9px;
    }
    .afr-content{
        width: 100%;
        max-width: 230px;
    }
    .port-menu{
        height: 90px;
        width: 200px!important;
        max-width: 33%!important;
        min-width: 100px!important;
    }
    .port-menu i{
        font-size: 30px;
    }
    .portfolyo{
        width: 99%!important;
        max-width: 600px;
    }
}

.home-text, .home-video, .home-perde{
    opacity: 1;
    animation: HomeAnim 2s ease-in;
}

.home-dugme:nth-child(1){
    animation: HomeAnimBut 3s ease-in;
}
.home-dugme:nth-child(2){
    animation: HomeAnimBut 3.3s ease-in;
}
.home-dugme:nth-child(3){
    animation: HomeAnimBut 3.6s ease-in;
}

.home-black{
    animation: BlackAnim 2s;
    overflow: hidden
}
@media (max-width: 1023px) {
    .home-black{
        animation: BlackAnimTablet 2s;
        overflow: hidden
    }
}

@media (max-width: 767px) {
    .home-black{
        animation: BlackAnimMobil 2s;
        overflow: hidden
    }
}

@keyframes HomeAnim {
    0%{
       opacity: 0;
       transform: translateY(-150px);
    }
    100%{
        opacity: 1; 
    }
}

@keyframes HomeAnimBut {
    0%{
       opacity: 0;
       transform: translateX(150px);
    }
    100%{
        opacity: 1;
    }
}

@keyframes BlackAnim {
    0%{
        height: 0px;
    }
    100%{
        height: 100vh;
    }
}
@keyframes BlackAnim {
    0%{
        height: 0px;
    }
    100%{
        height: 100vh;
    }
}
@keyframes BlackAnimTablet {
    0%{
        height: 0px;
    }
    100%{
        height: 55vh;
    }
}
@keyframes BlackAnimMobil {
    0%{
        height: 0px;
    }
    100%{
        height: 35vh;
    }
}

    span.afr-harf {
        display: inline-block;
        transition: opacity .5s;
        opacity: 0;
    }
    div.home-content {
       transform: rotate3d(.4, 0, .05, 52deg) translate(-80px, 250px);
       opacity: 0;
       animation: afrContentAnim 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
    }

    span.afr-harf:nth-child(1) {
        animation: afrHeadAnim1 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 55deg) translate(-100px, -40px);
    }

    span.afr-harf:nth-child(2) {
        animation: afrHeadAnim2 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(10px, 90px);
    }

    span.afr-harf:nth-child(3) {
        animation: afrHeadAnim3 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(70px, -70px);
    }

    span.afr-harf:nth-child(4) {
        animation: afrHeadAnim4 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(-200px, 0px);
    }

    span.afr-harf:nth-child(5) {
        animation: afrHeadAnim5 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(30px, 180px);
    }

    span.afr-harf:nth-child(6) {
        animation: afrHeadAnim6 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(20px, -180px);
    }

    span.afr-harf:nth-child(7) {
        animation: afrHeadAnim7 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(90px, 180px);
    }

    span.afr-harf:nth-child(8) {
        animation: afrHeadAnim8 3s cubic-bezier(1, -0.95, 0.45, 0.99) 2s;
        transform: rotate3d(1, 10, 10, 15deg) translate(60px, -180px);
    }

    @keyframes afrContentAnim {
        0% { opacity: 0; }
        50% { opacity: 1; }
        100% { transform: none; opacity: 1; }
    }
    
    @keyframes afrHeadAnim1 {
        0% {
            transform: rotate3d(1, 10, 10, 55deg) translate(-100px, -40px);
            opacity: 0;
        }
        5% { opacity: 1; }
        30% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim2 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(10px, 90px);
            opacity: 0;
        }
        15% { opacity: 1;}
        40% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim3 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(70px, -70px);
            opacity: 0;
        }
        25% { opacity: 1; }
        50% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim4 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(-200px, 0px);
            opacity: 0;
        }
        35% { opacity: 1; }
        60% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim5 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(30px, 180px);
            opacity: 0;
        }
        45% { opacity: 1; }
        70% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim6 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(20px, -180px);
            opacity: 0;
        }
        55% { opacity: 1; }
        80% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim7 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(90px, 180px);
            opacity: 0;
        }
        65% { opacity: 1; }
        90% { transform: none; }
        100% { transform: none; opacity: 1; }
    }

    @keyframes afrHeadAnim8 {
        0% {
            transform: rotate3d(1, 10, 10, 15deg) translate(60px, -180px);
            opacity: 0;
            }
        75% { opacity: 1; }

        100% { transform: none; opacity: 1; }
    }/* End custom CSS */