body{font-size:14px;font-weight:300;}

a{color:#222;text-decoration:none;}

header{position: relative;z-index:9;padding:10px 0 0 0;margin-bottom:20px;}
header .h-top{margin-bottom:50px;}
header .h-top ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-between;}
header .h-top ul>li>a{display:block;width:fit-content;padding: 5px 15px;background: #222;color:#fff;border-radius:50px;}
header .h-top ul>li>a span{vertical-align:middle;}

header .h-body .logo{width:14.28%;margin:0 auto;display:block;position:relative;}
header .h-body .logo img{width:100%;height:auto;position:absolute;transform: translate(0,-50%);z-index:99;}

header .h-body .menu{background:#962E40;border-radius:50px;}
header .h-body .menu .menu-bar{display:none;}
header .h-body .menu>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;}
header .h-body .menu>ul>li{max-width:14.28%;flex:0 0 14.28%;}
header .h-body .menu>ul>li>a{display:block;text-align:center;padding:10px;color:#fff;}

@media only screen and (max-width:767px){
    header{margin-bottom:70px;}
    header .h-top{margin-bottom:70px;}
    header .h-top ul>li{max-width:50%;flex: 0 0 50%;}
    header .h-top ul>li>a{font-size:.8em;width: 100%;}
    header .h-body .logo{width:50%;}
    header .h-body .logo img{transform: translate(0,-37%);}

    header .h-body .menu{position: relative;}
    header .h-body .menu .menu-bar{display:block;padding:20px;color:#fff;}
    header .h-body .menu>ul{position: absolute;left:0;width: 100%;padding:40px 20px;background-color:#000;color:#fff;flex-direction: column;justify-content: unset;display: none;}
    header .h-body .menu>ul>li{max-width:100%;flex: 0 0 100%;}
}


.slider{padding:40px 0 0 0;position: relative;height:100%;}
.slider .swiper-wrapper{}
.slider .swiper-slide{width:100%;height:100%;}
.slider .slide-item{display:flex;flex-direction:row;height:100%;position:relative;}
.slider .slide-item .img{max-width:50%;flex:0 0 50%;border-radius:50%;overflow:hidden;padding: 10px;}
.slider .slide-item .img img{object-fit:cover;height:100%;aspect-ratio: 1 1;max-width: 100%;box-shadow: 0 0 10px #962E40;border-radius:50%;}
.slider .slide-item .text{max-width:50%;flex:0 0 50%;height:65vh;display:flex;flex-direction:column;justify-content:center;padding-left:40px;}
.slider .slide-item .text span{display: block;font-style: italic;margin-bottom:20px;}
.slider .slide-item .text h2{font-size:35px;font-weight:900;}
.slider .slide-item .text p{padding-right:25%;font-weight:200;font-size:18px;}
.slider .slide-item .text a{display:block;width:fit-content;padding:10px 30px;border-radius:50px;background:#962E40;color:#fff;}

.slider .swiper-nav{display:flex;justify-content: center;flex-direction: row;margin:30px 0;}
.slider .swiper-nav>div{width:40px;height: 30px;border-radius: 15px;background-color: #eee;border:1px solid #ddd;text-align: center;line-height:30px;margin:0 5px;}

@media only screen and (max-width:767px){
    .slider .slide-item{flex-direction: column;}
    .slider .slide-item .img{max-width: 100%;flex: 0 0 100%;}
    .slider .slide-item .img img{min-height:350px;}
    .slider .slide-item .text{max-width: 100%;flex: 0 0 100%;padding-left:0;align-items: center;text-align: center;}
    .slider .slide-item .text p{padding-right: 0;}
}


.about{background:#eee;padding:100px 0;text-align:center;}
.about h2{font-weight:700;margin-bottom:50px;}
.about .content{margin-bottom:30px;}
.about .more{display:block;width:fit-content;font-weight:900;margin:0 auto;}

.services{padding:100px 0 0 0;}
.services .swiper-slide{padding:0 10px;}
.services .services-box{box-shadow: 0 0 10px #ddd;border-radius:30px;margin-bottom:40px;}
.services .services-box .img{overflow:hidden;border-radius:30px;}
.services .services-box .img img{width:100%;height:300px;object-fit:cover;}
.services .services-box .text{display:flex;flex-direction:column;justify-content: space-around;padding:30px;min-height:250px;}
.services .services-box .text h3{font-size:18px;font-weight:700;text-align: center;}
.services .services-box .text p{text-align: center; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;}

.m-title{margin-bottom:40px;}
.m-title h2{font-size:34px;font-weight:900;text-align:center;}
.m-title p{font-size:18px;font-weight:200;text-align:center;padding:0 12%;}

.faqs{padding:100px 0;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100vh;background:url('../images/masaj-salonu/slide-1.jpg') no-repeat fixed center;position: relative;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;}
.faqs:before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background: rgba(0, 0, 0, .5);}
.faqs .m-title{color:#fff;position: relative;z-index:99;}
.faqs .m-title a{color:#fff;}
.faqs .accordion{gap:10px;position: relative;z-index: 99;}
.faqs .accordion-item{flex: 1 1 calc(50% - 10px);border:unset;border-radius:30px;box-shadow:unset;overflow:hidden;background:unset;color:#fff;}
.faqs .accordion-button:not(.collapsed){box-shadow:unset;}
.faqs .accordion-item .accordion-header{border-radius:30px;overflow: hidden;}
.faqs .accordion-item .accordion-header button{font-size:18px;font-weight:200;padding:20px;}
.faqs .accordion-item:first-of-type .accordion-button{border-top-left-radius:0;border-top-right-radius:0;}

@media only screen and (max-width:767px){
    .faqs .accordion-item{flex: 1 1 100%;}
}

.comments{padding:40px 0;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100vh;}
.comments .swiper{padding:0 30px;}
.comments .comment-box {text-align: center;padding: 15px;border: 1px solid #ccc;border-radius: 8px;margin: 10px;background-color: #f9f9f9;}
.comments .comment-box p {font-size: 16px;font-style: italic;margin: 10px 0;min-height:100px;}
.comments .user-icon, .quote-icon {color: #a52a2a;font-size: 20px;margin: 0 5px;}
.comments .comment-box .user-icon {font-size: 18px;margin-top: 10px;}
.comments .swiper-button-next, .swiper-button-prev{color:#ed0012;}

.contact{padding:40px 0;background-color: #f9f9f9;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100vh;}
#generatedCode{font-size: 1.25rem;border: 1px solid #ddd;padding:2px 10px;text-align:center;background:#fff;border-radius:5px;}
#formMessage{margin-top: 15px;font-weight: bold;}


.footer {background-color: #222;color: #fff;padding: 20px 0;}
.footer-logo-img {width: 100%;height: 100%;object-fit: contain; /* Resmi alanına sığdırma */max-width:175px;margin:0 auto 40px auto;display:block;}

.social-media {list-style: none;padding: 0;text-align: center;margin-bottom:40px;}

.social-media li {display: inline;margin-right: 10px;}

.social-button {background-color: #fff;color: #333; /* İkon rengi */padding: 10px 15px;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease;}
.social-button:hover {background-color: #f0f0f0; /* Hover rengi */}

.footer-menu {list-style: none;padding: 0;margin-bottom:40px;}
.footer-menu li {margin: 5px 0;}
.footer-menu a {color: #fff;text-decoration: none;}
.footer-menu a:hover {text-decoration: underline;}

.footer-bottom {margin-top: 40px;}


.fixed_button{position:fixed;bottom:80px;right:25px;display:flex;flex-direction:column;z-index:999;}
.fixed_button a{display:inline-block;width:fit-content;width:60px;height:60px;border-radius:30px;background:linear-gradient(#ad0012,#ed0012);color:#fff;text-align: center;line-height:60px;margin-bottom:10px;font-size:1.5em;}
.fixed_button a i{line-height:60px;}


.page{padding:0 20px;}
.page .page_header{padding:70px 0;background:radial-gradient(#ad0012,#ed0012);background:#962E40;border-radius:50px;margin-bottom:20px;position: relative;user-select: unlink;}
.page .page_header .title{font-size:3em;font-weight:bold;text-align:center;color:#fff;text-shadow: 1px 1px 1px #000;line-height: 1;}
.page .page_header .title2{font-size:6em;font-weight:bold;text-align:center;color:black;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: .5px;-webkit-text-stroke-color: #fff;position: absolute;left:0;right:0;margin:0 auto;top:40px;line-height: 1;opacity:.2;}

.page .page_content{margin-bottom: 40px;}
.page .page_cover{margin-bottom: 40px;border-radius:30px;overflow: hidden;}
.page .page_cover img{width:100%;height:350px;object-fit: cover;}

.justify-content-center{justify-content:center;}

.breadcrumb{position:relative;z-index: 99;}

/*other*/
/*form*/
.form_group{margin-bottom: 20px;}
.form_group label{display: block;}
.form_group .form_control{min-height: 40px;background:#eee;border:1px solid #ddd;width: 100%;border-radius: 5px;padding: 10px;}
.form_group .form_control::placeholder{font-size: 13px;}
.form_group .form_control:focus{outline: 0;box-shadow: 0 0 5px #444;}

.form_group .btn{font-size: 14px;border-radius: 5px;}

.form_group .btn_savek{background:var(--primary-color);color:#fff;}

.form_group .btn_block{width: 100%;display: block;}


.alert_box{padding: 20px;border-radius: 10px;margin-bottom: 20px;}
.alert_box_default{border: 1px solid #ddd;background: #f9f9f9;color: #000;}
.alert_box_info{border: 1px solid blue;background: #00a3ff;color: #fff;}


.text_center{text-align: center;}
.text_right{text-align: right;}

.help_block{margin: 10px 0;}
/* pagination */
.pagination{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.pagination a{max-width:30px;flex:0 0 30px;border:1px solid #ddd;height:30px;line-height:30px;text-align:center;font-size:14px;}
.pagination .active{background:#000;color:#fff;}

.mb-30{margin-bottom:30px;}


/***********************************************************************************************************************
GALLERY
************************************************************************************************************************/
#gallery{display: flex;flex-wrap: wrap;margin-bottom: 40px;}
#gallery a{display: block;max-width: 25%;flex: 0 0 25%;padding: 1px;}
#gallery a img{width: 100%;height: 300px;object-fit: cover;display: block;}

@media only screen and (max-width: 767px){
    #gallery a{max-width: 33.33%;flex: 0 0 33.33%;}
}

/***********************************************************************************************************************
CONTACT
************************************************************************************************************************/

.contact_box{margin-bottom: 20px;border: 1px solid #ddd;padding: 20px;position: relative;}
.contact_box h2{font-size: 16px;font-weight: 900;margin-bottom: 20px;}
.contact_box>ul{list-style: none;padding-left: 0;}
.contact_box>ul>li{font-size: 13px;line-height: 20px;}
.contact_box>ul>li:first-child{margin-bottom: 20px;}
.contact_box>ul>li>h3{font-size: 13px;font-weight: 700;margin: 0;}
.contact_box>ul>li>ol{list-style: none;margin-bottom: 10px;padding-left: 20px;}
.contact_box>ul>li>ol>li{line-height: 20px;}
.contact_box>ul>li>ol>li{line-height: 20px;}

.contact_box .social_media{margin-bottom: 20px;}
.contact_box .social_media>h3{font-size: 13px;font-weight: 700;margin: 0;margin-bottom: 10px;}
.contact_box .social_media>ul{list-style: none;padding: 0;display: flex;}
.contact_box .social_media>ul>li{margin-right: 10px;}
.contact_box .social_media>ul>li>a{display: block;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.contact_box .social_media>ul>li>a:hover{transform: scale(1.1);}
.contact_box .social_media>ul>li>a img{filter: var(--icon-invert);}

.contact_box .button_group{margin-bottom: 20px;position: absolute;right: 20px;top: 20px;}
.contact_box .button_group a{background: var(--bg-black-white);color: var(--bg-black-white-color);display: inline-block;font-size: 13px;padding: 0 15px;border-radius: 5px;margin-right: 5px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.contact_box .button_group a:hover{opacity: .7;}

@media only screen and (max-width: 767px){
    .contact_box .button_group{position: relative;top: 0;right: 0;}
}

.contact_box .map_box{}
.contact_box .map_box iframe{width: 100%;height: 400px;}

.contact_form_box{margin-bottom: 40px;}
.contact_form_box h2{font-size: 20px;font-weight: 900;margin-bottom: 20px;}

.services_page .services_box{width:100%;height:auto;position: relative;display: flex;flex-direction:row;margin-bottom:40px;}
.services_page .services_box .img{max-width:40%;flex:0 0 40%;border-radius:50px;overflow:hidden;}
.services_page .services_box .img img{width:100%;height: 350px;object-fit:cover;}
.services_page .services_box .text{max-width:60%;padding-left:20px;flex:0 0 60%;display:flex;height:100%;justify-content:center;flex-direction: column;min-height: 350px;}
.services_page .services_box .text h3{font-weight:200;font-size: 2.5em;}
.services_page .services_box .text p{ display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;  
  overflow: hidden;}

@media only screen and (max-width: 767px){
    .services_page .services_box{flex-direction: column;}
    .services_page .services_box .img, .services_page .services_box .text{max-width:100%;flex:0 0 100%;}
    .services_page .services_box .text{padding-left:0;}
}