/*contents-all*/
.contents-all{
    position: relative;
    padding-top: 54px;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .contents-all {
        padding-top: 30px; 
    } 
}
/*slideer*/
.swiper {
    width: 100%;
    margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .swiper {
        margin-bottom: 50px; 
    } 
}
.swiper-wrapper {
    width: 100%;
}
.swiper-slide {
    width: 100%;
    padding-bottom: 50px; 
}
.swiper-slide a {
    display: block;
    width: 100%;
    height: 600px; 
}
@media screen and (max-width: 768px) {
    .swiper-slide a {
        height: 350px; 
    } 
}
.swiper-container {
    position: relative;
    width: 100%; 
}
.swiper-pagination {
    cursor: pointer; 
}
.swiper .swiper-pagination-bullet-active {
    background: #757575; 
}


/* section title */
.section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-family: "Raleway", sans-serif;
    font-weight: 200;
    letter-spacing: 8px; 
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .section-title{
        font-size: 20px;
    }
}