/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 05:37:27 */
/* Add your CSS code here.*/

.header_search.search_alt .header_search-field{z-index: 999999 !important;}

p {
    margin: 0 0 15px 0;
}

li p {
    margin: 0 0 0px 0;
}
.inner-page-h6 h6{margin-top:30px}
#main{padding-bottom:0}

ul{margin-bottom:0;padding-bottom:10px}

ul li a{color: #FF7029;}

ul li a:hover{color:#616161}

.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}

.progress_value{display:none}

.elementor-459 .elementor-element.elementor-element-41e1c75 .wgl-carousel.pagination_circle_border .slick-dots li button:before{background:#060000}

.elementor-459 .elementor-element.elementor-element-41e1c75 .slick-dots li button {
    background: #06000000;
}
.testi-car .slick-prev:before {
    content: "";
}
.testi-car .slick-next:before {
    content: "";
}
.bullet-list h6 {
  font-family: 'Mulish', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 21px;
 
}

.bullet-list strong {
  font-family: 'Mulish', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
	color:#57B33E;
}

.bullet-list ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
margin-top:10px;
}

.bullet-list > ul > li {
  padding-left:32px;
  position: relative;
  margin-bottom: 15px;
  min-height: 20px; /* ensure some height */
}

.bullet-list > ul > li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 20px;            /* adjust vertically as needed */
  width: 18px;
  height: 1px;
  background-color: #57B33E;
  display: block;
}
.bullet-list > ul > li strong{color:#57B33E}
.bullet-list ul ul {
  margin: 4px 0 0 0;
}

.bullet-list ul ul li {
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 140%;
  list-style-type: none;
  position: relative;
  padding-left: 0;
	margin-top:-5px;
}

.bullet-list ul ul li:before {
  content: none;
}
/*.e-n-tab-title:hover .e-n-tab-title-text {font-weight: 700 !important;}*/
.e-n-tabs-heading{background-color:#F8F8F8;padding: 10px;}
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    font-family: "Mulish", Sans-serif !important;
    font-weight: 700 !important;
}
.use-case h6{padding-left:25px;}
.use-case h6:before {
  content: '';
  position: absolute;
  left: 0;
  top: 25px;            /* adjust vertically as needed */
  width: 18px;
  height: 2px;
  background-color: currentColor;
  display: block;
}
.use-case .swiper-slide-image{min-height:165px; max-height:165px;}
.use-case .swiper-pagination{top:170px}

/* Make sub-category lines behave like links */
.subcat-list {
    display: none;
}
.subcat-list {
    border-radius: 10px;
}
.subcat-list a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
	border-radius:10px;
	width: 90%;
}

/* Industry titles clickable look */
.industry-heading {
    cursor: pointer;
    padding: 8px 12px;
}

/* Highlight active industry and sub-category */
.industry-heading.active,
.subcat-list a.active {
   
    color: #f97316;
}

.hide-tab .e-n-tabs-heading{display:none}

/* Base: industry heading (parent) */
.industry-block .industry-heading {
    cursor: pointer;
    padding: 10px 14px;
    font-weight: 600;
    color: #333333;
    background: #ffffff;
}

/* Industry hover */
.industry-block .industry-heading .elementor-heading-title {
    color: #232323;
}
.industry-block .industry-heading{color: #232323;}
.industry-block .industry-heading:hover .elementor-heading-title {
   
    color: #FF7029 !important;
}

/* Industry active */
.industry-block .industry-heading.active .elementor-heading-title {
    color: #FF7029 !important;
	font-weight:700 !important;
}
.industry-block .subcat-list{max-width:90%; border-radius:10px;margin-top:5px;}
/* Base: sub-category links (children) */

.industry-block .subcat-list a {
    display: block;
    padding: 0px 0px 0px 25px; /* extra left padding = indent */
    text-decoration: none;
    color: #4b5563;
}

/* Sub-category hover */
.industry-block .subcat-list a:hover {
    background: #57B33E1A;
    color: #57B33E;
    padding-left: 25px;
}

/* Sub-category active */
.industry-block .subcat-list a.active {
    background: #57B33E1A;
    color: #57B33E;
    padding-left: 25px;
	font-weight:600
}
.bullet-head:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;            /* adjust vertically as needed */
  width: 18px;
  height: 2px;
  background-color: currentColor;
  display: block;
}
.wpcf7 form .wpcf7-response-output {
    margin-top: 50px !important;
    margin: 0em 0.5em 1em;
    padding: 1.2em 1em;
    border: 2px solid #00a0d2;
    border-radius: 10px;
}
@media (max-width: 1024px) {
	.industry-block .subcat-list{width:100%;max-width:100%; border-radius:10px;margin-top:5px;}
.tab-page .e-n-tab-title {
    position: relative;
    padding-right: 32px;
	color:#232323;
  }
  /* Closed (Down) Arrow: Thin Chevron */
.tab-page .e-n-tab-title::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #232323;
    border-bottom: 2px solid #232323;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s;
    display: inline-block;
  }
  /* Open (Up) Arrow: Thin Chevron */
.tab-page .e-n-tab-title[aria-selected="true"]::after, 
.tab-page .e-n-tab-title.e-active::after {
    transform: translateY(-50%) rotate(-135deg);
	color: #1a1a1a;
  }
	.tab-page .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text{color:#232323;}
}





