.vacuumInfoSection{display:block;position:relative}
.vacuumInfoSection p{margin:0 auto;color:#666;text-align:center;display:block}
.vacuumInfoSection p + p{margin-top:20px}
.vacuumInfoSection .btnBox{justify-content:center}
.videoBox{margin-top:30px;width:100%;display:flex;align-items:center;justify-content:center}
.videoBox iframe{width:100%;max-width:1024px;height:500px}
.tabBox{border-top:solid 1px #dcdcdc;background:#F4F6F8;box-shadow:0 2px 6px #0000001a;position:sticky;position:-webkit-sticky;top:100px;z-index:9}
.tabBox ul{display:flex;overflow:auto}
.tabBox ul li{display:flex;flex:none;white-space:nowrap}
.tabBox ul li a{padding:15px;height:54px;display:inline-block;color:#333;position:relative;white-space:nowrap;cursor:pointer}
.tabBox ul li.active a{color:#2B5BA7;font-weight:600}
.tabBox ul li.active a:after{content:'';position:absolute;left:0;bottom:0;right:0;background:#2B5BA7;height:2px}
.vacuumContentSection{display:block;position:relative}
.vacuumContentSection:nth-child(even){background:#F4F6F8}
.vacuumContentSection .headingSection h2{color:#2B5BA7}
.vacuumContentSection .headingSection h2 span{color:#666;display:block;font-size:16px;font-weight:400}
.vacuumContentSection h3{margin:45px 0 15px;color:#2B5BA7;display:block;text-align:center}
.vacuumContentSection p{margin:15px auto 0;color:#666;display:block}
.vacuumContentSection p + p{margin-top:20px}
.vacuumContentSection p strong{display:block;font-size:16px}
.vacuumContentSection p span{display:block;color:#666}
.vacuumContentSection p em{color:#2B5BA7;font-weight:600}
.vacuumContentSection ul{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.vacuumContentSection ul li{padding-left:30px;position:relative;color:#666}
.vacuumContentSection ul li:after{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background:url(../images/bullet.svg) no-repeat left top;background-size:100%}
.vacuumContentSection .vacuumContentBox{margin-top:35px;display:flex;gap:20px}
.vacuumContentSection .vacuumContentBox figure{padding:20px;width:500px;height:450px;border:solid 1px #dcdcdc;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:30px;overflow:hidden}
.vacuumContentSection .vacuumContentBox .details{width:calc(100% - 520px)}
.vacuumContentSection .vacuumContentBox .details h3{padding-bottom:10px;text-align:left}
.vacuumContentSection .vacuumContentBox p:first-child{margin-top:0}
.vacuumContentSection table{border:solid 1px #dcdcdc;border-collapse:collapse;background:#fff}
.vacuumContentSection table tr th{padding:10px;border:solid 1px #dcdcdc;color:#2B5BA7}
.vacuumContentSection table tr td{padding:10px;border:solid 1px #dcdcdc}
.productSection{display:block;position:relative}
.productSection:nth-child(odd){background:#F4F6F8}
.productSection .headingSection h2{color:#2B5BA7}
.productSection .headingSection span{color:#666;max-width:1170px}
.productBox{margin-top:35px;display:flex;gap:15px;flex-wrap:wrap;position:relative}
.productCard{display:flex;flex-direction:column;border-radius:30px;border:solid 1px #2d385e1c;background:#F4F6F8;width:300px;overflow:hidden}
.productCard figure{padding:20px;height:300px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.productCard figure img{border-radius:30px;overflow:hidden}
.productCard .details{padding:20px;display:flex;flex-direction:column}
.productCard .details p{min-height:55px}
.productCard .details .btn{width:fit-content}
.uspSection{display:block;background:#2D385E}
.uspBox{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap}
.uspItem{padding:20px;width:calc(33.3% - 20px);min-height:150px;border-radius:30px;background:#fff;position:relative;overflow:hidden}
.uspItem::before{content:'';position:absolute;right:0;top:0;background:#2d385ee6;width:55px;height:60px;border-radius:0 0 30px 30px;transform:rotate(45deg);transition:.3s}
.uspItem figure{display:flex;gap:15px;align-items:center;height:50px}
.uspItem figure img{width:45px;transition:.3s}
.uspItem figcaption{font-size:20px;font-weight:600;color:#2b5ba7}
.uspItem p{padding-top:10px;margin-top:10px;color:#666;border-top:#7070703d solid 1px}
.uspItem span{padding:20px;position:absolute;right:0;top:0;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center}
.uspItem:hover::before{background:#2b5ba7;transition:.3s;transform:scale(1.2)}
.uspItem:hover figure img{transform:scale(1.1);transition:.3s}
.typesOfVacuumSection{display:block;background:#2D385E}
.typesOfVacuumSection .headingSection p{color:#fff}
.typesOfVacuumBox{margin-top:35px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}
.typesOfVacuumBox a{padding:15px 20px;background:#fff;position:relative;overflow:hidden;font-size:16px;font-weight:600;color:#2b5ba7;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.typesOfVacuumBox a em{font-weight:700}
@media screen and (max-width:1024px) {
.productSection .headingSection{text-align:left}
.productSection .headingSection span{width:100%}
.vacuumContentSection .vacuumContentBox figure{width:400px}
.vacuumContentSection .vacuumContentBox .details{width:calc(100% - 420px)}
}
@media screen and (max-width:768px) {
.uspItem{width:calc(50% - 10px)}
.videoBox iframe{height:380px}
.vacuumContentSection .vacuumContentBox figure{width:300px;height:300px}
.vacuumContentSection .vacuumContentBox .details{width:calc(100% - 320px)}
}
@media screen and (max-width:540px) {
.productSection .headingSection h2 br{display:none}
.productCard{border-radius:15px}
.uspBox{margin-top:20px;gap:15px}
.uspItem{border-radius:15px;width:100%}
.uspItem::before{right:-5px;top:-5px}
.uspItem span{padding:15px}
.vacuumContentSection .vacuumContentBox{flex-wrap:wrap}
.vacuumContentSection .vacuumContentBox figure{padding:15px;width:100%;height:auto;max-height:300px;border-radius:15px}
.vacuumContentSection .vacuumContentBox .details{width:100%}
.videoBox iframe{height:180px}
.productBox,.typesOfVacuumBox,.vacuumContentSection .vacuumContentBox{margin-top:20px}
.typesOfVacuumBox li{width:100%}
.vacuumContentSection .vacuumContentBox .details h3{font-size:20px;margin-top:10px}
}