/*!
Theme Name: GCTL LED
Theme URI: http://underscores.me/
Author: Md. Mehedi Hassan
Author URI: https://www.gctlinfosys.com/
Description: LCD & LED Digital Signage Display Kiosk– GCTLLED
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gctlled
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GCTL LED is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*============================================================================*/
/*============================================================================*/
/* Global Section ==============================================*/
/*============================================================================*/
/*============================================================================*/
body {
    color: #626a7c;    
    font-size: 16px;
    line-height: 24px;
    background-color: #f7f7f7;
 
     font-family: 'Popins';
}

p,table{
     font-family: 'Popins Light';
}

a {
    color: #1a0dab;
	text-decoration:none;
}
button, 
a, 
input[type="button"], 
input[type="submit"] { 
  min-width: 48px; 
  min-height: 0;
  padding: 0; /* Adjust for better spacing */
}
button, 
a { 
  margin: 8px; 
}
a:visited {
 /* color: #9900e6; */
}

a:hover{
    text-decoration: none;
    color: #a71d2a;
}
.logoMenu .logo{margin-left:5px;}
.second-block {
    background-color: #fff;
}
 .circle-full{
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background: #f5f5f5;
 
    display: inline-block;
}
.image-overlay-container p{margin-bottom:0;}
.circle-full::before {
  content: '';
  display: block;
}
/*embaded youtube video sigle page */
.youtube-facade {
  position: relative;
  width: 100%;
  max-width: 560px;
  aspect-ratio: 16 / 9;
  cursor: pointer;
}
.youtube-facade img {
  width: 100%;
  height: 100%;
  display: block;
}
.youtube-facade .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: url('https://img.icons8.com/ios-filled/50/ffffff/play.png') no-repeat center center;
  background-size: 60%;
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
.contactForm_col_Width{max-width:80%}
.single-wrapper{min-height:460px}
.singlepost-featureimg {
    min-height: 370px;
}
.sliderContent{}
#customDropdownMenu {
    margin-top: 0;
}
#contact-sidebar {
    background-color: #111;
    background-image: url(https://gctlled.varito.de/wp-content/uploads/2025/05/sales-bg-v7.jpg);
    background-size: 123%;
    background-position: top left;
    padding: 50px 48px;
    min-height: 535px;
}
#contact-sidebar h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 5px;
	color:#fff;
    line-height: 36px;
}
#contact-sidebar p {
	color:#fff;
}
.cta-btn {
    background-color: #d61a69;
    color: #fff;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0 35px 0;
    display: inline-block;
    transition: 0.6s;
}
#contactForm label {
  display: block;
	    font-weight: 400;
    color: #555;
    font-size: 16px;
	margin-bottom: 10px;

}
 #contactForm input,
#contactForm textarea {
  /* to create space for placing icon*/
  padding-left: 32px;
  border-color: transparent;
  border-radius: 0px;
	    color: #555;
    box-shadow: none !important;
    clear: both;
    height: 33px;
    border: 1px solid #ced4da;
    outline: 0;
    border-radius: 3px;
    font-size: 16px;
}
#contactForm textarea {
  /* to create space for placing icon*/

    height: auto;
  
}
.single-product-details {
    display: block;
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
	    box-shadow: 0 5px 15px #e6f0fa;
    padding-top: 30px;
}
/*position should be relative and z-index greater than one*/
.fildIcon {
  position: relative;
  float: left;
  margin-left: 8px;
  margin-top: -24px;
  z-index: 2;
    color: #999;
}
.more-blog{
    border: 1px solid #ddd;
    color: #222;
    max-width: 10%;
    margin: 0 auto!important;
}

.article-info .article-inner p {
    clear: both;
    line-height: 29px;
	text-align:justify;
}
.article-inner h2 {
    /* padding: 0.5em 0 !important; */
    margin: 0 10px !important;
    display: -webkit-box !important;
    height: 70.2px !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 34px!important;
    font-size: 20px;
    font-weight: 600;
}

.article-inner a{margin:0;}

