.elementor-4667 .elementor-element.elementor-element-03e14d3{--display:flex;--min-height:80vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-4667 .elementor-element.elementor-element-03e14d3:not(.elementor-motion-effects-element-type-background), .elementor-4667 .elementor-element.elementor-element-03e14d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dantesclifton.com/wp-content/uploads/2025/11/DSC00810.jpg");background-position:center center;}.elementor-4667 .elementor-element.elementor-element-03e14d3::before, .elementor-4667 .elementor-element.elementor-element-03e14d3 > .elementor-background-video-container::before, .elementor-4667 .elementor-element.elementor-element-03e14d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-4667 .elementor-element.elementor-element-03e14d3 > .elementor-background-slideshow::before, .elementor-4667 .elementor-element.elementor-element-03e14d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4667 .elementor-element.elementor-element-03e14d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101E0;--background-overlay:'';}.elementor-4667 .elementor-element.elementor-element-0807ffa{text-align:center;}.elementor-4667 .elementor-element.elementor-element-0807ffa .elementor-heading-title{color:#FFFFFF;}.elementor-4667 .elementor-element.elementor-element-89a19b5{--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;}/* Start custom CSS for html, class: .elementor-element-991d2bc */.tabs-section {
  padding: 20px;
  background-color: white;
}
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
    scroll-margin-top: 150px;
}

/* Sticky Tab Header */
.tabs-header {
width: 100%;
  background: #fff;
  z-index: 10;
  display: flex;
	justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}


/* Tab Button Styling */
.tab-button {
  flex: 1 1 calc(50% - 10px); /* Default: 2 columns */
  padding: 10px 20px 10px 20px !important;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #ffffff;
  cursor: pointer;
  font-weight: bold !important;
  width: 150px;
  transition: background 0.3s;
	max-width: 200px;
	font-family: default;
	font-weight:700;
	text-transform:uppercase;
	color: black !important;
}

/* .tab-button.active {*/
/*  background: #000000*/
/*  color: white !important;*/
/*} */

.tab-button:hover {
  background: #000000;
	color:white !important;
}

/* Responsive Design */

/* Large Screen - 6 Columns */
@media (min-width: 1025px) {
  .tab-button {
    flex: 1 1 calc(16.66% - 10px); /* 6 columns */
  }
}

/* Medium Screens - 3 Columns */
@media (min-width: 769px) and (max-width: 1024px) {
  .tab-button {
    flex: 1 1 calc(33.33% - 10px); /* 3 columns */
  }
}

/* Small Screens - 2 Columns */
@media (max-width: 768px) {
  .tab-button {
    flex: 1 1 calc(50% - 10px); /* 2 columns */
    border: none;
    padding: 0;
  }

}

/* Tabs Content */
.tabs-content {
  margin-top: 20px;
}

.tab-content {
  display: none;
 padding-top: 20px;
  background: white;

}

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




@media(max-width: 425px){
    .tab-button {
        width: 125px !important;
        color: #ffffff !important;
    }
}/* End custom CSS */