:root{ --s300: 300px;
--s150: 150px;
--s100: 100px;
--s80: 80px;
--s60: 60px;
--s50: 50px;  --Primary: #FDB913;
--Text: #24272A;
--White: #ffffff;
--off-black: #2E3338;  --F18: 18px;
}
@media (max-width: 1440px) {
:root{ --s300: 250px;
--s150: 120px; }	
}
@media (max-width: 1200px) {
:root{ --s300: 200px;
--s150: 100px;
--s100: 80px;
--s80: 60px;
--s60: 50px;
--s50: 30px; }	
}
@media (max-width: 1024px) {
:root{ --s300: 150px;
--s150: 80px;
--s100: 50px;
--s80: 50px;
--s60: 40px; }
}
@media (max-width: 767px) {
:root{ --s300: 100px;  --F18: 16px;
}
}
@media (max-width: 575px) {
}
*:focus{
outline: none;
} .hbspt-form form .hs-form-field{margin-bottom:30px;}
.hbspt-form form .hs-form-field label{color:var(--White);font-family:var(--e-global-typography-1266879-font-family);margin-bottom:10px;font-size:var(--F18);display:inline-block;}
.hbspt-form form .hs-form-field .hs-field-desc{display:none !important;}
.hbspt-form form .hs-form-field input,.hbspt-form form .hs-form-field select,.hbspt-form form .hs-form-field textarea{width:100%;height:50px;background:var(--off-black);border:none;font-family:var(--e-global-typography-1266879-font-family);color:rgba(255,255,255,0.6);padding: 5px 15px;font-size: 16px;}
.hbspt-form form .hs-form-field textarea{height:70px;}
.hbspt-form .hs_submit .hs-button{color:var(--White);font-family:var(--e-global-typography-1266879-font-family);background:var(--Primary);border:1px solid var(--Primary);padding:16px 20px;min-width:230px;font-size:16px;cursor: pointer;transition: 0.3s ease all;}
.hbspt-form .hs_submit .hs-button:hover{background: var(--Text);}
.hbspt-form .hs-error-msgs{padding-left:20px;}
.hbspt-form .hs-error-msgs li,.hbspt-form .hs-error-msgs li label{color:red;font-size:16px;margin-bottom:0;} .elementor-icon-box-title{margin:0;}
.chart-wrap-section  { overflow: auto; }
.chart-wrap-section table {border-spacing: 0;border-collapse: collapse;}
.chart-wrap-section tr td:first-child b { color: #212121; vertical-align: middle; font-family: 'Oswald'; text-align: center; line-height: 15px; font-size: 14px; }
.chart-wrap-section tr td:first-child { background-color: #f8f8f8; text-align: center; color: #212121; vertical-align: middle; font-family: 'Oswald'; padding: 22px; }
.chart-wrap-section tr td { padding: 30px 15px; font-size: 15px; line-height: 24px; width: 12%; border: 2px solid #ebebeb; vertical-align: middle; height: 170px; margin: 0 auto; text-align: center; }
.chart-wrap-section tr th { background-color: #FAFAFA; color: #212121; font-family: 'Oswald'; font-weight: 500; text-align: center; line-height: 26px; font-size: 14px; padding: 30px 7px; vertical-align: middle; }
.chart-wrap-section tr td img.lazyloaded { width: 121px; height: 121px; object-fit: contain; }
.chart-wrap-section tr { border: 2px solid #ebebeb; } .post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{
margin: 30px 0 0;
}  .industy-listitem{display:flex;flex-wrap:wrap;gap:30px;}
.industy-listitem .industry-box{width:calc(33.33% - 20px);display:flex;align-items:flex-end;height:280px;background-size:cover;background-repeat:no-repeat;}
.industy-listitem .industry-box .industry-title{width:100%;margin:0;text-align:center;font-size:14px;background:rgb(36 39 42 / 60%);color:var(--Primary);padding:12px 20px;}
.solution-list-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px;justify-content: center; }
.solution-list-wrap  .solution-single { width: 33.33%; padding: 0 13px; margin-bottom: 26px; }
.solution-list-wrap .solution-single:hover .industries-name { height: 100%; }
.solution-list-wrap .solution-single .industries-name { position: absolute1; bottom: 0px; background-color: hsla(0, 0%, 13%, 70%); width: 100%; text-align: center; height: 64px; box-shadow: 0px 3px 30px #00000029; transition: all 400ms ease; display: flex; align-items: center; justify-content: center;background-color: white; }
.solution-list-wrap .solution-inner { position: relative; }
.solution-list-wrap .solution-img { position: relative; height: 300px; width: 100%;background-color: #fff; }
.solution-list-wrap .solution-single .industries-name h5 { margin: 0; color: #ffcb04 !important; margin: 0; line-height: normal; font-family: 'Oswald'; font-weight: 400; letter-spacing: 0; font-size: 23px;background-color: hsla(0, 0%, 13%, 70%); width: 100%; display: flex ; align-items: center; justify-content: space-around; height: 64px; }
.solution-list-wrap .solution-img img { width: 100% !important; height: 100% !important; object-fit: contain; }
.solution-list-wrap .solution-heading { padding-bottom: 38px; }  .product-tabs .tab-panel{display:none;}
.product-tabs .tab-panel.active{display:block;}
.product-tabs > .tabs{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--White);gap:20px;margin-bottom:var(--s80);}
.product-tabs > .tabs > .tab{margin:0;padding:10px;cursor:pointer;transition:0.3s ease all;}
.product-tabs > .tabs > .tab:hover{color:var(--Primary);}
.product-tabs > .tabs > .tab.active{position:relative;color:var(--Primary);}
.product-tabs > .tabs > .tab.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--Primary);}
.product-tabs .tab-content .tab-panel{color:var(--White);} .product-slider{display:flex;flex-direction:row-reverse;gap:30px;}
.product-slider.vertical{display:flex;align-items:flex-start;gap:10px;}
.product-slider .main-content{width:100%;position:relative;}
.product-slider .main-item{display:none;position:relative;width:100%;height:500px;overflow:hidden; }
.product-slider .main-item img{width:100%;height:100%;object-fit:contain;}
.product-slider .main-item.active{display:block;}
.product-slider .main-item iframe,.product-slider .main-item video{width:100%;height:100%;}
.product-slider .thumbnails-wrapper{display:flex;flex-direction:column;align-items:center;overflow:auto;position:relative;height:500px;}
.product-slider .thumbnails{display:flex;flex-direction:column;transition:transform 0.3s ease;gap:10px;}
.product-slider .thumbnails img{width:100px;height:100px;cursor:pointer;border:2px solid transparent;transition:border-color 0.3s ease;}
.product-slider .thumbnails img.active{border-color:#ffa500;}
.product-slider .thumb-prev,.product-slider .thumb-next{background:#333;color:#fff;border:none;width:30px;height:30px;cursor:pointer;position:absolute;z-index:1;}
.product-slider .thumb-prev{top:0;}
.product-slider .thumb-next{bottom:0;}
.product-slider .thumbnail-slider{display:inline-flex;width:130px;position:relative;}
.product-slider .thumbnails-wrapper::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.product-slider .thumbnails-wrapper::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.product-slider .thumbnails-wrapper::-webkit-scrollbar-thumb{background-color: var(--Primary);border: 2px solid #555555;}
.product-slider .thumbnails .thumbimg-wrap{position: relative;}
.product-slider .thumbnails .thumbimg-wrap:has(img.video):after{content: '';position: absolute;top: 50%;left: 50%;width:40px;height: 35px;clip-path: polygon(20% 0, 20% 100%, 90% 50%, 90% 50%, 90% 50%, 90% 50%, 90% 50%, 90% 50%, 90% 50%);background-color: var(--Primary);transform: translate(-50%, -50%)}  .dj-testimonials{overflow:hidden;}
.dj-testimonials .slide-content{display:flex;}
.dj-testimonials .slide-content .slide-image{width:640px;}
.dj-testimonials .slide-content .slide-image{height:100%;object-fit:cover;}
.dj-testimonials .slide-content .slide-text{width:calc(100% - 640px);padding-left:30px;padding-bottom:80px;}
.dj-testimonials .slide-text .quote-img img{height:60px}
.dj-testimonials .slide-text .title{margin-block:20px;font-weight:bold;color:var(--White);}
.dj-testimonials .slide-text .testimonial-cite{display:flex;align-items:center;}
.dj-testimonials .slide-text .testimonial-cite .title,.dj-testimonials .slide-text .testimonial-cite p{margin:0;}
.dj-testimonials .slide-text .testimonial-cite .title{position:relative;padding-right:15px;margin-right:15px;line-height:1;color:var(--White);text-align:left}
.dj-testimonials .slide-text .testimonial-cite .title:after{content:'';position:absolute;right:0;height:calc(100% + 5px);width:2px;background:var(--White)}
.dj-testimonials .slide-text .testimonial-cite p{line-height:1;color:var(--Primary);text-align:left}
.dj-testimonials .swiper-button-prev,.dj-testimonials .swiper-button-next{top:auto !important;bottom:0;}
.dj-testimonials .swiper-button-prev{left:670px;}
.dj-testimonials .swiper-button-next{left:750px;scale:-1;}
.dj-testimonials .swiper-nav{display:inline-flex;width:70px;height:70px;background:var(--off-black);align-items:center;justify-content:center;}
.dj-testimonials .swiper-nav:after{content:'';background:url(//www.djproducts.com/wp-content/uploads/2025/01/slid-arrow.png) no-repeat;position:absolute;width:36px;height:18px;background-size:contain;}
.dj-testimonials .slide-content .slide-image img{object-fit:cover;width: 100%;height: 100%;} .customVideoDJ .elementor-widget-video iframe {
height: 360px !important;
}
.customVideoDJ .videoTitle {
color: white;
font-size: 42px;
}
.customVideoDJ .video-box {
position: relative;
width: 100%;
max-width: 640px;
margin-bottom: 20px;
cursor: pointer;
}
.customVideoDJ .video-thumbnail {
width: 100%;
display: block;
}
.customVideoDJ .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px; border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.customVideoDJ .play-button path {
fill: white;
} .mobileOnly {
display: none !important;
}
div#iconsSection {
display: none !important;
}
.term-1186 div#iconsSection {
display: block !important;
}
.term-1186 .play-button {
display: none;
} @media (max-width: 1199px){ .dj-testimonials .slide-content .slide-image {width: 500px;}
.dj-testimonials .slide-content .slide-text{width: calc(100% - 500px)}
.dj-testimonials .swiper-button-prev{left: 530px;}
.dj-testimonials .swiper-button-next {left: 590px;}
.dj-testimonials .swiper-nav{width: 50px;height: 50px;}
.dj-testimonials .swiper-nav:after{width: 25px;height: 12px;} }
@media (max-width: 991px){ .solution-list-wrap .solution-single { width: 50%; }  .dj-testimonials .slide-content{flex-direction: column;align-items: center;}
.dj-testimonials .slide-content .slide-text{width: 100%;padding-left: 0;text-align: center;padding-bottom: 0;}
.dj-testimonials .slide-text .testimonial-cite{justify-content: center;}
.dj-testimonials .slide-content .slide-image {max-width: 650px;margin-bottom: 30px;}
.dj-testimonials .slide-text .quote-img img {height: 45px;}
.dj-testimonials .swiper-button-prev, .dj-testimonials .swiper-button-next {top: 50% !important;bottom: auto;}
.dj-testimonials .swiper-button-next {left: auto;right: 0;}
.dj-testimonials .swiper-button-prev {left: 0;}
.dj-testimonials .slide-content .slide-image img{height: 350px} }
@media (max-width: 767px){
.hbspt-form form .hs-form-field{margin-bottom:20px;}
.hbspt-form form .hs-form-field input,.hbspt-form form .hs-form-field select{height:40px;} .post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{
margin: 20px 0 0;
}  .industy-listitem .industry-box{width:calc(50% - 15px);}
.solution-list-wrap .solution-single { width: 100%; }  .product-tabs > .tabs{gap:10px;}
.dj-testimonials .slide-content .slide-image {width: 100%;max-width:500px}  .dj-testimonials .slide-content .slide-image img{height: 300px}  .product-slider{gap: 20px;}
.product-slider .thumbnail-slider{width: 75px;}
.product-slider .thumbnails img{width: 70px;height: 70px;}
.product-slider .main-item,
.product-slider .thumbnails-wrapper{height: 350px;}
}
@media (max-width: 575px){ .industy-listitem .industry-box{width:100%;} .mobileOnly {
display: block !important;
}
}
@media (max-width: 480px) { table.responsive,
table.responsive thead,
table.responsive tbody,
table.responsive th,
table.responsive td,
table.responsive tr {display:block;}
table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}
table.responsive tr {border:1px solid #ccc; margin-bottom:10px;}
table.responsive td {border:none; border-bottom:1px solid #eee; position:relative; padding:12px 5%; width:100%;}
table.responsive td::before,
table.responsive td .td-text {float:left; width:50%;}
table.responsive td::before {width:50%; padding-right:15px; text-align:left; content:attr(data-content); display:block;}
table.responsive td::after {content:""; display:table; clear:both;}
}