.block .block-title h3 {
    color: #222;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 54px;
}
.block-category ul, .block-content ul {
    list-style: none;
}
.block-category ul li{padding:0;}
.block-category ul li a, .block-content ul {
    margin: 0;
    color: #0e487a;
    text-transform: capitalize;
}
.blog-grid-item {
    min-height: 530px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    padding: 18px;
    background: #fff;
    margin-bottom: 25px;
    box-shadow: 0 .25rem 2rem 0 #0000000d;
    border-radius: 10px;
}
.pull-left {
    float: left;
}
.media {
    padding-right: 15px;
}
.block-content img {
    max-width: 100%;
    height: auto;
    width: 77px;
    height: 51px;
}
.block-latest li a {
    display: flex;
    color: #222;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.5em 0 !important;
    margin: 0 10px !important;
    display: -webkit-box !important;
    height: 55.2px !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 23px !important;
}
.blog_leftside {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    background: #fff;
    box-shadow: 0 .25rem 2rem 0 #0000000d;
    border-radius: 10px;
    padding-left: 20px;
}
.block {
    border-bottom: 1px solid #eee;
}
.block .block-title h3 {
    color: #222;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 54px;
}
.more_btn_link a {
    color: #000;
    background-color: #fff;
    font-family: graphik;
    text-transform: uppercase;
    font-size: 15px;
    /* border: none; */
    cursor: pointer;
    outline: none;
    cursor: pointer;
    outline: none;
    position: relative;
    display: inline-block;
    border: 1px solid;
    border-color: #000;
}
.more_btn_link a::before, .more_btn_link a::after {
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 50%;
    border: 1px solid;
    transition: all 0.6s ease;
    border-radius: 2px;
}
.more_btn_link a::before {
    top: -8px;
    left: -8px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: #000;
    border-left-color: #000;
}
.more_btn_link a::after {
    bottom: -8px;
    right: -8px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #000;
    border-right-color: #000;
}
.more_btn_link a:hover:after, .more_btn_link a:hover:before {
    width: 100%;
    height: 100%;
}
.more_btn_link a:hover{background:#000;color: #fff;}
.content-wrapper .title {

    height: 51.2px!important;
    margin: 0 9px;
    font-family: 'Popins Light';
}
.services-card-body h3.card-title {
 
    font-family: 'Popins Light';
}
.singlepost-featureimg {
    min-height: 0;
    
}
.singlepost-featureimg img {
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
    cursor: zoom-in;
}

#product_curousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 12px;
}
.single-table {
    border-spacing: 0;
    margin: 0 auto;
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}
/*Max Mega menu overide css */
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
        font-size: 16px;
    }

#mega-menu-wrap-top, #mega-menu-wrap-top #mega-menu-top, #mega-menu-wrap-top #mega-menu-top ul.mega-sub-menu, #mega-menu-wrap-top #mega-menu-top li.mega-menu-item, #mega-menu-wrap-top #mega-menu-top li.mega-menu-row, #mega-menu-wrap-top #mega-menu-top li.mega-menu-column, #mega-menu-wrap-top #mega-menu-top a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top span.mega-menu-badge, #mega-menu-wrap-top #mega-menu-top + button.mega-close {

    position: initial;
 
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {

    background: #fff;

}


#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #000;
}



#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    margin: 0px 0 10px 0px;
    padding: 12px 0;

   
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:before, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before {
    content: "";
    display: inline-block;
    width: 112px;
    height: 1px;
    background-color: #e4e4e4;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    margin-top: 38px;
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {

    padding: 3px 10px;
    font-size: 16px;
    font-family: 'Popins Light';
   
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {

    border-top: 1px solid #e6e6e6;
   
}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus {
    color: #fff;

    background: #0e5fac;
}
/*Home Page New Block css*/
.product-card:hover {
    box-shadow: 0 0 6px 2px rgba(0,0,0,.1);
    background: #fff;
    transform: scale(1.02);
}
.image_box img{
    -ms-transition: 2s ease-in-out;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
.product-list .image_box {
    width: 100%;
    height:275px;
    display: block;
    text-align: center;
}
.model,.code{
	font-size: 12px;
    color: #545454;
}
.model-title,.code-title{
	margin-right: 5px;
    font-size: 13px;
}
.product-card img {
    object-fit: contain;
    /* max-width: 260px; */
    margin: 0 auto;
    /* max-height: 260px; */
    width: 220px;
    /* height: 220px; */
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: 50% 50%;
    
    width: 100%;
	height:auto;
}
.product-card:hover .image_box img{
 -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.10);
}

.customize-padding{padding: 5px;}
.customBtn {
    /* margin-top: 0; */
    border: 1px solid #ddd;
    /* box-shadow: none; */
    padding: 8px 100px;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
    transition: .3s;
    text-decoration: none;
    display: block;
    max-width: 100%;
    text-align: center;
    /* height: 45px; */
    background:#464545;
    color: #fff;
    margin: 0;
    border: 1px solid #000;
}
.customBtn:hover {
    background: #000;
    color: #fff;
}
.main-layout{background-color: #fff;}
.product-list .product-card {
    border-top: 1px solid #000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    background-color: #fff;
    min-height: 540px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px rgba(60,72,88,.15) !important;
    box-shadow: 0 0 3px rgba(60,72,88,.15) !important;
    
    padding-bottom: 0;
	padding: 17px;
}
td .single-table__text {
        text-align: left;
}
.fourth-block{
 
    background-color: rgb(201 201 201 / 10%);
}
#productSlider .swiper-slide .productSliderImg img{
    height: 587px;
}
.article-info{margin-top: 25px;}
#all_footer ul li, #all_footer ul li a {
   font-family: 'Popins Light';
}
.Tabsection {
    padding-bottom:0;
    
}
.template_padding {
    padding-top: 2em;
    padding-bottom: 5em;
}
.template_padding h2 {
    font-family: 'Popins Light';
    padding-bottom: 20px;
    color: #333;
        font-size: 1.5em;
}
.single-table-row th {
    border: 1px solid #bbb;
    font-family: 'Popins Light';
     color: #626a7c; 
}
.single-table__text {
    text-align: left;

}
.overflow-hidden {
    overflow: hidden!important;
    margin-top: 50px;
}
#productSlider {
    background-color: #f6f6f6;
       padding: 105px 0;
}
#image_gallery {
    background-color: #fff;
    padding: 80px 0;
}
#image_gallery h2 {
    
    padding-bottom: 30px;
}
#product_gallery,#bloginfo{
    padding: 80px 0;
}
.custom-border {
  position: relative;

  border: none;

  cursor: pointer;
}

