/*
 Theme Name:     Hello Elementor Child
 Theme URI:      http://localhost/sfc/
 Description:    A child theme for Hello Elementor
 Author:         Your Name
 Author URI:     http://localhost/sfc/
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    hello-elementor-child
*/


.header_icon_link p a{
    color : #213368 !important;
}
.footer_icon_link p a , .contact-us a{
    color : #585858 !important;
}
.aboutUs_counter {
    position: relative;
    left : 28%;
}
.product_box:hover {
    border-color: #0279B9 !important;
    /* transform: scale(1.1);
    transition-duration: 1.5s; */
}
.product_box:hover .productBorderBottom {
    border-color: #0279B9 !important;
}
.product_box:hover .productBoxButton .elementor-button {
    fill: #0279B9 !important;
    border-color : #CFD7DD !important;
}
.our_Strenghts figcaption.elementor-image-carousel-caption , .application_caption figcaption.widget-image-caption{
    padding: 20px;
    position: relative;
    bottom: 40px;
    background: #ffffff;
    margin-left: 8%;
    margin-right: 8%;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.top_section {
    margin-top: 104px !important;
}
.footer_links .hfe-nav-menu li {
    list-style: disc !important;
}
.elemenetskit-tablepress tr td.column-1 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  border-left: 1px solid #848484 !important;
  font-weight: 600;
} 
.elemenetskit-tablepress #tablepress-11 tr td.column-1 {
  border-left: 2px solid #ececec !important;
} 
.technical_specification table tbody>tr:nth-child(odd)>td, .technical_specification table tbody>tr:nth-child(odd)>th , .technical_specification table tbody tr:hover>td , .technical_specification table tbody tr:hover>th {
  background-color : #E4F6FF !important;
}
#wpforms-2062 {
	margin-top : 0px !important;
}

/* ==================== TIMELINE CSS ================= */

/*     .timeline_div {
        font-family: "Roboto";
    } */
    .timeline_div ul.timeline {
      position: relative;
      list-style-type: none;
      padding-left: 110px;
    }
    .timeline_div ul.timeline:before {
      position: absolute;
      display: block;
      left: 68px;
      width: 4px;
      height: 100%;
      border-radius: 4px;
      background-color: #0279B9;
      content: ' ';
    }
    .timeline_div ul.timeline .event {
      position: relative;
      padding: 16px;
      background: white;
      border-radius: 10px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
      margin-bottom: 30px;
      transition: filter 0.3s ease, opacity 0.3s ease;
    }
    .timeline_div ul.timeline .event:before {
      display: block;
      position: absolute;
      top: 30px;
      left: -55px;
      width: 30px;
      height: 30px;
      border: 6px solid #0279B9;
      border-radius: 50%;
      background-color: white;
      box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.6);
      content: ' ';
    }
    .timeline_div ul.timeline .event.active:before {
      background-color: #0279B9 !important;
    }
    .timeline_div ul.timeline h3 {
      font-size: 1.5em;
      margin-top: 0;
      margin-bottom: 10px;
    }
    .timeline_div ul.timeline .time {
      position: absolute;
      display: block;
      width: 120px;
      top: 30px;
      left: -179px;
      font-size: 0.9em;
      text-align: right;
      font-weight: 600;
      text-transform: uppercase;
      color : #213368 !important;
      font-size: 22px;
    }
    .timeline_div ul.timeline .left-arrow:before {
      position: absolute;
      top: 30px;
      left: -15px;
      display: inline-block;
      border-top: 15px solid transparent;
      border-right: 15px solid #ddd;
      border-left: 0 solid #ddd;
      border-bottom: 15px solid transparent;
      content: ' ';
    }
    .timeline_div ul.timeline .left-arrow:after {
      position: absolute;
      top: 30px;
      left: -14px;
      display: inline-block;
      border-top: 15px solid transparent;
      border-right: 15px solid #fff;
      border-left: 0 solid #fff;
      border-bottom: 15px solid transparent;
      content: ' ';
    }

    /* Style for active event */
    .timeline_div ul.timeline .event.active {
      filter: none;
      opacity: 1;
      z-index: 10;
    }

    /* Blur effect for non-active events */
    .timeline_div ul.timeline .event.inactive .description,
    .timeline_div ul.timeline .event.inactive h3 {
      filter: blur(2px);
      opacity: 0.6;
    }

    .timeline_div .f_title {
        color : #0279B9 !important;
        font-size: 22px;
        font-weight: 600 !important;
    }
    .timeline_div .s_title {
        color : #213368 !important;
        font-size: 22px;
        font-weight: 600 !important;
    }
    .timeline_div p {
        color : #585858 !important;
        font-size: 16px;
    }
	.home_timeine .timeline_div .container {
    	height: 400px;
    	overflow: auto;
    	scrollbar-width: none;
	}


	.home_timeine .timeline_div .event {
		opacity: 0.3;
		transition: opacity 0.6s ease, transform 0.6s ease;
		transform: translateY(30px);
	}

	.home_timeine .timeline_div .event.active {
		top : 30px;
		opacity: 1;
		transform: translateY(0);
	}


/* ================= END TIMELINE CSS ================== */

/* .shrinking-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
} */

.shrinking-header.shrink {
/*   padding: 20px 20px !important;  */
  background-color: #fff !important; 
  box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* .shrinking-header .elementor-heading-title {
  font-size: 18px !important;
} */
