.productBannerBox{padding:65px 0;background:#F4F6F8;display:block}
.productDetails{display:flex;gap:30px}
.productGallery{display:flex;gap:15px;width:45%;height:400px;flex-direction:row-reverse}
.productGallery .thumbnailBox{flex-direction:column;display:flex;gap:15px;height:412px}
.productGallery .thumbnailBox .item{padding:5px;width:120px;height:92px;border:#bababa solid 1px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff}
.productGallery .thumbnailBox .item:has(.thumb.selected){border:#2b5ba7 solid 1px;cursor:default}
.productGallery .thumbnailBox .item img{max-height:100%;max-width:100%}
.productGallery .thumbnailBox .item.videoThumbnail{background:#2b5ba8;border:#2b5ba8 solid 1px}
.productGallery .bigImgBox{width:calc(100% - 90px);border:#2b5ba7 solid 1px;display:flex;align-items:center;justify-content:center;height:412px;background:#fff}
.productInfo{width:55%}
.productInfo h1{font-size:40px;color:#2b5ba7;line-height:50px;font-weight:700}
.productInfo .starRatingBox{margin-top:10px;display:flex;align-items:center;gap:4px}
.productInfo .starRatingBox em{color:#F7D101;font-size:20px}
.productInfo .starRatingBox span{margin-left:10px;color:#ADADAD}
.productInfo .starRatingBox .instock{color:#10C469;font-weight:600}
.productInfo .starRatingBox .instock em{color:#10C469;font-size:14px}
.productInfo .headingBox{margin-top:20px;font-size:18px;color:#2D385E;display:block;font-weight:700}
.productInfo .headingBox span{font-size:16px;color:#2D385E;font-weight:400}
.productInfo p{margin-top:10px;color:#666}
.productInfo p + p{margin-top:10px}
.productInfo .smallHeadingBox{margin-top:15px;display:flex;position:relative;font-size:20px;color:#000}
.productInfo .smallHeadingBox:before{content:'';margin-top:-1.5px;position:absolute;top:50%;left:0;background:#2b5ba7;height:3px;width:100%}
.productInfo .smallHeadingBox span{padding-right:10px;background:#F4F6F8;display:inline-flex;z-index:1;color:#2b5ba7;font-weight:600}
.productInfo .btnBox{display:flex;gap:15px}
.productInfo .btnBox .btn{height:55px;border:solid 1px #2b5ba787;font-size:18px;text-transform:uppercase}
.productInfo .btnBox .btn em{font-size:22px}
.productInformationSection{padding:60px 0;display:flex;background:#fff}
.productInformationSection .container{display:flex;gap:20px}
.productInformationBox{display:flex;gap:30px;flex-direction:column;width:calc(100% - 380px);}
.greyBox{display:flex;flex-direction:column;gap:10px}
.greyBox .greyHeadingBox{display:flex;flex-direction:column}
.greyBox .greyHeadingBox .heading{font-size:35px;line-height:40px;font-weight:600;color:#2B5BA7}
.greyBox .greyHeadingBox span{color:#666}
.greyBox .greyBody{padding:20px;border:solid 1px #2d385e1c;background:#F4F6F8;border-radius:30px;overflow:hidden}
.greyBox .greyBody p + p{margin-top:15px}
.greyBox .greyBody ul,.greyBox .greyBody ol{display:flex;flex-direction:column;gap:8px}
.greyBox .greyBody ul li,.greyBox .greyBody ol li{padding-left:30px;position:relative;color:#666}
.greyBox .greyBody ul li:after,.greyBox .greyBody ol li:after{content:'';position:absolute;top:3px;left:0;width:20px;height:20px;background:url(../images/bullet.svg) no-repeat left top;background-size:100%}
.greyBox.videoBox .greyBody{padding:0;width:100%;height:400px}
.greyBox.videoBox .greyBody iframe{width:100%;height:100%}
.greyBox.uspBox .greyBody{padding:0;border:0;background:0;display:flex;gap:15px}
.greyBox.uspBox .greyBody .uspItem{padding:15px;border:solid 1px #2d385e1c;background:#F4F6F8;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;width:calc(20% - 12px);transition:.3s}
.greyBox.uspBox .greyBody .uspItem img{width:80px;transition:.3s}
.greyBox.uspBox .greyBody .uspItem span{font-size:14px;line-height:20px;color:#666;display:block;transition:.3s}
.greyBox.uspBox .greyBody .uspItem:hover{background:#2B5BA7;transition:.3s}
.greyBox.uspBox .greyBody .uspItem:hover img{transform:scale(1.1);filter:brightness(0) invert(1);transition:.3s}
.greyBox.uspBox .greyBody .uspItem:hover span{color:#fff;transition:.3s}
.productFormBox{border-radius:20px;height:fit-content;width:350px;position:sticky;top:105px;}
.productFormBox .formHeadingBox{padding:10px 20px 10px 20px;background:#2B5BA7;display:flex;gap:20px;border-radius:20px 20px 0 0}
.productFormBox .formHeadingBox figcaption{display:flex;flex-direction:column;color:#fff;font-size:20px;font-weight:600}
.productFormBox .formHeadingBox figcaption span{color:#fff;font-size:14px;font-weight:300;line-height:18px;margin-top:5px}
.productFormBox form{padding:10px;border-radius:0 0 20px 20px;display:flex;flex-wrap:wrap;width:100%;flex-direction:column}
.productFormBox form .form-control{border:solid 1px #2d385e1c}
.productFormBox form .btnBox{margin-top:5px}
.productFormBox form .btnBox .btn{width:100%}
.downloadCatalogSection{padding-bottom:60px!important}
.greyBox table{border:solid 1px #dcdcdc;border-collapse:collapse;background:#fff}
  .greyBox  table tr th{padding:10px;border:solid 1px #dcdcdc;color:#2B5BA7}
  .greyBox  table tr td{padding:10px;border:solid 1px #dcdcdc}

@media screen and (max-width:1024px) {
.productInfo h1{line-height:normal}
}
@media screen and (max-width:768px) {
.productDetails,.productInformationSection .container{ flex-direction: column}
	.productGallery,.productInfo,.productInformationBox,.productFormBox{ width:100%; }

}
@media screen and (max-width:540px) {
.productBannerBox{padding:15px 0 45px 0;}
.productGallery{flex-direction:column}
.productGallery .bigImgBox{height:300px;width:100%}
.productGallery .thumbnailBox{flex-direction:initial;gap:10px}
.productInfo h1{font-size:32px;line-height:35px;}
.productInfo .headingBox{margin-top:10px;}
.starRatingBox i{padding:2px}
.productInfo .btnBox{flex-direction:column; gap:10px;}
.productInfo .btnBox .btn{height:45px;font-size:16px; width:100%; }	
.productInformationSection{padding:45px 0;}	
.greyBox .greyHeadingBox .heading {font-size: 22px;line-height: 30px;font-weight: 700;}
.greyBox .greyBody{padding:15px;border-radius: 15px;}
	
	.greyBox.videoBox .greyBody {height: 180px;}
	
	.greyBox.uspBox .greyBody{ flex-wrap: wrap;gap:10px;}
	.greyBox.uspBox .greyBody .uspItem{padding: 10px 15px;width:100%;flex-direction: initial;justify-content: initial;border-radius: 15px;}
	.greyBox.uspBox .greyBody .uspItem figure{ display:flex; align-items: center; justify-content:center;}
	.greyBox.uspBox .greyBody .uspItem img{width:40px; }
	.greyBox.uspBox .greyBody .uspItem span{ font-weight:600; width:calc(100% - 60px) ;
        text-align: left;         font-size: 16px;}
	.greyBox.uspBox .greyBody .uspItem span br{ display:none}
	.productFormBox .formHeadingBox{padding:15px;border-radius: 15px 15px 0 0;}
	.productFormBox form { padding:15px;border-radius: 0 0 15px 15px;}
	

  /* Popup Background */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup Box */
#formPopup .popup-box {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  max-width: 450px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  animation: fadeIn 0.3s ease-in-out;
}
/* Popup Box */
#cataloguePopup .popup-box {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  width: 100%;
  max-width: 450px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  animation: fadeIn 0.3s ease-in-out;
}
/* Close Button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 22px;
  cursor: pointer;
  color: #333;
}

/* Fade-in Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

/* Form styling */
/*.formBox .form-group {
  margin-bottom: 15px;
}*/

.formBox input.form-control, 
.formBox textarea.form-control {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.formBox .btnBox {
  text-align: center;
}

/* .formBox .btnBox input {
  padding: 10px 25px;
  border: none;

  border-radius: 5px;
  cursor: pointer;
} */
.popup-box .productFormBox {
    
    width: 100%;}
    .popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.textcolor{
 color: #666;
}


.greyBox.accordionGreyBox{display:flex}
.greyBox.accordionGreyBox .greyHeadingBox .heading{position:relative;display:flex;align-items:center;gap:10px}
.greyBox.accordionGreyBox .greyHeadingBox .heading em{width:26px;height:20px;position:relative;font-style:normal;cursor:pointer}
.greyBox.accordionGreyBox .greyHeadingBox .heading em:before{content:'[+]';position:absolute;top:0;left:0;font-size:16px;color:#2B5BA7;font-weight:400;line-height:22px}
.greyBox.accordionGreyBox.active .greyHeadingBox .heading em:before{content:'[-]'}
.greyBox.accordionGreyBox .greyBody{padding:0;border:solid 0 #2d385e1c;max-height:0}
.greyBox.accordionGreyBox.active .greyBody{padding:20px;border:solid 1px #2d385e1c;max-height:2000px}