.custom-border::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #3498db;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.custom-border:hover::before {
  transform: scaleX(1);
}

/*
.custom-border {
  position: relative;
 
  color: black;
  border: none;
  cursor: pointer;
  overflow: hidden;
}
.custom-border::before,
.custom-border::after {
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  background: #3498db;
  transition: 0.3s;
}

.custom-border::before {
  top: 0;
  left: 0;
}

.custom-border::after {
  bottom: 0;
  right: 0;
}

.custom-border:hover::before,
.custom-border:hover::after {
  width: 100%;
}
*/
#all_footer {
    background: 0 0, #f5f5f5;
    padding: 45px 0 0;
}
.post__title {

    font-size: 18px;
}
#topHeader, single-product-details .main-layout {
    background: #f7f7f7;
    padding: 1px 0px 1px 0px;
    background-color: #686565;
}
#topHeader .phoneMail li, #topHeader .phoneMail li a {

    font-size:14px;
   
    color: #fff;
        font-family: 'Popins Light';
}
.region {
  
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Popins Light';
	

}
.region img{margin:0 10px;}
.product_btn_link p{ font-family: 'Popins Light';}
.region-tag{

    color:#dcdcdc;
}
#HomepageIcon{background-color: #fff;}
.custom-border{
	margin-left: -1px;
    margin-bottom: -1px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #DEE2E6;
}
.cont-box{
        width: 100%;
   /* height: 36%;*/
    overflow: hidden;
        position: relative;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}
