@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calibri:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css');
@import url('https://site-assets.fontawesome.com/releases/v6.7.2/css/all.css');


/* @font-face {
    font-family: 'cocogoose_proregular';
    src: url('../fonts/cocogoose-pro.semilight-webfont.woff2') format('woff2'),
         url('../fonts/cocogoose-pro.semilight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cocogoose_proregular';
    src: url('../fonts/cocogoose-pro.light-webfont.woff2') format('woff2'),
         url('../fonts/cocogoose-pro.light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'cocogoose_proregular';
    src: url('../fonts/cocogoose-pro.ultralight-webfont.woff2') format('woff2'),
         url('../fonts/cocogoose-pro.ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */
@font-face {
    font-family: 'cocogoose_proregular';
    src: url('../fonts/cocogoose-pro.thin-webfont.woff2') format('woff2'),
         url('../fonts/cocogoose-pro.thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'cocogoose_proregular';color: #231f20;
}

.header-nav .navbar-nav .nav-link {
    color: #333 ;
    font-weight: 500;
    padding: 0.5rem 1rem ;
}

.header-nav .navbar-nav .nav-link.active span {
    color: #29aae1 !important;
    /*border-bottom: 1px solid #00a0e3;*/
}
.header-nav .navbar-nav .nav-link span{padding-bottom: 6px;position: relative;text-transform: uppercase;}
.header-nav .navbar-nav .nav-link span:after {
  background-color: #29aae1;
    position:absolute;
    bottom:0;
    height:1px;
    content:"";
    width:0;
    z-index:9;
    -webkit-transition:width .3s;
    -o-transition:width .3s;
    transition:width .3s;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
  }
.header-nav .navbar-nav .nav-link:hover span:after { 
    width:100%
  }

  .header-nav .navbar-nav .nav-link.active span {
    color: #29aae1 !important;
    /*border-bottom: 1px solid #00a0e3;*/
}
.header-nav .navbar-nav .nav-link.active span:after{width: 100%;}

.header-nav.navbar {
    padding: 1rem 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.header-nav .navbar-nav .nav-link {
    color: #231f20 ;
    font-weight: 500;
    padding: 0.5rem 1rem;
    font-family: 'Lato', sans-serif;
}

.hero-banner {
    padding: 80px 0 20px 0;
    background-color: #fff;
  }
  
  .hero-banner h1 {
    font-size: 58px;
    line-height: 1.2;
    color: #231f20;
  }
  .hide-scrollbar {
  overflow: hidden;
}
   .hero-banner h1 span{color: #29aae1}
  
  .hero-banner h6 {
    font-size: 28px;
    color: #231f20; 
    font-family: Calibri, sans-serif;
  }
  .hero-banner h6 span{color: #29aae1;}

.dynamic_conten{background-color: #eeeff3;padding: 35px 0 0px 0;}
.dynamic_conten .col-sm-6.text-center {
	padding-bottom: 35px;
} 
  .dynamic_conten h3{font-size: 58px;}
  .dynamic_conten h3 span{color: #00a0e3;}
  .dynamic_conten p{font-size: 18px;font-family: Calibri, sans-serif;font-weight: 300;}

  .btn_primary{background-color: #29aae1;border-color: #29aae1;color: #fff;border-radius: 0;font-size: 20px;font-family:"Raleway", sans-serif;text-transform: uppercase;font-weight: 600;letter-spacing: 3px;min-width: 260px;}
  .dynamic_conten .btn_primary {margin-top: 40px;}

.led-solutions {
    background-color: #f8f9fa;
}

.led-solutions h2 {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    font-family: Calibri, sans-serif;
}

.led-solutions .lead {
    /* color: #6c757d; */
    font-family: Calibri, sans-serif;
    margin-bottom: 2rem;font-weight: 200;
}

.owl-carousel .solution-card {
  
    transition: transform 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solution-card:hover {
    transform: translateY(-5px);
}

.owl-carousel .solution-card img {
	max-width: 100%;
	width: auto;
	height: 100%;
	object-fit: cover;
	margin-top: auto;
}

.solution-card h4 {
	font-size: 1.30rem;
	font-weight: 500;
	color: #6d6e70;
	display: flex;
	align-items: center;
	text-align: center;
	width: 100%;
	justify-content: center;
	height: auto;
	margin-top: auto;
    text-decoration: none;
    font-family: Calibri, sans-serif;
}

.led-solutions-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 110%;
    left: -5%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    padding: 0;
    margin: 0;
}

.error {color:#F00; font-size:13px; font-family:Arial, Helvetica, sans-serif}

.error-border {
    border: 2px solid red !important;
}


.led-solutions-carousel .owl-nav button {
    
    color: #bbbdbf !important;
    pointer-events: auto;
    transition: all 0.3s ease;
    position: relative; 
}

.led-solutions-carousel .owl-nav button:hover {
    
    transform: scale(1.1);
   
}

.led-solutions-carousel .owl-nav button i {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.led-solutions-carousel .owl-nav button.owl-prev {
    left: 0;
}

.led-solutions-carousel .owl-nav button.owl-next {
    right: 0;
}

.led-solutions-carousel .owl-dots {
    margin-top: 20px;
    text-align: center;
}

.led-solutions-carousel .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.led-solutions-carousel .owl-dot.active span {
    background: #29aae1;
    width: 20px;
}

.led-solutions-carousel .item {
    height: 100%;
}

.led-solutions-carousel .solution-card {
	margin: 10px;
	height: 100%;
	min-height: 350px;
}

.digital-menu-section {
    background-color: #eeeff3;
    position: relative;
    overflow: hidden;
}

/* .digital-menu-section .digital-menu-img {
    transform: perspective(1000px) rotateY(-15deg);
    transition: transform 0.5s ease;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
} */
.less-width {
	max-width:67%;
	}
	
.digital-menu-section h2 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 300;
}

.digital-menu-section h2 span {
    color: #29aae1;
}

.digital-menu-section p {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    font-family: Calibri, sans-serif;
}

.feature-item {
    padding:0 20px;
    transition: transform 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
}

.feature-icon {
    width: 95px; 
    margin-bottom: 15px;
}

.feature-item h5 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
}

.feature-item p {
    font-size: 18px;
    /* color: #666; */
    margin-bottom: 0;line-height: 26px;
}
.feature-item p b{color: #000;;}

.features-row {
    margin-top: 40px;
}



@media (max-width: 991px) {
    .digital-menu-section .digital-menu-img {
        margin-bottom: 40px;
        transform: none;
    }
    
    .digital-menu-section h2 {
        font-size: 36px;
    }
    
    .feature-item {
        margin-bottom: 30px;
    }
}

.innovative-screens {
    position: relative;
    height: 100vh;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: white;
}

.innovative-screens .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.innovative-screens .video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.innovative-screens .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.innovative-screens .container {
    position: relative;
    z-index: 2;
}

.innovative-screens .content-wrapper {
	max-width: 840px;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
}

.innovative-screens h2 {
	font-size: 58px;
	line-height: 1.2;
	margin-bottom: 10px;
	font-weight: 300;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.innovative-screens .btn-outline-light {
    font-size: 25px;
    padding:13px 40px 0px 40px;
    border-width: 2px;
    /* text-transform: uppercase; */
    letter-spacing: 2px;
    transition: all 0.3s ease;
    border-radius: 0;
    font-weight: 300;
    font-family: 'cocogoose_proregular';
    
}

.innovative-screens .btn-outline-light:hover {
    background: white;
    color: #29aae1;
}
.three_section_img .row {margin-left: 0px;margin-right: 0px;}
.three_section_img .row div[class*="col-"]{padding-left: 0px;padding-right: 0px;}
.three_section_img .row div img{width: 100%;}

.three_section_img .blue_box {
	text-align: center;
	height: 100%;
	display: flex;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	background-color: #29aae1;
	padding: 30px 40px;
} 
.three_section_img .blue_box h4 {
	color: #fff;
	font-size: 40px;
	font-weight: 500;
	font-family: Calibri, sans-serif;
	margin-bottom: 15px;
}
.blue_box .btn_primary {
	border: 1px solid #FFF;
	font-family: 'cocogoose_proregular';
	padding-top: 14px;
	padding-bottom: 3px;
	letter-spacing: 2px;
	width: auto;
	margin-top: 50px;
	font-weight:300;
} 
.three_section_img .blue_box p{color: #fff;font-size: 18px;font-weight: 300;font-family: Calibri, sans-serif;}
.banner_grogup{position: relative;min-height: 590px;}
.banner_grogup .scree_01{width: 190px;}
.banner_grogup .pos {
	position: absolute;
    transition: transform 0.3s ease-out;
    will-change: transform;
	top: 64px;
}
.banner_grogup .scree_02 {
	left: 180px;
	top: 30px;
	width: 130px;
}
.banner_grogup .scree_03 {
	left: 287px;
	top: 70px;
	z-index: 1;
	width: 220px;
} 
.banner_grogup .scree_04 {
	right: -90px;
	z-index: 1;
	width: 220px;
	top: 150px;
}
.banner_grogup .scree_05 {
	left: 310px;
	top: -45px;
	width: 400px;
}

.header-nav .navbar-nav .dropdown-menu {
	background-color: #28aae1;
	border-radius: 0;
    padding: 0px; 
	border-color: #28aae1;
}

.header-nav .navbar-nav .dropdown-menu li .dropdown-item {
	border-bottom: 1px solid #42BCF0;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	line-height: normal;
	padding-top: 8px;
	padding-bottom: 10px;
}

.header-nav .navbar-nav .dropdown-menu li .dropdown-item:hover{background-color:#1cc4ff}


@media (max-width: 991px) {
    .innovative-screens {
        height: 80vh;
    }
    
    .innovative-screens h2 {
        font-size: 48px;
    }

    .header-nav #navbarNav {
        position: absolute;
        background-color: #FFF;
        top: 77px;
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        left: 0;
        right: 0;
        padding: 0 20px;
    } 
    .dynamic_conten [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    } 
    .dynamic_conten h3 {
        padding-top: 40px;
    } 
    .digital-menu-section .col-lg-5 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    } 

    .main-footer .social-links.text-lg-end {
        margin: 0 auto;
        justify-content: center;
    } 
}

@media (max-width: 767px) {
    .innovative-screens h2 {
        font-size: 36px;
    }
    
    .innovative-screens {
        height: 60vh;
    }

    .dynamic_conten h3, .hero-banner h1, .digital-menu-section h2, .innovative-screens h2, .contact-section h2 {
        font-size: 42px;
    } 
}

.contact-section {
    background-color: #ebecf2;
    padding: 80px 0;
}

.contact-section h2 {
    font-size: 58px;
    margin-bottom: 8px;
    font-weight: 300;
}

.contact-section .lead {
    font-size: 18px;
    color: #666;
    max-width: 900px;
    margin: 0 auto 20px;
    line-height: 1.6;
    font-family: Calibri, sans-serif;
}

.contact-section h5 {
    color: #666;
    font-weight: 300;
    font-size: 18px;
    font-family: Calibri, sans-serif;
}

.contact-form {
    margin-top: 40px;
}

.contact-form .form-control,
.contact-form .form-select {
    border: 1px solid #9d9d9f;
    padding:8px 15px;
    font-size: 16px;
    border-radius: 0;
    background-color: white;
    font-family: Calibri, sans-serif;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
    box-shadow: none;
    border-color: #29aae1;
}

.contact-form textarea.form-control {
    resize: none;
}

.contact-form .submit-btn {
    background-color: #29aae1;
    border: none;
    color: white;
    padding: 7px 60px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 20px;
    width: 100%;
    transition: all 0.3s ease;
    font-weight: 600;
    border-radius: 0;
    font-family: Calibri, sans-serif;
}

.contact-form .submit-btn:hover {
    background-color: #1d8bb8;
    transform: translateY(-2px);
}

.footer_left{display: flex;align-items: center;}
.footer_left .footer-logo{margin-right: 80px;}




@media (max-width: 767px) {
    .contact-section h2 {
        font-size: 36px;
    }
    
    .contact-section .lead {
        font-size: 16px;
    }
    
    .contact-form .submit-btn {
        padding: 12px 40px;
        font-size: 18px;
    }
.less-width {
	max-width:100%;
	}	
}

.main-footer {
    background-color: #000;
    color: #fff;
    padding: 0px 0 30px 0;border-top: 5px solid #29aae1;
    font-family: Calibri, sans-serif;
}
.footer_box{width: 100%;border-top: 5px solid #FFF;padding-top: 30px;}

.footer-logo {
    max-width: 200px;
    margin-bottom: 0;
}

.footer-logo img {
    width: 100%;
    height: auto;
}

.footer-info p, 
.footer-info a {
    margin: 0;
    line-height: 1.6;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.footer-info .company-name {
    font-weight: 500;
}

.footer-info .email {
    color: #29aae1;
    transition: color 0.3s ease;
}

.footer-info .email:hover {
    color: #1d8bb8;
}

.social-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.social-links .follow-text {
    margin: 0;
    font-size: 16px;
    display: inline-block;
    margin-right: 15px;
}

.social-icons {
    display: inline-flex;
    gap: 15px;
    align-items: center;
}

.social-icon {
    color: #fff;
    font-size: 18px;
    transition: color 0.3s ease;
}

.social-icon:hover {
    color: #29aae1;
}

@media ( max-width:1500px ) {
    .hero-banner .banner_grogup{transform: scale(0.8);}
    .led-solutions-carousel .owl-nav{width: 100%;left: 0;}
    
}

@media ( max-width:1300px ) {
    .banner_grogup .scree_05{width: 330px;}
    .hero-banner .banner_grogup{margin-left: -40px;}
    .dynamic_conten h3, .hero-banner h1, .digital-menu-section h2, .innovative-screens h2, .contact-section h2{
        font-size: 48px;
      }
      .header-nav .navbar-brand img {
        width: 138px;
        height: auto;
    }
    .header-nav .navbar-nav .nav-link{padding: 0.5rem 0.7rem;font-size: 15px;}

    .hero-banner .banner_grogup{display: none;}
    .hero-banner .mobile_img{display: inline-block!important;max-width: 100%;}
}
.dynamic_conten {
    overflow: hidden;
    position: relative;
  }

  .parallax-element, .parallax-content {
    transition: transform 0.3s ease-out;
    will-change: transform;
  } 


@media (max-width: 991px) {
    .footer-logo {
        margin-bottom: 20px;
    }
    
    .footer-info {
        margin-bottom: 20px;
    }
    
    .social-links {
        justify-content: flex-start;
    }

    .dynamic_conten .parallax-content, .dynamic_conten .parallax-element{transform: translateY(0px)!important;}


}

@media (max-width: 767px) {
    .main-footer {
        padding: 20px 0;
    }
    
    .footer-info p, 
    .footer-info a,
    .social-links .follow-text {
        font-size: 14px;
    }
    
    .footer-logo {
        max-width: 150px;
    }

    .hero-banner .col-lg-6:first-child {
        order: 2;
    }

    .hero-banner .col-lg-6:last-child {
        order: 1;margin-bottom: 50px;
    }
}

/* Media Management Page Styles */
.media-management-content {
  padding: 60px 0;
}



.hero-section {
  margin-bottom: 70px;
}

.main-title {
  color: #333;
  font-size: 2.5rem;
  margin-bottom: 30px;
}

.hero-description {
  max-width: 1000px;
  margin: 0 auto 50px;
  font-size: 20px;
  font-family: Calibri, sans-serif;
  line-height: 1.6;
  color: #666;
}

.hero-description-big {
 
  margin: 0 auto 50px;
  font-size: 20px;
  font-family: Calibri, sans-serif;
  line-height: 1.6;
  color: #666;
  text-align:left
}

.features-grid {
  margin-bottom: 60px;
}

.feature-item {
  margin-bottom: 20px;
  padding: 20px;

  font-family: Calibri, sans-serif;
}

.features-grid .feature-item {
	display: flex;
	align-items: center;
}
/* .feature-item .feature-icon {
	margin-right: 40px;
}  */

.feature-icon {
  margin-bottom: 20px;
}

.feature-icon img {
  width: 60px;
  height: auto;
}

.feature-title {
  color: #39a8df;
  font-size: 1.7rem;
  margin-bottom: 15px;
}

.feature-description {
  color: #666;
  line-height: 1.6;
}

.cta-section {
  margin: 40px 0;
}

.btn-primary {
  background-color: #39a8df;
  border: none;
  padding: 8px 30px;
  /* font-weight: 300; */
  text-transform: uppercase;
}

.media-management-content .cta-section .btn {
	width: 60%;
	border-radius: 0;
	line-height: normal;
	padding-top: 11px;
	padding-bottom: 12px;
    font-family: "Raleway", sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
    font-size: 17px; 
} 

.btn-primary:hover {
  background-color: #2d8ab8;
}

.led-solutions .solution-card{transition: transform 0.3s ease;
    height: 100%;
    display: flex;text-decoration: none;
    flex-direction: column;padding-bottom: 10px;
    align-items: center;}

.led-solutions .solution-card img{margin-top: auto;max-height: 285px; padding:30px 20px}

.product_screen .solution-card {
	padding-left: 20px;
	padding-right: 20px;
} 
.product_screen h2{font-family: 'cocogoose_proregular';}

.product_screen.led-solutions {
	padding-top: 70px;
	padding-bottom: 20px;
} 
.product_screen.led-solutions .lead {
	margin-bottom: 70px !important;
} 


.innovative-screens p {
	font-size: 20px;
	font-weight: 300;
	font-family: Calibri, sans-serif;
	margin-bottom: 44px;
}

/* Responsive Adjustments */
@media ( max-width:991px ) {
    .features-grid .feature-item {
        display: inline-block;
        align-items: center;
    }
}

@media (max-width: 768px) {
  .main-title {
    font-size: 2rem;
  }
  
  .feature-item {
    text-align: center;
  }
  .feature-item .feature-icon {
	margin-left: auto;
	margin-right: auto;
} 
.media-management-content .cta-section .btn{width: 100%;}
}

/* Product Detail Section Styles */
.product-detail-section {
    padding: 80px 0;
    background-color: #fff;
}

 
.product-detail-section .product-image {
	text-align: center;
    margin-bottom: 30px;
     
}
.product-detail-section .product-image img{max-width: 100%; max-height:700px}

.product-detail-section  .product-title {
    font-size: 42px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 600;
}

.product-detail-section  .product-description, .product-detail-section .product-conclusion {
    font-size:20px;
    line-height: 1.6;
    color: #666;
    font-weight: normal;
    margin-bottom: 40px;
    font-family: Calibri, sans-serif;
    margin-bottom: 20px;
}

.product-detail-section .features-list {
	margin-bottom: 24px;
	margin-left: 0;
	padding-left: 15px;
}

.product-detail-section  .feature-item {
    margin-bottom: 0;

}
.product-detail-section .feature-item::marker{font-size: 20px;color: #000;}

.product-detail-section  .feature-item b {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
}

.product-detail-section  .feature-item  {
    font-size: 18px;
    color: #666;
    padding: 0px;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* .product-detail-section  .product-conclusion {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 30px;
    font-style: italic;
} */

.product-detail-section  .cta-button .btn-primary {
    
    text-transform: uppercase;
   font-weight: 300;display: inline-flex;align-items: center;
    border-radius: 0;
    font-size: 20px;letter-spacing: 5px;
    font-family: Calibri, sans-serif;
    padding: 11px 30px;min-width: 300px;
    margin-top: 10px;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-detail-section  .cta-button .btn-primary:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,123,255,0.2);
}

.pd_img_grid{text-align: center;padding-top: 80px;}
.pd_img_grid img{max-height: 300px;}

@media (max-width: 991px) {
    .product-detail-section {
        padding: 60px 0;
    }
    
    .product-detail-section  .product-title {
        font-size: 36px;
    }
    
    .product-detail-section  .product-description,
    .product-detail-section  .product-conclusion {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .product-detail-section {
        padding: 40px 0;
    }
    
    .product-detail-section  .product-title {
        font-size: 32px;
    }
    
    .product-detail-section  .feature-item h3 {
        font-size: 18px;
    }
}

/* Product Specifications Table Styles */
.specs-section {
    padding: 50px 0 100px 0;
    background-color: #FFF;
    /* font-family: Calibri, sans-serif; */
}

.specs-section h2{font-size: 42px;margin-bottom: 50px;}

.specs-table {
    border: 1px solid #a0a0a3;
    background-color: #fff;
    margin-bottom: 0;
    font-family: Calibri, sans-serif;
}

.specs-table th,
.specs-table td {
    padding: 12px 15px;
    border: 1px solid #a0a0a3;
    font-size: 20px;
    vertical-align: middle;
}

.specs-table th {
    background-color: #FFF;
    font-weight: 600;
    width: 15%;
}

.specs-table td {
    width: 20%;
}

/* Responsive styles */
@media (max-width: 768px) {
    .specs-table {
        font-size: 14px;
    }
    
    .specs-table th,
    .specs-table td {
        padding: 8px 10px;
    }
}

@media (max-width: 576px) {
    .specs-table {
        font-size: 12px;
    }
    
    .specs-table th,
    .specs-table td {
        padding: 6px 8px;
    }
}

.led-gallery .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 0; 
  transition: transform 0.3s ease;
}

.led-gallery .gallery-item:hover {
  transform: translateY(-5px);
}

.led-gallery .gallery-item img {
  width: 100%;
  /* height: 250px; */
  object-fit: cover;
  transition: transform 0.3s ease;
}

.led-gallery .gallery-item:hover img {
  transform: scale(1.05);
}

/* Lightbox customization */
.lb-data .lb-caption {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
  opacity: 0.8;
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
  opacity: 1;
}

.vision-title {
    font-size: 48px;
    color: #231f20;
    font-weight: 300;
    font-family: 'cocogoose_proregular';
}

.vision-text {
    font-size: 20px;
    color: #666;
    font-family: Calibri, sans-serif;
    line-height: 1.6; 
    margin-left: auto;
    margin-right: auto;
}

.led-solutions .btn_primary {
	width: 400px;
	max-width: 100%;
	margin-top: 50px;
} 
.led-solutions .btn_primary:hover{color: #FFF;}

.contact_page{background-color: #FFF;}
.contact_page h2{font-size: 42px;}
.contact_page .lead{font-size: 20px;width: 100%;max-width:90%;}


.hero-banner .left{padding-top: 130px;}
.header-nav .navbar-brand img {
	max-width: 210px;
	height: auto;
	position: relative;
	top: 7px;
} 

/* Typing animation styles */
.typed-text {
    display: inline-block;
    /*min-width: 120px;*/
    border-right: 2px solid #00a0e3;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0%, 100% { border-color: transparent; }
    50% { border-color: #00a0e3; }
} 


.digital-menu-section .digital_menu_img {
    position: relative;
}
.digital_menu_img_02{
    top: 12px;
    left: 39px;position: absolute;
}

.digital-menu-section .digital-menu_img_1 {
    /*position: absolute;
    top: 12px;
    left: 39px;*/
    transform: translate(0, 0);
    opacity: 0;
    /* Remove the automatic animation */
}

.digital_menu_img_03{ position: absolute;
    top: 20px;
    left: 39px;}



.digital-menu-section .digital-menu_img_2 {
   
    transform: translate(0, 0);
    opacity: 0;
    /* Remove the automatic animation */
}

/* Add animate class for when element is in view */
.digital-menu-section .digital-menu_img_1.animate {
    animation: digital-menu_img_1 0.8s ease-out forwards;
}

.digital-menu-section .digital-menu_img_2.animate {
    animation: digital-menu_img_2 0.8s ease-out forwards;
}

@keyframes digital-menu_img_1 {
    0% { 
        transform: translate(0, 0);
        opacity: 0;
    }
    100% { 
        transform: translate(70px, -30px);
        opacity: 1;
    }
}

@keyframes digital-menu_img_2 {
    0% { 
        transform: translate(0, 0);
        opacity: 0;
    }
    100% { 
        transform: translate(130px, -56px);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .vision-title {
        font-size: 36px;
    }
    
    .vision-text {
        font-size: 18px;
    }

    .product-detail-section .product-image img {
	height: 310px;
}
.product-detail-section .product-title {
	font-size: 27px;
}
.product-detail-section .feature-item{text-align: left;}
.product-detail-section .cta-button .btn-primary{width: 100%;}
.pd_img_grid .col-sm-3 {
	margin-bottom: 30px;
} 
.specs-section h2 {
  font-size: 35px;}
}
.text-primary {
    color: #29aae1 !important;
  } 

.dynamic_conten{position: relative;}
/* .dynamic_conten .part_01{position: absolute;top: 0;left: 0;} */
/* .dynamic_conten .part_02{position: absolute;top: 0;right: 0;} */
.dynamic_conten .part_03 {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 270px;
}
/* .dynamic_conten .part_04{position: absolute;bottom: 0;right: 0;} */
.dynamic_conten .part_04 {
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 140px;
}
.img-fluid.rounded.part_02 {
	width: 160px;
	position: absolute;
	right: 80px;
	top: 0;
    z-index: 1;
}
.img-fluid.rounded.part_01 {
	width: 290px;
    margin-top: 20px;
}
.dynamic_conten .part_05 {
	position: absolute;
	bottom: 0;
	left: -30px;
}

.part_image {
	position: relative;
	min-height: 608px;
}

.modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
			font-family: Calibri, sans-serif;
			font-size:18px;
        }

        /* Modal content */
        .modal-content {
            background: white;
            padding: 20px;
            border-radius: 8px;
            width: 480px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        /* Close button */
        .close {
            color: #aaa;
            float: right;
            font-size: 24px;
            cursor: pointer;
        }

        .close:hover {
            color: black;
        }




        .loader_box {
            position: fixed;
            /* background-color: rgba(0,0,0,0.9); */
            background-color: #FFF;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            color: #2da9e1;
            z-index: 9;
        
            opacity: 1;
          transition: opacity 0.5s ease;
        } 
        
        .loader_box.fade-out {
            opacity: 0;
          } 
        #loader > div {
            position: fixed;
            left: 50%;
            top: 50%;
             width: 60px; 
            height: 60px;
            border: 6px solid #ccc;
            border-top: 6px solid #007bff;
            border-radius: 50%; 
            animation: spin 1s linear infinite;
            z-index: 9999;
            transform: translate(-50%, -50%);
			transition: opacity 0.5s ease; /* Smooth fade */
            background-color: transparent; 
          }
		  
		  .loader-fade-out {
		  opacity: 0;
		  transform: scale(1.02);
		  filter: blur(4px);
		  pointer-events: none;
		}
          
          @keyframes spin { 
            0% { 
                /* transform: scale(0.9); */
                transform: translate(-50%, -50%) rotate(0deg); 
            }
            100% { 
                transform: translate(-50%, -50%) rotate(360deg);
                /* transform: scale(0.5); */
             }
          }   



@media (min-width: 992px) {
    .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .navbar-nav .dropdown-menu {
        margin-top: 0;
        border-radius: 0;
        border: none;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
}

/* Product Filter Styles */
.filter-nav {
    margin-bottom: 30px;
}

.filter-nav .nav-link {
    color: #333;
    font-weight: 500;
    padding: 10px 20px;
    position: relative;
    transition: all 0.3s ease;
    font-family: Calibri, sans-serif;
}

.filter-nav .nav-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #007bff;
    transition: all 0.3s ease;
}

.filter-nav .nav-link.active {
    color: #007bff;
}

.filter-nav .nav-link.active:after {
    width: 80%;
}

.filter-nav .nav-link:hover {
    color: #007bff;
}

.product-grid [data-category] {
    transition: all 0.3s ease;
}

.product-grid [data-category].hidden {
    display: none;
}

.cta_section_box .list_items{list-style: none;margin:0px;padding:0px;}
.cta_section_box .list_items li {
	font-family: Calibri, sans-serif;
	margin-bottom: 10px;
	color: #423e3f;
	position: relative;
	padding-left: 15px;
}
.cta_section_box .list_items li b{color: #000;}

.cta_section_box .list_items {
	list-style: none;
	padding: 0px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
} 
.cta_section_box .list_items {
	list-style: none;
	padding: 0px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
    max-width: 100%;
}

.cta_section_box .list_items li::after {
	content: "";
	width: 5px;
	height: 5px;
	background-color: black;
	position: absolute;
	left: 0;
	top: 11px;
	border-radius: 50%;
}

.cta_section_box .btn-lg {
	width: 200px !important;
	margin-top: 60px;
}

.features_grid_box_ .feature-icon {
	margin-right: 20px;
}



/* update */

.about_page .hero-description {
	text-align: left;
	margin-bottom: 23px;
	font-size: 18px;
}
.about_page .cta_section_box{padding-top: 50px;padding-bottom: 50px;}

.about_page .cta_section_box .list_items {
	width: 100%;
}
.about_page .cta_section_box .hero-description {
	text-align: left;
	width: 100%;
	max-width: 100%;
}

.about_page .cta_section_box1 .btn-lg{width: 400px!important;max-width: 100%;margin-top: 20px;}


@media ( min-width: 1300px ) {
    .banner_grogup{right: 48px;}
}

@media ( max-width:767px ) {
    .hero-banner {padding: 30px 0 20px 0;} 
    .hero-banner .left {
        padding-top: 3px;
    }
	
	
    #productsDropdownLink {
        pointer-events: none; /* Disable the link on mobile */
        cursor: default;
    }


	
	 .modal-content {
            background: white;
            padding: 20px;
            border-radius: 8px;
            width: 350px;
            text-align: center;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }
    .hero-banner h6 {
        font-size: 20px;}
        .dynamic_conten h3, .hero-banner h1, .digital-menu-section h2, .innovative-screens h2, .contact-section h2 {
            font-size: 32px;
        } 
        .img-fluid.rounded.part_01 {
            width: 160px;
        }
        .img-fluid.rounded.part_02 {
            width: 150px;
        }
        .part_image {
            position: relative;
            min-height: 498px;
        }

        .dynamic_conten .part_image.banner_for_desktop {
            display: none;
        }
        .dynamic_conten .banner_for_mobile {
            display: inline-block!important;
            width: 100%;
        }
        .digital-menu-section .content-wrapper h2 br {
            display: none;
        }
        .digital-menu-section .content-wrapper {
            padding-top: 21px;
        }
        .three_section_img .blue_box p br {
            display: none;
        }
        .blue_box .btn_primary {
            padding-left: 10px;
            padding-right: 10px;
            min-height: 43px;
            padding-top: 10px;
        }
        .dynamic_conten .btn_primary {
            margin-top: 40px;
            padding-left: 10px;
            padding-right: 10px;
            min-height: 42px;
            font-size: 16px;
        }
        .three_section_img .blue_box a.btn_primary {
            font-size: 14px;
        }
        .led-solutions .text-center.mb-5 {
            text-align: left!important;
        }
        .led-solutions .lead br {
            display: none;
        } 
        .digital-menu-section .digital_menu_img.digital_menu_img_desktop {
            display: none;
        }
        .digital-menu-section img.img-fluid.image_for_mobile {
            display: inline-block!important;
            height: 460px;
        }
        .digital-menu-section .content-wrapper h2 {
            font-size: 22px;margin-top: 15px;
        }
        .feature-item .feature-icon {
            width: 55px;
        }

        .header-nav .navbar-nav .nav-link.dropdown-toggle:focus + .dropdown-menu,
        .header-nav .navbar-nav .nav-link.dropdown-toggle:hover + .dropdown-menu,  .header-nav .navbar-nav .nav-link.dropdown-toggle::active + .dropdown-menu {
            display: block;
        }
        

        .custom-design-content-page .text-center {
            text-align: left!important;
        } 
        .custom-design-content-page .feature-item {
            text-align: left;
        }
        .custom-design-content-page .feature-item .feature-icon {
            width: 55px;
            margin-right: auto;
        }
        section.product_screen.led-solutions h2 {
            font-size: 30px;
        }

        .header-nav .navbar-nav .nav-link{outline: none!important;}
        
}