html,body{
	padding: 0;
	margin: 0;
	
}

*{
	box-sizing: border-box;
}
ul{
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
img {
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

.isDetails{
	width: 100%;
	
}

.iscontent-top{
	width: 100%;
	display: flex;
	gap: 30px;
	padding: 50px 5% 0;
	max-width: 1440px;
	margin: 0 auto;
}

.isbanner{
	width: 50%;
	
	display: flex;
	
}

.mySwiper5{
	width: 85% !important;
	height: 85% !important;
}
.isdetail-banner-swiper-1{
	height: 85% !important;
	max-height: 600px;
}

.swiper-1{
	align-items: center !important;
}

.swiper-1>.swiper-slide{
	width: 80% !important;
	
}
.isdetail-banner-swiper-1 .swiper-slide-thumb-active{
	border: 2px solid #000000;
	
}
.isdetail-banner-swiper-1 .swiper-slide{
	opacity: 1 !important;
}
.istopinfo{
	flex: 1;
}

.istopinfo-titel{
	width: 100%;

	font-size: 12px;

	color: #121B17;
}

.istopinfo-titel1{
	display: flex;
	justify-content: space-between;
	
	
}

.istopinfo-titel1>p{
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	color: #121B17;
}

.istopinfo-titel1>div{
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: end;
}

.istopinfo-titel1>div>img{
	width: 30px;
	object-fit: contain;
}
.istopinfo-choose{
	margin-top: 30px;
	width: 100%;
}

.istopinfo-sel{
	width: 100%;
	
	display: flex;
}
.isSel-color{ 	
	display: flex;
}
.isSel-color>div:nth-child(1)>span{
	background-color: #000000;

}
.isSel-color>div:nth-child(2)>span{
	background-color: #005C52;
	
}
.isSel-color>div:nth-child(3)>span{
	background-color: #710031;
	
}

.isSel-color>div{
	width: 23px;
	height: 23px;
	border-radius: 50%;
	padding: 2px;
	display: flex;
	margin-right: 5px;
}
.isSel-color>div>span{
	width: 100%;
	height: 100%;
	/* background-color: #000000; */
	border-radius: 50%;
}

.isSel-desc{
	font-family: Hind;
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.istopinfo-Stepper{
	padding: 9px 8px;
	margin-top: 15px;
	border: 1px solid #121B17;
	border-radius: 50px;
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.issubtract{
	flex: 1;
	text-align: center;
	cursor: pointer;
	padding: 5px 8px;
	display: flex;
	align-items: center;
}
.issubtract>img{
	width: 80%;
}

.isvalue{
	flex: 1;
	text-align: center;
	font-size: 14px;
	padding: 5px 8px;
}

.isadd{
	flex: 1;
	text-align: center;
	cursor: pointer;
	padding: 5px 8px;
	display: flex;
	align-items: center;
}
.isadd>img{
	width: 80%;
}

.istopinfo-pay{
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.ispay-left{
	width: 40%;
}



.ispay-price{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.ispay-price-1{
	margin-right: 20px;
}

.isOldPrice{
	width: 100%;
	text-decoration: line-through;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}

.isNewPrice{
	color: #F52B12;
	font-size: 18px;
	font-weight: 600;
	line-height: 16px;
	align-self: end;
}
.issave{
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	align-self: end;

}

.ispay-discount{
	font-family: Hind;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.ispay-discount>span{
	font-family: Hind;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}
.ispay-right{
	width: 40%;
	padding: 10px;
}

.ispay-right>form{
	width: 100%;
}

.ispay-btn1{
	font-family: Hind;
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	letter-spacing: 0.03em;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	background-color: #ffffff;
	color: #040000;
	width: 100%;
	border-radius: 20px;
	padding: 5px 0;
	margin-bottom: 10px;
}
.ispay-btn2{
	font-family: Hind;
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	letter-spacing: 0.03em;
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	border-radius: 20px;
	padding: 5px 0;
}

.istopinfo-desc{
	margin-top: 30px;
	width: 100%;
	border-bottom: 1px solid  #888A8B4D;
	border-top: 1px solid  #888A8B4D;

}

.istopinfo-desc{
	width: 100%;
	padding: 15px 5px;
	font-size: 14px;
	
}
.istopinfo-desc>div{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;


}
.istopinfo-desc>div>img{
	width: 20px;
	object-fit: contain;
	
}

.istopinfo-icon{
	width: 100%;
	border-bottom: 1px solid #888A8B4D;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

.desc5-list1{
	width: 22%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.desc5-list1>img{
	width: 25px;
	object-fit: contain;
	margin-right: 10px;
}
.desc5-list1>div{
	flex: 1;
	display: flex;
	flex-direction: column;
}

.desc5-list1>div>p{
	font-family: Hind;
	font-size: 10px;
	font-weight: 600;


}

.desc5-list1>div>span{
	font-size: 8px;
	font-weight: 300;
}

@media screen and (max-width:992px){
	.iscontent-top{
		flex-direction: column;
		padding: 0 10px;
	}
	
	.isbanner{
		width: 100%;
		flex-direction: column;
	}
	.isdetail-banner-swiper-1{
		order: 2 !important;
	}
	.isdetail-banner-swiper{
		width: 100% !important;
	}
	.isdetail-banner-swiper-1 .swiper-slide{
		width: auto !important;
	}
	.istopinfo-titel1>div>img {
		width: 30px;
	}
	.istopinfo-choose{
		display: flex;
		align-items: center;
	}
	.istopinfo-sel{
		flex-direction: column;
		gap: 4px;
	}
	.isSel-color{
		order: 2;
	}
	.istopinfo-pay{
		flex-direction: column;
		gap: 12px;
	}
	.ispay-left{
		width: 100%;
	}
	.ispay-price-1{
		display: flex;
		gap: 12px;
	}
	.isOldPrice{
		width: auto;
		order: 1;
	}
	.isNewPrice{
		width: auto;
		
	}
	.ispay-price{
		justify-content: space-between;
	}


	.ispay-right{
		width: 100%;
	}
	
	.istopinfo-icon{
		flex-direction: column;
		gap: 10px;
		border-bottom: none;
	}
	.desc5-list1{
		width: 100%;
		border-bottom: 1px solid #888A8B4D;
		padding: 8px 0;
	}
	/* .desc5-list1>img{
		width: 35px;
	} */
	
	.ispay-btn1{
		padding: 8px 0;
	}
	.ispay-btn2{
		padding: 8px 0;
	}
	
}


.iscontent-mid{
	width: 100%;
	padding: 50px 5%;
	max-width: 1440px;
	margin: 0 auto;
}

.ismid-titel{
	font-family: Hind;
	font-size: 20px;
	font-weight: 600;
	line-height: 32.02px;
	margin-bottom: 15px;
}

.ismid-info{
	width: 100%;
	display: flex;
	align-items: center;
	
}

.ismid-img{
	width: 30%;
	display: flex;
	align-items: center;
	margin-right: 80px;
}

.ismid-img>span{
	font-size: 33px;
	margin: 0 10px;
}

.ismid-img>img{
	width: 48%;
	object-fit: cover;
}

.ismid-sel{
	width: 30%;
	display: flex;
	flex-direction: column;
}

.ismid-list{
	width: 100%;
	margin-bottom: 12px;
}

.ismid-list1{
	width: 100%;
}

.ismid-list1>span{
	font-family: Hind;
	font-size: 10px;
	font-weight: 400;
	line-height: 14px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.ismid-muen{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.ismid-muen>div{
	width: 80%;
	background-color: #f5f5f5;
	display: flex;
	padding: 15px;
	justify-content: space-between;
	position: relative;
}


.ismid-muen>div>span{
	font-size: 14px;
}
.ismid-muen>div>img{
	width: 15px;
	object-fit: contain;
}




.ismid-muen>span{
	font-size: 12px;
	font-weight: 600;
}

.ismid-btn{
	flex: 1;
	display: flex;
	justify-content: end;
}

.ismid-btn1{
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ismid-btn-price{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ismid-btn-price>span{
	font-size: 12px;
	font-weight: 500;
	margin-right: 10px;
}
.ismid-btn-price>div{
	font-size: 18px;
	font-weight: 600;
}

.ismid-btn1>form>button{
	padding: 5px 20px;
	background-color: #040000;
	border-radius: 20px;
	color: #FFFFFF;
	font-size: 12px;
	
}

@media screen and (max-width:992px) {
	.iscontent-mid{
		padding: 10px;
	}
	
	.ismid-info{
		flex-direction: column;
		align-items: start;
		gap: 12px;
	}
	.ismid-img{
		width: 100%;
	}
	.ismid-img>img{
		width: 30%;
	}
	.ismid-sel{
		width: 100%;
	}
	
	.ismid-btn{
		width: 100%;
		align-items: center;
	}
	.ismid-btn-price{
		justify-content: center;
	}
	.ismid-btn1{
		width: 100%;
	}
	.ismid-btn1>form{
		width: 100%;
	}
	.ismid-btn1>form>button{
		width: 100%;
		padding: 8px 20px;
	}
}






.theContent-wrapper{
	background-color: #000000;
}
.theContent{
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	max-width: 1440px;
	margin: 0 auto;
}

.theContent-nav{
	/* width: 100%; */
	position: sticky;
	top: calc(10px - 10vw);
	background-color: #000000;
	padding: 15px 0% 15px 5%;
	display: flex;
	justify-content: space-between;
}

.theContent-nav1{
	display: flex;
	align-items: center;
	color: #FFFFFFCC;
}

.theContent-nav1>li{
	font-size: 14px;
	font-weight: 600;
	line-height: 22.41px;
	margin-right: 50px;
	cursor: pointer;
  white-space:nowrap;
}
.theContent-nav1>li:nth-child(1){
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.theContent-1{
	width: 100%;
	padding: 0 5% 80px;
	color: #ffffff;
	line-height: 1.6;

}
.theContent-1>div{
	color: #ffffff;
	padding-bottom: 10px;
}

.theContent-1 img{
	width: 100%;
	object-fit: cover;
}

.theContent-nav2{
	flex: 1;
	display: flex;
	justify-content: end;
	padding: 15px 5% 15px 0;
	gap: 20px;
	background-color: #000000;
	position: sticky;
	top: 15.5%;
	right: 0;
}
.theContent-nav2-info{
	display: inline-flex;
	align-items: center;
}
.theContent-nav2-info-sel{
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.theContent-nav2-info-sel>.theContent-nav2-info-de{
	color:#ffffff;
	font-size: 18px;
	font-weight: 400;
}
.theContent-nav2-info-sel>span{
	font-family: Hind;
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	height: 19.21px;
	color: #FFFFFF;
}
.theContent-nav2-info-sel-color{ 	
	display: flex;
}
.theContent-nav2-info-sel-color>div:nth-child(1)>span{
	background-color: #000000;
	border: 1px solid #ffffff;
}
.theContent-nav2-info-sel-color>div:nth-child(1){
	border: 1px solid #ffffff;
}
.theContent-nav2-info-sel-color>div:nth-child(2)>span{
	background-color: #005C52;
	
}
.theContent-nav2-info-sel-color>div:nth-child(3)>span{
	background-color: #710031;
	
}

.theContent-nav2-info-sel-color>div{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	padding: 3px;
	display: flex;
	margin-right: 5px;
}
.theContent-nav2-info-sel-color>div>span{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}


.theContent-nav2-info-sel-price{
	display: flex;
	flex-direction: column;
	align-items: end;
	gap: 2px;
}
.theContent-nav2-info-sel-price-1{
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: line-through;
}

.theContent-nav2-info-sel-price-2{
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	color: #F52B12;
}

.theContent-nav2-info-sel-price-3{
	font-size: 10px;
	font-weight: 500;
	line-height: 10px;
	color: #FFFFFF;

}

.theContent-nav2-btn{
	border-radius: 68px;
	background-color: #fff;
	padding: 5px 20px;
	display: inline-flex;
	align-items: center;
}

.theContent-nav2-btn>a{
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	letter-spacing: 0.03em;
	color: #000000;
	display: inline-flex;

}


@media screen and (max-width:992px) {
	.theContent{
		display: block;
	}
	.theContent-nav2{
		top: 94% !important;
		padding: 15px 5%;
	}
	
	.theContent-nav2-info-sel>span{
		display: none;
	}
	
	.theContent-nav2-info{
		display: flex;
		flex: 1;
		
	}
	
	.theContent-nav2-info{
		width:100%;
		display: flex;
		justify-content: space-between;
	}
	
	
	
	
	.theContent-nav1>span{
		word-wrap: normal;
	}
	.theContent-nav::-webkit-scrollbar {
	display: none;
	}
	
	
	
	.theContent-nav2-info-sel{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
}



.theTab2{
	width: 100%;
	
}

.theTab2-wrapper1{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 20px;
	margin-bottom: 40px;
}

.theTab2-wrapper1-titel{
	width: 100%;
	
}
.theTab2-wrapper1-titel>div:nth-child(1){
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #ffffff;
}

.theTab2-wrapper1-titel>div:nth-child(2){
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #ffffff;
}

.theTab2-wrapper1-tab tr>td{
	font-size: 14px;
	font-weight: 400;
	line-height: 22.41px;
	padding: 10px;
	border: 1px solid #888A8B80;
}
.theTab2-wrapper1-tab{
	display: inline-flex;
	border: none;
}

.theTab2-wrapper1-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}

.theTab2-wrapper2{
	width: 100%;
	margin-bottom: 40px;
}
.theTab2-wrapper2-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;
}

.theTab2-wrapper2-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}

.theTab2-wrapper3{
	width: 100%;
}

.theTab2-wrapper3-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #ffffff;
}
.theTab2-wrapper3>p{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
	margin: 0;
}










.theTab3{
	width: 100%;
	padding-top: 20px;
}
.theTab3-wrapper1{
	margin-bottom: 40px;
}

.theTab3-wrapper1>div:nth-child(1){
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
	margin-bottom: 10px;

}

.theTab3-wrapper1>div:nth-child(2){
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #F52B12;

}







.theTab3-wrapper2{
	margin-bottom: 40px;
}

.theTab3-wrapper2-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;
}
.theTab3-wrapper2-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}




.theTab3-wrapper3{
	margin-bottom: 40px;
}

.theTab3-wrapper3-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;

}

.theTab3-wrapper3-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;

}
.theTab3-wrapper3-list1{
	margin-bottom: 20px;
}

.theTab3-wrapper3-list1>li{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
	list-style: inside;
}

.theTab3-wrapper3-desc2{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}
.theTab3-wrapper3-list2>li{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
	list-style: inside;
}










.theTab3-wrapper4{
	margin-bottom: 40px;
}

.theTab3-wrapper4-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;
}

.theTab3-wrapper4>span{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}










.theTab3-wrapper5{
	margin-bottom: 40px;
}
.theTab3-wrapper5-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;
}

.theTab3-wrapper5-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}
.theTab3-wrapper5-list{
	padding-left: 10px;
	margin: 0;
}
.theTab3-wrapper5-list>li{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
	list-style-type:decimal;
	list-style-position:inside
}




.theTab3-wrapper6-titel{
	font-size: 18px;
	font-weight: 600;
	line-height: 28.82px;
	color: #FFFFFF;

}

.theTab3-wrapper6-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 25.62px;
	color: #FFFFFF;
}






/* other */


.theOhter{
	width: 100%;
	padding: 80px 5%;
	max-width: 1440px;
	margin: 0 auto;
}

.theOhter-titel{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.theOhter-titel>div{
	font-family: Hind;
	font-size: 20px;
	font-weight: 600;
	line-height: 32.02px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	
}

.theOhter-titel>span{
	border: 1px solid #000000;
	padding: 5px 20px;
	font-family: Hind;
	font-size: 14px;
	font-weight: 600;
	border-radius: 20px;
	text-align: center;
}

.theOhter-list{
	width: 100%;
	display: flex;
	gap: 20px;
}

.thelist-card{
	width: 25%;

}

.theCard-top{
	width: 100%;
	

}

.theCard-top-1{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.theCard-top-icon{
	background-color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 22.41px;
	text-align: center;
	padding: 5px 17px;
	border-radius: 50px;
	margin-bottom: 10px;
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #000000
}

.theCard-top-img{
	width: 100%;
}
.theCard-top-img>a>img{
	width: 100%;
	object-fit: cover;
}

.theCard-top-after{
	position: absolute;
	font-size: 26px;
	color: #000000;
	bottom: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	background-color: #ffffff;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	border-radius: 50%;
}

.theCard-top-2{
	width: 100%;
	display: block;
}

.theCard-top-2>ul{
	display: flex;
	width: 100%;
	gap: 5px;
	padding: 0;
}
.theCard-top-2>ul>li{
	width: 50px;
	height: 50px;
}
.theCard-top-2>ul>li>img{
	width: 100%;
	object-fit: cover;
}
.isDetail-scrollbar{
		display: none;
	}

@media screen and (max-width:992px){
	
	.isDetail-scrollbar{
		display: block;
		height: 2px !important;
	}
	.isDetail-swiper{
		padding-bottom: 40px;
	}
	.isdetail-card{
		width: 100%;
	}
	.theCard-top-2{
		display: none;
	}
	.theContent-nav{
		width: 90%;
		overflow: scroll;
		margin: 0 auto;
		padding: 15px 0;
		top: 5% !important;
		
	}
}

.isdetail-card-list{
	width: 100%;
	background-color:  #F6F6F6;
	position: relative;
}






.isdetail-card-bottom{
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	text-align: start;
	margin-top: 10px;
}

.isdetail-card-bottom>p:nth-child(1){
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	color: #000000;
}

.isdetail-card-bottom>p:nth-child(2){
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	color: #ABADAB;
	margin-bottom: 20px;

}

.isdetail-card-bottom>a{
	width: 100%;
	display: flex;
	padding: 7px 15px;
	box-sizing: border-box;
	color: #fff;
	background-color: #000000;
	justify-content: space-between;
	border-radius: 30px;
}

.isdetail-card-bottom>a>div{

	font-size: 14px;
	font-weight: 600;
	line-height: 22.41px;
	color: #FFFFFF;



}

.isdetail-card-bottom>a>span{
	font-size: 12px;
	font-weight: 600;
	line-height: 19.21px;
	color: #FFFFFF;

}