.cont-box a{margin: 0;}
.product_gallery_image{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}
.cont-box .name {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    display: inline-block;
    font-size: 24px;
   color: #fff;
    padding: 0 16px;
}
.cont-box .name{
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}
.ellipsis, .ellipsis-two {
    text-overflow: ellipsis;
    overflow: hidden;
}
.category-banner img {
    max-height: 420px;
}
.second-up .mask-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.19,1,.22,1);
    transition: all .8s cubic-bezier(.19,1,.22,1);
}
.mask-box .mask-name {
    bottom: 50%;
    padding: 6px 12px;
    background-color: #0e5fac;
    font-size: 24px;
    font-weight: 700;
}
 .mask-box .mask-name, .mask-box .mask-desc {
    max-width: 92%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    color: #fff;
}

 .mask-box .mask-desc{
    bottom: calc(50% - 51px);
    font-size: 16px;
}
.cont-box:hover {
    border-radius: 30px;
}
.cont-box:hover .name{
    opacity: 0;
}
.cont-box:hover .mask-box{
    opacity: 1;
}
.relatedpost_thumbnail {
    display: block;
    min-height: 200px;
}
.related_posts_sliders {
    background-color: #fafafa;
    padding-bottom: 108px;
}
.related_posts_sliders .swiper-container .swiper-slide {
    border: 1px solid rgba(234, 234, 234, 1);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06);
    border-radius: 10px;
	display:block;
}
.relatedpost_thumbnail {
   display: inline-block;
    align-items: center;
}
.related_posts_sliders .swiper-container .swiper-slide img {
     max-width: 83%; 
    object-fit: cover;
   height:200px;
    object-fit: contain;
}
.relatedpost_title {min-height:50px;font-size:13px;}
.relatedpost_title a{
	color:#000;
}
.card-link{font-size:12px;}
.single-product-details h1 {
    font-size: 22px;
    font-weight: 400;
    color: #003366;
    margin-bottom: 1rem;

	
}
.product-card a {
    margin: 0;
    display: block;
}
a.product-name {
    font-size: 16px;
    padding: 0 3px;
    margin-top: 16px;
    color: #525252;
    display: -webkit-box !important;
    height: 51.2px !important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 24px !important;
    font-size: 15px;
    line-height: 150%;
}
#breadcrumbs li {

    font-family: 'Popins Light';
}
.img-wrap img {
    width: 100%;
    max-width: 80%;
}
.dot-wrapper-3 {
    left: 55.7%;
  
}
.dot-wrapper-4 {
    left: 46.7%;
    
}
#sliderContainer {

    aspect-ratio: 16/6;

}
#search-form:before {
    
    content:"\e986";
   
}
.seacrModal .modal input {

    height: 50px;
}
#search-form:before {

    top: 14px;
    left: 10px;
    color: #646464;
   
}
.seacrModal .modal [data-dismiss=modal] {
  
    top: -11px;
 
}
.short-description {
    font-family: 'Popins Light';
    font-size: 17px;
    text-align: justify;
    line-height: 26px;
    color: #2a2a2a;
}
.product-short-des {
    min-height: 80px;
}
.cat-short-description {
    color: #2d2c2c;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: .26px;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: 'Popins Light';
}
.nav-tabs .nav-link {
    font-family: 'Popins Light';
    font-size: 20px!important;
}
#breadcrumbs {

    background: #f8f8f8;
  
}
.single-wrapper .card-title {
    -ms-flex-preferred-size: 30%;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    padding: .5em 0!important;

     height: 57.2px!important; 
 
}
.single-wrapper .card-body{padding-top: 0;}
.first-block-title, .second-block-title {
 
    font-weight: 400;
    font-size: 34px;
  
}
.productparameter-heading, .single-heading {

    font-weight: 400;
	text-align:left;
}
.custom-tab-content {
    background: #fff;
}
.Tabsection thead,.Tabsection tbody, .Tabsection tfoot, .Tabsection tr,.Tabsection td, .Tabsection th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border: 1px solid #dddddd;
}
.Tabsection table {

    border-collapse: collapse;

    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%;
}
.Tabsection .nav-tabs {
    border-bottom: 1px solid #ddd;
}
.Tabsection .nav-tabs .nav-link {
    font-family: 'Popins Light';
    font-size: 1rem!important;
    color: #6b6a6b!important;
    text-transform: capitalize;
}
.contactUsLink {
  
    text-transform: uppercase;
	margin:0;
}
/*===============Single page custom css ===============*/
.single-wrapper p, .single-wrapper table {
    font-size: 15px;
    font-family: 'Popins Light';
    line-height: 21px;
	
}
.single-wrapper .single-top-section {
    padding-top: 40px;
    padding-bottom: 50px;
}
.single-product-details h2 {
    
    margin: 20px 0;
    
}
.Sticky {
    position: sticky;
    top: 100px;
    align-self: center;
    padding-top: 30px;
}
.short-description p {
    margin: 0;
    color: #2d2c2c;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: .26px;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: 'Popins Light';
}
.short-description table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    margin: 0;
}
.short-description table tr:nth-child(odd) {
    background: #f1f1f1;
}
.short-description table td {
    padding: 11px 13px 8px;
    text-align: left;
    color: #3c3c3c;
    font-size: 14px;
}
.short-description thead,.short-description tbody,.short-description tfoot, .short-description tr,.short-description td, .short-description th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border: none;
}
.short-description h3{
	  font-size: 20px;
    margin-top: 70px;
}  
.short-description a {
    background: #003366;
    display: inline-block;
    padding: 10px 46px;
    color: #fff;
    border-radius: 5px;
}
.single-btn {
    display: flex;
    margin-top: 110px;
}
.tabs {
  display: flex;
  gap:0px;
  margin-bottom: 20px;
}
.tab-btn {
    background: orange;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    width: 176px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0 0;
    border:1px solid #ddd;
    font-size: 18px;
    color: #000;
    cursor: pointer;
	background:none;
}
.tab-btn:hover{background:#000;color:#fff;}

.section {
  min-height: 600px; /* just to demo scrolling */
  padding: 50px;
  border-bottom: 1px solid #ddd;
}
.section-heading {
    margin: 0 0 60px;
}
.section-heading h2 {
    font-weight: 500;
	    font-size: 36px;
    line-height: 46px;
	color:#000;
	/* background: linear-gradient(90deg, rgba(135, 227, 158, .6) 0%, rgba(255, 255, 255, 0) 100%); */
    border-radius: 8px;
    padding: 2px 4px 2px 8px;
 /*   display: inline-block; */
}
/*--==========Feature Noted top right==========--*/
.apple-watch-note-feature {
    padding-top: 35px;
    position: relative;
	text-align:center;
}
.apple-watch-note-feature img{width:100%;}
.feature-note {
    display: inline-block;
    height: 115px;
    position: absolute;
    transition: all 300ms linear 0s;
}
.feature-note.right.top {
    top: 10px;
    right: 60px;
}
.feature-note {
    color: #0084ff;
}
.feature-note.right .indicator {
    float: left;
}
.feature-note .indicator {
    margin-top: 67px;
    width: 192px;
    transition: all 300ms linear 0s;
}
.feature-note .indicator .plus-icon {
    height: 51px;
    width: 51px;
    border-radius: 100%;
    padding: 11px;
    position: relative;
    transition: all 300ms linear 0s;
    transition-duration: 150ms;
}
.feature-note.right .indicator .plus-icon {
    float: left;
}
.feature-note .indicator .plus-icon:before {
    content: '';
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid;
    border-radius: 100%;
    -webkit-animation: doublePulse 1.5s ease infinite;
    animation: doublePulse 1.5s ease infinite;
    z-index: 0;
}


/* Animation Keyframes */
@-webkit-keyframes doublePulse {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes doublePulse {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}



.feature-note .indicator .plus-icon:before {
    border-color: #0084ff;
}
.feature-note.right .indicator .plus-icon .plus {
    float: left;
}
.feature-note .indicator .plus-icon .plus {
    border-radius: 100px;
    width: 100%;
    display: block;
    line-height: 31px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: all 300ms linear 0s;
}
.feature-note .indicator .plus-icon .plus {
    background: #0084ff;
    color: #fff;
}
.feature-note .indicator .plus-icon:after {
    content: '';
    height: 2px;
    display: block;
    margin-top: -17px;
    transition: all 300ms linear 0s;
    transition-duration: 150ms;
    width: 0;
}
.feature-note .indicator .plus-icon:after {
    background: #0084ff;
}
.feature-note.right .indicator .plus-icon:after {
    float: left;
    margin-left: 30px;
}
.feature-note.show-cont .indicator .plus-icon:after {
    width: 155px;
}

.feature-note .feature-name {
    text-transform: uppercase;
    height: 91px;
    line-height: 20px;
    position: relative;
    letter-spacing: 0.2px;
}
.feature-note.show-cont .feature-name {
    transition: -webkit-transform 150ms ease 150ms;
    transition: transform 150ms ease 150ms;
    transition: transform 150ms ease 150ms, -webkit-transform 150ms ease 150ms;
}
.feature-note.right.top .feature-name {
    float: left;
    margin-left: -72px;
    margin-top: 2px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}
.feature-note.show-cont.right.top .feature-name {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.feature-note .feature-name:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 25px;
    left: calc(50% - 4px);
    transition: all 300ms linear 0s;
}
.feature-note .feature-name:before {
    background: #0084ff;
}
.feature-note .feature-name:after {
    content: '';
    display: block;
    width: 2px;
    height: 58px;
    position: absolute;
    top: 33px;
    left: calc(50% - 1px);
    transition: all 300ms linear 0s;
}
.feature-note .feature-name:after {
    background: #0084ff;
}

/* --==========Feature Noted top left==========--*/

.feature-note.left.top {
    top: 115px;
    left: 0;
}
.feature-note.left .indicator {
    float: right;
}
.feature-note.left .indicator .plus-icon {
    float: right;
}
.feature-note.left .indicator .plus-icon .plus {
    float: right;
}
.feature-note.left .indicator .plus-icon:after {
    float: right;
    margin-right: 30px;
}
.feature-note.left.top .feature-name {
    margin-right: -52px;
	margin-top: 2px;
    float: right;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}
.feature-note.show-cont.left.top .feature-name {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
/*--==========Feature Noted bottom right==========--*/

.feature-note.right.bottom {
    top: 290px;
    right: 0;
}
.feature-note.right.bottom .indicator {
    margin-top: 0;
}
.feature-note.right.bottom .indicator .plus-icon:after {
    width: 0;
}
.feature-note.show-cont.right.bottom .indicator .plus-icon:after {
    width: 237px;
}
.feature-note.right.bottom .feature-name:before {
    top: 58px;
}
.feature-note.right.bottom .feature-name:after {
    top: 0;
}
.feature-note.right.bottom .feature-name {
    float: left;
    margin-left: -12px;
    padding-top: 70px;
    margin-top: 25px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}


.feature-note.show-cont.right.bottom .feature-name {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
/*--==========Feature Noted bottom left==========--*/

.feature-note.left.bottom {
    top: 395px;
    left: 0;
    height: auto;
}
.feature-note.left.bottom .indicator {
    margin-top: 0;
}
.feature-note.left.bottom .feature-name {
    margin-right: 10px;
    float: right;
    height: auto;
    padding-top: 14px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
.feature-note.left.bottom .feature-name:before {
    position: relative;
    display: inline-block;
    top: 0;
    left: calc(100% + 5px);
}
.feature-note.left.bottom .feature-name:after {width:0;}
.feature-note.show-cont.left.bottom .feature-name {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
/* ===== Responsive Fix for Mobile ===== */
@media (max-width: 768px) {

  .apple-watch-note-feature {
    padding-top: 0;
    text-align: center;
  }

  .apple-watch-note-feature img {
         width: 100%; /*
        max-width: 320px;*/
  }
.feature-note .indicator {
    margin-top: 16px;
    width: 131px;
    transition: all 300ms linear 0s;
}
.feature-note.right.top {
    top: 10px;
    right: 0;
}
.feature-note.right.top .feature-name {
    float: left;
    margin-left: -180px;
    margin-top: -60px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}
.feature-note.left .indicator {
    float: right;
}
.feature-note.left.top {
        top: 5px;
        left: 39px;
}	
.feature-note.left.top .feature-name {
          margin-right: -162px;
        margin-top: -62px;
    /* float: right; */
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}	
	
.feature-note.right.bottom {
    top: 385px;
    right: 49px;
}	
.feature-note.right.bottom .feature-name {
    float: left;
    margin-left: -206px;
    padding-top: 76px;
    margin-top: 41px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}	
	.feature-note.left.bottom {
    top: 377px;
    left: 107px;
    height: auto;
}
.feature-note.left.bottom .indicator {
    margin-top: 1px;
    margin-left: -112px;
}
	.feature-note.left.bottom .feature-name {
    margin-right: -85px;
    float: right;
    height: auto;
    padding-top: 95px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
	.feature-note.left.bottom .feature-name:before {
    position: relative;
    display: inline-block;
    top: -17px;
    left: calc(100% + -82px);
}
	.feature-note.left.bottom .feature-name:after {
    width: 2px;
}
  /* Remove absolute positioning */
  .feature-note.right.top,
  .feature-note.left.top,
  .feature-note.right.bottom,
  .feature-note.left.bottom {
 
  }

  /* Reset indicator line */
  .feature-note .indicator {

  }

  .feature-note .indicator .plus-icon {
 
  }

  .feature-note .indicator .plus-icon:after {
    display: none;
  }

  /* Simplify text below icon */
  .feature-note .feature-name {

  }

  .feature-note .feature-name:before,
  .feature-note .feature-name:after {

  }

  /* Add small spacing between notes */
  .feature-note + .feature-note {
    margin-top: 20px;
  }

  /* Align second image (dimensions) under the feature section */
  .img-wrap {
    margin-top: 100px;
    text-align: center;
  }

  .img-wrap img {
    width: 90%;
    height: auto;
  }

  /* Adjust section spacing */
  .second-block {
    padding: 60px 0 20px !important;
  }
}
@media (max-width: 480px){
	    .feature-note.left.bottom {
        top: 353px;
        left: 44px;
        height: auto;
    }
}
.animation-jump {
    position: relative;
    -webkit-animation: animation-jump 2s ease-in-out infinite;
    animation: animation-jump 2s ease-in-out infinite;
}
@-webkit-keyframes animation-jump {
    0% {
        top: 3px;
    }
    50% {
        top: -3px;
    }
    100% {
        top: 3px;
    }
}

@keyframes animation-jump {
    0% {
        top: 3px;
    }
    50% {
        top: -3px;
    }
    100% {
        top: 3px;
    }
}

.section-heading p{
	font-size: 14px;
    color: #555;
    line-height: 24px;
    font-weight: 500;
	
}
.feature-single {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
    margin-bottom: 25px;
    min-height: 230px;
}

/* Target the heading only when parent is hovered */
.feature-single:hover .feature-count-heading {
  transform: scale(1.15) rotate(5deg);
  transition: all 0.4s ease;
}

.feature-count-heading {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 15px;
  transition: all 0.4s ease;
}

.feature-single:hover .feature-count-heading .count {
  background: #2273f8;
  color: #fff;
  box-shadow: 0 0 12px rgba(34, 115, 248, 0.6);
  transform: rotate(-8deg);
}

.feature-count-heading .zero {
  font-size: 30px;
  color: #ccc;
  margin-right: 4px;
  transition: color 0.3s ease;
}

.feature-count-heading .count {
  font-size: 32px;
  font-weight: 700;
  color: #2273f8;
  background: #f0f4ff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}

/* Optional subtle pulse animation */
.feature-single:hover .feature-count-heading .count::after {
  content: '';
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(34, 115, 248, 0.2);
  animation: pulse 1s ease-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.8); opacity: 0; }
}

/**/

/**/
.feature-single h4 {
    font-weight: 600;
    margin-bottom: 5px;
	    font-size: 20px;
    line-height: 30px;
	    font-family: 'Popins Light';
	color:#000;
}
.feature-single p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
    color: #2d2c2c;
    font-size: 13px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: .26px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-family: 'Popins Light';
}
.productImage{margin-top:-124px;}
.single-long-des  h1 {
    font-size: 20px;
    color: #003366;
    text-transform: uppercase;
    /* border-bottom: 1px solid #003366; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    max-width: 44%;
	position:relative;
}

   .single-long-des  h2 {
      font-size: 20px;
      margin-top: 30px;
      background: #003366;
      color: #fff;
      padding: 8px 12px;
      border-radius: 4px;
    }

 .single-long-des    h3 {
      margin: 0;
      color: #555;
    }

    /* Features two-column */
  .single-long-des   .featuress {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 20px;
      margin-top: 20px;
	  text-align:center;
    }

  .single-long-des   .feature {
      background: #eaf2ff;
      border-left: 5px solid #004aad;
      padding: 15px 18px;
      border-radius: 6px;
      font-size: 15px;
    /*  display: flex;
      align-items: flex-start;*/
      gap: 12px;
	  min-height:150px;
    }

  .single-long-des   .feature i {
      font-size: 22px;
      color: #004aad;
      margin-top: 2px;
      flex-shrink: 0;
    }

.single-long-des  .feature strong {
    display: block;
    color: #003366;
    margin-bottom: 4px;
    font-weight: 400;
}

    /* Datasheet tables */
 #specification table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 15px;
      font-size: 15px;
    }
/* Style the first column of the Specification table */
#specification table td:first-child {
   /* light blue background */
  font-weight: 600;      /* bold text */
  color: #003366;        /* dark blue text */
  width: 35%;            /* optional: fix width for labels */
}

 #specification   th, td {
      border: 1px solid #ddd;
 
    }
#specification tbody, #specification td,#specification tfoot,#specification th,
#specification thead,#specification tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    /* border: none; */
    /* border: none; */
    border-top: 1px solid #EDEEF0;
}
#specification th {
    background: #f0f4ff;
    color: #000;
    text-align: left;
}

#specification  tr:nth-child(even) {
      background:#F8F8F8;
    }
