.slider_banner{position: relative;overflow: hidden;}
.slider_banner .swiper-button-prev{left: 7%; width: 40px;height: 40px;border-radius: 50%;background: #040102 url(../images/swiper-prev.png) no-repeat center/20px auto;}
.slider_banner .swiper-button-next{right: 7%;width: 40px;height: 40px;border-radius: 50%;background: #040102 url(../images/swiper-next.png) no-repeat center/20px auto;}

.banner_list{background-color: #FDF9F5;padding: 2% 0;}
.banner_list .layout{display: flex;justify-content: space-between;align-items: center;}
.banner_list .item{width: 18%;text-align: center;}
.banner_list .img_warp{width: 30%;padding-bottom: 30%;margin: 0 auto;transition: all .3s;}
.banner_list .img_warp:hover{transform: rotate(15deg);}
.banner_list .info{margin-top: 3%;}
.banner_list .title{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.banner_list .desc{font-size: 16px;color: #666;}

.najaranas{margin: 5% 0 0;}
.najaranas .title_warp .title{display: block;width: fit-content;font-size: clamp(30px, 5vw, 48px);font-weight: bold;margin: 0 auto;}
.najaranas .title_warp .title:hover{color: #333;text-decoration: underline;}
.najaranas .title_warp .desc{text-align: center;font-size: 16px;color: #666;}
.najaranas .list{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;margin-top: 3%;}
.najaranas .list .img_warp{border: 2px solid #FDF9F5;border-radius: 13px;}
.najaranas .list .title{margin: 2% 0;text-align: center;font-size: 20px;color: #333;display: block;}

.limited{margin-top: 5%;}
.limited .layout{display: flex;justify-content: start;align-items: center;}
.limited .layout>.title{display: none;}
.limited .img_warp{width: 55%;padding-bottom: 58%;}
.limited .img_warp .l1{width: 85%;height:80.5%;left: 0;top: 0;}
.limited .img_warp .l2{width: 42%;height: auto;right: 0;bottom: 0;left: auto;top: auto;}
.limited .info{width: 40%;margin-left: 5%;}
.limited .info .title{font-size: clamp(30px, 5vw, 48px);color: #333;line-height: 1.2;max-width: 85%;text-transform: capitalize;margin-left: -18%;font-family: 'R_B';}
.limited .info .desc{margin-top: 2%;line-height: 2;font-size: 16px;color: 666;}
.limited .info .link{border-radius: 4px;background-color: #040102;color: #fff;padding: 2% 4%;display: inline-block;margin-top: 5%;transition: all .3s;}
.limited .info .link:hover{background-color: #FDF9F5;color: #333;}

.index_news{margin-top: 5%;border-radius: 12px;}
.index_news .layout{padding: 3% 2%;background-color: #FDF9F5;display: flex;justify-content: space-between;align-items: center;}
.index_news .layout .info{width: 26%;}
.index_news .layout .list{width: 70%;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 24px;}
.index_news .info .title{font-size: clamp(30px, 5vw, 48px);color: #333;font-weight: bold;}
.index_news .info .desc{font-size: 16px;color: 666;line-height: 1.5;margin: 3% 0;}
.index_news .info .link{background-color: #593c2d;border-radius: 4px;color: #fff;display: inline-block;padding: 2% 4%;margin-top: 3%;transition: all .3s;border: 2px solid #593c2d;}
.index_news .info .link:hover{background-color: #FDF9F5;color: #333;}
.index_news .list{display: grid;grid-template-columns: repeat(3,1fr);}
.index_news .list .img_warp{padding-bottom: 73%;}
.index_news .list .title{color: #593C2D;font-size: 18px;font-weight: bold;margin: 3% 0;}
.index_news .list .link{color: #333333;border: 1px solid #333;border-radius: 4px;padding: 1.5% 4%;margin-top: 4%;display: inline-block;transition: all .3s;}
.index_news .list .link:hover{background-color: #333;color: #fff;}

.service{margin-top: 5%;}
.service .layout{position: relative;padding-bottom: 3%;}
.service .m_bg{display: none;}
.service .layout .info{border: 2px solid #fff;background-color: rgba(255,255,255,.5);position: absolute;bottom: 1%;right:2%;max-width: 600px;padding: 2%;border-radius: 8px;backdrop-filter: blur(8px)}
.service .info .title{font-size: clamp(16px, 5vw, 40px);color: #333;font-weight: bold;text-transform: capitalize;line-height: 1.2;}
.service .info .desc{font-size: 16px;margin: 3% 0;color: #333;}
.service .link{color: #fff;border: 1px solid #333;border-radius: 4px;padding: 1.5% 4%;margin-top: 4%;display: inline-block;transition: all .3s;background-color: #333;}
.service .link:hover{background-color: transparent;color: #333;border-color: #333;}

.list_swiper{background-color: #EBDBC2;margin-top: 3%;}
.list_swiper .layout{overflow: hidden;position: relative;padding: 3% 0;}

.reviews{background-color: #FDF9F5;padding: 5% 0;}
.reviews .title_warp{text-align: center;} 
.reviews .title_warp .title{font-size: clamp(30px, 5vw, 48px);color: #333;font-weight: bold;}
.reviews .title_warp .desc{font-size: 16px;color: #666;margin: 1% 0 3%;}
.reviews .reviews_warp{overflow: hidden;position: relative;padding-bottom: 30px;}
.reviews .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 28px;}
.reviews .item .content{padding: 10% 8%;background-color: #F7F1EA;position: relative;line-height: 1.5;color: #666;font-size: 16px;min-height: calc(8em + 20%);}
.reviews .item .content::after{content: ' ';display: block;position: absolute;border-top: 30px solid #F7F1EA;border-right: 30px solid transparent;;border-left: 30px solid transparent;left: 50%;bottom: -28px;transform: translateX(-50%);}
.reviews .item .info{margin-top: 50px;text-align: center;color: #593C2D;}
.reviews .info .img_warp{width: 20%;padding-bottom: 20%;margin: 0 auto;}
.reviews .info .title{font-size: 16px;font-weight: bold;margin: 3% 0 1%;}
.reviews .info .desc{font-size: 16px;}
.reviews .swiper-pagination{display: none;}


.faq_warp{margin-top: 5%;}
.faq_warp .layout{display: flex;justify-content: space-between;align-items: center;}
.faq_warp .info{width: 40%;}
.faq_warp .info .title{font-size: clamp(30px, 5vw, 48px);color: #333;line-height: 1.2;font-weight: bold;}
.faq_warp .info .desc{font-size: 16px;color: #666;margin: 3% 0;}
.faq_warp .info .link{font-size: 16px;color: #A57E60;border-radius: 55px;border: 1px solid #A57E60;padding: 2% 8%;margin-top: 3%;display: inline-block;}
.faq_warp .info .link:hover{background-color: #A57E60;color: #fff;	}
.faq_warp .list{width: 50%;}
.faq_warp .item{margin-bottom: 3%;}
.faq_warp .item .title{background-color: #F7F1EA;border-radius: 49px;padding: 1% 3%;display: flex;justify-content: start;align-items: center;flex-wrap: wrap;}
.faq_warp .item .title::before{content: ' ';display: inline-block;width: 38px;height: 38px;background: url(../images/index/up.webp) no-repeat center/cover;margin-right: 10px;color: #593C2D;transition: all .3s;}
.faq_warp .item .desc{padding: 3% 3% 1%;font-size: 16px;color: #666;line-height: 1.5;display: none;}
.faq_warp .item.active .title::before{transform: rotate(180deg);}


.index_blogs{margin-top: 5%;}
.index_blogs .title_warp .title{display: block;width: fit-content;margin: 0 auto;font-size: clamp(30px, 5vw, 48px);color: #333;font-weight: bold;text-align: center;}
.index_blogs .title_warp .title:hover{color: #333;text-decoration: underline;}

.index_blogs .title_warp .desc{font-size: 16px;color: #666;text-align: center;margin: 1% 0 3%;}
.index_blogs .new_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 28px;}
.index_blogs .img_warp{padding-bottom: 75%;}
.index_blogs .item{background-color: #FDF9F5;padding: 5%;}
.index_blogs .info{margin-top: 5%;}
.index_blogs .info .time{margin-bottom: 5px;}
.index_blogs .info .title{font-size: 24px;font-weight: bold;margin: 3% 0 1%;line-height: 1.4;}
.index_blogs .info .desc{font-size: 16px;margin:3% 0;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;min-height: 6em;}
.index_blogs .info .link{font-size: 16px;color: #A57E60;border-radius: 55px;border: 1px solid #A57E60;padding: 2% 8%;margin-top: 3%;display: inline-block;}
.index_blogs .info .link:hover{background-color: #A57E60;color: #fff;	}


@media only screen and (max-width: 950px) {
	.banner_list{background-color: #EBDBC2;padding: 10% 0;}
	.banner_list .layout{flex-wrap: wrap;}
	.banner_list .item{width: 50%;margin-bottom: 5%;}
	.najaranas .list{grid-template-columns:repeat(2,1fr)}
	.limited{margin: 10% 0;}
	.limited .layout{flex-direction: column;}
	.limited .layout>.title{display: block;font-size: clamp(30px, 5vw, 48px);color: #333;line-height: 1.2;text-transform: capitalize;font-family: 'R_B';text-align: center;}
	.limited .img_warp{width: 80%;padding-bottom: 85%;margin: 10% 0;}
	.limited .img_warp .l2{border: 2px solid #fff;border-radius: 8px;}
	.limited .info{width: 100%;margin: 0;}
	.limited .info .title{display: none;}
	.index_news .layout{flex-direction: column;}
	.index_news .layout .info{width: 100%;}
	.index_news .layout .list{width: 100%;margin-top: 10%;grid-template-columns:repeat(1,1fr)}
	.service .layout{padding-bottom: 40%;}
	.service .layout img{display: none;}
	.service .layout .m_bg{display: block;}
	.service .layout .info{width: 85%;right: 0;top: 40%;padding: 5%;}
	.reviews{padding: 10% 0;}
	.reviews .list{grid-gap: 0;}
	.reviews .swiper-pagination{display: block;bottom: 0;}
	.swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #D9D9D9;opacity: 1;}
	.swiper-pagination .swiper-pagination-bullet-active{background-color: #593C2D;}
	.faq_warp .layout{flex-direction: column;}
	.faq_warp .info{width: 100%;}
	.faq_warp .list{width: 100%;margin-top: 5%;}
	.faq_warp .item .title{position: relative;padding: 3% 3% 3% 65px;}
	.faq_warp .item .title::before{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);transition: all .3s;}
	.faq_warp .item.active .title::before{transform: rotate(180deg) translateY(50%);}
	.index_blogs .new_list{grid-template-columns: repeat(1,1fr);}

}

@media only screen and (max-width: 480px) {
	.banner_list .item{width: 100%;margin-bottom: 5%;}

}