/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 20 2025 | 05:53:05 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


html, body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

section,
.container,
.industry-section,
.collapsible {
  max-width: 100vw;
  overflow-x: hidden;
}


/* === INDUSTRY OPTION BUTTONS === */
.industry-option {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 12px 20px;
  border-radius: 30px;
  text-align: center;
  color: white;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  border: 2px solid transparent;
}

.industry-option:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.industry-option.active {
  border-color: #B3FF70;
  background-color: rgba(255, 255, 255, 0.15);
}

.industry-option.hide {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

/* === BUTTON GROUP WRAPPER === */
.button-group {
  transition: margin-top 0.5s ease;
}

/* === FADE ANIMATIONS === */
.fade {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.fade.show {
  opacity: 1;
}

/* === COLLAPSIBLE TEXT CONTAINER === */
/* COLLAPSIBLE CONTAINER */
.collapsible {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.collapsible.show {
  display: block;
  opacity: 1;
}

/* INDUSTRY SECTION SHOULD PUSH CONTENT BELOW */
.industry-section {
  padding-bottom: 120px;
  position: relative;
  z-index: 2;
}


.collapsible.expanding {
  opacity: 1;
}


.collapsible.expanded {
  max-height: 1000px; /* Plenty of room to prevent bleed */
  opacity: 1;
}

.industry-title {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-top: 0px:
}




.n2-ss-slider {
min-height: 88vh;
}

.expanded-card {
    margin-block-start: 0px;

}

#back-btn {
	padding: 0px 
}