.collumn-container{box-shadow: 0px 0px 15px rgba(100, 100, 100, .1)}
.image-part img {
    height: 500px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.content-part {
    margin-top: 0;
    font-weight: 500;
    padding: 20px 10px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
}
.small-part-container {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding-bottom: 15px;
}
	.small-content-part{text-align:center;}
    /* Description section */
  .single-long-des   .description p {
      margin-bottom: 15px;
      text-align: justify;
    }
#prodescription .first-col-container,#prodescription .second-col-container{
	
    padding: 80px;
    text-align: justify;
}
.first-col-container h2,.second-col-container h2{
	margin-bottom:30px;
	text-align:left;
	font-size:22px;
	 font-family: 'Popins Light';
}
.description-column, .description-column-end {
    display: flex;
    align-items: center;
    padding: 0;
    background-color: rgba(239, 242, 247, 1);
    max-height: 500px;
}
.description-column-img{padding:0;}
.first-col-img {
    /* border: 1px solid #f3f3f3; */
    border-radius: 5px;
    text-align: center;
}
.first-col-img img,.second-col-img img {
    width: 100%;
    height:500px;
    /* max-width: 80%; */
    /* margin: 0 auto; */
    text-align: center;
	    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: 
ease-out;
 
}
.first-col-img img:hover,.second-col-img img:hover {
	    transform: translateY(8px);
}

