/**
 * Stylesheet:  style.css
 * Theme:       Construction - Building Company HTML5 Responsive Template
 * Version:     1.0
 * Author:     	Theme Earth
 * URL:         https://themeforest.net/user/themeearth
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
12.FAQ Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section
21.Our Journey Section
22.Achievements Section
23.Publications Section 
24.Career Section
25.Professional Societies Section
26.Partner's logo section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
  height: 100%;
  font-size: 16px;
  color: #777;
font-family: 'Source Sans Pro', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
  overflow-x: hidden;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
  color: #777;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#464646
}
a:active,
a:hover {
  outline: 0 none;
  color: #000;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #ed1b24;
  text-shadow: none;color:#fff
}
::selection {
  background: #ed1b24;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.images-overlay {
   /* background-color:rgba(34, 34, 34, 0.95); */
  background-color: rgb(237 27 36 / 38%);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-50{padding-top:50px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:50px}
.bg-gray{background:#ececec}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #ed1b24 none repeat scroll 0 0;
border-radius:0;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#000;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
  background: #595a5b none repeat scroll 0 0;
  padding: 6px 0;
}

.hd-lft li {
color: #fff;
display: inline-block;
font-size: 14px;
position: relative;
padding-right: 10px;
}

.hd-lft li i{margin-right:10px;color:#fff}
.hd-rgt{text-align: left;}
.hd-rgt li {display: inline-block;
margin-right: 20px;
position: relative;}
.hd-rgt li a {
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 20px;
position: relative;
text-align: center;
text-transform: capitalize;
width: 20px;
}
.hd-rgt li a i:hover{color:#ed1b24;}
.hd-rgt li a i{color:#fff}
.hd-lft {
  text-align:left
}
.hd-search {
  display: inline-block;
  float: right;
}
.hd-search form {
  display: inline-block;
  position: relative;width:100%
}
.hd-search input[type="text"] {
background: #fff none repeat scroll 0 0;
color: #000;
padding: 0 35px 0 10px;width: 100%;
}
.hd-search button {
background: #ed1b24 none repeat scroll 0 0;
color: #fff;
padding: 0 10px;
position: absolute;
right: 0;
}
.main-logo{
  width: 50%;
}
/*
Intro Section
=================*/
.intro-sec {
  background: #002366   none repeat scroll 0 0;
}
.contact-intro {
  text-align: center;
}
.info-intro {
display: inline-block;
margin: 0 30px;
}
.info-text h5 {
color: #fff;
font-size: 16px;
margin-bottom: 0;
text-align: left;
}
.info-text a,
.info-text span {
color: #fff;
font-size: 14px;
}
.info-intro i {
color: #fff;
font-size: 22px;
line-height: 38px;
}
.info-icon {
display: inline-block;
height: 40px;
margin-right: 20px;
position: relative;
top: -8px;
width: 40px;
}
.info-icon::before {
  border: 1px solid #fff;
  transform: rotate(50deg);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.info-text {
  display: inline-block;
}
/*
4.Menu  Section
=================*/
.mnmenu-sec{background: #fff none repeat scroll 0 0;
}
.logo {
  padding: 10px 0px;
}
.main-menu ul {
float: right;
list-style: outside none none;
margin: 0;
padding: 40px 0;
position: relative;
/* line-height: 88px; */
}
.main-menu ul >li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li a {
border-radius: 26px;
color: #939498;
font-size: 15px;
font-weight: bold;
padding: 8px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.main-menu ul li.active a{color:#fff;position:relative;background:#ed1b24}
.main-menu ul li.active a:hover{color:#fff}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #ddd;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#002366
}

.main-menu ul ul {
background: #333 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
top: 170px;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
line-height: 40px;
}
.main-menu ul ul li {
float : none;
width : 200px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu ul ul li:last-child{border-bottom:0}
.main-menu ul ul li a {
color: #fff;
padding: 5px 10px;
text-transform: capitalize;
}
.main-menu ul ul li a:hover {
color:#ed1b24
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {
	
    visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scaleX(1);top:90px;opacity:1
}
.main-menu ul li a i {
margin-left: 6px;
font-size: 12px;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 500px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
}
.slider-text {
  left: 0;
  margin: 0 auto;
  position:relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 160px;
  z-index:2
}
.slider-text h1 {
color: #fff;
font-size: 42px;
text-transform: uppercase;font-weight:700;
}
.slider-text h2 {
  color: #fff;
  font-weight: normal;
}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
background: #ed1b24 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
margin: 0 10px 0 0;
margin: 8px 4px;
padding: 12px 30px;
text-transform: uppercase;
}
.slider-text li:last-child a{background: #002366 none repeat scroll 0 0;}
.slider-text li:last-child a:hover{background: #424242 none repeat scroll 0 0;transition: all 0.4s ease 0s;}
.all-slide .owl-controls {
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}
.all-slide .owl-controls .owl-buttons div{margin:0;padding:0}
.all-slide .owl-controls .owl-prev {
  left: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-next {
  right: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-prev i{border-radius:0px 4px 4px 0px}
.all-slide .owl-controls .owl-next i{border-radius:4px 0px 0px 4px}
.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
background-color:rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 30px;
height: 60px;
line-height: 60px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#ed1b24;color:#fff
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#ed1b24;color:#fff
}

/*
6.Title Section
=================*/
.sec-title {
  margin: 0 0px 30px;
  text-align: center;
}
.sec-title  h1 {
/* color: #424242; */
color: #002366;
display: inline-block;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}

.sec-title h1 span {
color: #002366;
margin-left: 10px;
}

.sec-title  p {
margin-top: 0;
}

.sec-title p span {
color: #002366;
margin-left: 10px;
font-weight: 800;
}
/*
7.About Section
===================*/
.about {
padding-bottom: 30px;
padding-top: 50px;
}
.abt-sec-title  h1 {
color: #002366;
display: inline-block;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}

.abt-sec-title h1 span {
color: #002366;
margin-left: 10px;
}
.about h3 {
  text-transform: uppercase;
}
.about-button a{
  background: #ed1b24 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 8px 4px;
  padding: 10px 30px;
  text-transform: uppercase;position:relative
}
.view-all a {
  background: #002366 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 8px 4px;
  padding: 10px 30px;
  text-transform: uppercase;position:relative
}
.about-button a:last-child{background: #002366 none repeat scroll 0 0;}
.about-button a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}

.aboutus-img{
  margin-bottom: 20px;
}
/*
8.Service Section
============================*/
.service i  {
background: #ed1b24 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 24px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
.why-choose i  {
color: #ed1b24;
font-size: 22px;
margin-right: 15px;
}
.service-item .inner{margin-bottom: 30px;}
.service-thumb img {
  width: 100%;
}
.service-item .inner:hover.inner h2 a{
  color:#ed1b24
}
.service-item .inner:hover .service-icon i{background:#fff;color:#ed1b24}
.why-choose h2 {
font-size: 18px;
margin-bottom: 10px;
margin-top: 15px;
}
.service-item .inner:hover a.btn.readmore{background:#424242!important;transition: all 0.4s ease 0s;}
.service-item .inner h2{
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 18px;
text-transform: uppercase;

}
.service .service-item .inner a.btn.readmore {
background: #ed1b24 none repeat scroll 0 0;
border-radius: 2px;
color: #fff;
/* font-family: raleway; */
}
.service .service-item .inner a.btn.readmore:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}
.service-item .inner:nth-child(3n+1) {
  clear: both;
}
.media-body{
  background: #93949824;
  padding: 0 20px 20px 20px;
  height: 230px;
}
.btn.rdmorebtn {
  background: #ed1b24 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.service-thumb {
position: relative;
overflow: hidden;
}
.service-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  /* background-color: rgba(34, 34, 34, 0.95); */
  visibility:hidden;
  transition: all 0.4s ease-in-out 0s;
  opacity:0;
  transform: scaleX(0);
}
.service-icon a {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.service-item .inner:hover .service-icon{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform: scaleX(1);}
/*
9.Count Up Section 
============================*/
.count-up-sec {
background-color: #fff;
background-image: url("../img/pg_hd.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
background-attachment: fixed;
}


.count-up-sec .sec-title h1 {
  color: #fff;
}
.count-up-sec .sec-title p {
  color: #fff;
}
.counting_sl {
  text-align: center;
}
.counting_sl i {
color: #fff;
font-size: 32px;
text-align: center;
}
.counting_sl h2 {
color: #fff;
font-size: 40px;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 18px;
}
.counting_sl h4 {
color: #fff;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;font-weight: 700;
}

/*
10.Why Choose Us Section
============================*/
 .project-row {
  row-gap: 30px;
  margin-bottom: 40px;
}


.project-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  height: 100%;
  transition: all 0.35s ease;
}

.project-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.project-content {
  padding: 16px;
  transition: transform 0.35s ease;
}

.project-card:hover .project-content {
  transform: translateY(-6px);
}


.project-content {
  padding: 15px;
}

.project-content h3 {
  font-size: 18px;
  margin: 0 0 5px;
  color: #ed1b24;
}

.location {
  color: #777;
  font-size: 14px;
}


.project-swiper {
 background: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
} 

















.project-sec .item {
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out 0s;
margin-bottom: 30px;
}
.why-choose .inner:nth-child(2n+1) {
  clear: both;
}
.project-sec .item:hover .project-hoverlay{visibility:visible;opacity:1;transform:scale(1);}
.project-hoverlay {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;background:#ed1b24; transition: all 0.4s ease-in-out 0s;visibility:hidden;opacity:0;transform:scale(10);
}

.project-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.project-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#ed1b24;
}
.project-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.project-sec .item img {
  width: 100%;
}

.why-choose .inner {
  margin-bottom: 30px;
}

/* Remove default arrow icons */
.project-swiper .swiper-button-next::after,
.project-swiper .swiper-button-prev::after {
    display: none;
}

/* Base Arrow Style */
.project-swiper .swiper-button-next,
.project-swiper .swiper-button-prev {
    width: 44px;
    height: 44px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

/* Position slightly inside image */
.project-swiper .swiper-button-next {
    right: 15px;
}

.project-swiper .swiper-button-prev {
    left: 15px;
}

/* Custom Arrow Icons */
.project-swiper .swiper-button-next::before,
.project-swiper .swiper-button-prev::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    color: #ed1b24;
}

.project-swiper .swiper-button-next::before {
    content: "\f105"; /* right arrow */
}

.project-swiper .swiper-button-prev::before {
    content: "\f104"; /* left arrow */
}

/* Hover Effect */
.project-swiper .swiper-button-next:hover,
.project-swiper .swiper-button-prev:hover {
    background: #ed1b24;
}

.project-swiper .swiper-button-next:hover::before,
.project-swiper .swiper-button-prev:hover::before {
    color: #fff;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background-color: #fff;
background-image: url("../img/call_to_action_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
position: relative;
background-attachment: fixed;
}
.call-to-action-overlay {
  background-color:rgba(34, 34, 34, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.call-to-action-text {
color: #fff;
text-align: center;
}
.call-to-action-text  h2 {
text-transform: uppercase;
color: #fff;
}
.call-to-action-text a.btn {
background: #fff none repeat scroll 0 0;
border-radius: 0;
color: #ed1b24;
font-weight: bold;
padding: 12px 36px;
text-transform: uppercase;
margin-top: 5px;
}
.call-to-action-text a.btn:hover{background: #424242;transition: all 0.4s ease-in-out 0s;}


/*
12.FAQ Section
============================*/
.faq-sec {
background: #f7f7f7 none repeat scroll 0 0;
color: #000;
padding: 50px 0;
}
.faq-title {
  margin-bottom: 40px;
}
.faq-sec .panel {
  background: transparent;
}
.faq-sec .panel-content {
  padding: 15px;
}
.faq-title > h2 {
color:#424242;
text-transform: uppercase;
margin-bottom: 10px;
}

.faq-img {
width: 100%;
}
.faq-sec .panel-heading {
  background: #ed1b24;
  padding:0;border-radius:0px
}

.faq-sec .panel-heading a {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;color: #fff
}
.faq-sec .panel-title a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.faq-sec .panel-title a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus  {
    text-decoration:none;background:#0056b3;
}
.faq-title .border-shape {
  float: left;
  width: 100%;
}

.faq-sec .panel-content ul {
 list-style:none;
}
/*
13.Blog Section
==================*/

.blog-sec .blog-post {
  padding: 0;
}
.post-thumb {
margin-bottom: 15px;
position: relative; transition: all 0.4s ease 0s;
}
.single-post-text.overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
padding: 10px;
position: absolute;
width: 100%;
z-index: 9;
}
.single-post-text.overlay a {
  color: #fff;
}
.single-post-text a.readmore {
  color: #ed1b24;
}
.single-post:hover .post-thumb:before {
  position: absolute;
  content: "";
background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;transition: all 0.4s ease 0s;
}
.pst_info {
  float: left;
}
.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text a {
color: #464646;
font-size: 16px;
font-weight: bold;
}
.single-post-text h2 {
  width: 100%;
  display: inline-block;
}
.post-date h2 {
background: #ed1b24 none repeat scroll 0 0;
color: #fff;
font-size: 18px;
padding: 10px 0;
text-align: center;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;position:relative
}
.single-post-text.overlay ul {
margin-bottom: -5px;
}
.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post > img {
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}
.single-post-text  ul {
width: 100%;
display: inline-block;
}
.single-post-text li a {
float: left;
font-size: 16px;
font-weight: normal;
margin-left: 1px;
padding-right: 15px;
text-transform: capitalize;
}
.single-post-text li a i{margin-right: 5px;color:#ed1b24}
.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
/*
14.Sidebar Section
=====================*/
.sidebar h1 {
background: #ed1b24 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size:18px;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
width: 100%;
padding: 10px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #ececec none repeat scroll 0 0;
color: #222;
padding:10px 35px 10px 10px;
width: 100%;
}

.search-field button {
background: #ed1b24 none repeat scroll 0 0;
color: #fff;
position: absolute;
padding:10px;
right: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{color: #717171;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;transition: all 0.4s ease-in-out 0s;}
.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#ed1b24}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}
.widget-archive li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;background:#ed1b24;color:#fff!important;border-color:#ed1b24}
.relative-post h3 {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 10px;
}
.relative-post {
border-bottom: 1px solid #ececec;
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.single_r_dec  a {
color: #717171;
line-height: 20px;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#ed1b24 }
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec p {
  margin-bottom: 0;
}


.widget-archive li {
border-bottom: 1px solid #ebebeb;
display: inline-block;
padding: 10px 0;
position: relative;
width: 100%;
}
.widget-archive span {
  float: right;
}
.widget-tag a {
  float: left;
  padding: 10px;
  border: 1px solid #ececec;
  margin-right: 5px;
  margin-bottom: 5px;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
/*
15.Testimonial Section
=========================*/
.testimonial-sec {
background-attachment: fixed;
background-image: url("../img/testimonial_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
}
.testimonial-overlay {
  background-color: rgb(34 34 34 / 81%);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.testimonial-sec .sec-title h1{color:#fff}
.testimonial-sec .sec-title p{color:#fff}
.all-testimonial .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}

.all-testimonial .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-prev i,
.all-testimonial .owl-controls .owl-next i {
border-radius:0;
color: #fff ;
font-size: 30px;
height: 40px;
line-height: 37px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;background:#ed1b24;border-radius:2px
}

.all-testimonial .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}
.all-testimonial .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}

.sngl-client {
border: 1px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.single-testimonial {
color: #fff;
margin: 0px 50px;
text-align: center;
}
.client-comment img {
border-radius: 100%;
height: 150px;
margin: 20px 0;
width: 150px;
}
.client-comment  h2 {
color: #ed1b24;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.client-comment  h3 {
color: #fff;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 13px;
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #464646;
border-radius:2px;
color: #fff;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;background:#464646
}
.client-comment li a:hover{background:#ed1b24;transition: all 0.4s ease-in-out 0s;color:#fff;border-color:#ed1b24}
.client-sec .owl-controls {
  display: none;
}

.brder {
  border-top: 1px solid #E1E1E1;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  width: 370px;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
background-image: url("../img/pg_hd.jpg");
background-position: center center;
background-repeat: no-repeat;
padding: 50px 0;
position: relative;
background-size: cover;
}
.pagehding-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-heading  h1 {
color: #fff;
font-size: 30px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
text-align: left;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
color: #fff;
text-transform: uppercase;
}
.page-heading  ul {
  text-align: right;
}
.page-heading li::before {
  border-right: 1px solid #fff;
  content: "";
  height: 60%;
  position: absolute;
  right: -2px;
  top: 5px;
}
.page-heading li:last-child::before{display:none}

/*
17.Team section
=================*/

.team-member {
background: #fff none repeat scroll 0 0;
padding-bottom: 20px;
text-align: center;
margin-bottom: 30px;position:relative;overflow:hidden;
}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform:scaleX(1)}
.team-thumb {
  position: relative;
}
.team-overlay{
  position: absolute;
  width: 100%;
  left: 0;height:100%;top:0px;background-color: rgba(34, 34, 34, 0.95);opacity:0;transform:scaleX(0);visibility:hidden;transition: all 0.4s ease-in-out 0s;
}
.team-overlay ul{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.team-member img {
  width: 100%;
  border-bottom: 4px solid #ed1b24;
}
.team-member  h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;
}
.team-member  h3 {
  font-size: 14px;
  text-transform: capitalize;
}
.team-member li {
  display: inline-block;
  padding: 0px 10px;
}
.team-member li i{color:#fff}
/*
18.About Page
================*/

.abtdsc-sec p {
  color: #fff;
}
.abt-lft h2 {
  color: #464646;
}
.abt-lft p{
  text-align: justify;
}
.abt-img img {
  width: 100%;
  box-shadow: -44px -44px 0 -39px #ed1b24, 44px 44px 0 -39px #002366;
  border: 6px solid #fff;
}

/* Vision & Mission Section */
.vision-mission-section {
  position: relative;
  padding: 0 20px;
  /* background: #f5f9ff; */
  overflow: hidden;
}

/* Background logo */
.vision-mission-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url("../img/ICEPL-Logo.jpg") no-repeat center;
  background-size: contain;
  opacity: 0.07;           /* light watermark effect */
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

/* Wrapper */
.vision-mission-wrapper {
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
}

/* Title */
.vision-mission-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #002366;
}

/* Flex container */
.vision-mission-boxes {
  display: flex;
  gap: 120px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Individual Box */
.vm-box {
  background: #ffffff;
  padding: 30px;
  width: 40%;
  min-width: 300px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  border-top: 4px solid #0056b3;
  transition: all 0.3s ease;
}

.vm-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.12);
}

/* Box Heading */
.vm-box h3 {
  font-size: 26px;
  color: #0056b3;
  margin-bottom: 15px;
  font-weight: 700;
}

/* Box Paragraph */
.vm-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .vm-box {
    width: 100%;
  }
  .vision-mission-title {
    font-size: 28px;
  }
}

/*
19.Contact Page
============================*/
.contact-field  h2,
.map-heading h2 {
color: #464646;
font-size: 24px;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;
}

.contact-info h3 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}
.contact-info i {
  margin-right: 10px;
}
.contact-field .col-md-4.col-sm-4.col-xs-12,
.contact-field .message-input {
  padding-left: 0;
}
.contact-field input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
background: #ed1b24 none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #ed1b24;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#000;transition: all 0.4s ease-in-out 0s;border-color:#000}
.contact-field {
  display: inline-block;
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-person h1 {
color: #ed1b24;
font-size: 24px;
position: relative;
text-transform: uppercase;
}

.single-info h2 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 30px;
}

.map-sec iframe{width:100%;height:450px}
/*
20.Footer Section 
======================*/
.infra-footer-wrapper {
    background: #002366;
    padding: 0;
}
.infra-footer-wrapper .row {
    display: flex;
    align-items: stretch;
}

/* LEFT RED PANEL */
.footer-brand-panel {
    background: #b91c1c; /* Adjust to your exact brand red */
    color: #fff;
    padding: 50px 50px;
    height: 100%;
}

.footer-logo-box img {
    max-width: 160px;
    /* margin-bottom: 25px; */
}

.footer-tagline {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: justify;
}

.footer-cta-btn a {
    display: inline-block;
    background: #ffffff;
    color: #b91c1c;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.footer-cta-btn a:hover {
    background: #000;
    color: #fff;
}

.footer-copy {
    margin-top: 40px;
    font-size: 13px;
}

/* RIGHT DARK PANEL */
.footer-content-panel {
    padding: 50px 40px;
    color: #cbd5e1;
}

.footer-links-box h4,
.footer-contact-box h4 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 16px;
    position: relative;
}

.footer-links-box h4::after,
.footer-contact-box h4::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #b91c1c;
    display: block;
    margin-top: 8px;
}

.footer-links-box ul {
    list-style: none;
    padding: 0;
}

.footer-links-box ul li {
    margin-bottom: 10px;
}

.footer-links-box ul li a {
    color: #cbd5e1;
    text-decoration: none;
    transition: 0.3s;
}

.footer-links-box ul li a:hover {
    color: #b91c1c;
    padding-left: 6px;
}

.contact-city {
    margin-bottom: 20px;
}

.contact-city p {
    margin: 5px 0 0;
}

.contact-city-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.contact-city-grid strong {
    color: #ffffff;
}

.contact-city-grid p {
    margin: 3px 0 0;
}
.footer-content-panel {
    /* padding: 100px 40px 0 80px;
    color: #cbd5e1;
    position: relative;
    overflow: hidden;
    z-index: 1; */

position: relative;
    z-index: 1;
}
.footer-right-bg{
  position: relative;
  overflow: hidden;
  padding: 0;
  background: #002366; /* fallback color */
}
/* TOP RIGHT CORNER ACCENT */
.footer-right-bg::after {
    /* position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/footer_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    z-index: -1; */
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/footer_bg.png") no-repeat right center;
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
}

.footer-contact-box i {
    border: 1px solid #ed1b24;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 2px;
    background: #ed1b24;
}
.footer-contact-box i:hover {
  background: #fff;
  color: #b91c1c;
  border-color: #b91c1c;
  transition: all 0.4s ease-in-out 0s;
}



/* Left red panel */
.footer-brand-panel {
    background: #ed1b24;
    color: #fff;
    padding: 50px 50px;
}

/* White logo box */
.logo-white-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 25px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.logo-white-box img {
    max-width: 180px;
    display: block;
}
@media (max-width: 580px) {
    .infra-footer-wrapper .row {
        flex-direction: column;
    }
    .footer-content-panel {
    padding: 50px 70px;
    color: #cbd5e1;
}
}



/*
21.Our Journey Section 
======================*/
.journey-section {
  padding: 60px 0;
  background: rgb(147 148 152 / 8%);
  position: relative;
}

.journey-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 35px;
}

.timeline-container {
  width: 90%;
  margin: auto;
  position: relative;
  min-height: 500px;
}

/* Timeline vertical line */
.timeline-line {
  width: 4px;
  height: 71.5%;
  background: #93949840;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
}

/* MOVING LOGO */
.timeline-logo {
  width: 100px;
  position: sticky;
  top: 0; /* stays at top of section initially */
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  transition: transform 0.1s linear;
}

/* Milestones */
.milestone {
  width: 45%;
  height: 124px;
  background: #fff;
  padding: 20px 25px;
  margin: 20px auto;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  position: relative;
}

.left {
  float: left;
  text-align: right;
}
.left h3{
  color: #ed1b24;
}
.right {
  float: right;
  text-align: left;
}
.right h3{
  color: #0056b3;
}

/*
22.Achievements Section 
======================*/
.achievements-section {
    padding: 80px 0;
    /* background: #f8fafc; */
    text-align: center;
    position: relative;
}

.section-title {
    font-size: 40px;
    font-weight: 800;
    font-family: 'Montserrat';
    color: #222;
    margin-bottom: 10px;
}

.section-subtitle {
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
}

.achievements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.achievement-box {
    background: #ffffff;
    padding: 25px 20px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: 0.3s ease;
    position: relative;
    overflow: hidden;
}

.achievement-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.ach-icon {
    font-size: 40px;
    color: #002366;
    margin-bottom: 15px;
    animation: floatUp 1.5s ease-in-out infinite alternate;
}

.achievement-box p {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    font-weight: 500;
}

@keyframes floatUp {
    from { transform: translateY(0px); }
    to   { transform: translateY(-6px); }
}

/* Mobile Fix */
@media (max-width: 480px) {
    .section-title { font-size: 32px; }
    .achievement-box { padding: 20px; }
}

/*
23. Publications Section 
======================*/

.pub-magazine-section {
    padding: 50px 20px 80px 20px;
    /* background: rgb(147 148 152 / 8%); */
    position: relative;
}

/* Watermark Background Logo */
.pub-mag-bg-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 480px;
    background: url('../img/logo-trans.png') no-repeat center/contain;
    opacity: 0.07;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Section Titles */
.pub-mag-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.pub-mag-sub {
    text-align: center;
    color: #555;
    font-size: 18px;
    margin-bottom: 50px;
}

/* Grid Layout */
.pub-mag-grid {
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

/* Magazine Card */
.pub-mag-card {
    position: relative;
    background: #93949870;
    border-radius: 12px;
    padding-left: 80px;
    padding: 30px 40px 30px 80px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Animation */
.pub-mag-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* Side Year Ribbon */
.pub-ribbon {
    position: absolute;
    top: 20px;
    left: -20px;
    background: #002366;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.pub-ribbon1 {
    position: absolute;
    top: 20px;
    left: -20px;
    background: #ed1b24;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Content Styling */
.pub-mag-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #222;
}

.pub-mag-content p {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}

@media (max-width: 768px) {
.pub-mag-bg-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 350px;
}
}

/*
24. Careers Section 
======================*/
.careers-pointers li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 16px;
}
.careers-pointers li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    color: #ed1b24;
    font-weight: bold;
}

/* future-parallax section starts */
.future-parallax {
  background: url(../img/logo-trans.png) center / contain fixed;
  padding: 90px 20px;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  position: relative;
  background-size: 50% 50%;
}

.future-parallax::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

.future-parallax .content {
  position: relative;
  z-index: 2;
}

.future-parallax h2 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}

.future-parallax p {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  line-height: 42px;
}
/* future-parallax section ends */

/* Career Form section starts */
/* Section */
.career-section {
  padding: 100px 20px;
  background: #f4f6f9;
}

.career-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 60px;
  align-items: stretch;
}

/* LEFT PANEL */
.career-info {
  flex: 1;
  background: #002366;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.career-info h2 {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 700;
}

.career-info p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 25px;
}

.career-points {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.career-points li {
  margin-bottom: 10px;
  font-size: 14px;
}

.career-contact {
  font-size: 14px;
  opacity: 0.9;
}

/* RIGHT FORM */
.career-form-box {
  flex: 1.2;
  background: #ffffff;
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

.career-form-box h3 {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #1a2a3a;
}

/* Form Layout */
.form-row {
  display: flex;
  gap: 20px;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.form-group label {
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 14px;
  color: #333;
}

.form-group input {
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: 0.3s ease;
}

.form-group input:focus {
  border-color: #003366;
  box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.1);
  outline: none;
}

/* Button */
.career-btn {
  /* width: 100%; */
  padding: 14px;
  background: #002366;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
}

.career-btn:hover {
  background: #001f33;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 992px) {
  .career-container {
    flex-direction: column;
  }

  .form-row {
    flex-direction: column;
  }
  .future-parallax {
    background-size: 50% 35%;
  }
  .future-parallax p {
    font-size: 30px !important;
    text-align: center !important;
  }
}
/* Career Form section ends */

/*
25. Professional Societies Section 
======================*/
.executive-sec {
    background: #ffffff;
    margin-bottom: 60px;
  }

/* Grid Layout */
.executive-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
}

/* Individual Items */
.executive-item {
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
    transition: 0.3s ease;
}

.executive-item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

/* Make long Chartered Engineer text full width */
.executive-item.full-width {
    grid-column: 1 / -1;
}

.executive-item {
    position: relative;
    padding-left: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
    transition: 0.3s ease;
}

/* Remove if any old bullet exists */
.executive-item::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #ed1b24;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Responsive */
@media (max-width: 768px) {
    .executive-grid {
        grid-template-columns: 1fr;
    }
}
/* Subtle hover */
/* .executive-item:hover {
    transform: translateX(6px);
} */

/*
26. Partner's Logo Section 
======================*/
/* ===== Clients Section ===== */
.clients-section {
    background-color: #fff;
    background-image: url(../img/pg_hd.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative;
    background-attachment: fixed;
}

.images-overlay {
    background-color: rgb(237 27 36 / 34%);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}
/* Keep content above background */
.clients-section .container-fluid {
    position: relative;
    z-index: 2;
    padding: 0 0;
}
.clients-section  .sec-title h1 span{
  color: #fff !important;
}
.clients-section .section-subtitle {
    color: #fff;
}

.tab-content {
    display: none;
}

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

.clients-tabs {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-bottom: 20px;
    position: relative;
}

.logo-slider {
    overflow: hidden;
    position: relative;
    padding: 0 0 50px 0;
}

/* Fade edges */
.logo-slider::before,
.logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
}

.logo-slider::before {
    left: 0;
    /* background: linear-gradient(to right, #ffffff 0%, transparent 100%); */
}

.logo-slider::after {
    right: 0;
    /* background: linear-gradient(to left, #ffffff 0%, transparent 100%); */
}

/* Track */
.logo-track {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: scroll 40s linear infinite;
    margin-top: 20px;
}

/* Reverse direction for 2nd row */
.logo-slider.reverse .logo-track {
    animation-direction: reverse;
}

/* Single row faster */
.single-row .logo-track {
    animation-duration: 35s;
}

/* Double row slightly slower */
.double-row .logo-track {
    animation-duration: 45s;
}
.logo-card {
    flex: 0 0 auto;
    width: 180px;
    height: 100px;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(6px);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transition: all 0.4s ease;
}

.logo-card img {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
    transition: 0.4s ease;
}

.logo-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}
/* Animation */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* Tabs Styling Upgrade */
.tab-btn {
    background: transparent;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    padding: 10px 25px;
    position: relative;
    /* border: 2px solid #002366; */
    border-radius: 4px;
    background: #ececec;
}

.tab-btn.active {
    color: #fff;
    background: #002366 none repeat scroll 0 0;
}

/* .tab-btn.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: #ed1b24;
} */


/* ============================
   MOBILE RESPONSIVE TIMELINE
   ============================ */
@media screen and (max-width: 580px) {

    .timeline-container {
        padding: 0 20px;
        margin-top: 30px;
    }

    /* Moving Logo Size */
    .timeline-logo {
      display: none;
        width: 120px;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
    }

    /* Vertical Line */
    .timeline-line {
        left: 50%;
        transform: translateX(-50%);
        width: 4px;
        /* height: 100%; */
    }

    /* Milestones become full-width */
    .milestone {
        width: 100% !important;
        /* max-width: 320px; */
        margin: 20px auto;
        padding: 10px 20px;
        text-align: center;
        border-radius: 10px;
    }

    /* Remove left/right offsets */
    .milestone.left,
    .milestone.right {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* Year Styling */
    .milestone h3 {
        font-size: 22px;
        margin-bottom: 8px;
        color: #005bbb;
        font-weight: 700;
    }

    /* Paragraph */
    .milestone p {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Reduce section padding */
    .journey-section {
        padding: 40px 0;
    }

    /* Title spacing */
    .journey-section .sec-title h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .timeline-container {
    width: 90%;
    margin: auto;
    position: relative;
    min-height: 846px;
}

.mean-container .mean-bar {
    float: right !important;
    width: 10 0% !important;
    position: relative;
    background: #0c1923;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
}
.abt-sec-title h1 {
    text-align: center;
}
.project-row {
    margin-bottom: 0px;
}
 .future-parallax {
    background-size: 50% 20%;
  }
 .clients-section .clients-tabs {
   gap: 25px ;
   padding: 0 10px;
 }
}

/* The End */