.tab-btns{
	background-color: var(--purple);
	color: var(--color1);
	font-size: 24px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width:40px;
	height: 40px;
	outline: none;
    border: none;
}
.tab-btns img{
	width: 30%;
}
.tab-head{
	min-width: -moz-fit-content;
    min-width: fit-content;
}

@media (min-width: 768px) {
  .tab-header {
    background-color: #f9f9f9;
	border-bottom: 2px solid var(--purple);
  }
}
.size-60 {
  width:60px;
  height:60px;
  border: 1px solid #f9f9f9;
  padding: .5rem !important;
  background-color: #f9f9f9;
}
.size-60 img, .svg-icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.inquire-input{
	background-color: #7c7c7c29;
	min-height:50px;
    width: 100%;
    padding-left:20px;
    padding-right:20px;
    color: rgb(105 105 105);
	border: 1px solid #7c7c7c29;
	outline:none;
	border-radius: 10px;
	transition: 0.5s;
}
.inquire-textarea{
	padding-top: 10px;
	min-height:120px;
}
.inquire-input:focus {
  border-color: #6b21a8;
  background-color: transparent;
  color: #fff;  
}


@media not all and (min-width: 768px) {
    .tabbibg-sec .active .tab-pane.active {
        display: block;
		border: 1px solid #931ee2;
    }
    .tabbibg-sec .tab-head {
        margin-bottom: max(14px, 1.481vw);
    }
}

.tabbibg-sec .tab-header .head {
    cursor: pointer;
    padding: max(12px, 0.625vw) max(24px, 1.25vw);
    font-weight: 500;
    line-height: 1.5;
	color:#000;
}
.tabbibg-sec .tab-header .active .head{
	background-color: var(--purple);
	color:var(--color1);	
}
@media not all and (min-width: 768px) {
    .tabbibg-sec .tab-header .head {
        background-image: url(../images/tech-icon/down-arrow.svg);
        background-size: 10px 10px;
        background-position: right 10px center;
        background-repeat: no-repeat;
		background-color: #f9f9f9;
    }
	.tabbibg-sec .tab-header .active .head{
		background-image: url(../images/tech-icon/down-arrow-light.svg);	
	}
}

@media (min-width: 768px) {
    .tabbibg-sec .tab-pane.active {
        display: block;
    }
}
.tabbibg-sec .tab-pane {
    display: none;
    padding-top: max(23px, 1.458vw);
}
@media not all and (min-width: 768px) {
    .tabbibg-sec .tab-pane {
        max-height: max(192px, 16.667vw);
        overflow: auto;
        padding-left: max(20px, 1.042vw);
        padding-right: max(20px, 1.042vw);
        padding-bottom: max(23px, 1.458vw);
    }
}
@media (min-width: 768px) {
    .tabbibg-sec.side-tab .side-tab-content {
        grid-column: span 7 / span 7;
    }
}
.tabbibg-sec.side-tab .tab-content {
    display: grid;
}
@media (min-width: 768px) {
    .tabbibg-sec.side-tab .tab-content {
        grid-template-columns: repeat(11, minmax(0, 1fr));
        border-width: max(1px, 0.052vw);
        border-color: rgb(218 218 218);
    }
    .tabbibg-sec.side-tab .tab-content .tab-header {
        border-right-width: max(1px, 0.052vw);
        border-color: rgb(218 218 218);
    }
}
.tabbibg-sec.side-tab .tab-header {
    border-bottom-width: 0;
}
@media (min-width: 768px) {
    .tabbibg-sec.side-tab .tab-header {
        grid-column: span 4 / span 4;
    }
    .tabbibg-sec.side-tab .tab-header .tab-head:not(:last-child) {
        border-bottom-width: max(1px, 0.052vw);
    }
    .tabbibg-sec.side-tab .tab-header .tab-head {
        border-bottom-color: rgb(218 218 218);
    }
}