* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html,
 body {
     height: 100%;
     font-family: sans-serif;
 }

 [data-scroll-container] {
     overflow: hidden;
 }

 section {
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     /* diğer bölümler ortalansın */
     font-size: 2em;
     color: #fff;
     padding-top: 100px;
     padding-bottom: 100px;
 }

 #s1 {
     height: 100vh;
     position: relative;
 }

 #s1 p {
     color: #224CA0;
     text-align: center;
     font-family: Newsreader;
     font-size: 128px;
     font-style: normal;
     font-weight: 100;
     line-height: 150px;
     /* 117.188% */
 }

 #promo-img {
     position: absolute;
     z-index: 2;
     left: 50%;
     width: 600px;
     transform: translate(-50%, -50%);
     margin-top: 200px;
     top: 50%;
 }

 #s1 p b {
     font-weight: 700;
 }



 /* --- yatay scroll bölümünde ORTALAMAYI KALDIR --- */
 #verticalSection {
     position: relative;
     overflow: hidden;
     justify-content: flex-start;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     /* FIX: sola hizala */
 }

 .horizontal-wrapper {
     display: inline-flex;
     /* FIX: inline-flex */
     flex: none;
     /* FIX: shrink etme (0 0 auto) */
     width: max-content;
     /* FIX: içerik ne kadarsa o kadar genişlik */
     height: 100vh;
     align-items: stretch;
     padding-left: 10vw;
     /* solda boşluk */
     gap: 4vw;
     will-change: transform;
 }

 .box {
     flex: 0 0 auto;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 50px;
     padding-bottom: 50px;
     color: #fff;
     border-radius: 12px;
     padding: 0 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     font-size: 1rem;
     min-width: 300px;
     position: relative;
 }

 .box img {
     max-width: 100%;
     height: auto;
     border-radius: 8px;
     margin-bottom: 15px;
     display: block;
     height: calc(100vh - 200px);
 }

 .box img.r1 {
     width: 400px;
     object-fit: cover;
     border-top-left-radius: 100px;
     border-bottom-right-radius: 100px;
 }

 .box img.r2 {
     width: 500px;
     object-fit: cover;
     border-top-right-radius: 100px;
 }

 .box img.r3 {
     height: 50vh;
     object-fit: cover;
     border-radius: 100px;
 }


 .box h3 {
     margin-bottom: 10px;
 }

 .box p {
     font-size: 0.9rem;
     line-height: 1.4;
 }

 .footerContent {
display: grid;
grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     font-size: 14px;
     font-family: Newsreader;
     line-height: 1.4;
     flex-wrap: wrap;
     width: 100%;
     gap:40px
 }


 footer .container {
     width: 94%;
     max-width: 1400px;
 }

 footer .container>h3 {
     color: #FFF;
     display: block;
     font-family: Newsreader;
     font-size: 30px;
     padding-bottom: 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
 }

 .footerContent a {
     color: inherit;
     text-decoration: underline;
 }

 .footerContent h3 {
     font-size: 20px;
 }

 .footerContent div {
     flex: 0 0 calc(20% - 25px);
 }

 .logo_list {
     justify-content: center;
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     padding-bottom: 50px;
     margin-bottom: 60px;
     display: flex;
     gap: 60px;
     align-items: center;
 }

 .logo_list span {
     width: 1px;
     height: 40px;
     content: "";
     display: block;
     background: #FFF;
 }

 .brandlogo.rev_logo {
     max-width: 80px;
 }

 .brandlogo {
     max-width: 100px;
     margin-bottom: 30px;
     height: 40px;
     object-fit: contain;
     object-position: left;
     filter: brightness(0) invert(1);
 }

 @media screen and (max-width: 600px) {
     .maltepepiazza_logo {
         margin-bottom: 10px;
     }

     .footerContent {
         justify-content: center;
         text-align: center;
     }

     .brandlogo {
         max-height: 25px;
         object-position: center;
         margin-left: auto;
         margin-right: auto;
     }

     footer .container {
         width: 90%;
     }

     #parallax1 {
         height: 30vh;
     }

     .rev_bluezone_logo {
         width: 120px;
     }

     .footerContent div {
         flex: 0 0 calc(50% - 25px);
     }
 }



 body.page section .row {
     display: flex;
     gap: 60px;
 }

 body.page section .row .col {
     flex: 1;
 }

 body.page section .row .col p {
     margin-bottom: 20px;
 }

 body.page section .row .col img.colImage {
     width: 100%;
 }

 .colImage {
     display: block;
     max-width: 100%;
     will-change: transform, opacity;
     opacity: 0.5;
     /* başlangıç */
 }

 body.page section ul {
     padding-left: 20px;
     list-style: disc;
 }

 .overTri {
     position: absolute;
     bottom: -150px;
     righT: 0;
     width: 33%;
     z-index: 2;
 }

 .overHeart {
     width: 400px;
 }

 .box h1 {
     color: #224CA0;
     font-family: Newsreader;
     font-size: 180px;
     font-style: normal;
     font-weight: 400;
     line-height: 56px;
     /* 31.111% */
 }

 section.fullImageWrapper {
     width: 100%;
     height: 100vh;
     overflow: hidden;
     padding: 0;
     position: relative;
 }

 section.fullImageWrapper img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     lefT: 0;
     object-position: center center;
     object-fit: cover;
 }

 #footerbottom{
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    margin-top: 100px;
 }
 footer #header-sm{
    righT:20px;
 }

 .header-cta{
    border:1px solid #224CA0;
    font-family: newsreader;
    font-size:18px;
    padding:0 20px;
    float:Right;
    box-sizing: border-box;
    height:48px;
    line-height:48px;
    text-decoration: none;;
    color:#224CA0;
    margin-right:20px;
    margin-top:16px;
    transition: .3s all linear;
 }

 .header-cta:hover{
    background-color: #224CA0;
    color:#fff;
 }

 .home-header .header-cta{
    border:1px solid white;
    color:white;
 }

  @media screen and (max-width: 1024px) {
    section{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .slide-caption{width:80%;}
    .slide-caption h2{font-size:24px; line-height:1.2;}
    .slide-caption p{font-size:16px; line-height:1.2;}
    #infoBox{
        width:calc(100% - 40px);
    }
    #infoTitle{
        font-size:20px;
    }
    #header-logo{
        right:20px;
        left:auto;
    }
    body.page section .row{
        flex-direction: column;
    }
    #s1{
        height:70vh;
    }
    #s1 p{
        font-size:64px;
        line-height:1.3;
    }
    #promo-img{
        width:80%;
    }
    section.fullImageWrapper{
        height:50vh !important;
        padding-top:0 !important;
        padding-bottom:0 !important;

    }
    .footerContent{
        grid-template-columns: repeat(1, 1fr);
        gap:20px;
    }
    .footerContent div{
        text-align: left;
    }
     .home-header .header-cta{
        display:none;
     }
     .header-cta{
        width:100%;
        bottom:0;
        position: fixed;
        z-index: 900;
        background-color: #224CA0;
        left:0;
        right:auto;
        color:white;
        text-align: center;
        margin-right:none;
        margin-top: none;
     }
     #footerbottom{
        margin-bottom: 48px;
     }
     footer #header-sm{
        right:10px;
     }
     #header-phone {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    height: 22px;
}

  }