.second-col-img img {height:500px}
    /* Dimension image */
  .single-long-des   .dimension {
      text-align: center;
      margin-top: 20px;
    }

  .single-long-des   .dimension img {
     
    }
.dot {

    line-height: 2.3em;

}
.second-block-title {
    margin: 0 0 30px;
	text-align:left;
}
.second-block {
  
    padding: 0px 0;
}

.singlepost-featureimg {
  position: relative;
  cursor: pointer;
}



.zoom-icon {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;

  padding: 8px 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}

.featured-wrapper:hover .zoom-icon {
  background: rgba(0,0,0,0.8);
}

.single-wrapper .swiper {
    width: 100%;
    height: 100px;
}
.single-wrapper .post-gallery-slider {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
	margin-bottom:0;
}
.single-wrapper .post-gallery-slider img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    padding: 5px;
	object-fit:contain;
	height:100%;
}
.gallery-thumb.active {
    border: 2px solid #d00;
    opacity: 0.8;
}
.gallery-thumb { cursor: pointer; display:block; max-width:100%; }
.gallery-thumb.active { border: 2px solid #d00; opacity: 0.85; }

/* Lightbox overlay */
.lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  text-align: center;
}

.lightbox img {
  max-width: 90%;
  max-height: 80vh;
  margin: auto;
  display: block;
}

