/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	font-size:1.308em;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.6;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*smartfleet-catalog*/
.smartfleet-catalog{font-family:"Segoe UI",Trebuchet,Arial,sans-serif;max-width:1200px;margin:0 auto;padding:100px}.smartfleet-catalog h1{text-align:center;margin-bottom:30px;color:#06c;font-family:inherit;font-weight:700;font-size:36px}.smartfleet-catalog .all-solutions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px;position:relative;z-index:1}.smartfleet-catalog .solution-item{position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.smartfleet-catalog .solution-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15);outline:0}.smartfleet-catalog .solution-item:active{outline:0}.smartfleet-catalog .solution-item img{width:100%;display:block;border-radius:8px;aspect-ratio:2/3;object-fit:cover}.smartfleet-catalog .solution-title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,102,204,.8);color:#fff;padding:10px;font-size:16px;text-align:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-family:inherit;font-weight:500}.smartfleet-catalog .detail-view{display:none;margin-top:30px;margin-left:0;margin-right:0}.smartfleet-catalog .detail-view.active{display:flex;flex-direction:column;animation:fadeIn .5s}@media (min-width:768px){.smartfleet-catalog .detail-view.active{flex-direction:row;gap:30px}}.smartfleet-catalog .detail-image{flex:0 0 auto;margin-bottom:20px}@media (min-width:768px){.smartfleet-catalog .detail-image{width:300px;margin-bottom:0}}.smartfleet-catalog .detail-image img{width:100%;border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,.15)}.smartfleet-catalog .detail-content{flex:1 1 auto;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.smartfleet-catalog .solutions-back-button{display:inline-block;background-color:#06c;color:#fff!important;padding:10px 20px;border-radius:5px;text-decoration:none;margin-top:20px;margin-bottom:20px;font-weight:700;cursor:pointer;border:none;transition:background-color .3s ease}.smartfleet-catalog .solutions-back-button:hover{background-color:#004d99;text-decoration:none!important;color:#fff!important}.smartfleet-catalog .solution-description h2{color:#333;font-size:28px;margin-bottom:5px;font-family:inherit;font-weight:700;line-height:initial}.smartfleet-catalog .solution-description .tagline,.smartfleet-catalog .solution-description h3{color:#06c;font-size:22px;margin-top:0;margin-bottom:20px;font-weight:500;font-family:inherit;line-height:initial}.smartfleet-catalog .solution-description p{margin-bottom:15px;line-height:1.6;font-family:inherit;font-weight:400}.smartfleet-catalog .solution-description ul{margin-bottom:20px;padding-left:20px;list-style-type:disc!important;list-style-position:outside!important}.smartfleet-catalog .solution-description li{margin-bottom:8px;line-height:1.5;font-family:inherit;font-weight:400;list-style-type:disc!important;display:list-item!important;margin-left:1em}.smartfleet-catalog .solution-description .case-study-link{display:inline-block;margin-top:15px;color:#06c!important;text-decoration:underline;font-weight:500}.smartfleet-catalog .solution-description .case-study-link:hover{color:#004d99!important}.smartfleet-catalog .solution-description a{display:inline-block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media only screen and (max-width:768px){.smartfleet-catalog .all-solutions{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.smartfleet-catalog .solution-title{font-size:14px;padding:8px}.smartfleet-catalog .solution-description h2{font-size:24px}.smartfleet-catalog .solution-description .tagline{font-size:18px}}.smartfleet-catalog #layout-content .all-solutions{width:100%}.smartfleet-catalog.zone-content{width:100%;padding:0}.smartfleet-catalog .bulk-actions .solutions-back-button,.smartfleet-catalog table .solutions-back-button{margin:.2em 0 .2em 0;display:inline-block;padding:10px 20px}.smartfleet-catalog #show-all.solutions-back-button{background-color:#06c!important;color:#fff!important;border:none!important;padding:10px 20px!important}.smartfleet-catalog #show-all.solutions-back-button:hover{background-color:#004d99!important}.smartfleet-catalog.widget-control{border:none;margin-top:0}.smartfleet-catalog .widget-control .solution-item{overflow:visible}.smartfleet-catalog ul{margin:1.5em 2.03125%;line-height:1.538em;list-style-type:disc;list-style-position:inside}
/*table desing edit ramesh 5/21/25*/
.smart-catalog *{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.smart-catalog{background-color:#f8f9fa;color:#333;line-height:1.6;padding:20px}.smart-catalog h1{text-align:center;margin-bottom:30px;color:#06c;font-weight:600;}.smart-catalog .solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;max-width:90vw;margin:0 auto}.smart-catalog .solution-item{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.smart-catalog .solution-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.smart-catalog .tablet-container{position:relative;background-color:#333;border-radius:16px;padding:15px 12px;box-shadow:0 10px 20px rgba(0,0,0,.2);border:1px solid #555}.smart-catalog .tablet-screen{position:relative;overflow:hidden;border-radius:8px;border:2px solid #444;box-shadow:inset 0 0 5px rgba(0,0,0,.5);background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(0,0,0,0) 50%)}.smart-catalog .tablet-home-button{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#444;border:1px solid #555;bottom:8px;left:50%;transform:translateX(-50%);z-index:1}.smart-catalog .tablet-power-button{position:absolute;width:16px;height:5px;border-radius:2px;background-color:#444;top:-2px;right:30px;border:1px solid #555}.smart-catalog .tablet-volume-up{position:absolute;width:5px;height:12px;border-radius:2px;background-color:#444;left:-2px;top:30px;border:1px solid #555}.smart-catalog .tablet-volume-down{position:absolute;width:5px;height:12px;border-radius:2px;background-color:#444;left:-2px;top:50px;border:1px solid #555}.smart-catalog .tablet-side-button{position:absolute;width:7px;height:25px;border-radius:3px;background-color:#444;right:-3px;top:40%;transform:translateY(-50%);border:1px solid #555}.smart-catalog .tablet-camera{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#555;top:8px;left:50%;transform:translateX(-50%);z-index:1;border:1px solid #666;box-shadow:inset 0 0 2px rgba(0,0,0,.8)}.smart-catalog .solution-image-container{position:relative;width:100%}.smart-catalog .solution-item img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}.smart-catalog .solution-title{position:absolute;bottom:0;left:0;right:0;background:rgba(0,102,204,.8);color:#fff;padding:10px;font-size:16px;text-align:center}.smart-catalog .css-explanation{margin-top:50px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.smart-catalog .css-explanation h2{color:#06c;margin-bottom:15px}.smart-catalog .css-explanation li,.smart-catalog .css-explanation p{margin-bottom:10px}.smart-catalog .css-explanation ul{padding-left:20px}
/* Scoped smartfleet-page-contaner styles */
      .smartfleet-page-contaner {
        position: relative;
        overflow: hidden; /* Clearfix */
      }
      .smartfleet-page-contaner .image-column {
        float: left;
        width: 300px;
        margin-right: 30px;
        margin-bottom: 20px;
      }

      /* Tablet styling - scoped to smartfleet-page-contaner */
      .smartfleet-page-contaner .tablet-container {
        position: relative;
        background-color: #333;
        border-radius: 30px;
        padding: 15px 10px 45px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        max-width: 100%;
        margin: 0 auto;
      }

      .smartfleet-page-contaner .tablet-screen {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        border: 2px solid #444;
        background-color: #000;
      }

      .smartfleet-page-contaner .solution-image-container {
        position: relative;
      }

      .smartfleet-page-contaner .solution-image-container img {
        width: 100%;
        display: block;
        aspect-ratio: 3/4;
        object-fit: cover;
      }

      .smartfleet-page-contaner .solution-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 102, 204, 0.9);
        color: white;
        padding: 10px;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
      }

      .smartfleet-page-contaner .tablet-camera {
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #555;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        border: 1px solid #666;
      }

      .smartfleet-page-contaner .tablet-home-button {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #444;
        border: 1px solid #222;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
      }

      .smartfleet-page-contaner .tablet-side-button {
        position: absolute;
        width: 4px;
        height: 20px;
        background-color: #444;
        right: -2px;
        top: 80px;
        border-radius: 2px;
      }

      .smartfleet-page-contaner .tablet-power-button {
        position: absolute;
        width: 4px;
        height: 20px;
        background-color: #444;
        right: -2px;
        top: 30px;
        border-radius: 2px;
      }

      .smartfleet-page-contaner .tablet-volume-up {
        position: absolute;
        width: 4px;
        height: 15px;
        background-color: #444;
        left: -2px;
        top: 50px;
        border-radius: 2px;
      }

      .smartfleet-page-contaner .tablet-volume-down {
        position: absolute;
        width: 4px;
        height: 15px;
        background-color: #444;
        left: -2px;
        top: 80px;
        border-radius: 2px;
      }
      .smartfleet-page-contaner .text-column p,
      .smartfleet-page-contaner .text-column ul,
      .smartfleet-page-contaner .text-column h2 {
        text-align: justify;
      }
      /* General text styles scoped to smartfleet-page-contaner */
      .smartfleet-page-contaner h2 {
        margin-bottom: 15px;
        color: #006633;
      }
      .smartfleet-page-contaner p {
        margin-bottom: 15px;
      }
      .smartfleet-page-contaner ul {
        margin-bottom: 20px;
        padding-left: 20px;
      }
      .smartfleet-page-contaner li {
        margin-bottom: 10px;
      }
      .smartfleet-page-contaner .button {
        display: inline-block;
        background-color: #f7a442;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 5px;
        margin-right: 10px;
        margin-bottom: 10px;
      }
      .smartfleet-page-contaner .button:hover {
        background-color: #e89432;
      }
      .smartfleet-page-contaner .footer-text {
        margin-top: 20px;
        font-style: italic;
      }
      .smartfleet-page-contaner .strong-text {
        font-weight: bold;
        margin: 20px 0;
      }

      /* Responsive styles - scoped to smartfleet-page-contaner */
      @media (max-width: 768px) {
        .smartfleet-page-contaner .image-column {
          float: none;
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px;
        }
      }

      /* Small devices (phones) */
      @media (max-width: 480px) {
        .smartfleet-page-contaner .button {
          display: block;
          width: 100%;
          text-align: center;
          margin-right: 0;
        }
      }

      /* Large devices (desktops) */
      @media (min-width: 1200px) {
        .smartfleet-page-contaner .image-column {
          width: 350px;
        }
      }