model Rast.Data.Model.DBContext.ProjectDetails


.body, html {
    transition: none !important;
}

.no-transition {
    transition: none !important;
}

hr.new {
    border: 1px solid #797472;
    border-radius: 1px;
}

hr.newMobile {
    border: 1px solid #FFFFFF;
    border-radius: 1px;
    margin-top: -5px;
    margin-bottom: 3px;
}

.projectHeader {
    height: 1080px;
    padding-top: 100px;
}


.navHeader {
    height: 100px;
    text-align: left;
}


.topbar-menu {
    font: normal normal normal 28px/42px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.first-container {
    height: 100vh;
    width: 100%;
}

.first-container-header {
    padding-top: 338px;
    padding-left: 112px;
    font: normal normal 600 45px/68px Poppins;
    letter-spacing: -1.35px;
    color: #FFFFFF;
    opacity: 1;
}

    .first-container-header .header-row {
        font: normal normal 600 25px/32px Poppins;
        letter-spacing: -0.25px;
        color: #FFFFFF;
        opacity: 1;
    }

.first-container-mobile {
    height: 100vh;
    width: 100%;
}

.first-container-header-mobile {
    padding-top: 515px;
    padding-left: 40px;
    padding-right: 35px;
    font: normal normal 600 42px/52px Poppins;
    letter-spacing: -0.42px;
    color: #FFFFFF;
    opacity: 1;
}

    .first-container-header-mobile .header-row {
        font: normal normal 600 25px/30px Poppins;
        letter-spacing: -0.25px;
        color: #FFFFFF;
        opacity: 1;
        padding-top: 17px;
    }


/*second-container start*/
.second-container {
    padding-left: 52px;
    padding-top: 52px;
    padding-right: 62px;
}

    .second-container .header {
        font: normal normal 600 25px/37px Poppins;
        letter-spacing: -0.75px;
        opacity: 1;
        padding-left: 65px;
        padding-right: 42px;
    }

    .second-container .header-row {
        display: flex;
        align-items: center;
    }

    .second-container .content {
        font: normal normal normal 15px/20px Poppins;
        letter-spacing: -0.15px;
        color: #8C8582;
        opacity: 1;
        padding-left: 65px;
        padding-right: 42px;
    }

/*second-container end*/
/*second-container-mobile start*/
.second-container-mobile {
    padding-left: 22px;
    padding-top: 40px;
    padding-right: 26px;
}

    .second-container-mobile .header {
        font: normal normal 600 30px/35px Poppins;
        letter-spacing: -0.3px;
        opacity: 1;
        padding-top: 44px;
        padding-left: 18px;
        padding-right: 9px;
    }

    .second-container-mobile .content {
        font: normal normal normal 18px/23px Poppins;
        letter-spacing: 0px;
        color: #8C8582;
        opacity: 1;
        padding-left: 18px;
        padding-right: 9px;
    }
/*second-container-mobile end*/
/*third-container start*/
.third-container {
    padding-top: 52px;
    padding-right: 62px;
}

    .third-container .header {
        font: normal normal 600 30px/37px Poppins;
        letter-spacing: -0.9px;
        color: #FFFFFF;
        opacity: 1;
    }

    .third-container .headerRight {
        font: normal normal 600 32px/54px Poppins;
        letter-spacing: -0.96px;
        opacity: 1;
        padding: 5%;
    }

    .third-container .header-row {
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 54px;
        padding-right: 45px;
    }

    .third-container .headerRight-row {
        display: grid; /* Grid özelliğini aktif hale getirir */
        align-items: center; /* Dikey ortalama */
        text-align: center;
        padding-top: 1%;
    }

    .third-container .content {
        font: normal normal normal 15px/20px Poppins;
        letter-spacing: -0.15px;
        color: #FFFFFF;
        opacity: 1;
        padding: 5%;
    }

    .third-container .contentRight {
        font: normal normal medium 16px/26px Poppins;
        letter-spacing: 0px;
        opacity: 1;
        padding: 5%;
        margin-top: 20px;
    }
/*third-container end*/
/*third-container-mobile start*/
.third-container-mobile {
    padding-top: 68px;
}

    .third-container-mobile .header {
        font: normal normal 600 30px/35px Poppins;
        letter-spacing: -0.3px;
        color: #FFFFFF;
        opacity: 1;
        padding-left: 40px;
        padding-right: 35px;
        padding-top: 85px;
        margin-bottom: 27px;
    }

    .third-container-mobile .header2 {
        font: normal normal 600 30px/35px Poppins;
        letter-spacing: -0.3px;
        color: #562A5D;
        opacity: 1;
        padding-top: 20px;
        padding-bottom: 3px;
        padding-left: 40px;
        padding-right: 35px;
    }

    .third-container-mobile .content {
        font: normal normal normal 18px/23px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        padding-left: 40px;
        padding-right: 35px;
        padding-top: 21px;
        padding-bottom: 60px;
    }

    .third-container-mobile .content2 {
        font: normal normal medium 16px/23px Poppins;
        letter-spacing: -0px;
        color: #562A5D;
        opacity: 1;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px;
        padding-right: 35px;
    }
/*third-container-mobile end*/
/*fourth-container-start*/
.fourth-container {
    padding-left: 52px;
    padding-right: 62px;
    padding-top: 52px;
}

    .fourth-container .header {
        font: normal normal 600 44px/55px Poppins;
        letter-spacing: -1.32px;
        color: #FFFFFF;
        opacity: 1;
        padding: 5%;
    }

    .fourth-container .header-row {
        display: flex;
        align-items: center;
        text-align: center;
        padding: 5%;
    }

        .fourth-container .header-row a {
            font: normal normal normal 19px/23px Poppins;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
        }

    .fourth-container .content {
        font: normal normal normal 19px/23px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        padding: 5%;
    }

/*fourth-container end*/
/*fourth-container-mobile start*/
.fourth-container-mobile {
    padding-top: 39px;
}

    .fourth-container-mobile .header {
        font: normal normal 600 30px/55px Poppins;
        letter-spacing: -0.9px;
        color: #FFFFFF;
        opacity: 1;
        padding-left: 84px;
        padding-top: 68px;
        padding-bottom: 47px;
    }

    .fourth-container-mobile .content {
        font: normal normal normal 18px/21px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        width: 100%;
        padding-left: 84px;
        padding-right: 84px;
    }
/*fourth-container-mobile end*/
/*fifth-container start*/
.fifth-container {
    padding-top: 122px;
    padding-left: 113px;
    padding-right: 171px;
    display: inline-block;
    position: relative;
}

    .fifth-container .header-main {
        text-align: left;
        font: normal normal 600 44px/55px Poppins;
        letter-spacing: -1.32px;
        opacity: 1;
        padding-left: 34px;
    }

    .fifth-container .info-box {
        position: absolute;
        top: 70%; /* Resmin üst kısmına göre yüzde olarak ayarlayın */
        left: 15%; /* Resmin sol kısmına göre yüzde olarak ayarlayın */
        font: normal normal normal 24px/35px Poppins;
        background-color: rgba(0, 0, 0, 0.7); /* Siyahın %70 şeffaflığı */
        color: white; /* İçerikteki metin rengi beyaz */
        padding: 20px;
        border-radius: 8px; /* Köşeleri yuvarlatma */
        max-width: 200px;
    }

/*a {
    color: white !important
}*/

.fifth-container .nav-tabs a {
    color: black !important;
}

/*.modal {
    
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content-container {
    position: relative;
    width: 80%;
    height: auto;
    max-height: 90vh;
}

.close {
    color: #ffffff; 
    font-size: 32px;
    font-weight: bold;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px; 
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    position: absolute;
    top: 10px; 
    right: 210px;
    z-index: 1001;
}

    .close:hover {
        background-color: rgba(0, 0, 0, 0.8);
        transform: scale(1.1);
    }

@media (max-width: 767px) {
    .close {
        right: 20px;
        top: 20px;
        font-size: 24px;
    }
}*/

/*fifth-container end*/
/*sixth-container start*/
.sixth-container {
    background-color: #E9EBEC;
    padding-top: 102px;
    padding-left: 119px;
    padding-right: 171px;
    padding-bottom: 152px;
}

    .sixth-container .header-main {
        font: normal normal 600 44px/55px Poppins;
        letter-spacing: -1.32px;
        color: #000;
        opacity: 1;
        padding-left: 34px;
    }

    .sixth-container .header {
        text-align: right;
        font: normal normal 200 71px/88px Poppins;
        letter-spacing: -0.71px;
        opacity: 1;
        padding-right: 80px;
        padding-top: 80px;
    }

    .sixth-container .header2 {
        text-align: right;
        font: normal normal 600 15px/19px Poppins;
        letter-spacing: -0.15px;
        color: #000;
        opacity: 1;
        padding-right: 80px;
        padding-top: 30px;
    }

    .sixth-container .header3 {
        text-align: right;
        font: normal normal normal 24px/30px Poppins;
        letter-spacing: -0.24px;
        color: #000;
        opacity: 1;
        padding-right: 80px;
        padding-bottom: 30px;
    }

    .sixth-container .content {
        text-align: right;
        font: normal normal normal 15px/20px Poppins;
        letter-spacing: -0.15px;
        color: #000;
        opacity: 1;
        padding-right: 80px;
    }

/*sixth-container end*/
/*sixth-container-mobile start*/
.sixth-container-mobile {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 36px;
}

    .sixth-container-mobile .header-main {
        font: normal normal 600 30px/55px Poppins;
        letter-spacing: -0.9px;
        color: #000;
        opacity: 1;
        padding-left: 25px;
        padding-right: 15px;
    }


    .sixth-container-mobile .header {
        text-align: right;
        font: normal normal 200 50px/60px Poppins;
        letter-spacing: -0.7px;
        opacity: 1;
        padding-top: 25px;
        padding-right: 20px;
    }

    .sixth-container-mobile .header2 {
        text-align: right;
        font: normal normal 600 18px/23px Poppins;
        letter-spacing: -0.16px;
        color: #000;
        opacity: 1;
        padding-top: 40px;
        padding-left: 25px;
        padding-right: 20px;
    }

    .sixth-container-mobile .header3 {
        text-align: right;
        font: normal normal normal 25px/31px Poppins;
        letter-spacing: -0.25px;
        color: #000;
        opacity: 1;
        padding-left: 25px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .sixth-container-mobile .content {
        text-align: right;
        font: normal normal normal 15px/20px Poppins;
        letter-spacing: -0.15px;
        color: #000;
        opacity: 1;
        padding-left: 25px;
        padding-right: 20px;
    }

/*sixth-container-mobile end*/
/*seventh-container start*/

.seventh-container {
    padding-left: 119px;
    padding-right: 171px;
    padding-top: 93px;
    padding-bottom: 177px;
}

    .seventh-container .header-main {
        text-align: left;
        font: normal normal 600 44px/55px Poppins;
        letter-spacing: -1.32px;
        color: #625464;
        opacity: 1;
        padding-left: 34px;
    }

    .seventh-container .header {
        font: normal normal 600 21px/26px Poppins;
        letter-spacing: -0.21px;
        color: #797472;
        opacity: 1;
        padding: 5%;
    }

    .seventh-container .header-row {
        display: flex;
        align-items: center;
    }

/*seventh-container end*/
/*seventh-container-mobile start*/

.seventh-container-mobile {
    padding-top: 23px;
}

    .seventh-container-mobile .header-main {
        text-align: left;
        font: normal normal 600 30px/55px Poppins;
        letter-spacing: -0.9px;
        color: #625464;
        opacity: 1;
        padding-left: 40px;
        padding-right: 35px;
    }

    .seventh-container-mobile .header {
        font: normal normal 600 18px/26px Poppins;
        letter-spacing: -0.18px;
        color: #797472;
        opacity: 1;
        padding-left: 40px;
        padding-right: 35px;
        padding-bottom: 20px;
    }


/*seventh-container-mobile end*/

/*eighth-container start*/
.eighth-container {
    background-color: #EAEBEC;
    padding-left: 186px;
    padding-top: 111px;
    padding-right: 59px;
    padding-bottom: 152px;
}

    .eighth-container .header {
        font: normal normal normal 26px/40px Poppins;
        letter-spacing: 0px;
        opacity: 1;
        padding-top: 21px;
        padding-bottom: 20px;
    }

    .eighth-container .header2 {
        font: normal normal normal 24px/34px Poppins;
        letter-spacing: 0px;
        opacity: 1;
    }

    .eighth-container .content {
        font: normal normal normal 15px/20px Poppins;
        letter-spacing: -0.15px;
        color: #5D5754;
        opacity: 1;
        padding-right: 100px;
    }
/*eighth-container end*/
/*nineth-container start*/
.nineth-container {
    padding-top: 112px;
    padding-left: 52px;
    padding-right: 62px;
}

    .nineth-container .header {
        font: normal normal 300 28px/38px Poppins;
        letter-spacing: 0px;
        opacity: 1;
        padding-left: 123px;
        padding-right: 123px;
    }

    .nineth-container .text {
        font: normal normal normal 16px/30px Poppins;
        letter-spacing: 0px;
        color: #491720;
        opacity: 1;
    }



/*nineth-container end*/
/*nineth-container-mobile start*/
.nineth-container-mobile {
}

    .nineth-container-mobile .header {
        font: normal normal 300 30px/35px Poppins;
        letter-spacing: 0px;
        opacity: 0.9;
        padding-left: 40px;
        padding-right: 35px;
        padding-top: 20px;
    }

    .nineth-container-mobile .text {
        font: normal normal normal 16px/25px Poppins;
        letter-spacing: 0px;
        color: #491720;
        opacity: 1;
    }


/*nineth-container end*/


.phoneNumber {
    padding: 5px;
    text-align: center;
    margin-right: 55px;
    font: normal normal 600 33px/50px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.phoneNumberMobile {
    padding: 5px;
    color: white;
    opacity: 1;
    font: normal normal 600 24px/36px Poppins;
    text-align: center;
    letter-spacing: 0px;
    margin-right: 15px;
    margin-top: -10px;
}

/*Büyük ekranda sağda görünen butonlar için css*/
.fixed-button {
    position: fixed;
    top: 0;
    right: -81px;
    height: 35px;
    width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    z-index: 999;
}

.fixed-right {
    position: fixed;
    top: 20px;
    right: -62px;
    z-index: 9999;
    display: flex;
    align-items: center;
    text-align: center;
}
/*Mobil ekranda altta görünen butonlar için css*/
.fixed-bottom {
    position: fixed;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}
/*Vaziyet planı ve kat planında yer alan butonlar için özel css*/
.custom-button {
    display: inline-block;
    padding: 10px 20px;
    margin: 0px 0px 2px 2px;
    text-decoration: none;
    background-color: #2B959A;
    border: 1px solid #2B959A;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

    .custom-button:hover {
        margin-top: -5px;
    }

    .custom-button.active {
        background-color: #E3AF00;
        border-color: #E3AF00;
        outline: none;
    }

.custom-button-floor {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #C7C7C7;
    border: 1px solid #C7C7C7;
    border-radius: 0px;
    transition: background-color 0.3s, color 0.3s;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

    .custom-button-floor:hover {
        margin-top: -8px;
        border-color: #FFFFFF;
    }

    .custom-button-floor.active {
        color: #000000;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        outline: none;
    }


.custom-button-floor-mobile {
    width: 150px;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #C7C7C7;
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

    .custom-button-floor-mobile.active {
        outline: none;
    }
.custom-button-layout {
    display: inline-block;
    padding: 10px 20px;
    background-color: #C7C7C7;
    text-decoration: none;
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

    .custom-button-layout:hover {
        margin-top: -8px;
    }

    .custom-button-layout.active {
        outline: none;
    }
/*Kat planı görsel değişikliği için button*/
.text-button {
    background: none;
    border: none;
    color: #797472;
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    outline: none;
    transition: color 0.3s, border-bottom 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
}

    .text-button:hover {
        color: #000;
    }


    .text-button.active {
        border-bottom: 2px solid #797472;
        color: #000;
    }

.text-button-mobile {
    background: none;
    border: none;
    color: #797472;
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer;
    outline: none;
    transition: color 0.3s, border-bottom 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
}

    .text-button-mobile:hover {
        color: #000;
    }


    .text-button-mobile.active {
        border-bottom: 2px solid #797472;
        color: #000;
    }

.text-button-media {
    background: none; /* Arka planı transparan yapar */
    border: none; /* Kenar çizgilerini kaldırır */
    color: #491720; /* Yazı rengi */
    font: normal normal normal 26px Poppins;
    padding: 10px 20px; /* İç boşluk */
    cursor: pointer; /* İmlecin pointer olmasını sağlar */
    outline: none; /* Fokus halinde çerçeve görünümünü kaldırır */
    transition: color 0.3s, border-bottom 0.3s ease-in-out; /* Renk ve alt çizgi geçiş animasyonu */
    border-bottom: 2px solid transparent; /* Başlangıçta görünmeyen alt çizgi */
    width: 180px;
}

    .text-button-media:hover {
        color: #000; /* Üzerine gelindiğinde rengi değişir */
    }


    .text-button-media.active {
        border-bottom: 2px solid #797472; /* Fokus halinde alt çizgi */
        color: #000;
    }

.text-button-media-mobile {
    background: none; /* Arka planı transparan yapar */
    border: none; /* Kenar çizgilerini kaldırır */
    color: #491720; /* Yazı rengi */
    font: normal normal normal 20px Poppins;
    padding: 10px 20px; /* İç boşluk */
    cursor: pointer; /* İmlecin pointer olmasını sağlar */
    outline: none; /* Fokus halinde çerçeve görünümünü kaldırır */
    transition: color 0.3s, border-bottom 0.3s ease-in-out; /* Renk ve alt çizgi geçiş animasyonu */
    border-bottom: 2px solid transparent; /* Başlangıçta görünmeyen alt çizgi */
}

    .text-button-media-mobile:hover {
        color: #000; /* Üzerine gelindiğinde rengi değişir */
    }


    .text-button-media-mobile.active {
        border-bottom: 2px solid #797472; /* Fokus halinde alt çizgi */
        color: #000;
    }




.progress-button {
    position: relative;
    width: 165px;
    height: 46px;
    color: white;
    background-color: #2C2C2C;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    overflow: hidden;
    display: flex; /* Flexbox kullanarak içeriği hizalayın */
    align-items: center; /* Dikey olarak ortala */
    padding-left: 10px; /* Sol tarafa boşluk ekle */
}



    .progress-button span {
        z-index: 2;
    }

    .progress-button:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: var(--progress, 0%); /* Başlangıçta %0 */
        height: 100%;
        background-color: #407225;
        transition: width 0.25s ease-in-out;
        z-index: 1;
    }


/* Genel stil, tüm ekran boyutları için geçerlidir */
.carousel-inner .item {
    width: 100%;
    height: 90vh; /* Yükseklik değeri, büyük ekranlar için */
    background-size: cover;
    background-position: center;
}

.carousel-indicators li {
    background-color: #ccc; /* İndikatör renkleri */
}

.carousel-indicators .active {
    background-color: #333; /* Aktif indikatör rengi */
}

    /* Küçük ekranlar (mobil cihazlar için) */
    @media (max-width: 767px) {
    .carousel-inner .item {
        height: 30vh;
    }

    .modal.fade.show {
        position: fixed !important;
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog.modal-dialog-scrollable {
        margin: 0 !important;
        max-height: 100% !important;
        height: 100% !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        position: absolute !important;
    }
}

/* Orta boy ekranlar için (tabletler gibi) */
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-inner .item {
        height: 70vh;
    }
}

/* Büyük ekranlar için */
@media (min-width: 992px) and (max-width: 1319px) {
    .carousel-inner .item {
        height: 80vh;
    }
}

/* Çok büyük ekranlar için (1320px ve üstü) */
@media (min-width: 1320px) {
    .carousel-inner .item {
        height: 90vh;
    }
}

.d-flex-custom-button-floor {
    display: flex;
    flex-wrap: wrap; /* Butonların birden fazla satıra yayılmasını sağlar */
    gap: 10px; /* Butonlar arasında boşluk bırakır */
}
.d-flex-photo-gallery {
    display: flex;
    flex-wrap: wrap; /* Butonların birden fazla satıra yayılmasını sağlar */
    gap: 10px; /* Butonlar arasında boşluk bırakır */
}