/* Close button */
.lightbox .close {
  position: absolute;
  top: 15px; right: 35px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}

/* Prev/Next */
.lightbox .prev, .lightbox .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  font-size: 50px;
  padding: 16px;
  color: #fff;
  user-select: none;
  transform: translateY(-50%);
}
.lightbox .prev { left: 0; }
.lightbox .next { right: 0; }

/*Home Page New Block css*/
.navbar>.container{
    display: block;
   
}
#image_gallery .img-fluid {
    max-width: 100%;
    height: auto;
    max-height: 255px;
    border-radius: 6px;
    width: 100%;
}
@media (min-width: 992px) {
.region {text-align:right;}
	
}
@media (max-width: 992px) {
	#productSlider .swiper-button-next,#productSlider .swiper-button-prev{
		top:210px;
	}
	#topHeader{text-align: center;}
	#topHeader .phoneMailAndSocialMedia {
    display: block;

}
	.logoMenu .logo {
  max-width:20%;
    margin: 20px 0;
}
		.first-col-img img,.second-col-img img{height:auto;}
}
@media (max-width: 767px) {
	    .image-container {
        height: auto;
        overflow: hidden;
    }
	.first-col-img img,.second-col-img img{height:auto;}
	.description-column-img {
  
    margin-bottom: 20px;
}
    #topHeader .phoneMail, #topHeader .socialMedia {
    
        margin: 0;
    }
	.region {

    margin-bottom: 10px;
}
		.logoMenu .logo {
  max-width:50%;
    margin: 20px 0;
}
	    .contact_Option
 {
        display: block;
    }
	.Sticky {
    position: static;
  
}
	.single-btn {
    display: flex;
    margin-top: 16px;
    padding-bottom: 22px;
}
}

