.elementor-kit-6{--e-global-color-primary:#111111;--e-global-color-secondary:#77BFC7;--e-global-color-text:#FFFFFF;--e-global-color-accent:#1F1F1F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:25px;--e-global-typography-accent-font-weight:400;background-color:#111111;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#77BFC7;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#111111;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;padding:15px 35px 13px 35px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#42B5C2;color:#111111;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#78BFC7;}.elementor-kit-6 h1{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:700;}.elementor-kit-6 h2{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;}.elementor-kit-6 h3{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-6 h4{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Tabs Wrapper */
.tabs-wrapper {
  display: flex;
  flex-wrap: nowrap; /* Force one line */
  gap: 5px; /* Tight gap between tabs */
  justify-content: center;
  margin: 30px auto;
  max-width: 60%; /* Limit to 60% width of page */
}

/* Individual Tab Button */
.tab-button {
  background-color: #232323;
  color: #ffffff;
  padding: 15px 10px;
  border-radius: 8px;
  flex: 1; /* Share space evenly */
  min-width: 140px;
  text-align: left;
  border: 2px solid rgba(127,127,127,0.3);
  transition: background-color 0.3s, border-color 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Tab Hover Effect */
.tab-button:hover {
  background-color: #818181;
}

/* Active Tab Styling */
.tab-button.active {
  background-color: #232323; /* Keep dark background */
  border-color: #77BFC7; /* Highlight blue border */
}

/* Dot Styling */
.tab-dot {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(127, 127, 127, 0.4);
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.3s, border-color 0.3s;
  flex-shrink: 0;
}

.tab-button.active .tab-dot {
  background-color: #77BFC7; /* Blue dot when active */
  border-color: #77BFC7;
}

/* Tab Text (Title + Subtitle) */
.tab-text {
  display: flex;
  flex-direction: column;
}

.tab-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 3px;
}

.tab-subtitle {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
}

/* Gradient Line Underneath */
.gradientLine10 {
  height: 4px;
  width: 100%;
  background-image:linear-gradient(90deg, rgba(31, 31, 31, 1), rgba(255, 255, 255, 1), rgba(31, 31, 31, 1)); 
  margin-top: 30px;
  border-radius: 10px;
  transform: scaleX(0);
  transform-origin: left;
  animation: grow-left 2s forwards;
}

@keyframes grow-left {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

/* Mobile Responsive Tweaks */
@media (max-width: 768px) {
  .tabs-wrapper {
    flex-wrap: wrap; /* Stack if needed */
    max-width: 90%; /* Allow more space on mobile */
    gap: 10px;
  }

  .tab-button {
    min-width: 100%;
    justify-content: flex-start;
  }
}

@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.gradientLine {
  height: 10px;
  margin: 10px auto;
  border: 3px solid transparent;
  border-image: linear-gradient(90deg, black, white, black);
  border-image-slice: 1;
  border-top: none;
  border-radius: 0px;
  width: 80%;
  transform: scaleX(0);
  transform-origin: left;
  animation: grow-left 2s ease-out forwards;
}

@media only screen and (max-width: 768px) {
  .gradientLine {
    width: 100%;
  }
}

.gradientLine {
  display: block;
  height: 10px;
  margin: 10px auto;
  border: 3px solid transparent;
  border-image: linear-gradient(90deg, black, white, black);
  border-image-slice: 1;
  border-top: none;
  border-radius: 0px;
  width: 80%;
  transform: scaleX(0);
  transform-origin: left;
  animation: grow-left 2s ease-out forwards;
}

.gradientContainer {
  position: relative;
  z-index: 0;
  padding: 20px; /* Optional inner spacing */
  border-radius: 0;
}

.gradientContainer::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  padding: 2px;
  background: 
    linear-gradient(to right, #F3F2F2, #DFDFDF) top,
    linear-gradient(to bottom, #DFDFDF, #F3F2F2) right,
    linear-gradient(to left, #F3F2F2, #DFDFDF) bottom,
    linear-gradient(to top, #DFDFDF, #F3F2F2) left;
  background-repeat: no-repeat;
  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
  background-position: top left, top right, bottom left, top left;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border-radius: 0;
}
.gradientContainer2 {
 position: relative;
 z-index: 0;
 padding: 20px;
 border-radius: 0;
}
.gradientContainer2::before {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 padding: 2px;
 background:
 linear-gradient(to right, #393939, #060606) top,
 linear-gradient(to bottom, #060606, #393939) right,
 linear-gradient(to left, #393939, #060606) bottom,
 linear-gradient(to top, #060606, #393939) left;
 background-repeat: no-repeat;
 background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
 background-position: top left, top right, bottom left, top left;
 -webkit-mask:
 linear-gradient(#fff 0 0) content-box,
 linear-gradient(#fff 0 0);
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 border-radius: 0;
}

/* -------------------------------------------------------------------
   OVERRIDE: Force black/white/black on .gradientLine, in case of theme/plugin conflicts
------------------------------------------------------------------- */

.gradientLine {
  border-image: linear-gradient(90deg, black, white, black) !important;
  border-image-slice: 1 !important;
  background: none !important;
  background-image: none !important;
}
.gradient-text::after {
    background-image: linear-gradient(90deg, #1F1F1F, white, #1F1F1F) !important;
}/* End custom CSS */