.config-wrapper {
  max-width: 1100px;
  margin: auto;
  font-family: Arial;
}

.section {
  margin-bottom: 30px;
}
/* configurator css */
.config-wrapper{
	margin-top:40px;
	margin-bottom:80px;
}
.config-wrapper label{
	margin-right:10px;
}
.credential-container{
	 display: flex;
   align-items: center;
}
.credential-container #options-2{
	margin-left: 10%;
}
.integration-management-main-container{
	display:flex;
	margin-bottom: 30px;
}
.integration-management-main-container label{
	margin-right:10px;
}
#integration-management-main-container-2{
	margin-left:13%;
}
.options {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.option-btn.active.img-container {
    background: #e4e4e4;
    padding: 3px 0px 5px;
    border-radius: 10px;
    
}
.option-btn {
/*   cursor: pointer; */
  padding: 3px 0px 5px;
}

.panel-container {
  transition: all 0.3s ease;
}


.options.has-selection .panel-container {
  opacity: 0.5;
}

.panel-container.active {
  background: transparent;
  opacity: 1 !important;
  transform: scale(1.05);
}

.credential-btn img{
  filter: grayscale(1);
width: 50px;
}
.credential-btn img.active {
  filter: grayscale(0);
}

.custom-card, .radio-card {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  margin: 5px;
  transition: 0.2s;
}

/* Hide default checkbox */
.custom-card input {
  display: none;
}

/* Active state */
.custom-card.active,.radio-card.active {
  border-color: #2d830e;
  background: #2d830e;
  color:#fff;
}

/* Hover */
.custom-card:hover,.radio-card:hover {
  border-color: #2d830e;
}

/* hide default radio */
.radio-card input {
  display: none;
}
.img-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.img-container img{
  width:200px;
}

.submit-btn {
  background: green;
  color: #fff;
  padding: 15px 25px;
  border: none;
  border-radius: 8px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup-box {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  width: 400px;
  position: relative;
}

.popup-box input,
.popup-box textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}

.popup-box button {
  width: 100%;
  padding: 10px;
  background: #0073aa;
  color: white;
  border: none;
}

.close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}