@media (max-width: 480px){
		.single-btn {
    display: block;
   
}
	.short-description a {

    display: block;   
    text-align: center;
}
}
/* ===== Mobile Responsive (max-width: 768px) ===== */

@media (max-width: 768px) {
	.rivax-position-bottom {
   
    top: 75%;
}	
	#image_gallery {
  
    padding-bottom: 0;
}
	.mb-4_3 {
    margin-bottom: 0!important;
}
.productImage {
    margin-top: 0;
}
.device {
    background:none;
     box-shadow:none;
    display: inline-flex;
  width: 19%;
	height:auto;
   
}
	.image-overlay-container{background:none;}
	.device:hover .tooltip {
    opacity: 0;
    transition: .5s ease-out;
}
.img-wrap img {
    width: 100%;
     max-width:100%; 
}	
	.customBtn {
    /* margin-top: 0; */
    border: 1px solid #ddd;
    /* box-shadow: none; */
    padding: 25px 100px;

    display: flex;
   
    align-items: center;
    justify-content: center;
}
.services_Content {
    padding: 0;
  
}
	.more_btn_link a {

    width: 100%;
}
		.services_Content {
   
    min-height: 0;
  
}
	.more-blog {

    max-width: 100%;
 
}
	#productSlider .swiper-button-next,#productSlider .swiper-button-prev{
		top:150px;
	}
}
@media (max-width: 480px){
	.services_Content {
   
    min-height: 0;
  
}
	#image_gallery .img-fluid {
    max-width: 100%;
    height: auto;
     max-height: auto; 
    border-radius: 6px;
    width: 100%;
}
	.rivax-position-bottom {
   
    top: 81%;
}
	.device {  width:24%;}
	.img-wrap img {
    width: 100%;
    max-width:100%; 
}
	.productImage .custom-circle {

    height: 110vh;
  
}
	.customize-padding {
    padding: 13px;
}
		.customBtn {
    /* margin-top: 0; */
    border: 1px solid #ddd;
    /* box-shadow: none; */
    padding: 25px 100px;

    display: flex;
   
    align-items: center;
    justify-content: center;
}
	.services_Content {
    padding: 0;
  
}
		.more_btn_link a {

    width: 100%;
}
}


/* ========== PREMIUM INTERACTIVE TABLE ========== */
.premium-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
}

.premium-table th {
  background: linear-gradient(135deg, #2273f8, #3f8efc);
  color: #fff;
  text-align: left;
  padding: 16px 20px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 16px;
}

.premium-table td {
  padding: 14px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  color: #333;
}

/* Alternating row background */
.premium-table tr:nth-child(even) td {
  background-color: rgba(247, 249, 255, 0.7);
}

/* Glowing Hover Effect */
.premium-table tr:hover td {
  background: rgba(34, 115, 248, 0.08);
  color: #2273f8;
  box-shadow: inset 0 0 10px rgba(34, 115, 248, 0.2);
  transform: scale(1.005);
  cursor: pointer;
}

/* Neon glow on hover */
.premium-table tr:hover td:first-child {
  border-left: 4px solid #2273f8;
}

/* Smooth Text Glow Animation */
@keyframes textGlow {
  0% { text-shadow: 0 0 5px rgba(34, 115, 248, 0.3); }
  50% { text-shadow: 0 0 10px rgba(34, 115, 248, 0.6); }
  100% { text-shadow: 0 0 5px rgba(34, 115, 248, 0.3); }
}

.premium-table tr:hover td {
  animation: textGlow 1.2s infinite alternate;
}

/* Responsive Style */
@media (max-width: 768px) {
  .premium-table {
    font-size: 13px;
  }
  .premium-table td, .premium-table th {
    padding: 10px;
  }
}