.productmain .h1box{
	font-size: 28px;
}
.productmain .amtomr{
   font-size: 24px;
}
.productmain .radiusl{
	border-radius:2rem ;
}
.productmain .specification{
	margin-top: 3px;
}
 .rating i {
        font-size: 24px;
        color: gold;
        margin: 0px;
    }

/*tab section style    */


   .tabsection.tabsection.tabsection .nav-tabs .nav-link:hover {
      background-color: #e2e6ea;
      color: #007bff;
    }

    /* Content Styles */
   /* .tabsection.tabsection.tabsection .tab-content {
      border: 1px solid #dee2e6;
      border-radius: 2rem;

    } */

   .tabsection.tabsection h3 {
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 15px;
      color: #343a40;
    }

   /* .tabsection.tabsection ul {
      margin-left: 20px;
    } */

   /* .tabsection.tabsection ul li {
      margin-bottom: 10px;
    } */

    /* Table Styles */
   .tabsection.tabsection table {
      width: 100%;
      margin-top: 20px;
      border-collapse: collapse;
    }

   .tabsection.tabsection table th, table td {
      padding: 10px 15px;
      border: 1px solid #dee2e6;
    }

   .tabsection.tabsection table th {
      /* background-color: #A88BBB; */
      color: BLACK;
      font-weight: 900;
      font-size: larger;
      /* text-align: left; */
    }

   .tabsection table td {
      background-color: #ffffff;
    }

    /* Hover Effects on Table Rows */
   .tabsection table tr:hover td {
      background-color: #f1f1f1;
    }

    /* Responsive Table */
   @media (max-width: 768px) {
    .tabsection table, th, td {
        /* display: block; */
        width: 100%;
      }

   .tabsection   table th {
        /* display: none; */
      }

   .tabsection    table td {
        /* border: none; */
        position: relative;
        /* padding-left: 50%; */
      }

   .tabsection   table td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        padding-left: 15px;
        font-weight: bold;
        color: #495057;
      }
    }

/*    .theme-btn {
      display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none !important;
    background-color: var(--theme);
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    letter-spacing: 0;
    padding: 14px 40px;
    transition: 500ms;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 9;*/


   .tabsection .theme-btn.active {
    background-color: var(--theme-2);
    color: var(--white);
 
    font-weight: bold;
}

.tabsection .theme-btn {
    background-color: #e2e6ea;
    color: #000;
}

/* .tabsection .theme-btn:hover {
    background-color: #504967;
    color: #000;
} */
/* Style for the main list item */
.tabsection .custom-list-item {
    text-align: left; /* Aligns content to the left */
    margin-bottom: 20px;
    position: relative;
}

/* Style for the nested list inside the main list item */
.tabsection .nested-list {
    list-style-type: none; /* Removes default list bullets */
    padding: 0;
    margin: 10px 0 0; /* Add space between main item and nested list */
}

/* Style for the nested list items */
.tabsection .nested-list li {
    text-align: left; /* Aligns content to the left */
    position: relative; /* For positioning the arrow icon */
    padding-left: 20px; /* Add space for the arrow on the left */
}

/* Add arrow mark for each nested list item */
.tabsection .nested-list li::before {
    content: '→'; /* Arrow mark */
    position: absolute;
    left: 0; /* Align arrow to the left */
    color: var(--theme); /* Customize the color to match your theme */
}

/* Icon positioning */
.tabsection .custom-list-item i {
    position: absolute;
    left: -25px; /* Align icon slightly outside the list for better visibility */
    top: 0;
}


       .tabsection .theme-btn {
            background-color: var(--theme); /* Original background color */
            color: var(--white); /* Original text color */
            /* border: 2px solid white;  */
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
        }

       /* .tabsection .theme-btn:hover {
            background-color: var(--theme-2); 
            color: white; 
            border-color: white; 
            text-decoration: none; 
        } */
       /* .tabsection .theme-btn.active {
            background-color: #504967; 
            color: white; 
            border-color: white; 
        } */
        .tabsection .service-details-content {
    margin-top: 20px; 
}

.tabsection .list {
    padding-left: 20px; /* Indent list items for better readability */
}

.tabsection .list li {
    margin-bottom: 10px; /* Adds space between list items */
    line-height: 1.5; /* Increases line height for better readability */
}

.tabsection .list li i {
    margin-right: 8px; /* Adds space between the icon and the text */
}

 .tabsection #myTab {
            display: flex;           
            justify-content: space-between; 
            align-items: center;          
            border: none;   
            padding: 0rem; 
            background-color: #A88BBB;          
        }

  
@media (max-width: 768px) {
  
 .tabsection #myTab {  
  padding: 0;   
  column-gap: 1rem;        
}
.tabsection .list{
  padding-left:0
}
.overview{
  text-align: center;
}
}
.specifications-category{
font-size: 1.2rem;
font-weight: 900;
}



.demo ul {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0;
}

.demo ul li {
  display: block;
  float: left;
  margin-right: 6px;
  cursor: pointer;
}

.demo ul li img {
  display: block;
  height: auto;
  margin-top: 2rem;
  width: 100%;
  /* border-radius: 2rem; */

}
.lslide img{
  border-radius: 2rem;
}


.logo-container {
  overflow: hidden;
  .logo-bg{
    background-color: #a88bbb80;
    padding: 1rem 0;
  .slider {  
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    
    .logos {
     border-right: 1px solid white;
     padding-right: 1rem;
      /* width: 100%; */
      display: inline-block;
      margin: 1rem;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
}
}


@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.logo-div{
  height: 100px;
  width: 200px;
}
.logo-div img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}