.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:70%}
.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:solid 1px #2d385e1c;border-radius:20px;height:fit-content;width:30%;position:sticky;top:15px;}
.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}
@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;}
	
	
	
	
	
/*.productInfo .smallHeadingBox{font-size:15px}

.uspBox ul li{width:100%}
.faqBox .card .cardHeader{padding-right:45px;font-size:18px;line-height:20px;position:relative}
.faqBox .card .cardHeader em{position:absolute;top:15px;right:15px}
.questionFormBox .formBox{padding:20px 0}
.questionFormBox .formBox .form-group{width:100%}
.mobileFormBox{display:block}
.videoBox{height:210px}*/
}


  /* 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 */
  .popup-box {
	background: #fff;
	border-radius: 10px;
	padding: 25px;
	width: 90%;
	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;
  }