/*.mobile-app-section{position:relative;border-radius:6px;background-color:rgba(0,0,0,.02);width:100%;height:400px;padding:1rem}.mobile-app-section::after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-image:url(/Assets/images/mobile-app-area/mobile-app-area-bg-white.jpg);opacity:.05}@media screen and (max-width:768px){.mobile-app-section{height:unset}}.mobile-app-section .mobile-phone{display:flex;align-items:center;justify-content:center;height:100%;transition:transform .3s ease-out}@media screen and (max-width:768px){.mobile-app-section .mobile-phone{display:none}}.mobile-app-section .mobile-phone:hover{transform:scale(1.05) rotate(-3deg)}.mobile-app-section .mobile-phone svg{height:360px;background-image:url(/Assets/images/mobile-app-area/lb-mobile-bg.jpg);background-size:170px 350px;background-position:center}@media screen and (min-width:992px){.mobile-app-section .slogan{font-size:2.25rem}.mobile-app-section .slogan .download-now{color:#000000;font-size:4rem}}@media screen and (max-width:992px){.mobile-app-section .slogan{font-size:2rem}.mobile-app-section .slogan .download-now{color:#000000;font-size:4rem}}@media screen and (max-width:768px){.mobile-app-section .slogan{font-size:1.5rem}.mobile-app-section .slogan .download-now{color:#f47b22;font-size:2rem}}
*/
.mobile-app-section {
    position: relative;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .02);
    width: 100%;
    height: 400px;
    padding: 1rem;
}

    .mobile-app-section::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(/Assets/images/mobile-app-area/mobile-app-area-bg-white.jpg);
        opacity: .05;
    }

@media screen and (max-width: 768px) {
    .mobile-app-section {
        height: unset;
    }
}

.mobile-app-section .mobile-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform .3s ease-out;
}

@media screen and (max-width: 768px) {
    .mobile-app-section .mobile-phone {
        display: none;
    }
}

.mobile-app-section .mobile-phone:hover {
    transform: scale(1.05) rotate(-3deg);
}

.mobile-app-section .mobile-phone svg {
    height: 360px;
    background-image: url(/Assets/images/mobile-app-area/lb-kucuk-ekran.jpg);
    background-size: 170px 350px;
    background-position: center;
}

@media screen and (min-width: 992px) {
    .mobile-app-section .slogan {
        font-size: 2.25rem;
    }

        .mobile-app-section .slogan .download-now {
            color: #060606;
            font-size: 4rem;
            font-family: "inter", sans-serif;
        }
}

.logo-metin-alanı {
    display: flex;
    align-items: center; /* Dikey hizalamayı ortala */
    justify-content: left; /* Yatay hizalamayı ortala */
}

.baslik {
    color: #3c3838;
    font-size: 4rem;
    font-family: "inter", sans-serif;
}

.metin-logo {
    width: 90px; /*Genişliği ayarlar */
    height: 90px; /*Yükseklik ayarlar */
    margin-right: 10px;
}

@media screen and (max-width: 992px) {
    .mobile-app-section .slogan {
        font-size: 2rem;
    }

        .mobile-app-section .slogan .download-now {
            color: #EF7A26;
            font-size: 4rem;
            font-family: "inter", sans-serif;
        }
}

@media screen and (max-width: 768px) {
    .mobile-app-section .slogan {
        font-size: 1.5rem;
    }

        .mobile-app-section .slogan .download-now {
            color: #EF7A26;
            font-size: 2rem;
            font-family: "inter", sans-serif;
        }
}

.aciklama-div {
    font-size: 25px;
    color: #808080;
    font-family: "inter", sans-serif;
    font-weight: normal;
    padding-top: 12px;
    padding-bottom: 60px;
}