.pageTitleSection{

    width:81%;
    margin-bottom:55px;

    .pageTitleContent{

        display:flex;
        align-items:center;
        gap:20px;

        .titleSquare{

            width:22px;
            height:22px;
            background:#b11111;
            flex-shrink:0;

        }

        h1{

            font-size:2.8rem;
            font-weight:700;
            color:#202020;
            text-transform:uppercase;
            line-height:1.2;

        }

    }

}


.sparePartsIntroSection{

    width:95%;
    margin-bottom:60px;

    .sparePartsIntro{

        width:100%;
        display:flex;
        border-radius:28px;
        overflow:hidden;

        .introText{

            width:38%;
            width:100%;  /** resmi koymak için bunu kaldır**/
            background:#ff9800;

            display:flex;
            flex-direction:column;
            justify-content:center;

            padding:60px 45px;

            gap:40px;

            h2{

                font-size:2.8rem;
                color:#b11111;
                font-weight:700;
                text-transform:uppercase;
                line-height:1.2;

            }

            p{

                font-size:1.6rem;
                color:#1f1f1f;
                line-height:1.8;

            }

        }

        .introImage{
            width:62%;
            /* height:500px; */
            background:#d9d9d9;
            img{
                width:100%;
                height:100%;
                object-fit:cover;
                display:block;
                object-position: right center;
                object-position: 85% 50%;
            }

        }

    }

}

@media (max-width: 950px ){
    .sparePartsIntroSection .sparePartsIntro{
        flex-direction: column;
        .introText{
            width: 100%;
            /* border-radius: 15px; */
        }
        .introImage{
            border-radius: 0px;
            width: 100%;
            img{
                border-radius: 0px;
                transform: scale(1.05);
            }
        }
    }
}


.pageTextSection{

    width:80%;
    margin-bottom:65px;

    .pageTextContent{

        display:flex;
        flex-direction:column;
        gap:35px;

        p{

            font-size:1.65rem;
            font-weight: 600;
            color:#2f2f2f;
            line-height:1.8;
            max-width:1120px;

        }

    }

}


.advantagesSection{

    width:95%;
    margin-bottom:60px;

    .advantagesBox{

        width:100%;
        background:#b90f10;
        border-radius:28px;

        padding:55px 80px;

        display:flex;
        flex-direction:column;
        gap:30px;

        h2{

            font-size:3rem;
            color:#ff9800;
            font-weight:700;

        }

        ul{

            display:flex;
            flex-direction:column;
            gap:14px;

            padding-left:22px;

            li{

                color:white;
                font-size:1.65rem;
                line-height:1.6;

            }

        }

    }

}


.gallerySection{

    display: none;

    width:95%;
    margin-bottom:90px;

    .galleryContent{

        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        gap:25px 0;

        .galleryItem{

            width:23.5%;
            height:230px;

            border-radius:20px;
            overflow:hidden;

            background:#d9d9d9;

            transition:.3s;

            img{

                width:100%;
                height:100%;
                object-fit:cover;
                display:block;

            }

            &:hover{

                transform:translateY(-5px);

            }

        }

    }

}

@media (max-width:1100px) {
    .gallerySection .galleryContent{
        gap: 25px;
    }
    .gallerySection .galleryContent .galleryItem{
        width: 48%;
    }
}

@media (max-width:660px) {
    .gallerySection .galleryContent{
        gap: 25px;
    }
    .gallerySection .galleryContent .galleryItem{
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 350px){
    *{
        word-break: break-all;
    }
}