#Csr .Top {
    background-image: url(../../_Image/csr/57.jpg);
}

.BreadList .BreadItem {
    color: #fa3c58;
}

.Top:not(#ProductDetail .Top) .Container h1 {
    color: #d1eaff;
}

#Csr .Top .Container p {
    color: #fff;
}

.Body .Wapper h2 br {
    display: none;
}

/* .Body .Wapper h3 {
    font-weight: 400;
} */

.Body .Wapper h4 {
    margin: auto;
    font-size: 22px;
    font-weight: 400;
}

.Body #Yaug {
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: calc(50% + 300px) center;
    /* background-color: #f2f2f2; */
    background-color: #e9eaef;
    background-image: url(../../_Image/csr/86.png);
}

.Body #Yaug .Wapper {
    padding: 200px 0;
}

.Body #Yaug .Wapper section {
    width: 520px;
}

.Body #Fundraising .Wapper {
    padding: 150px 0;
}

.Body #Fundraising .Wapper h2,
.Body #Turkiye .Wapper h2 {
    text-align: center;
}

.Body #Fundraising .Wapper .ImgList,
.Body #Turkiye .Wapper .ImgList {
    padding: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.Body #Fundraising .Wapper .ImgList img,
.Body #Turkiye .Wapper .ImgList img {
    width: calc(50% - 10px);
    border-radius: 15px;
}

.Body #Turkiye .Wapper {
    padding: 0 0 150px 0;
}

.Body #Comprehensive .Wapper .List .Item {
    width: calc(25% - 15px);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(1):before {
    background-image: url(../../_Image/csr/61.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(2):before {
    background-image: url(../../_Image/csr/22.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(3):before {
    background-image: url(../../_Image/csr/21.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(4):before {
    background-image: url(../../_Image/csr/60.jpg);
}

.Body #Comprehensive .Wapper ul {
    margin: calc(1em + 1vw) 0 0 0;
}

.Body #Comprehensive .Wapper ul li {
    font-size: 18px;
}

.Body #Covid .Wapper:nth-child(1) {
    padding: 150px 0 0 0;
}

.Body #Covid .Wapper:nth-child(2) {
    padding: 50px 0 150px 0;
}

.Body #Covid .Wapper h2 {
    margin: 0 0 50px 0;
    text-align: center;
}

.Body #Covid .Wapper:nth-child(1) .ImgList {
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 15px;
    overflow: hidden;
}

.Body #Covid .Wapper:nth-child(1) .ImgList img {
    width: 50%;
    box-shadow: 0 0 0 5px #fff;
}

.Body #Covid .Wapper table {
    margin: 30px auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.Body #Covid .Wapper table tr {
    color: #333;
    border-bottom: 1px solid #ccc;
}

.Body #Covid .Wapper table tr th {
    padding: 1em;
    width: 105px;
    text-align: left;
    color: #3c89cc;
    font-weight: 500;
}

.Body #Covid .Wapper table tr td {
    padding: 1em 0;
    text-align: justify;
}

.Body #Covid .Wapper:nth-child(2) .ImgList {
    margin: 0 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.Body #Covid .Wapper:nth-child(2) .ImgList img {
    width: calc(50% - 10px);
    border-radius: 15px;
}

@media screen and (max-width:1249px) {
    .Body #Yaug {
        background-size: 250px;
    }

    .Body #Yaug .Wapper {
        padding: 100px;
        width: 100%;
    }

    .Body #Fundraising .Wapper {
        padding: 150px 0 100px 0;
    }

    .Body #Comprehensive .Wapper .List .Item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:1023px) {
    .Body #Yaug {
        background-position: center 100px;
    }

    .Body #Yaug .Wapper {
        padding: 320px 100px 100px 100px;
    }

    .Body #Yaug .Wapper section {
        margin: auto;
    }

    .Body #Yaug .Wapper h2 {
        text-align: center;
    }

    .Body #Fundraising .Wapper {
        padding: 100px;
        width: 100%;
    }

    .Body #Turkiye .Wapper {
        padding: 0 100px 100px 100px;
        width: 100%;
    }

    .Body #Covid .Wapper:nth-child(1) {
        padding: 100px 100px 50px 100px;
    }

    .Body #Covid .Wapper:nth-child(2) {
        padding: 0 100px 100px 100px;
    }
}

@media screen and (max-width:767px) {
    .Top:not(#ProductDetail .Top) {
        /* background-color: #455668; */
        background: linear-gradient(to left, #5b778f 0%, #324153 100%);
        ;
    }

    .Top:not(#ProductDetail .Top)::before {
        background-position: center bottom;
        background-size: 150%;
        background-image: url(../../_Image/csr/57.jpg);
        mask: linear-gradient(to bottom, transparent 30%, #000 60%);
    }

    .Body .Wapper h2 .Br {
        display: inline;
    }

    .Body .Banner::before {
        background-image: url(../../_Image/csr/banner-social-m2.png);
    }

    .Body #Yaug {
        background-size: 150px;
        background-position: center 9.3vw;
    }

    .Body #Yaug .Wapper {
        padding: calc(9.3vw + 150px) 9.3vw 9.3vw 9.3vw;
    }

    .Body #Yaug .Wapper section {
        width: 100%;
    }

    .Body #Fundraising .Wapper {
        padding: 18vw 9.3vw 9.3vw 9.3vw;
    }

    .Body #Fundraising .Wapper .ImgList,
    .Body #Turkiye .Wapper .ImgList {
        padding: 0;
        flex-wrap: wrap;
    }

    .Body #Fundraising .Wapper .ImgList img,
    .Body #Turkiye .Wapper .ImgList img {
        width: 100%;
    }

    .Body #Turkiye .Wapper {
        padding: 9.3vw 9.3vw 18vw 9.3vw;
    }

    .Body #Comprehensive .Wapper .List .Item {
        width: 100%;
    }

    .Body #Comprehensive .Wapper ul {
        padding: 0 0 0 1.5em;
    }

    .Body #Comprehensive .Wapper ul li {
        font-size: 16px;
    }

    .Body #Covid .Wapper h2 {
        margin: 0 0 15px 0;
    }

    .Body #Covid .Wapper:nth-child(1),
    .Body #Covid .Wapper:nth-child(2) {
        padding: 9.3vw;
        width: 100%;
    }

    .Body #Covid .Wapper:nth-child(1) .ImgList,
    .Body #Covid .Wapper:nth-child(2) .ImgList {
        margin: 0 0 50px 0;
    }

    .Body #Covid .Wapper:nth-child(1) .ImgList img,
    .Body #Covid .Wapper:nth-child(2) .ImgList img {
        width: 100%;
    }

    .Body #Covid .Wapper table {
        margin: 10px 0 0 0;
    }

    .Body #Covid .Wapper table,
    .Body #Covid .Wapper table tr,
    .Body #Covid .Wapper table tr th,
    .Body #Covid .Wapper table tr td {

        display: block;
    }

    .Body #Covid .Wapper table tr th {
        padding: 1em 0 0 0;
    }

    .Body #Covid .Wapper table tr td {
        padding: .5em 0 1em 0;
        width: 100%;
        border-bottom: none;
    }
}