/* Large Slider for mainpage */
//moved to local
/* End Large Slider for main page */


/* Start Small slider */

.smlrotateslider {
width: 910px; /* width of the main container */
overflow: hidden;
margin: 0 auto; /* Center the slider horizontally */
padding-top:5px;
}

.smlrotateslider-container {
display: flex;
transition: transform 0.5s ease-in-out;
}

.smlrotateslider-container a {
margin-right: 20px; /* Adjusted for 20px gap between images */
}

.smlrotateslider-container a img {
width: calc((910px - 10px * 11) / 6); /* Calculate width dynamically */
max-width: 100%; /* Ensure images do not exceed their natural size */
min-width:100px;
height: 65px;
padding-right: 10px;
padding-top: 5px;
flex-shrink: 0;
cursor: pointer;
}

/* End Small slider */


.ppsprodtab {
overflow: hidden;
border: 1px solid #ccc;
background-color: white;    
color:#000;
margin-top:20px;
border-radius: 0px;  
border:0px;
}


.ppsprodtab button {
background-color: #9a9c9f;
float: left;  
outline: none;
cursor: pointer;
padding: 6px 23px;
transition: 0.3s;
font-size: 13px;
font-weight:bold;
color:white; 
/*border-color:white;*/
border-left-width:5px;
border-right:0px;
border: 1px solid #9a9c9f;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}


.ppsprodtab button:hover {
background-color: #ddd;
color:#000;
}


.ppsprodtab button.active {
background-color: #ef3b3f;
color:whie;  
/*border-right:0px; */
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-color: #f5f5f5;
border-bottom-width: 1px;
border-top-color: #ef3b3f;
border-left-color: #ef3b3f;
border-right-color: #ef3b3f;
border-bottom-color: #ef3b3f;
}


.ppsprodtabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #eee;
border-top: none;
background-color:#f5f5f5;
border-right-color: #ef3b3f;
border-left-color: #ef3b3f;
border-bottom-color: #ef3b3f;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}