/* Fixed height container with always visible scrollbar */
        .fixed-height {
            max-height: 596px;
            overflow-y: auto;
			padding-top:10px;
            padding-right: 15px;
			    box-shadow: inset 0 26px 10px -10px rgb(0 0 0 / 3%), 
					inset 0 -26px 10px -10px rgba(0 0 0 / 3%);
 /* Custom scrollbar styling */
            --sb-size: 14px;
            --track-color: #e9ecef;
            --thumb-color: #4ba060;
            --thumb-hover: #3d8a50;
            --thumb-active: #2e6a3d;
            --thumb-border: #dee2e6;
        }
        
        /* Force scrollbar to always be visible on macOS */
        .fixed-height {
            overflow-y: scroll;
            scrollbar-gutter: stable;
        }
        
        /* WebKit (Chrome, Safari, Edge) - ALWAYS VISIBLE */
        .fixed-height::-webkit-scrollbar {
            width: var(--sb-size);
            height: var(--sb-size);
            -webkit-appearance: none;
        }
.fixed-height::-webkit-scrollbar-track {
            background: var(--track-color);
            border-radius: 10px;
            margin: 4px;
            border: 1px solid #d0d7de;
        }
        
        .fixed-height::-webkit-scrollbar-thumb {
            background: var(--thumb-color);
            border-radius: 10px;
            border: 2px solid var(--thumb-border);
        }
        
        .fixed-height::-webkit-scrollbar-thumb:hover {
            background: var(--thumb-hover);
        }
        
        .fixed-height::-webkit-scrollbar-thumb:active {
            background: var(--thumb-active);
        }
        /* Show scrollbar buttons (arrows) */
        .fixed-height::-webkit-scrollbar-button:single-button:vertical:decrement {
            height: 16px;
            width: var(--sb-size);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-color: var(--track-color);
            border-radius: 10px 10px 0 0;
        }
        
        .fixed-height::-webkit-scrollbar-button:single-button:vertical:increment {
            height: 16px;
            width: var(--sb-size);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' viewBox='0 0 16 16'%3E%3Cpath d='M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-color: var(--track-color);
            border-radius: 0 0 10px 10px;
        }
/* Firefox */
        .fixed-height {
            scrollbar-width: thin;
            scrollbar-color: var(--thumb-color) var(--track-color);
        }


.history-section .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-main-title {
    line-height: 0px !important;
    top: 18px;
}

.history-section .wpostahs-centent-title{display:none}

.history-section .wpostahs-main-title button{height: 20px;
    width: 20px;}

.history-section .wpostahs-title{font-size:22px}

.history-section .wpostahs-centent{padding: 0.5em 2.5em 10px;}


/* Base layout: 3 visible items, rest hidden off-screen (for slider) */
.timeline-wrapper {
  overflow: hidden;
  width: 100%;
}

/* Sliding row */
.timeline-main {
  display: flex;
  flex-wrap: nowrap;
  transform: translateX(0);
  transition: transform 0.4s ease;
	padding:16px;
}

/* Desktop: 3 items */
.timeline-main .timeline-item {
  flex: 0 0 33.3333%;
  text-align: center;
}

/* Tablet: 2 items */
@media (max-width: 1024px) {
  .timeline-main .timeline-item {
    flex: 0 0 50%;
  }
}

/* Mobile: 1 item */
@media (max-width: 767px) {
  .timeline-main .timeline-item {
    flex: 0 0 100%;
  }
 .wgl-tabs.tabs_align-justify .wgl-tabs_headings {
        flex-direction: row;
    }
}

/* Navigation arrows
.timeline-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.timeline-prev,
.timeline-next {
  cursor: pointer;
  font-size: 24px;
  padding: 8px 16px;
}

.timeline-prev.disabled,
.timeline-next.disabled {
  opacity: 0.3;
  pointer-events: none;
}
 */
.timeline-nav {
  position: static;  /* or remove other flex settings */
}

/* side arrows */
.timeline-prev,
.timeline-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 24px;
  padding: 8px;
  z-index: 5;
}

/* left arrow */
.timeline-prev {
  left: -8px;   /* adjust as needed */
}

/* right arrow */
.timeline-next {
  right: -8px;  /* adjust as needed */
}

/* disabled state */
.timeline-prev.disabled,
.timeline-next.disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* EA Flip Box: disable flip and stack content on mobile */
@media (max-width: 1023px) {
  /* Remove 3D flip + fixed height */
  .eael-elements-flip-box-container.eael-animate-flip {
    transform: none !important;
    perspective: none !important;
  }

  .eael-elements-flip-box-container.eael-flipbox-fixed-height,
  .eael-elements-flip-box-flip-card {
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    transform-style: flat !important;
    overflow: visible !important;
  }

  /* Show front (image) and rear (text) one under another */
  .eael-elements-flip-box-front-container,
  .eael-elements-flip-box-rear-container {
    position: relative !important;
    width: 100% !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  .eael-elements-flip-box-rear-container {
    margin-top: 15px;
  }

  /* Just in case any inner “table” is causing overlap */
  .eael-elements-slider-display-table,
  .eael-elements-flip-box-vertical-align {
    height: auto !important;
    display: block !important;
  }

  .eael-flip-box-hover {
    cursor: default !important;
  }
	
.eael-elements-flip-box-rear-container {border-style: none !important;}
}


