.elementor-2492 .elementor-element.elementor-element-aac6143{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2492 .elementor-element.elementor-element-aac6143:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-aac6143 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-94e8048{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2492 .elementor-element.elementor-element-94e8048:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-94e8048 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-4b731c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2492 .elementor-element.elementor-element-8973515{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2492 .elementor-element.elementor-element-8973515:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-8973515 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-5420511 .elementor-heading-title{color:#FFFFFF;}.elementor-2492 .elementor-element.elementor-element-f72387a{--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-2492 .elementor-element.elementor-element-f72387a:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-f72387a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-4287238{--grid-column-gap:17px;}.elementor-2492 .elementor-element.elementor-element-90cd431{--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-2492 .elementor-element.elementor-element-90cd431:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-90cd431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-e383552{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2492 .elementor-element.elementor-element-e383552:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-e383552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-80fe4a8 .elementor-heading-title{color:#FFFFFF;}.elementor-2492 .elementor-element.elementor-element-0e77924{--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-2492 .elementor-element.elementor-element-0e77924:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-0e77924 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-3b517bb{--grid-column-gap:17px;}.elementor-2492 .elementor-element.elementor-element-3f7238d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2492 .elementor-element.elementor-element-3f7238d:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-3f7238d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-6bf44ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2492 .elementor-element.elementor-element-6bf44ae:not(.elementor-motion-effects-element-type-background), .elementor-2492 .elementor-element.elementor-element-6bf44ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2492 .elementor-element.elementor-element-e102bd1{--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-2492 .elementor-element.elementor-element-e102bd1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2492 .elementor-element.elementor-element-fd3acab img{width:96%;max-width:83%;}.elementor-2492 .elementor-element.elementor-element-a8c02c8{--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-2492 .elementor-element.elementor-element-a8c02c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2492 .elementor-element.elementor-element-13039ff .elementor-heading-title{color:#FFFFFF;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-type-html{padding-bottom:0px;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2492 .elementor-element.elementor-element-065ad44{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-2492:not(.elementor-motion-effects-element-type-background), body.elementor-page-2492 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2492 .elementor-element.elementor-element-8973515{--grid-auto-flow:row;}.elementor-2492 .elementor-element.elementor-element-e383552{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2492 .elementor-element.elementor-element-aac6143{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-94e8048{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-8973515{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-f72387a{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-90cd431{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-e383552{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-0e77924{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-3f7238d{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-6bf44ae{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-e102bd1{--width:28.65%;}.elementor-2492 .elementor-element.elementor-element-a8c02c8{--width:64.127%;}}@media(max-width:767px){.elementor-2492 .elementor-element.elementor-element-aac6143{--content-width:1600px;}.elementor-2492 .elementor-element.elementor-element-6c90416 > .elementor-widget-container{margin:0px 0px 150px 0px;}.elementor-2492 .elementor-element.elementor-element-8973515{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2492 .elementor-element.elementor-element-e383552{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-5420511 *//* =========================================================
   BALBAL MEDYA — PROJELERİMİZ
   PREMIUM BAŞLIK ALANI
========================================================= */

.elementor-2492 .elementor-element.elementor-element-5420511{
    position:relative !important;

    width:100% !important;

    display:flex !important;
    align-items:center !important;

    padding:24px 0 20px !important;
    margin:0 !important;

    background:transparent !important;

    border-bottom:1px solid rgba(201,154,74,.20) !important;
}


/* =========================================================
   ÜST KISA ALTIN ÇİZGİ
========================================================= */

.elementor-2492 .elementor-element.elementor-element-5420511::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:86px !important;
    height:2px !important;

    background:#c99a4a !important;
}


/* =========================================================
   BAŞLIK
========================================================= */

.elementor-2492 .elementor-element.elementor-element-5420511 .elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#f5f1e9 !important;

    font-family:"DM Sans", Arial, sans-serif !important;

    font-size:48px !important;
    font-weight:500 !important;

    letter-spacing:-2px !important;
    line-height:1 !important;

    text-align:left !important;
}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:767px){

    .elementor-2492 .elementor-element.elementor-element-5420511{
        padding:16px 0 15px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-5420511::before{
        width:55px !important;
        height:1px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-5420511 .elementor-heading-title{
        font-size:30px !important;
        letter-spacing:-1px !important;
        text-align:left !important;
    }
}


/* =========================================================
   KÜÇÜK TELEFON
========================================================= */

@media(max-width:480px){

    .elementor-2492 .elementor-element.elementor-element-5420511{
        padding:15px 0 14px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-5420511 .elementor-heading-title{
        font-size:26px !important;
        letter-spacing:-1px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0bce24f */.elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button,
.elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:120px !important;
    height:46px !important;

    padding:0 20px !important;
    margin:0 !important;

    background:#c99a4a !important;
    background-image:none !important;

    border:1px solid #c99a4a !important;
    border-radius:0 !important;

    color:#080808 !important;

    font-family:"DM Sans", Arial, sans-serif !important;
    font-size:9px !important;
    font-weight:700 !important;

    letter-spacing:2px !important;
    line-height:1 !important;
    text-transform:uppercase !important;

    box-shadow:none !important;
    text-shadow:none !important;

    transform:none !important;
}


/* Elementor pseudo elementlerini tamamen kapat */

.elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button::before,
.elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button::after,
.elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button::before,
.elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button::after{
    content:none !important;
    display:none !important;
}


/* Hover */

.elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button:hover,
.elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button:hover{
    background:#e0b866 !important;
    background-image:none !important;

    border-color:#e0b866 !important;

    color:#080808 !important;

    box-shadow:none !important;

    transform:none !important;
}


/* MOBİL */

@media(max-width:767px){

    .elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button,
    .elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button{
        min-width:92px !important;
        height:40px !important;

        padding:0 14px !important;

        font-size:7px !important;
        letter-spacing:1.5px !important;
    }
}


@media(max-width:480px){

    .elementor-2492 .elementor-element.elementor-element-0bce24f .elementor-button,
    .elementor-2492 .elementor-element.elementor-element-0bce24f a.elementor-button{
        min-width:82px !important;
        height:36px !important;

        padding:0 11px !important;

        font-size:6.5px !important;
        letter-spacing:1.2px !important;
    }
}/* End custom CSS */
/* Start custom CSS for portfolio, class: .elementor-element-4287238 *//* =========================================================
   BALBAL MEDYA — PORTFOLIO
   SABİT BAŞLIK + YATAY CAROUSEL
========================================================= */

.balbal-projects {
    width: 100% !important;
    background: #050505 !important;
    padding: 55px 0 70px !important;
    overflow: hidden !important;

    --gold: #c6a15b;
    --white: #f3f0e8;
}


/* =========================================================
   PORTFOLIO GRID → YATAY SLIDER
========================================================= */

.balbal-projects .elementor-portfolio {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 0 28px 15px !important;

    gap: 20px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    scrollbar-width: thin !important;
    scrollbar-color: var(--gold) #171717 !important;

    align-items: stretch !important;
}


/* scrollbar */

.balbal-projects .elementor-portfolio::-webkit-scrollbar {
    height: 3px !important;
}

.balbal-projects .elementor-portfolio::-webkit-scrollbar-track {
    background: #151515 !important;
}

.balbal-projects .elementor-portfolio::-webkit-scrollbar-thumb {
    background: var(--gold) !important;
}


/* =========================================================
   KARTLAR — HEPSİ AYNI ÖLÇÜ
========================================================= */

.balbal-projects
.elementor-portfolio-item {

    position: relative !important;

    flex: 0 0 calc(
        (100% - 40px) / 3
    ) !important;

    width: calc(
        (100% - 40px) / 3
    ) !important;

    min-width: calc(
        (100% - 40px) / 3
    ) !important;

    max-width: calc(
        (100% - 40px) / 3
    ) !important;

    height: 390px !important;

    min-height: 390px !important;
    max-height: 390px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #0c0c0c !important;

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

    scroll-snap-align: start !important;

    box-sizing: border-box !important;

    transition:
        border-color .35s ease,
        transform .35s ease !important;
}


/* hover kart */

.balbal-projects
.elementor-portfolio-item:hover {

    transform: translateY(-5px) !important;

    border-color:
        rgba(198,161,91,.55) !important;
}


/* =========================================================
   GÖRSEL — TAM EŞİT
========================================================= */

.balbal-projects
.elementor-portfolio-item__img {

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    display: block !important;

    transition:
        transform .7s ease,
        filter .5s ease !important;
}


/* hover görsel */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__img {

    transform: scale(1.045) !important;

    filter: brightness(.72) !important;
}


/* =========================================================
   OVERLAY
   ÖNEMLİ: OPACITY SÜREKLİ 1
========================================================= */

.balbal-projects
.elementor-portfolio-item__overlay {

    opacity: 1 !important;

    visibility: visible !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: flex-start !important;

    position: absolute !important;

    inset: 0 !important;

    padding:
        25px 24px !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 35%,
            rgba(0,0,0,.20) 50%,
            rgba(0,0,0,.92) 100%
        ) !important;

    transition:
        background .4s ease !important;
}


/* hover overlay */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__overlay {

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 25%,
            rgba(0,0,0,.30) 50%,
            rgba(0,0,0,.96) 100%
        ) !important;
}


/* =========================================================
   BAŞLIK — HER ZAMAN GÖRÜNÜR
========================================================= */

.balbal-projects
.elementor-portfolio-item__title {

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;

    display: block !important;

    position: relative !important;

    z-index: 5 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 0 8px !important;

    color: var(--white) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 27px !important;

    font-weight: 400 !important;

    line-height: 1.12 !important;

    letter-spacing: -.4px !important;

    text-align: left !important;

    border-bottom:
        1px solid rgba(198,161,91,.35) !important;

    transition:
        color .3s ease !important;
}


/* link */

.balbal-projects
.elementor-portfolio-item__title a {

    color: var(--white) !important;

    text-decoration: none !important;
}


/* hover title */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__title a {

    color: var(--gold) !important;
}



/* =========================================================
   BAŞLIK ÖNCESİ ALTIN DETAY
========================================================= */

.balbal-projects
.elementor-portfolio-item__overlay::before {

    content: "" !important;

    position: absolute !important;

    left: 24px !important;

    bottom: 78px !important;

    width: 34px !important;

    height: 2px !important;

    background: var(--gold) !important;

    z-index: 5 !important;
}


/* =========================================================
   HOVER'DA BAŞLIK KAYMASINI ENGELLE
========================================================= */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__title {

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;
}


/* Elementor'un hover animasyonlarını iptal */

.balbal-projects
.elementor-portfolio-item__overlay,
.balbal-projects
.elementor-portfolio-item__title {

    animation: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .balbal-projects .elementor-portfolio {

        padding-left: 22px !important;
        padding-right: 22px !important;

        gap: 17px !important;
    }


    .balbal-projects
    .elementor-portfolio-item {

        flex: 0 0 calc(
            (100% - 17px) / 2
        ) !important;

        width: calc(
            (100% - 17px) / 2
        ) !important;

        min-width: calc(
            (100% - 17px) / 2
        ) !important;

        max-width: calc(
            (100% - 17px) / 2
        ) !important;

        height: 360px !important;

        min-height: 360px !important;
        max-height: 360px !important;
    }
}


/* =========================================================
   MOBİL — YATAY CAROUSEL
========================================================= */

@media (max-width: 767px) {

    .balbal-projects {

        padding: 35px 0 45px !important;
    }


    .balbal-projects .elementor-portfolio {

        display: flex !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        max-width: none !important;

        gap: 14px !important;

        padding:
            0 16px 12px !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        scroll-snap-type:
            x mandatory !important;

        scrollbar-width: none !important;
    }


    .balbal-projects
    .elementor-portfolio::-webkit-scrollbar {

        display: none !important;
    }


    /* MOBİL KART */

    .balbal-projects
    .elementor-portfolio-item {

        flex:
            0 0 84vw !important;

        width:
            84vw !important;

        min-width:
            84vw !important;

        max-width:
            84vw !important;

        height:
            390px !important;

        min-height:
            390px !important;

        max-height:
            390px !important;

        scroll-snap-align:
            start !important;
    }


    /* MOBİL BAŞLIK */

    .balbal-projects
    .elementor-portfolio-item__title {

        font-size:
            23px !important;

        line-height:
            1.12 !important;

        padding-bottom:
            7px !important;
    }


    .balbal-projects
    .elementor-portfolio-item__overlay {

        padding:
            20px 18px !important;
    }


    .balbal-projects
    .elementor-portfolio-item__overlay::before {

        left: 18px !important;

        bottom: 68px !important;

        width: 28px !important;
    }
}


/* =========================================================
   KÜÇÜK TELEFON
========================================================= */

@media (max-width: 380px) {

    .balbal-projects
    .elementor-portfolio-item {

        flex-basis: 88vw !important;

        width: 88vw !important;

        min-width: 88vw !important;

        max-width: 88vw !important;

        height: 370px !important;

        min-height: 370px !important;

        max-height: 370px !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-80fe4a8 *//* =========================================================
   BALBAL MEDYA — PROJELERİMİZ
   PREMIUM BAŞLIK ALANI
========================================================= */

.elementor-2492 .elementor-element.elementor-element-80fe4a8{
    position:relative !important;

    width:100% !important;

    display:flex !important;
    align-items:center !important;

    padding:24px 0 20px !important;
    margin:0 !important;

    background:transparent !important;

    border-bottom:1px solid rgba(201,154,74,.20) !important;
}


/* =========================================================
   ÜST KISA ALTIN ÇİZGİ
========================================================= */

.elementor-2492 .elementor-element.elementor-element-80fe4a8::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:86px !important;
    height:2px !important;

    background:#c99a4a !important;
}


/* =========================================================
   BAŞLIK
========================================================= */

.elementor-2492 .elementor-element.elementor-element-80fe4a8 .elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#f5f1e9 !important;

    font-family:"DM Sans", Arial, sans-serif !important;

    font-size:48px !important;
    font-weight:500 !important;

    letter-spacing:-2px !important;
    line-height:1 !important;

    text-align:left !important;
}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:767px){

    .elementor-2492 .elementor-element.elementor-element-80fe4a8{
        padding:16px 0 15px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-80fe4a8::before{
        width:55px !important;
        height:1px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-80fe4a8 .elementor-heading-title{
        font-size:30px !important;
        letter-spacing:-1px !important;
        text-align:left !important;
    }
}


/* =========================================================
   KÜÇÜK TELEFON
========================================================= */

@media(max-width:480px){

    .elementor-2492 .elementor-element.elementor-element-80fe4a8{
        padding:15px 0 14px !important;
    }

    .elementor-2492 .elementor-element.elementor-element-80fe4a8 .elementor-heading-title{
        font-size:26px !important;
        letter-spacing:-1px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-30fbec0 */.elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button,
.elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:120px !important;
    height:46px !important;

    padding:0 20px !important;
    margin:0 !important;

    background:#c99a4a !important;
    background-image:none !important;

    border:1px solid #c99a4a !important;
    border-radius:0 !important;

    color:#080808 !important;

    font-family:"DM Sans", Arial, sans-serif !important;
    font-size:9px !important;
    font-weight:700 !important;

    letter-spacing:2px !important;
    line-height:1 !important;
    text-transform:uppercase !important;

    box-shadow:none !important;
    text-shadow:none !important;

    transform:none !important;
}


/* Elementor pseudo elementlerini tamamen kapat */

.elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button::before,
.elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button::after,
.elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button::before,
.elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button::after{
    content:none !important;
    display:none !important;
}


/* Hover */

.elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button:hover,
.elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button:hover{
    background:#e0b866 !important;
    background-image:none !important;

    border-color:#e0b866 !important;

    color:#080808 !important;

    box-shadow:none !important;

    transform:none !important;
}


/* MOBİL */

@media(max-width:767px){

    .elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button,
    .elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button{
        min-width:92px !important;
        height:40px !important;

        padding:0 14px !important;

        font-size:7px !important;
        letter-spacing:1.5px !important;
    }
}


@media(max-width:480px){

    .elementor-2492 .elementor-element.elementor-element-30fbec0 .elementor-button,
    .elementor-2492 .elementor-element.elementor-element-30fbec0 a.elementor-button{
        min-width:82px !important;
        height:36px !important;

        padding:0 11px !important;

        font-size:6.5px !important;
        letter-spacing:1.2px !important;
    }
}/* End custom CSS */
/* Start custom CSS for portfolio, class: .elementor-element-3b517bb *//* =========================================================
   BALBAL MEDYA — PORTFOLIO
   SABİT BAŞLIK + YATAY CAROUSEL
========================================================= */

.balbal-projects {
    width: 100% !important;
    background: #050505 !important;
    padding: 55px 0 70px !important;
    overflow: hidden !important;

    --gold: #c6a15b;
    --white: #f3f0e8;
}


/* =========================================================
   PORTFOLIO GRID → YATAY SLIDER
========================================================= */

.balbal-projects .elementor-portfolio {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 0 28px 15px !important;

    gap: 20px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    scrollbar-width: thin !important;
    scrollbar-color: var(--gold) #171717 !important;

    align-items: stretch !important;
}


/* scrollbar */

.balbal-projects .elementor-portfolio::-webkit-scrollbar {
    height: 3px !important;
}

.balbal-projects .elementor-portfolio::-webkit-scrollbar-track {
    background: #151515 !important;
}

.balbal-projects .elementor-portfolio::-webkit-scrollbar-thumb {
    background: var(--gold) !important;
}


/* =========================================================
   KARTLAR — HEPSİ AYNI ÖLÇÜ
========================================================= */

.balbal-projects
.elementor-portfolio-item {

    position: relative !important;

    flex: 0 0 calc(
        (100% - 40px) / 3
    ) !important;

    width: calc(
        (100% - 40px) / 3
    ) !important;

    min-width: calc(
        (100% - 40px) / 3
    ) !important;

    max-width: calc(
        (100% - 40px) / 3
    ) !important;

    height: 390px !important;

    min-height: 390px !important;
    max-height: 390px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #0c0c0c !important;

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

    scroll-snap-align: start !important;

    box-sizing: border-box !important;

    transition:
        border-color .35s ease,
        transform .35s ease !important;
}


/* hover kart */

.balbal-projects
.elementor-portfolio-item:hover {

    transform: translateY(-5px) !important;

    border-color:
        rgba(198,161,91,.55) !important;
}


/* =========================================================
   GÖRSEL — TAM EŞİT
========================================================= */

.balbal-projects
.elementor-portfolio-item__img {

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    display: block !important;

    transition:
        transform .7s ease,
        filter .5s ease !important;
}


/* hover görsel */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__img {

    transform: scale(1.045) !important;

    filter: brightness(.72) !important;
}


/* =========================================================
   OVERLAY
   ÖNEMLİ: OPACITY SÜREKLİ 1
========================================================= */

.balbal-projects
.elementor-portfolio-item__overlay {

    opacity: 1 !important;

    visibility: visible !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: flex-start !important;

    position: absolute !important;

    inset: 0 !important;

    padding:
        25px 24px !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 35%,
            rgba(0,0,0,.20) 50%,
            rgba(0,0,0,.92) 100%
        ) !important;

    transition:
        background .4s ease !important;
}


/* hover overlay */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__overlay {

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 25%,
            rgba(0,0,0,.30) 50%,
            rgba(0,0,0,.96) 100%
        ) !important;
}


/* =========================================================
   BAŞLIK — HER ZAMAN GÖRÜNÜR
========================================================= */

.balbal-projects
.elementor-portfolio-item__title {

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;

    display: block !important;

    position: relative !important;

    z-index: 5 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 0 8px !important;

    color: var(--white) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 27px !important;

    font-weight: 400 !important;

    line-height: 1.12 !important;

    letter-spacing: -.4px !important;

    text-align: left !important;

    border-bottom:
        1px solid rgba(198,161,91,.35) !important;

    transition:
        color .3s ease !important;
}


/* link */

.balbal-projects
.elementor-portfolio-item__title a {

    color: var(--white) !important;

    text-decoration: none !important;
}


/* hover title */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__title a {

    color: var(--gold) !important;
}



/* =========================================================
   BAŞLIK ÖNCESİ ALTIN DETAY
========================================================= */

.balbal-projects
.elementor-portfolio-item__overlay::before {

    content: "" !important;

    position: absolute !important;

    left: 24px !important;

    bottom: 78px !important;

    width: 34px !important;

    height: 2px !important;

    background: var(--gold) !important;

    z-index: 5 !important;
}


/* =========================================================
   HOVER'DA BAŞLIK KAYMASINI ENGELLE
========================================================= */

.balbal-projects
.elementor-portfolio-item:hover
.elementor-portfolio-item__title {

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;
}


/* Elementor'un hover animasyonlarını iptal */

.balbal-projects
.elementor-portfolio-item__overlay,
.balbal-projects
.elementor-portfolio-item__title {

    animation: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .balbal-projects .elementor-portfolio {

        padding-left: 22px !important;
        padding-right: 22px !important;

        gap: 17px !important;
    }


    .balbal-projects
    .elementor-portfolio-item {

        flex: 0 0 calc(
            (100% - 17px) / 2
        ) !important;

        width: calc(
            (100% - 17px) / 2
        ) !important;

        min-width: calc(
            (100% - 17px) / 2
        ) !important;

        max-width: calc(
            (100% - 17px) / 2
        ) !important;

        height: 360px !important;

        min-height: 360px !important;
        max-height: 360px !important;
    }
}


/* =========================================================
   MOBİL — YATAY CAROUSEL
========================================================= */

@media (max-width: 767px) {

    .balbal-projects {

        padding: 35px 0 45px !important;
    }


    .balbal-projects .elementor-portfolio {

        display: flex !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        max-width: none !important;

        gap: 14px !important;

        padding:
            0 16px 12px !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        scroll-snap-type:
            x mandatory !important;

        scrollbar-width: none !important;
    }


    .balbal-projects
    .elementor-portfolio::-webkit-scrollbar {

        display: none !important;
    }


    /* MOBİL KART */

    .balbal-projects
    .elementor-portfolio-item {

        flex:
            0 0 84vw !important;

        width:
            84vw !important;

        min-width:
            84vw !important;

        max-width:
            84vw !important;

        height:
            390px !important;

        min-height:
            390px !important;

        max-height:
            390px !important;

        scroll-snap-align:
            start !important;
    }


    /* MOBİL BAŞLIK */

    .balbal-projects
    .elementor-portfolio-item__title {

        font-size:
            23px !important;

        line-height:
            1.12 !important;

        padding-bottom:
            7px !important;
    }


    .balbal-projects
    .elementor-portfolio-item__overlay {

        padding:
            20px 18px !important;
    }


    .balbal-projects
    .elementor-portfolio-item__overlay::before {

        left: 18px !important;

        bottom: 68px !important;

        width: 28px !important;
    }
}


/* =========================================================
   KÜÇÜK TELEFON
========================================================= */

@media (max-width: 380px) {

    .balbal-projects
    .elementor-portfolio-item {

        flex-basis: 88vw !important;

        width: 88vw !important;

        min-width: 88vw !important;

        max-width: 88vw !important;

        height: 370px !important;

        min-height: 370px !important;

        max-height: 370px !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-065ad44 *//* =========================================
   BALBAL MEDYA - MODERN FORM
   BOOTSTRAP TARZI / DARK PREMIUM
========================================= */

/* Ana form */
.elementor-2492 .elementor-element.elementor-element-065ad44 {
    --gold: #c6a15b;
    --gold-hover: #d5b875;
    --bg: #090909;
    --input-bg: #111111;
    --border: rgba(255,255,255,.10);
    --text: #f4f1ea;
    --muted: rgba(244,241,234,.45);
}


/* Form alanlarının tamamı */
.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-form {
    width: 100%;
    margin: 0;
    padding: 28px;

    background: #090909;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.35);

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   LABEL
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-label {
    display: block;

    margin: 0 0 8px;

    color: #e9e5dc;

    font-size: 11px;
    font-weight: 500;

    letter-spacing: .3px;
}


/* =========================================
   INPUT / TEXTAREA
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field,
.elementor-2492 .elementor-element.elementor-element-065ad44 input[type="text"],
.elementor-2492 .elementor-element.elementor-element-065ad44 input[type="email"],
.elementor-2492 .elementor-element.elementor-element-065ad44 input[type="tel"],
.elementor-2492 .elementor-element.elementor-element-065ad44 input[type="url"],
.elementor-2492 .elementor-element.elementor-element-065ad44 textarea,
.elementor-2492 .elementor-element.elementor-element-065ad44 select {

    width: 100%;

    min-height: 48px;

    padding: 12px 14px;

    background: #111111 !important;

    color: #f4f1ea !important;

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

    border-radius: 7px !important;

    outline: none !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* Placeholder */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field::placeholder,
.elementor-2492 .elementor-element.elementor-element-065ad44 textarea::placeholder {
    color: rgba(244,241,234,.30) !important;
}


/* Focus */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field:focus,
.elementor-2492 .elementor-element.elementor-element-065ad44 input:focus,
.elementor-2492 .elementor-element.elementor-element-065ad44 textarea:focus,
.elementor-2492 .elementor-element.elementor-element-065ad44 select:focus {

    background: #121212 !important;

    border-color: #c6a15b !important;

    box-shadow:
        0 0 0 3px rgba(198,161,91,.10) !important;
}


/* =========================================
   TEXTAREA
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 textarea.elementor-field {
    min-height: 125px;

    resize: vertical;

    line-height: 1.6;
}


/* =========================================
   FORM SATIRLARI
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group {
    margin-bottom: 16px;
}


/* =========================================
   GÖNDER BUTONU
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 button.elementor-button,
.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button {

    width: 100%;

    min-height: 48px;

    margin-top: 4px;

    padding: 13px 20px;

    background: #c6a15b !important;

    color: #090909 !important;

    border: 1px solid #c6a15b !important;

    border-radius: 7px !important;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* Hover */

.elementor-2492 .elementor-element.elementor-element-065ad44 button.elementor-button:hover,
.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button:hover {

    background: #d5b875 !important;

    border-color: #d5b875 !important;

    color: #090909 !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 25px rgba(198,161,91,.18);
}


/* =========================================
   REQUIRED / HATA
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-message {
    margin-top: 15px;

    color: #c6a15b;

    font-size: 12px;
}

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-textual.elementor-size-sm {
    color: #f4f1ea;
}


/* =========================================
   FORM İKİ KOLONSA
========================================= */

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 14px;
}

.elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group {
    width: 100%;
}


/* =========================================
   MOBİL
========================================= */

@media (max-width: 767px) {

    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-form {

        padding: 20px 16px;

        border-radius: 10px;

        box-shadow:
            0 15px 40px rgba(0,0,0,.30);
    }


    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-group {
        margin-bottom: 13px;
    }


    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field-label {

        margin-bottom: 6px;

        font-size: 10px;
    }


    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field,
    .elementor-2492 .elementor-element.elementor-element-065ad44 input[type="text"],
    .elementor-2492 .elementor-element.elementor-element-065ad44 input[type="email"],
    .elementor-2492 .elementor-element.elementor-element-065ad44 input[type="tel"],
    .elementor-2492 .elementor-element.elementor-element-065ad44 input[type="url"],
    .elementor-2492 .elementor-element.elementor-element-065ad44 textarea,
    .elementor-2492 .elementor-element.elementor-element-065ad44 select {

        min-height: 45px;

        padding: 11px 12px;

        font-size: 13px;

        border-radius: 6px !important;
    }


    .elementor-2492 .elementor-element.elementor-element-065ad44 textarea.elementor-field {

        min-height: 110px;
    }


    .elementor-2492 .elementor-element.elementor-element-065ad44 button.elementor-button,
    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-button {

        min-height: 46px;

        padding: 12px 18px;

        font-size: 10px;

        letter-spacing: .8px;
    }

}


/* =========================================
   ÇOK KÜÇÜK TELEFON
========================================= */

@media (max-width: 380px) {

    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-form {
        padding: 17px 13px;
    }

    .elementor-2492 .elementor-element.elementor-element-065ad44 .elementor-field,
    .elementor-2492 .elementor-element.elementor-element-065ad44 input,
    .elementor-2492 .elementor-element.elementor-element-065ad44 textarea,
    .elementor-2492 .elementor-element.elementor-element-065ad44 select {
        font-size: 12px;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   BALBAL MEDYA — ANA SAYFA
   MOBİL YATAY TAŞMA FIX
   STICKY / HAKKIMIZDA YAPISINA DOKUNMAZ
========================================================= */

@media (max-width: 767px){

    /*
       CLIP kullanıyoruz.
       HIDDEN KULLANMIYORUZ.
       Böylece dikey overflow ve sticky sistemi bozulmaz.
    */

    .balbal-film-hero{
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    .bfh-stage{
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    .bm-about{
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

}
/* =========================================================
   BALBAL MEDYA — MOBİL YATAY SCROLL TAM FIX
   STICKY / DİKEY SCROLL KORUNUR
========================================================= */

@media (max-width: 767px){

    html{
        width:100% !important;
        max-width:100% !important;

        overflow-x:clip !important;
    }

    body{
        width:100% !important;
        max-width:100% !important;

        overflow-x:clip !important;
    }


    /* Ana Elementor yapıları */

    .elementor{
        width:100% !important;
        max-width:100% !important;
    }

    .elementor-section,
    .elementor-container,
    .elementor-widget-wrap{
        max-width:100% !important;
    }


    /* Mevcut Balbal alanların */

    .balbal-film-hero,
    .bfh-stage,
    .bm-about{
        max-width:100% !important;

        overflow-x:clip !important;
        overflow-y:visible !important;
    }
}/* End custom CSS */