*{margin:0;padding:0;text-decoration:none}.header-sec{width:100%;height:64px;background-color:#4c4c4c}.for-logo{float:left}
.for-logo img{height:60px;margin-top:-3px}.cc{margin-top:7px;color:white}
#scroll-top{width:30px;height:30px;background-color:pink;text-align:center;border-radius:50%;font-size:26px;position:fixed;bottom:10px;right:10px;transition:background-color 1s;z-index:10}
#scroll-top:hover{background-color:skyblue;cursor:pointer}#slider {
  width: 600px; /* Adjust as needed */
  height: 400px; /* Adjust as needed */
  overflow: hidden; /* Hides overflowing slides */
  position: relative; /* For positioning the slide container */
}

.slide {
  width: 100%; /* Each slide takes up the full container width */
  height: 100%; /* Each slide takes up the full container height */
  float: left; /* Positions slides side-by-side */
  position: absolute; /* Enables accurate positioning of slides */
  top: 0;
  left: 0;
  display: none; /* Initially hide all slides except the first one */
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures images fill the slide without distortion */
}

#prev, #next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* Add styles for the navigation buttons */
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
}

#prev {
  left: 10px;
}

#next {
  right: 10px;
}

.item-sec h3{text-align:center;font-size:40px;font-weight:600;padding-top:10px}.item-sec h6{text-align:center;font-size:18px;padding-top:5px}
.contain{width:80%;margin:auto;align:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:15px;padding-bottom:15px}
.box h4{font-size:16px;position:absolute;bottom:10px;left:20px;z-index:2;color:white}.box img{width:100%;height:100%;transition:all 1s ease}
.box:hover.box img{transform:scale(1.2)}.box{width:23%;height:240px;margin-bottom:30px;background:white;box-shadow:2px 3px 10px #888;position:relative;overflow:hidden;cursor:pointer}
.lay{position:absolute;top:0;background:#333;width:100%;height:100%;opacity:.5}.price-cont{width:90%;margin:0 auto;justify-content:space-between;display:flex;flex-wrap:wrap}
.price-sec h3{text-align:center;font-size:40px;font-weight:600;padding:40px 0}.price-sec h3{transition:all 1s ease;cursor:pointer}
.price-sec h3:hover{color:coral}.sm-box{width:16.2%;border:1px solid #eee;text-align:center;padding:2px;margin-bottom:15px;position:relative;transition:all .5s}
.sm-box{cursor:pointer}.sm-box:hover{box-shadow:1px 1px 7px 2px #dedcdc}.sm-box img{width:100px;height:100px;}
.sm-box h5{position:absolute;top:0;background:mediumseagreen;color:white;padding:5px 3px;font-size:12px;left:0;border-radius:50%}
.sm-box h4{height:80px;font-size:15px;padding:5px 0;line-height:1.3}
.c-edit{display:inline-block;color:green;font-weight:600;font-size:16px}.p-edit{display:inline-block;text-decoration:line-through;margin-left:1px;margin-right:4px;color:red;font-size:16px}
.sm-box button{border:0;width:100%;font-size:16px;font-weight:500}.sm-box button:hover{border:3px solid black}.sm-box button{transition:all 1s}
.sm-box button i{width:3%;padding;font-size:18px}#product-tab ul li{list-style:none}#product-tab ul li a{font-weight:bold}
.product-rating{position:relative;margin:15px 0 25px 0}.product-rating>i.fa-star{color:#ef233c}.product-rating i{font-size:30px;padding:6px}
.product-rating>i{position:relative;width:20px;margin-right:4px;background:#FFF;color:#e4e7ed;z-index:2}.flow h4{font-size:20px;margin-bottom:15px}
.p-sp{display:inline-block;font-size:25px;color:green;font-weight:bold;margin-left:20px;font-family:sans-serif}
.d-sp{display:inline-block;font-size:25px;color:red;font-weight:bold;text-decoration:line-through;margin-right:17px;margin-left:10px;}
.it-of{display:inline-block;font-size:19px;color:blue;margin-left:10px;font-weight:700}.d-p{color:black;font-family:sans-serif;font-size:14px;line-height:1.2;margin-bottom:10px}
.flow h2{font-size:30px}.flow h4{font-size:20px}
.srv-main{width:100%}.srv-main h2{text-align:center;font-size:40px;font-weight:600;padding:20px 0;transition:all 1s ease}.srv-main h2:hover{color:coral}
.serv-cont{width:85%;margin:0 auto;display:flex;justify-content:space-between;padding-top:30px;flex-wrap:wrap}
.serv-sm{cursor:pointer;box-sizing:border-box;width:31.8%;transition:all .5s;position:relative;margin-bottom:10px}
.serv-sm::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;border:8px solid #f4f4f4;transition:all .2s ease;z-index:-1}
.serv-sm:hover::before{border:0;box-shadow:0 0 10px 0 rgb(0 0 0 / 17%)}.sm-cont p{width:95%;margin:0 10px;padding-bottom:6px;color:#6b6f70;font-size:15px;line-height:1.3;padding-top:8px}
.sm-cont{padding:10px}.sm-cont h3{font-size:24px;font-weight:400;padding-top:10px}.sm-cont i{font-size:40px;color:#01b3a7;padding:10px}
.st{display:flex}.contact-img{width:100%}.contact-img h1{text-align:center;margin-top:-120px;color:red}.c-main h6{text-align:center;font-size:18px;margin-top:100px}
.ab{text-align:center;padding:15px 20px}
.bont{width:95%;display:flex;margin:auto;margin-top:25px}.ab h2{text-align:center;text-decoration:underline;color:red;font-weight:500;font-size:40px;margin-top:50px}
.ab h2{position:relative;font-weight:600;font-size:40px;cursor:pointer;transition:all 1s ease}.ab h3:hover{color:coral}.text h3:hover{color:coral}
.text h3{transition:all 1s;cursor:pointer}.text{width:48.5%;text-align:center;margin-right:25px}.pic{width:48.5%;margin-top:45px}.pic img{width:100%}
.text h3{font-family:hebbo,sans-serif;font-weight:600;font-size:25px;color:#323232}.text p{line-height:1.7;font-family:hebbo,sans-serif;font-size:16px;padding:3px 0;color:#323232}
.cont h1{font-size:60px;text-align:center;color:#445279}.tour-main{width:100%;margin-top:30px;text-align:center}.tour-main h3{font-size:40px;font-weight:600}
.tour-main h3:hover{color:coral}.tour-main h3{transition:all 1s;cursor:pointer}.ab-cont{width:85%;margin:0 auto;justify-content:space-between;display:flex}
.ab-box{width:23%;margin-top:110px;background:#f7f7f7;height:190px;position:relative}.circ{position:absolute;width:130px;background:#f7f7f7;height:130px;border-radius:50%;border:12px solid white;left:0;right:0;margin:auto;top:-89px}
.circ img{border-radius:50%;width:100%;transition:all .1s;cursor:pointer}.circ:hover.circ img{border:4px solid #01b3a7}.tx-wrap h4{font-size:20px;padding-top:50px;width:100%;text-align:center;cursor:pointer;transition:all .5s}
.tx-wrap h4:hover{color:#01b3a7}.tx-wrap span:hover{color:#01b3a7}.tx-wrap span{font-size:17px;text-align:center;width:100%;display:block;font-weight:500;cursor:pointer;transition:all .5s}
.tx-wrap h5{font-size:14px;letter-spacing:1px;color:#01b3a7;text-align:center}.foot-main{width:100%;background:#162e44}.foot-cont{width:92%;margin:0 auto;padding-top:2px;justify-content:space-between;display:flex}
.foot-box{width:33%}.foot-box h3{color:white;font-size:17px;letter-spacing:1px}.foot-box span{display:block;color:white;font-size:13px;letter-spacing:1px;padding-top:1px}
.fix{display:flex}.fix i{margin-top:26px;color:aqua;font-size:22px;padding-right:21px}.foot-main p{color:white;font-size:17px;text-align:center;padding-bottom:10px;margin:0}
.fix a{text-decoration:none}
@media screen and (max-width:1050px){.item-sec h3{font-size:30px;padding-top:5px}.box h4{font-size:15px}.box{margin-bottom:15px}.box{height:200px}
.price-sec h3{font-size:30px;padding:5px}.sm-box{width:19%}.sm-box h4{height:70px}.pic{margin-top:70px}.srv-main h2{font-size:30px}.sm-cont h3{font-size:18px;font-weight:600;padding-top:7px}
.ab h2{font-size:30px}.text h3{font-size:21px}.text p{line-height:1.4;font-size:15px}.tour-main h3{font-size:30px}}
@media screen and (max-width:900px){.item-sec h3{font-size:28px;padding-top:0}.box h4{font-size:14px}.box{height:180px}.price-sec h3{font-size:28px;padding:0}
.sm-box h4{font-size:14px;height:70px}.sm-box{width:24%}.sm-box h5{padding:5px 3px;font-size:12px;border-radius:50%}.serv-sm{width:48%}.pic{width:100%;margin-top:23px}
.ab-cont{display:block}.ab-box{width:100%;margin:auto}.ab-cont{margin-top:110px}.tx-wrap h4{padding-top:47px}.bont{display:block;margin-top:20px;margin-bottom:20px}
.text{width:100%;margin:auto}.product-rating{margin:10px 0 20px 0}
.product-rating i{font-size:20px;padding:3px}}
@media screen and (max-width:690px){.item-sec h6{font-size:13px}.box{margin-bottom:13px}.price-sec h3{font-size:25px}.box{height:125px}.box h4{font-size:13px}
.sm-box{width:31%}.sm-box button{font-size:14px}.sm-box button i{width:3%;padding;font-size:16px}.c-edit{font-size:14px}.p-edit{font-size:14px}
.ab h2{font-size:25px}.text p{line-height:1.2;font-size:13px}.text h3{font-size:20px}.tour-main h3{font-size:25px;margin-top:25px}.tx-wrap h4{font-size:16px;padding-top:50px}
.tx-wrap h5{font-size:14px}.pic{margin-top:10px}.sm-cont p{width:98%;margin:0;font-size:12px;line-height:1.2;padding-top:3px}.sm-cont h3{font-size:18px;padding-top:2px;font-weight:600}
.sm-cont i{font-size:23px;padding:4px}.srv-main h2{font-size:25px}.contact-img h1{font-size:23px;margin-top:-50px}.c-main h6{font-size:14px;margin-top:50px}
.price-sec h3{font-size:25px}.flow h2{font-size:25px}.flow h4{font-size:17px}
.tab-pane h3{font-size:20px}.d-p{font-size:12px;line-height:1.1}.p-sp{font-size:18px;margin-right:6px}.d-sp{font-size:18px}.it-of{font-size:16px}
.cont h1{font-size:30px}.foot-box{width:100%;margin-bottom:36px;text-align:center}.foot-cont{display:block;padding-bottom:10px}
.fix{display:block}}
@media screen and (max-width:550px){.item-sec h3{font-size:18px}.header-sec{height:54px}.for-logo img{height:50px;margin-left:2px}#drop a{font-size:12px}
.fx{height:37px;padding-top:9px;margin-top:12px;margin-right:11px}#cart_count{width:16px;height:16px;line-height:19px;right:4px;top:25%}
.sm-box h4{height:60px;padding:0;font-size:13px;margin-top:10px}
.sm-box{margin-top:18px;padding:0;margin-bottom:0}.sm-box img{width:80px;height:80px;}.sm-box button{font-size:13px}.sm-box button i{width:3%;padding;font-size:15px}
.flow h2{font-size:22px}.flow h4{font-size:15px}.product-rating{margin:6px 0 15px 0}.product-rating i{font-size:15px;padding:2px}
.foot-main p{font-size:14px}.dropdown ul{width:140px}}
@media screen and (max-width:450px){.box{margin-bottom:12px}.box{height:90px}.box h4{font-size:12px;position:absolute;bottom:1px;left:3px}
.p-edit{font-size:12px}.sm-box h4{height:60px;font-size:12px}.sm-box{margin-top:7px}.sm-box span{font-size:14px}.sm-box h5{padding:2px 1px;font-size:10px}
.sm-box button{font-size:10px}.sm-box button i{width:2%;font-size:13px}.sm-cont h3{font-size:15px}.sm-cont i{font-size:20px}.srv-main h2{font-size:22px}
.tour-main h3{font-size:17px;margin-top:17px}.c-main h6{margin-top:40px}
.c-edit{font-size:12px}.flow h2{font-size:18px}.flow h4{font-size:14px}.flow button{width:200px;font-size:14px}.ab h2{font-size:18px}
.text p{line-height:1.2;font-size:12px}.text h3{font-size:15px}.tour-main h3{font-size:20px}.cont h1{font-size:20px}.foot-main p{font-size:12px}}
@media screen and (max-width:350px){.box h4{font-size:9px}.sm-box{width:33%}.sm-box button{font-size:9px}.sm-box button i{font-size:10px}
.sm-cont p{width:98%;font-size:10px;line-height:1.1}.sm-cont h3{font-size:15px}.sm-cont i{font-size:18px}.srv-main h2{font-size:20px}}