.tab-content-box-module .top-section {
  display: block;
  margin-bottom: 50px;
/*   text-align: center;
  margin-left: auto;
  margin-right: auto; */
  max-width: 836px;
}
.tab-content-box-module .list-tab-items {
  display: block;
  margin-bottom: 90px;
}
.tab-content-box-module ul.tabs {
  margin: 0px;
  padding: 5px;
  list-style: none;
  border: 1px solid #4C4C4C;
  border-radius: 40px;
  width: fit-content;
}
.tab-content-box-module ul.tabs li {
  background: none;
  display: inline-block;
  padding: 14px 20px;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  transition: all .3s ease;
}
.tab-content-box-module ul.tabs li.current {
  border-radius: 40px;
}
/* .tab-content-box-module ul.tabs li:first-child {
  border-radius: 14px 0px 0px 14px;
}
.tab-content-box-module ul.tabs li:last-child {
  border-radius: 0px 14px 14px 0px;
} */

.tab-content-box-module .tab-card-flex {
/*   display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px; */
  display: block;
}
.tab-content-box-module .tab-card-flex .tab-card-flex-item {
  flex-basis: 33.33%;
  -moz-flex-basis: 33.33%;
  -webkit-flex-basis: 33.33%;
  -o-flex-basis: 33.33%;
  padding: 10px;
  padding-left: 50px;  
}
.tab-content-box-module .tab-card-flex .tab-card-flex-item .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  text-align: left;
  padding-bottom: 30px;
}
.tab-content-box-module .box .image {
  display: block;
  margin-bottom: 30px;
}
.tab-content-box-module .box .title {
  display: block;
  margin-bottom: 30px;
}

.tab-content-box-module .tab-content {
  display: none;  
}
.tab-content-box-module .tab-content.current {
  display: inherit;
}

@media (max-width: 910px) {  
  .tab-content-box-module .tab-card-flex .tab-card-flex-item {
    flex-basis: 50%;
    -moz-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -o-flex-basis: 50%;
  }
}
@media (max-width: 650px) {
  .tab-content-box-module .tab-card-flex {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block!important;
  }
  .tab-content-box-module .tab-card-flex .tab-card-flex-item {
    padding: 0!important;    
  }
  .tab-content-box-module .tab-card-flex .tab-card-flex-item .box {
    padding-bottom: 50px;
  }
  .tab-content-box-module .tab-card-flex .tab-card-flex-item:last-child .box {
    padding-bottom: 0!important;
  }
}
@media (max-width: 991px) {
  /*   .tab-content-box-module ul.tabs {
  padding-left: 20px;
} */
  .tab-content-box-module ul.tabs li {
    padding: 16px 20px;
  }
  .tab-content-box-module .list-tab-items {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .tab-content-box-module .list-tab-items {
    display: block;
    margin-bottom: 30px;
  }
}

/* Modal Css */

.tab-content-box-module .modal {
  position: fixed;
  top: 0;
  right: -100%; /* Initial position off-screen to the right */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  z-index: 9999;
  visibility: hidden;
  overflow-x: auto; /* Enable vertical scrolling if content exceeds viewport */
  transition: right 0.5s ease-in-out; /* Smooth transition for sliding animation */
}
.tab-content-box-module .modal-content .card-container {
  display: block;
  height: 100%;
}
.tab-content-box-module .modal-content {
  background-color: #242424;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 0;
  border-radius: 10px;
  position: relative;
  text-align: left!important;
}
.tab-content-box-module .close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.tab-content-box-module .close {
  color: #fff;
}

/* Adjust modal appearance as needed */
.tab-content-box-module .modal h3 {
  margin-top: 0;
}

.tab-content-box-module .modal-scroll {
  display: flex;
  flex-direction: row;
  cursor: -webkit-grab;
  cursor: grab;
  overflow-x: auto;
  overflow-y: auto;
}
.tab-content-box-module .modal-heading {
  max-width: 100%;
  display: flex;
/*   width: 300px; */
/*   margin-right: 50px; */
}
.tab-content-box-module .modal-heading .modal-heading-content {
  max-width: 790px;
}
.tab-content-box-module .card-flex {
  display: flex;
  flex-flow: nowrap;
}
.tab-content-box-module .card-box {
  flex-basis: 33.333%;
}
.tab-content-box-module .modal-scroll {
  overflow-x: auto;  
  overflow-y: auto;
  height: 100%;
  display: block;
}
.tab-content-box-module .main-flex {
  display: flex;
  align-items: flex-start;
  flex-flow: nowrap;
  flex-direction: column;
  gap: 50px;
}
.tab-content-box-module .card-flex {
  display: flex;
  flex-wrap: nowrap; /* Ensure items don't wrap */
}

.tab-content-box-module .card-box {
  flex: 0 0 auto;
  width: 300px;
  margin-right: 50px;
}
.tab-content-box-module .card-box .modal-card-image {
  display: block;
  margin-bottom: 20px;
}
.tab-content-box-module .card-box .title {
  display: block;
  margin-bottom: 22px;
}
.tab-content-box-module .modal-scroll::-webkit-scrollbar {
  width: 5px; /* Set the width of the scrollbar */
}

.tab-content-box-module .modal-scroll::-webkit-scrollbar-thumb {
  background-color: #FFF; /* Set the color of the scrollbar thumb */
  border-radius: 5px; /* Set the border radius of the thumb */
}

.tab-content-box-module .modal-scroll::-webkit-scrollbar-track {
  background-color: #000; /* Set the color of the scrollbar track */
}
.tab-content-box-module .card-box img {
  height: 50px !important;
  width: 50px !important;
}
@media (min-width: 1024px) {
  .tab-content-box-module .tab-card-flex {
    display: GRID!important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))!important;
  }
}    
@media (max-width: 1023px) {
  .tab-content-box-module .modal-content {
    padding: 80px 0 0 50px;
  }
  .tab-content-box-module .main-flex {
    display: block!important;
  }
  .tab-content-box-module .card-flex {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .tab-content-box-module .modal-content {
    padding: 70px 0 0 20px;
  }
}
/* Dropdown */
.tab-content-box-module .mobile-block form {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.tab-content-box-module .mobile-block .tab-select,
.tab-content-box-module .mobile-block .tab-select select option {
  color: #FFF!important;
}
.tab-content-box-module .mobile-block {
  display: none;
}
@media (max-width: 900px) {
  .tab-content-box-module .desktop-block {
    display: none;
  }
  .tab-content-box-module .mobile-block {
    display: block;
  }
}
.tab-content-box-module .tab-card-flex .main-image img {
  display: block;
  border-radius: 40px;
}
@media (max-width: 1023px) {
.tab-content-box-module .tab-card-flex .tab-card-flex-item {
  padding-left: 0!important;
  padding-right: 0!important;  
}