.elementor-33821 .elementor-element.elementor-element-6792ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-33821 .elementor-element.elementor-element-6792ff3:not(.elementor-motion-effects-element-type-background), .elementor-33821 .elementor-element.elementor-element-6792ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3668;background-image:url("https://hexacorp.com/wp-content/uploads/2026/03/devops-integrated-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33821 .elementor-element.elementor-element-eac5e1e{padding:0px 0px 40px 0px;text-align:center;}.elementor-33821 .elementor-element.elementor-element-eac5e1e .elementor-heading-title{font-size:30px;font-weight:600;color:#003865;}.elementor-33821 .elementor-element.elementor-element-39c4b22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-33821 .elementor-element.elementor-element-39c4b22:not(.elementor-motion-effects-element-type-background), .elementor-33821 .elementor-element.elementor-element-39c4b22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-33821 .elementor-element.elementor-element-39c4b22::before, .elementor-33821 .elementor-element.elementor-element-39c4b22 > .elementor-background-video-container::before, .elementor-33821 .elementor-element.elementor-element-39c4b22 > .e-con-inner > .elementor-background-video-container::before, .elementor-33821 .elementor-element.elementor-element-39c4b22 > .elementor-background-slideshow::before, .elementor-33821 .elementor-element.elementor-element-39c4b22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33821 .elementor-element.elementor-element-39c4b22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}:root{--page-title-display:none;}@media(min-width:768px){.elementor-33821 .elementor-element.elementor-element-6792ff3{--content-width:1172px;}.elementor-33821 .elementor-element.elementor-element-39c4b22{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-bcff796 */table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}

th, td {
  border: 1px solid #ccc;
  padding: 12px;
  text-align: left;
}

th {
  background-color: #3B1A62;
  color: white;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

.score {
  text-align: center;
  font-weight: bold;
}

canvas {
  max-width: 100%;
  margin: auto;
}

h2 {
  text-align: center;
  margin-bottom: 1rem;
}

.tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #ddd;
  margin-bottom: 1.5rem;
  user-select: none;
}

.tab {
  text-align: center;
  padding: 10px;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  color: #333 !important;
  transition: all 0.3s ease;
  font-size: 15px !important;
}

.tab.active {
  color: #0c3e6e !important;
  border-color: #0c3e6e;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

form {
  padding: 10px;
}

.span-start {
  width: 10%;
  text-align: start;
}

.span-end {
  width: 20%;
  text-align: end;
}

.span-center {
  width: 20%;
  text-align: center;
}

.question {
  margin-bottom: 5rem;
}

form button {
  width: auto !important;
}

label {
  font-weight: 600;
  display: block;
  margin-bottom: 0.5rem;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: #ddd;
  outline: none;
  margin: 0;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #3B1A62;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid white;
  margin-top: -6px;
}

input[type=range]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #3B1A62;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid white;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-top: 10px;
  user-select: none;
  width: 100%;
  margin-left: 0;
  padding-left: 16px;
}

.slider-ticks {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  user-select: none;
  margin-top: 2px;
  color: #eee;
  font-size: 1.2rem;
  line-height: 0;
  padding-left: 10px;
}

.buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

button {
  padding: 0.5rem 1.2rem;
  border: none;
  border-radius: 4px;
  background-color: #0c3e6e;
  color: white;
  cursor: pointer;
  font-weight: 600;
  min-width: 100px;
}

button[disabled] {
  background-color: #888;
  cursor: not-allowed;
}

p {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: normal !important;
}

.question label {
  font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS */table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}

th, td {
  border: 1px solid #ccc;
  padding: 12px;
  text-align: left;
}

th {
  background-color: #3B1A62;
  color: white;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

.score {
  text-align: center;
  font-weight: bold;
}

canvas {
  max-width: 100%;
  margin: auto;
}

h2 {
  text-align: center;
  margin-bottom: 1rem;
}

.tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid #ddd;
  margin-bottom: 1.5rem;
  user-select: none;
}

.tab {
  text-align: center;
  padding: 10px;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  color: #333 !important;
  transition: all 0.3s ease;
  font-size: 15px !important;
}

.tab.active {
  color: #0c3e6e !important;
  border-color: #0c3e6e;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

form {
  padding: 10px;
}

.span-start {
  width: 10%;
  text-align: start;
}

.span-end {
  width: 20%;
  text-align: end;
}

.span-center {
  width: 20%;
  text-align: center;
}

.question {
  margin-bottom: 5rem;
}

form button {
  width: auto !important;
}

label {
  font-weight: 600;
  display: block;
  margin-bottom: 0.5rem;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: #ddd;
  outline: none;
  margin: 0;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #3B1A62;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid white;
  margin-top: -6px;
}

input[type=range]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #3B1A62;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid white;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-top: 10px;
  user-select: none;
  width: 100%;
  margin-left: 0;
  padding-left: 16px;
}

.slider-ticks {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  user-select: none;
  margin-top: 2px;
  color: #eee;
  font-size: 1.2rem;
  line-height: 0;
  padding-left: 10px;
}

.buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

button {
  padding: 0.5rem 1.2rem;
  border: none;
  border-radius: 4px;
  background-color: #0c3e6e;
  color: white;
  cursor: pointer;
  font-weight: 600;
  min-width: 100px;
}

button[disabled] {
  background-color: #888;
  cursor: not-allowed;
}

p {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: normal !important;
}

.question label {
  font-weight: 500 !important;
}/* End custom CSS */