@import url(effect.css);

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100vw;}
body{
font-family: 'Montserrat', sans-serif; font-weight:normal; padding:0; color:#00131d; font-weight:normal; padding-right:0!important;
font-size:15px;
line-height:1.5;
 overflow-x:hidden; width:100vw;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--gray:#414142; --navy:#414142; --blue:#67bed9; --red:#C8102E; --dark:#404041; --light:#e4ddd6;}

img{border:0;}

*{ box-sizing:border-box;
scrollbar-color: var(--gray) #666;
scrollbar-width: thin;
scrollbar-radius:10px;
}
*:hover{
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--dark);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


.fullArea{width:1280px; max-width:92%; margin:0 auto;}


/* Header Base Styling */
.headerArea {
  display: block; 
  position: relative; 
  width: 100%; 
  clear: both;
  background: #ffffff; 
  padding: 10px 0; 
  font-size: 14px;
  transition: background 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
  z-index: 9999;
}

.logo { display: block; }
.logo img { height: 60px; max-width: 100%; transition: height 0.3s ease; }
.sub-menu-toggle { display: none !important; }

/* Sticky State Styles */
.headerArea.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 0; /* Sleeker height while scrolling */
  background: rgba(255, 255, 255, 0.75); /* Translucent white */
  backdrop-filter: blur(10px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.headerArea.is-sticky .logo img {
  height: 55px;
}



.project-slider{position:relative; display:block; float:right; text-align:right; width:100%; overflow:hidden; height:65vh;}
.project-slider .sliderContent{position:absolute; right:30px; bottom:30px; /*transform:translate(-50%,0%);*/ z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:600; font-size:22px; margin-bottom:0; text-shadow: 0 0 10px #000000; background:rgba(0,0,0,0.3); padding:5px 10px; border-radius:10px; backdrop-filter: blur(2px);}
.project-slider .sliderContent a{display:inline-block; border:3px #fff solid; background:var(--gray); color:#fff; padding:15px 25px; letter-spacing:2px; color:#fff;}
.project-slider .sliderContent a:hover{background:var(--blue);}

.project-slider .carousel-indicators{left:30px; bottom:25px; margin:0!important; justify-content:left;}

.project-slider .carousel-item img, .project-slider .carousel-item video{width:100%; height:65vh; object-fit:cover; animation: resize 30s linear infinite; opacity:1;}
.project-slider .carousel-item{position:relative;}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}
@keyframes resize {0% {transform:scale(1);}50% {transform:scale(1.2);}}

.welcomeArea{display:block; overflow:hidden; clear:both; padding:60px 0 40px; background:var(--navy)/* url('../images/Amber-Footer-bg.jpg') no-repeat right bottom; background-size:cover; background-blend-mode:screen*/; color:#fff;}

.countArea{display:block; background:#041a38; color:#fff; padding:20px 0;}
.countArea span{font-size:42px; font-weight:700; margin-bottom:0; line-height:1.1; color:var(--blue);}
.countArea p{margin:0; font-weight:600; font-size:16px; line-height:1; text-align:justify;}
.countArea [class^="col-"] > div{display:flex; align-items: center; justify-content: center;}
.countArea [class^="col-"] > div img{margin-right:15px;}


.mileStoneArea{display:block; clear:both; overflow:hidden;padding:60px 0 30px; text-align:center; position:relative;}
.mileStoneArea h2{background:var(--blue); color:#fff; padding:15px 40px; display:inline-block; text-transform:uppercase; font-weight:600; margin-bottom:30px; border-radius:50px;}
.mileStoneArea:before{position:absolute; display:block; transform:translate(-50%,0%); left:50%; top:90px; width:85%; height:130px; border-radius:200px; z-index:-1; content:''; display:block; border:2px var(--dark) dotted;}
.mileStoneArea .item span{ position:relative; background:var(--light); width:120px; height:120px; border-radius:50%; line-height:120px; display:inline-block; font-size:20px; font-weight:600;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; margin-bottom:15px;
}
.mileStoneArea .item span:before{content:''; display:block; width:140px; height:140px;border-radius:50%; position:absolute; left:50%; top:50%; z-index:-1; transform:translate(-50%,-50%);
background: var(--blue);background: linear-gradient(180deg, rgba(78,159,215,0) 50%, var(--blue) 50%);}
.mileStoneArea .item p{font-size:14px; line-height:1.2; margin-bottom:0;}


.mileStoneAreaNew{display:block; clear:both; overflow:hidden;padding:50px 0; position:relative;}
.mileStoneAreaNew h2{color:var(--blue); margin-bottom:10px; font-size:26px; font-weight:700;}
.mileStoneAreaNew h2 + p{font-size:16px; margin-bottom:30px; text-align:justify;}
.mileStoneAreaNew a{display:inline-block; border:2px var(--blue) solid; padding:10px 30px; color:var(--blue); font-weight:600; border-radius:10px;}
.mileStoneAreaNew a:hover{background:var(--blue); color:#fff;}

/* TIMELINE NAV AREA */
.timeline-nav {
  height: 270px;
  display: flex;
  flex-direction: column;
  align-items: left;
  position: relative;
}

/* BLUE VERTICAL LINE */
.timeline-nav::before {
  content: '';
  position: absolute;
  left: 16%;
  top: 30px;
  bottom: 30px;
  width: 2px;
  background:var(--blue); /* Tata-style blue */
  transform: translateX(-50%);
  opacity: 0.35;
}

/* YEAR LIST */
.year-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* YEAR ITEM */
.year-list li {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding: 14px 0;
  cursor: pointer;
  position: relative;
  font-weight: 500;
}

/* DOT */
.year-list li::before {
  content: '';
  position: absolute;
  left: 9%;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #cfd8e3;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* ACTIVE YEAR */
.year-list li.active {
  color: var(--blue);
  font-weight: 600;
}

.year-list li.active::before {
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(47,128,237,0.15);
}

/* ARROWS */
.nav-btn {
  background: #fff;
  border: 1px solid #ddd;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
  margin: 6px 0;
  transition: all 0.3s ease;
	position:relative; z-index:5;
}

.nav-btn:hover {
  background:var(--blue);
  color: #fff;
  border-color:var(--blue);
}

/* CONTENT BOX – LIGHT PREMIUM */
.timeline-content-box {
  background: #f7f1e8;
  padding: 30px;
  min-height: 270px;
  border-radius: 10px;
}

/* CONTENT */
.timeline-item {
  display: none;
}

.timeline-item.active {
  display: block;
  animation: fadeUp 0.6s ease;
}

.timeline-item h1 {
  font-size:42px;
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 16px;
}

.timeline-item p,
.timeline-item ul {
  font-size: 17px;
  color: #333;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.timeline-item ul{list-style-type:none; margin:0 0 30px; padding:0;}
.timeline-item ul li{margin:0 0 8px; display:block; padding-left:30px; position:relative;}
.timeline-item ul li:before{font-family:'font Awesome 6 free'; content:'\f360'; font-weight:900; display:block; position:absolute; left:5px; color:var(--blue);}

.mileStoneAreainner{ padding:60px 0;}
.mileStoneAreainner .timeline-nav{height:300px;}
.mileStoneAreainner .timeline-content-box {min-height: 300px;}

@media (max-width: 767px){
.timeline-nav{margin:30px 0;}
.year-list li::before {left:4.2%;}
.timeline-nav::before {left: 8.5%;}
.year-list li{text-align:left; padding-left:40px;}
}




.omImg{display:block; overflow:hidden; clear:both; background:transparent url('../images/omImg.png') no-repeat center center fixed; background-size:cover; height:250px;}
.omArea{background:var(--navy); color:#fff; padding:60px 0;}
.omArea h3{font-size:26px; margin-bottom:20px; font-weight:700;}
.omArea ul{padding:0; margin:0 0 30px; list-style-type:none; font-size:16px;}
.omArea ul li{margin-bottom:8px; position:relative; padding-left:26px;}
.omArea ul li:before{position:absolute; left:0; top:0; content:'\f00c'; font-weight:900; display:block; font-family:'Font Awesome 7 Free';}
.omArea img{margin-bottom:30px;}
.omArea a{display:inline-block; border:2px #fff solid; padding:10px 30px; color:#fff; font-weight:600; border-radius:10px;}
.omArea a:hover{background:#fff; color:var(--dark);}


.coalMovementArea{display:block; overflow:hidden; padding:60px 0;}
.coalMovementArea h3{font-size:24px; color:var(--blue); margin-bottom:20px; font-weight:700;}
.coalMovementArea ul{list-style-type:none; margin:0 0 10px; padding:0; display:block; clear:both; overflow:hidden;}
.coalMovementArea ul li{padding:3px 0 3px 30px; font-weight:600; float:left; width:100%; border-radius:5px; margin-bottom:3px; position:relative;}
.coalMovementArea ul li:before{position:absolute; left:0; top:0px; font-size:18px; color:var(--blue); content:'\f00c'; font-weight:900; display:block; font-family:'Font Awesome 7 Free';}
.coalMovementArea p{margin-bottom:20px;}
.coalMovementArea a{display:inline-block; border:2px var(--blue) solid; padding:10px 30px; color:var(--blue); font-weight:600; border-radius:10px;}
.coalMovementArea a:hover{background:var(--blue); color:#fff;}
.coalMovementArea img{width:75%; float:right;}

.coalMovementArea .floatBox{position:absolute; left:7%; top:12%; background:rgba(103,190,217,.95); color:#fff; padding:5px 20px; width:35%; border-radius:15px;}
.coalMovementArea .floatBox span{display:block; clear:both; overflow:hidden; padding:15px 0; border-bottom:2px #fff dotted; line-height:1.2;}
.coalMovementArea .floatBox span:last-child{border:none;}
.coalMovementArea .floatBox span strong{font-size:20px; display:block; clear:both;}


.logoArea{display:block; overflow:hidden; padding:60px 0 30px; background:var(--navy); text-align:center; color:#fff;}
.logoArea img{/*mix-blend-mode:multiply;*/ background:#fff;}
.logoArea h3{font-weight:700; font-size:36px; margin-bottom:10px; color:var(--blue);}
.logoArea h4{font-weight:500; font-size:24px; margin-bottom:40px;}

.simply-scroll-container{position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.simply-scroll-list li{padding: 0;margin: 0;list-style: none;}
.simply-scroll-list li img{display: block;	width:100%; background:#fff; border:none;}
.simply-scroll-list li img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.simply-scroll {width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}
.simply-scroll .simply-scroll-list li{float: left;width: 120px;margin:5px 10px;}





.socialIcons ul{ display:block; text-align:center; list-style-type:none; margin:0; padding:0;}
.socialIcons ul li{ display:inline-block; font-size:18px; margin:0 8px;}
.socialIcons ul li a{ display:block; overflow:hidden; width:45px; height:45px; background:#fff; color:#222; line-height:48px; border-radius:50%;}
.socialIcons ul li a:hover{ background:#222; color:#fff;}

.footerSocial{display:block; overflow:hidden; padding:10px 0 0; background:var(--blue);}
.footerSocial.socialIcons ul li a{background:#000; color:#fff;}
.footerSocial.socialIcons ul li a:hover{background:#fff; color:var(--gray);}


.footer{display:block; overflow:hidden; position:relative; clear:both; padding:50px 0 20px; background:var(--navy) no-repeat url('https://akalogistics.rdxonline.in/wp-content/uploads/2026/06/omImg.png') top center; background-blend-mode:luminosity; background-size:cover; color:#fff;}
.footer:before{background: #2a2a2a; background: linear-gradient(0deg,rgba(42, 42, 42, 0) 0%, rgba(42, 42, 42, 1) 100%); content:''; display:block; top:0; bottom:0%; left:0; right:0; z-index:1; position:absolute;}
.footer>div{position:relative; z-index:3;}
.footer img{height:90px; /*filter: brightness(0) saturate(100%) invert(100%);*/ margin-bottom:30px; background:#fff; padding:10px; border-radius:10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.footer h5{color:var(--blue);}
.footer h6{display:block; padding-left:10px; font-weight:700; border-left:3px #fff solid; color:#fff;}
.footer ul{font-size:15px; margin:0 0 20px; padding:0; list-style-type:none;}
.footer ul li{display:block;}
.footer ul li a, .footer a{margin:0 0 3px; color:#fff; display:block;}
.footer div > a{position:relative; padding-left:25px;}
.footer div > a > i{position:absolute; left:0; top:5px;}
.footer a:hover{color:var(--blue);}
.footer i{color:var(--blue); margin-right:5px;}
.footer p{text-align:center; display:block; padding-top:10px;}


#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:35px;
    height:35px;
    text-indent:-9999px;
    display:none;
    z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
    height:35px;
    width:35px;
    background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}

.innerHeader{background:var(--navy); color:#fff; position: relative; display:block; padding:25px 0;}
.innerHeader > div{color:#fff; z-index: 5;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--blue);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerHeader h1{display:block; border-left:3px var(--blue) solid; padding-left:15px; margin-bottom: 0; font-size:30px;}

.innerPage{ position:relative; display:block; overflow:hidden; padding:60px 0; font-size:17px;}
.innerPage h2{margin-bottom:20px; color:var(--dark); font-size:26px;}
.innerPage h3{margin-bottom:15px; color:var(--blue); font-size:22px;}
.innerPage p{text-align:justify;}
.innerPage figure img{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; border:1px #ddd solid; margin:10px 0 15px;}
.innerPage > div > div > div > ul{list-style-type:none; margin:0 0 30px; padding:0;}
.innerPage > div > div > div > ul li{margin:0 0 8px; display:block; padding-left:40px; position:relative;}
.innerPage > div > div > div > ul li:before{font-family:'font Awesome 7 free'; content:'\f00c'; font-weight:900; display:block; position:absolute; left:15px; color:var(--blue);}


h2.wp-block-heading{
    font-size:28px;
    font-weight:700;
    line-height:1.3;
    color:var(--navy);
    margin-bottom:20px;
    position:relative;
    padding-bottom:14px;
	display:none!important;
}

h2.wp-block-heading::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:90px;
    height:4px;
    border-radius:50px;
    background:linear-gradient(90deg,var(--blue),var(--navy));
}

.visionText{font-style:italic; font-size:20px; line-height:1.7;}


.contactBox a{font-weight:700; font-size:20px; color:#222; line-height:1.4; padding-bottom:8px; display:inline-block;}
.contactBox i{color:var(--blue); margin-right:5px;}

.wpforms-submit{width:100%!important; display:block!important; background:var(--light)!important; text-transform:uppercase!important; font-size:18px!important; color:#222!important; border:2px var(--dark) solid!important;}
.wpforms-submit:hover{background:var(--dark)!important; color:#fff!important; }

#wpforms-215 {background: linear-gradient(135deg,#f7fbff,#edf6ff);
  border-radius: 40px;
  padding: 65px;
  box-shadow: 0 20px 55px rgba(4,30,66,0.08);
  border: 1px solid rgba(98,181,229,0.10);}

.career h2{font-size:30px; border-bottom:3px var(--blue) solid; padding-bottom:10px;}



/* ===== SECTION ===== */

.visionMission{
    padding:60px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

/* Background Texture */
.visionMission::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(4,30,66,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,30,66,0.025) 1px, transparent 1px);

    background-size:40px 40px;
    opacity:.5;
}

/* ===== TITLE ===== */

.sectionTitle{
    text-align:center;
    margin-bottom:85px;
    position:relative;
    z-index:2;
}

.sectionTitle h2{
    font-size:48px;
    font-weight:900;
    text-transform:uppercase;
    color:var(--navy);
    letter-spacing:2px;
    line-height:1;
    position:relative;
    display:inline-block;
    margin:0;
}

/* Stylish Underline */
.sectionTitle h2::after{
    content:"";
    position:absolute;
    width:75%;
    height:8px;
    border-radius:50px;
    left:50%;
    transform:translateX(-50%);
    bottom:-18px;

    background:linear-gradient(
    to right,
    var(--blue),
    var(--navy));
}

/* ===== CARD ===== */

.vmBox{
    position:relative;
    background:#fff;
    border-radius:38px;
    padding:65px 55px;
    overflow:hidden;
    height:100%;
    transition:0.45s ease;

    border:1px solid rgba(4,30,66,0.06);

    box-shadow:
    0 15px 35px rgba(4,30,66,0.05),
    0 40px 80px rgba(4,30,66,0.06);
}

/* Hover Effect */
.vmBox:hover{
    transform:translateY(-14px);
    box-shadow:
    0 25px 50px rgba(4,30,66,0.08),
    0 55px 90px rgba(4,30,66,0.12);
}

/* Top Accent */
.vmBox::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:8px;
}

.visionBox::before{
    background:var(--blue);
}

.missionBox::before{
    background:var(--navy);
}

/* Glass Glow */
.vmBox::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    top:-120px;
    right:-100px;
    opacity:.1;
    z-index:0;
}

.visionBox::after{
    background:var(--blue);
}

.missionBox::after{
    background:var(--navy);
}

/* ===== TOP ===== */

.vmTop{
    position:relative;
    z-index:2;
    margin-bottom:25px;
}

/* Label */
.vmLabel{
    display:inline-flex;
    align-items:center;
    gap:10px;

    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:3px;

    margin-bottom:22px;
    position:relative;
}

/* Tiny Line */
.vmLabel::before{
    content:"";
    width:45px;
    height:2px;
    border-radius:10px;
}

.visionBox .vmLabel{
    color:var(--blue);
}

.visionBox .vmLabel::before{
    background:var(--blue);
}

.missionBox .vmLabel{
    color:var(--navy);
}

.missionBox .vmLabel::before{
    background:var(--navy);
}

/* Heading */
.vmTop h3{
    font-size:26px;
    font-weight:700;
    color:var(--navy);
    line-height:1.15;
    letter-spacing:-1px;
    margin:0;
}

/* ===== CONTENT ===== */

.vmContent{
    position:relative;
    z-index:2;
}

.vmContent p{
    margin:0;
    font-size:17px;
    line-height:1.8;
    color:var(--gray);
    font-weight:500;
}

/* ===== BIG WATERMARK TEXT ===== */

.cornerLine{
    position:absolute;
    font-size:120px;
    font-weight:900;
    line-height:1;
    right:-10px;
    bottom:-15px;
    z-index:0;
    opacity:.03;
    user-select:none;
    pointer-events:none;
    text-transform:uppercase;
}

.visionBox .cornerLine::before{
    content:"Vision";
    color:var(--blue);
}

.missionBox .cornerLine::before{
    content:"Mission";
    color:var(--navy);
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .sectionTitle h2{
        font-size:52px;
    }

    .vmBox{
        padding:50px 40px;
    }

    .vmTop h3{
        font-size:32px;
    }
}

@media(max-width:767px){

    .visionMission{
        padding:75px 18px;
    }

    .sectionTitle{
        margin-bottom:55px;
    }

    .sectionTitle h2{
        font-size:36px;
    }

    .sectionTitle h2::after{
        height:6px;
        bottom:-14px;
    }

    .vmBox{
        padding:40px 28px;
        border-radius:28px;
    }

    .vmTop{
        margin-bottom:28px;
    }

    .vmTop h3{
        font-size:26px;
    }

    .vmContent p{
        font-size:15px;
        line-height:1.9;
    }

    .cornerLine{
        font-size:70px;
        bottom:0;
    }
}




/* ===== SECTION ===== */

.coreValues{
    padding:60px 0;
    position:relative;
    overflow:hidden;
}

/* ===== TITLE ===== */

.sectionTitle{
    text-align:center;
    margin-bottom:70px;
}

.sectionTitle h2{
    font-size:48px;
    font-weight:800;
    color:var(--navy);
    text-transform:uppercase;
    line-height:1;
    margin-bottom:35px;
    letter-spacing:2px;
}

.sectionTitle p{
    max-width:860px;
    margin:auto;
    font-size:18px;
    line-height:2;
    color:var(--gray);
    font-weight:500;
}

/* ===== CARD ===== */

.valueBox{
    position:relative;
    border-radius:38px;
    padding:45px 28px;
    overflow:hidden;
    height:100%;
    transition:0.45s ease;
    color:#fff;
}

/* Different Color Cards */

.col-lg-3:nth-child(odd) .valueBox{
    background:var(--blue);
}

.col-lg-3:nth-child(even) .valueBox{
    background:var(--navy);
}

/*.col-lg-3:nth-child(3) .valueBox{
    background:linear-gradient(135deg,#C8102E,#ff5b74);
}

.col-lg-3:nth-child(4) .valueBox{
    background:linear-gradient(135deg,#2b2e2c,#494d4b);
}*/

/* Hover Effect */

.valueBox:hover{
    transform:translateY(-15px) scale(1.02);
    box-shadow:
    0 25px 50px rgba(0,0,0,0.15);
}

/* Glass Highlight */

.valueBox::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(255,255,255,0.12);

    top:-100px;
    right:-80px;
}

/* Bottom Shape */

.valueBox::after{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    border-radius:40px;
    background:rgba(255,255,255,0.08);

    bottom:-60px;
    left:-50px;

    transform:rotate(25deg);
}

/* ===== TOP ===== */

.valueTop{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
    position:relative;
    z-index:2;
}

/* ===== ICON ===== */

.valueIcon{
    width:78px;
    height:78px;
    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,0.16);

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,0.2);

    flex-shrink:0;
	margin-bottom:15px;
}

.valueIcon i{
    font-size:32px;
    color:#fff;
}

/* ===== HEADING ===== */

.valueBox h3{
    font-size:16px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 15px;
    color:#fff;
}

/* ===== TEXT ===== */

.valueBox p{
    font-size:16px;
    line-height:1.95;
    margin:0;
    color:rgba(255,255,255,0.92);
    position:relative;
    z-index:2;
	text-align:left!important;
}

/* ===== NUMBER ===== */

.valueNumber{
    position:absolute;
    right:22px;
    top:18px;

    font-size:90px;
    font-weight:900;
    line-height:1;

    color:rgba(255,255,255,0.08);

    user-select:none;
    pointer-events:none;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .sectionTitle h2{
        font-size:50px;
    }

    .valueBox{
        padding:40px 30px;
    }

    .valueBox h3{
        font-size:24px;
    }
}

@media(max-width:767px){

    .coreValues{
        padding:75px 18px;
    }

    .sectionTitle{
        margin-bottom:55px;
    }

    .sectionTitle h2{
        font-size:36px;
    }

    .sectionTitle p{
        font-size:15px;
        line-height:1.9;
    }

    .valueBox{
        padding:35px 24px;
        border-radius:28px;
    }

    .valueTop{
        gap:15px;
        margin-bottom:24px;
    }

    .valueIcon{
        width:66px;
        height:66px;
        border-radius:20px;
    }

    .valueIcon i{
        font-size:28px;
    }

    .valueBox h3{
        font-size:22px;
    }

    .valueBox p{
        font-size:15px;
        line-height:1.9;
    }

    .valueNumber{
        font-size:60px;
    }
}






/* ===== COMMON ===== */

section.sectionBox{
    padding: 3% 3% 60px;
}

.sectionHeading{
    text-align:center;
    margin-bottom:60px;
}

.sectionHeading span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--blue);
    margin-bottom:14px;
}

.sectionHeading h2{
    font-size:42px;
    font-weight:800;
    line-height:1.25;
    color:var(--navy);
    margin:0;
    letter-spacing:-0.5px;
}

.sectionHeading.light h2,
.sectionHeading.light span{
    color:#fff;
}

/* ===== SECTION 1 ===== */

.omHero{
    background:#f5f8fc;
    border-radius:36px;
}

.sectionTag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(98,181,229,0.12);
    color:var(--blue);
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.omContent h2{
    font-size:36px;
    line-height:1.2;
    font-weight:800;
    color:var(--navy);
    margin-bottom:24px;
    letter-spacing:-1px;
}

.omContent p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin:0;
    text-align:left;
}

.omStatsBox{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.statItem{
    background:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 12px 30px rgba(4,30,66,0.05);
    text-align:left;
}

.statItem h3{
    font-size:38px;
    font-weight:800;
    color:var(--navy);
    margin-bottom:8px;
    line-height:1;
}

.statItem span{
    font-size:15px;
    color:var(--gray);
    display:block;
}

/* ===== SECTION 2 ===== */

.powerPlantSection{
    background:#fff;
}

.serviceCard{
    background:var(--blue);
    padding:38px 30px;
    border-radius:30px;
    color:#fff;
    height:100%;
    transition:.4s ease;
    position:relative;
    overflow:hidden;
    text-align:left;
}
.powerPlantSection [class^="col"]:nth-child(odd) .serviceCard{
    background:var(--navy);
}

.serviceCard:hover{
    transform:translateY(-8px);
}

.serviceIcon{
    width:72px;
    height:72px;
    border-radius:22px;
    background:rgba(255,255,255,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.serviceIcon i{
    font-size:28px;
}

.serviceCard h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:16px;
    line-height:1.4;
	color:#fff;
}

.serviceCard p{
    font-size:15px;
    line-height:1.9;
    opacity:.92;
    margin:0;
    text-align:left;
}

/* ===== SECTION 3 ===== */

.bopSection{
    background:#f8fafc;
}

.bopCard{
    background:#fff;
    border-radius:26px;
    padding:34px;
    display:flex;
    gap:22px;
    height:100%;
    box-shadow:0 12px 30px rgba(4,30,66,0.05);
    text-align:left;
}

.bopIcon{
    width:72px;
    height:72px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--blue),#7fd8ff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.bopIcon i{
    font-size:28px;
}

.bopCard h3{
    font-size:22px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:14px;
    line-height:1.4;
}

.bopCard p{
    font-size:15px;
    line-height:1.9;
    color:var(--gray);
    margin:0;
    text-align:left;
}

/* ===== SECTION 4 ===== */

.whyChoose{
    position:relative;
    background:var(--navy);
    overflow:hidden;
    border-radius:36px;
}

.whyOverlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 30%),
    radial-gradient(circle at bottom right, rgba(255,255,255,0.05), transparent 30%);
}

.whyBox{
    position:relative;
    z-index:2;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;
    padding:30px;
    height:100%;
    text-align:left;
}

.whyBox i{
    font-size:28px;
    color:var(--blue);
    margin-bottom:18px;
}

.whyBox p{
    color:#fff;
    margin:0;
    font-size:15px;
    line-height:1.9;
    text-align:left;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    section.sectionBox{
        padding:85px 5%;
    }

    .sectionHeading h2,
    .omContent h2{
        font-size:36px;
    }
}

@media(max-width:767px){

    section.sectionBox{
        padding:65px 18px;
    }

    .sectionHeading{
        margin-bottom:45px;
    }

    .sectionHeading h2,
    .omContent h2{
        font-size:28px;
        line-height:1.35;
    }

    .sectionHeading span{
        font-size:11px;
    }

    .omContent p,
    .serviceCard p,
    .bopCard p,
    .whyBox p{
        font-size:14px;
        line-height:1.85;
    }

    .serviceCard,
    .bopCard,
    .whyBox{
        padding:26px 22px;
    }

    .bopCard{
        flex-direction:column;
    }

    .serviceIcon,
    .bopIcon{
        width:64px;
        height:64px;
        border-radius:18px;
    }

    .serviceIcon i,
    .bopIcon i{
        font-size:24px;
    }

    .serviceCard h3,
    .bopCard h3{
        font-size:20px;
    }

    .statItem h3{
        font-size:30px;
    }
}






/* ===== COMMON ===== */

.sectionHeading{
    text-align:center;
    margin-bottom:60px;
}

.sectionHeading span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--blue);
    margin-bottom:14px;
}

.sectionHeading h2{
    font-size:42px;
    font-weight:800;
    line-height:1.25;
    color:var(--navy);
    margin:0;
}

.sectionHeading.light h2,
.sectionHeading.light span{
    color:#fff;
}

/* ===== SECTION 1 ===== */

.mineHero{
    background:#f6f9fc;
    border-radius:36px;
}

.sectionTag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(98,181,229,0.12);
    color:var(--blue);
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.mineContent h2{
    font-size:48px;
    line-height:1.2;
    font-weight:800;
    color:var(--navy);
    margin-bottom:24px;
}

.mineContent p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin:0;
}

.mineStatGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.mineStatCard{
    background:#fff;
    border-radius:24px;
    padding:30px;
    text-align:left;
    box-shadow:0 12px 30px rgba(4,30,66,0.05);
}

.mineStatCard h3{
    font-size:26px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:8px;
}

.mineStatCard span{
    font-size:15px;
    color:var(--gray);
    line-height:1.6;
}

/* ===== SECTION 2 ===== */

.mineServiceSection{
    background:#fff;
}

.mineServiceCard{
    background:#fff;
    border-radius:30px;
    padding:38px 30px;
    height:100%;
    text-align:left;
    border:1px solid rgba(4,30,66,0.06);
    box-shadow:0 12px 30px rgba(4,30,66,0.04);
    transition:.4s ease;
}

.mineServiceCard:hover{
    transform:translateY(-8px);
}

.mineIcon{
    width:72px;
    height:72px;
    border-radius:22px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.mineIcon i{
    font-size:28px;
    color:#fff;
}

.mineServiceCard h3{
    font-size:18px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:16px;
    line-height:1.4;
}

.mineServiceCard p{
    font-size:15px;
    line-height:1.9;
    color:var(--gray);
    margin:0;
}

/* ===== SECTION 3 ===== */

.railSection{
    background:#f8fafc;
}

.railCard{
    background:#fff;
    border-radius:28px;
    padding:34px;
    height:100%;
    box-shadow:0 12px 30px rgba(4,30,66,0.04);
}

.railTop{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}

.railIcon{
    width:68px;
    height:68px;
    border-radius:20px;
    background:rgba(98,181,229,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.railIcon i{
    font-size:26px;
    color:var(--blue);
}

.railCard h3{
    font-size:22px;
    font-weight:700;
    color:var(--navy);
    margin:0;
}

.railCard p{
    font-size:15px;
    line-height:1.9;
    color:var(--gray);
    margin:0;
    text-align:left;
}

/* ===== SECTION 4 ===== */

.leadershipSection{
    background:linear-gradient(135deg,#041E42,#082d60);
    border-radius:36px;
}

.leaderBox{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);
    border-radius:28px;
    padding:40px 30px;
    text-align:center;
    height:100%;
}

.leaderBox h3{
    font-size:58px;
    font-weight:900;
    color:#fff;
    line-height:1;
    margin-bottom:18px;
}

.leaderBox span{
    font-size:16px;
    line-height:1.8;
    color:rgba(255,255,255,0.9);
    display:block;
}

/* ===== SECTION 5 ===== */

.futureSection{
    background:#fff;
}

.futureBox{
    background:linear-gradient(135deg,#f6f9fc,#edf4fb);
    border-radius:36px;
    padding:70px 30px;
    text-align:left;
}

.futureTag{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--navy);
    margin-bottom:20px;
}

.futureBox h2{
    font-size:42px;
    font-weight:800;
    color:var(--navy);
    margin-bottom:24px;
    line-height:1.25;
}

.futureBox p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin:0;
    max-width:1000px;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    section.sectionBox{
        padding:85px 5%;
    }

    .sectionHeading h2,
    .mineContent h2,
    .futureBox h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    section.sectionBox{
        padding:65px 18px;
    }

    .sectionHeading{
        margin-bottom:45px;
    }

    .sectionHeading h2,
    .mineContent h2,
    .futureBox h2{
        font-size:28px;
        line-height:1.35;
    }

    .mineStatGrid{
        grid-template-columns:1fr;
    }

    .futureBox{
        padding:40px 26px;
    }

    .mineServiceCard,
    .railCard,
    .leaderBox{
        padding:28px 22px;
    }

    .leaderBox h3{
        font-size:42px;
    }

    .mineContent p,
    .mineServiceCard p,
    .railCard p,
    .futureBox p{
        font-size:14px;
        line-height:1.9;
    }
}







/* ===================================
COMMON GAP FIX
=================================== */

.specialServiceSection .row,
.consultSection .row{
    row-gap:30px;
}


/* ===================================
SECTION 1
=================================== */

.technicalHero{
    position:relative;
    padding:90px 5%;
    background:#f7f9fc;
    border-radius:40px;
    overflow:hidden;
}

.heroPattern{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(98,181,229,0.08);
    top:-180px;
    right:-120px;
}

.technicalContent{
    position:relative;
    z-index:2;
}

.technicalTag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:60px;
    background:rgba(98,181,229,0.12);
    color:var(--blue);
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:24px;
}

.technicalContent h2{
    font-size:56px;
    font-weight:800;
    color:var(--navy);
    line-height:1.15;
    margin-bottom:28px;
}

.technicalContent p{
    font-size:17px;
    line-height:2;
    color:var(--gray);
    margin:0;
    max-width:760px;
}

.techHighlight{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.highlightBox{
    background:#fff;
    border-radius:30px;
    padding:38px;
    box-shadow:0 18px 50px rgba(4,30,66,0.06);
    border:1px solid rgba(4,30,66,0.04);
    transition:.4s ease;
}

.highlightBox:hover{
    transform:translateY(-6px);
}

.highlightBox h3{
    font-size:52px;
    font-weight:900;
    color:var(--navy);
    margin-bottom:12px;
    line-height:1;
}

.highlightBox span{
    display:block;
    font-size:15px;
    line-height:1.8;
    color:var(--gray);
}


/* ===================================
SECTION 2
=================================== */

.specialServiceSection{
    padding:100px 0;
    background:#fff;
}

.serviceHeading{
    text-align:center;
    margin-bottom:70px;
}

.serviceHeading span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--blue);
    margin-bottom:16px;
}

.serviceHeading h2{
    font-size:46px;
    font-weight:800;
    color:var(--navy);
    line-height:1.2;
    margin:0;
}

.specialCard{
    position:relative;
    background:#fff;
    border-radius:34px;
    padding:42px 36px;
    height:100%;
    border:1px solid rgba(4,30,66,0.06);
    box-shadow:0 18px 45px rgba(4,30,66,0.05);
    overflow:hidden;
    transition:.4s ease;
}

.specialCard::before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(98,181,229,0.05);
    top:-60px;
    right:-60px;
}

.specialCard:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(4,30,66,0.08);
}

.specialIcon{
    width:80px;
    height:80px;
    border-radius:24px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
    box-shadow:0 12px 30px rgba(4,30,66,0.16);
}

.specialIcon i{
    font-size:30px;
    color:#fff;
}

.specialCard h3{
    font-size:22px;
    font-weight:700;
    color:var(--navy);
    line-height:1.4;
    margin-bottom:18px;
}

.serviceIntro{
    font-size:15px;
    line-height:1.9;
    color:var(--gray);
    margin-bottom:24px;
}

.specialCard ul{
    padding-left:18px;
    margin:0;
}

.specialCard ul li{
    font-size:15px;
    line-height:1.95;
    color:var(--gray);
    margin-bottom:14px;
}

.specialCard ul li strong{
    color:var(--navy);
}


/* ===================================
SECTION 3
=================================== */

.fleetSection{
    position:relative;
    padding:90px 5%;
    background:var(--navy);
    border-radius:40px;
    overflow:hidden;
}

.fleetOverlay{
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(98,181,229,0.10), transparent 40%);
}

.fleetImageWrap{
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,0.25);
}

.fleetImageWrap img{
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover;
}

.imageBadge{
    position:absolute;
    left:24px;
    bottom:24px;
    padding:14px 22px;
    border-radius:60px;
    background:rgba(255,255,255,0.15);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.fleetContent{
    position:relative;
    z-index:2;
}

.fleetContent span{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--blue);
    margin-bottom:18px;
}

.fleetContent h2{
    font-size:36px;
    font-weight:700;
    color:#fff;
    line-height:1.15;
    margin-bottom:24px;
}
.fleetContent h4{color:#fff;}

.fleetContent p{
    font-size:16px;
    line-height:2;
    color:rgba(255,255,255,0.88);
}

.fleetList{
    margin-top:40px;
}

.fleetItem{
    display:flex;
    gap:20px;
    margin-bottom:28px;
}

.fleetItem i{
    width:68px;
    height:68px;
    border-radius:22px;
    background:rgba(255,255,255,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    flex-shrink:0;
}

.fleetItem h4{
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
}

.fleetItem p{
    margin:0;
}


/* ===================================
SECTION 4
=================================== */

.consultSection{
    padding:100px 15px 15px;
    background:#f7f9fc;
}

.consultSection .serviceHeading{
    margin-bottom:60px;
}

.consultCard{
    position:relative;
    background:#fff;
    border-radius:32px;
    padding:42px 34px;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(4,30,66,0.05);
    box-shadow:0 18px 45px rgba(4,30,66,0.05);
    transition:.4s ease;
}

.consultCard::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(98,181,229,0.03), transparent);
    pointer-events:none;
}

.consultCard:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(4,30,66,0.08);
}

.consultIcon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(135deg,#eaf6fd,#dbeef9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.consultIcon i{
    font-size:30px;
    color:var(--blue);
}

.consultCard h3{
    font-size:24px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:18px;
    line-height:1.4;
}

.consultCard p{
    font-size:15px;
    line-height:1.95;
    color:var(--gray);
    margin:0;
}


/* ===================================
RESPONSIVE
=================================== */

@media(max-width:991px){

    .technicalHero,
    .fleetSection{
        padding:80px 5%;
    }

    .specialServiceSection,
    .consultSection{
        padding:80px 0;
    }

    .technicalContent h2,
    .fleetContent h2,
    .serviceHeading h2{
        font-size:38px;
    }

    .fleetImageWrap img{
        min-height:auto;
    }
}

@media(max-width:767px){

    .technicalHero,
    .fleetSection{
        padding:65px 20px;
        border-radius:28px;
    }

    .specialServiceSection,
    .consultSection{
        padding:65px 0;
    }

    .technicalContent h2,
    .fleetContent h2,
    .serviceHeading h2{
        font-size:30px;
        line-height:1.3;
    }

    .technicalContent p,
    .fleetContent p,
    .specialCard ul li,
    .consultCard p,
    .serviceIntro{
        font-size:14px;
        line-height:1.9;
    }

    .specialCard,
    .consultCard{
        padding:30px 24px;
        border-radius:24px;
    }

    .highlightBox{
        padding:28px;
        border-radius:24px;
    }

    .highlightBox h3{
        font-size:40px;
    }

    .fleetItem{
        align-items:flex-start;
    }

    .fleetItem i{
        width:58px;
        height:58px;
        font-size:20px;
    }

    .consultIcon,
    .specialIcon{
        width:68px;
        height:68px;
    }

    .consultIcon i,
    .specialIcon i{
        font-size:24px;
    }
}


.sectionHeading.light [class^="col-"]{margin-bottom:20px!important;}

/* =========================================
SECTION 1
========================================= */

.bridgeSection{
    padding:40px 3%;
    background:
    linear-gradient(135deg,#f7fbff,#eef6ff);
    border-radius:40px;
}

.bridgeContent{
    max-width:1180px;
    margin:auto;
}

.bridgeContent h2{
    font-size:34px;
    font-weight:700;
    line-height:1.08;
    color:var(--navy);
    margin-bottom:30px;
    letter-spacing:-1.5px;
    max-width:900px;
}

.bridgeContent p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin-bottom:24px;
    max-width:1050px;
}

.bridgePoints{
    margin-top:55px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.bridgeItem{
    background:#fff;
    border-radius:32px;
    padding:38px 34px;
    border:1px solid rgba(98,181,229,0.14);
    box-shadow:0 18px 45px rgba(4,30,66,0.06);
    transition:.4s ease;
}

.bridgeItem:hover{
    transform:translateY(-8px);
}

.bridgeIcon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.bridgeIcon i{
    font-size:28px;
    color:#fff;
}

.bridgeItem h3{
    font-size:20px;
    font-weight:700;
    line-height:1.35;
    color:var(--navy);
    margin-bottom:16px;
}

.bridgeItem p{
    margin:0;
}


/* =========================================
SECTION 2
========================================= */

.impactSection{
    padding:60px 0;
}

.impactSection .row{
    row-gap:30px;
}

.impactCard{
    border-radius:34px;
    padding:42px 34px;
    height:100%;
    overflow:hidden;
    position:relative;
    transition:.4s ease;
}

.impactCard:hover{
    transform:translateY(-10px);
}

.row .col-lg-3:nth-child(odd) .impactCard{
    background:var(--navy);
}
.row .col-lg-3:nth-child(even) .impactCard{
    background:var(--blue);
}

.impactIcon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:rgba(255,255,255,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
    backdrop-filter:blur(8px);
}

.impactIcon i{
    font-size:30px;
    color:#fff;
}

.impactCard h3{
    font-size:28px;
    font-weight:700;
    line-height:1.3;
    color:#fff;
    margin-bottom:18px;
}

.impactCard p{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
    margin:0;
}


/* =========================================
SECTION 3
========================================= */

.strengthSection{
    padding:60px 0;
}

.strengthSection .row{
    row-gap:30px;
}

.strengthCard{
    background:#fff;
    border-radius:34px;
    padding:40px;
    height:100%;
    border:1px solid rgba(98,181,229,0.14);
    box-shadow:0 18px 45px rgba(4,30,66,0.05);
    transition:.4s ease;
}

.strengthCard:hover{
    transform:translateY(-8px);
}

.strengthIcon{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.strengthIcon i{
    font-size:28px;
    color:#fff;
}

.strengthCard h3{
    font-size:28px;
    font-weight:700;
    line-height:1.35;
    color:var(--navy);
    margin-bottom:16px;
}

.strengthCard p{
    font-size:15px;
    line-height:1.95;
    color:var(--gray);
    margin:0;
}


/* =========================================
SECTION 4
========================================= */

.ctaSection{
    padding:10px 0 60px;
}

.ctaBox{
    background:linear-gradient(135deg,#67bed9,#3191af);
    border-radius:40px;
    padding:100px 70px;
    text-align:center;
    box-shadow:0 30px 80px rgba(4,30,66,0.22);
}

.ctaBox h2{
    font-size:36px;
    font-weight:700;
    line-height:1.05;
    color:#fff;
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.ctaBox p{
    max-width:980px;
    margin:auto;
    font-size:16px;
    line-height:2;
    color:rgba(255,255,255,0.92);
}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){

    .bridgePoints{
        grid-template-columns:1fr;
    }

    .bridgeContent h2,
    .ctaBox h2{
        font-size:42px;
    }
}

@media(max-width:767px){

    .bridgeSection{
        padding:75px 20px;
        border-radius:28px;
    }

    .impactSection,
    .strengthSection{
        padding:75px 0;
    }

    .ctaSection{
        padding:10px 0 75px;
    }

    .bridgeContent h2,
    .ctaBox h2{
        font-size:32px;
        line-height:1.2;
    }

    .bridgeContent p,
    .bridgeItem p,
    .impactCard p,
    .strengthCard p,
    .ctaBox p{
        font-size:14px;
        line-height:1.9;
    }

    .bridgeItem,
    .impactCard,
    .strengthCard{
        padding:28px 24px;
        border-radius:24px;
    }

    .bridgeIcon,
    .impactIcon,
    .strengthIcon{
        width:68px;
        height:68px;
        border-radius:20px;
    }

    .bridgeIcon i,
    .impactIcon i,
    .strengthIcon i{
        font-size:24px;
    }

    .impactCard h3,
    .strengthCard h3,
    .bridgeItem h3{
        font-size:22px;
    }

    .ctaBox{
        padding:70px 28px;
        border-radius:30px;
    }
}




/* ===== SECTION 1 ===== */

.trustedSection{
    padding:60px 0;
}

.trustedWrap{
    background:linear-gradient(135deg,#67bed9,#3191af);
    border-radius:40px;
    padding:90px 80px;
    position:relative;
    overflow:hidden;
    text-align:center;
    box-shadow:0 30px 80px rgba(4,30,66,0.22);
}

.trustedWrap::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(98,181,229,0.12);
    top:-180px;
    right:-120px;
}

.trustedWrap::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    bottom:-140px;
    left:-120px;
}

.trustedTag,
.trustedWrap h2,
.trustedWrap p{
    position:relative;
    z-index:2;
}

.trustedTag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:var(--light);
    color:#414142;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:24px;
}

.trustedWrap h2{
    font-size:34px;
    line-height:1.2;
    font-weight:700;
    color:#fff;
    margin-bottom:30px;
}

.trustedWrap p{
    max-width:1050px;
    margin:0 auto 20px;
    font-size:16px;
    line-height:2;
    color:rgba(255,255,255,0.9);
	text-align:center;
}

/* ===== SECTION 3 ===== */

.footprintSection{
    padding:60px 3%;
    background:
    linear-gradient(135deg,#f7faff,#eef5fb);
    border-radius:40px;
    position:relative;
    overflow:hidden;
}

.footprintSection::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(98,181,229,0.1);
    top:-180px;
    left:-120px;
}

.footprintContent{
    text-align:center;
    position:relative;
    z-index:2;
    max-width:950px;
    margin:auto auto 60px;
}

.footprintTag{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    background:rgba(98,181,229,0.12);
    color:var(--blue);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:20px;
}

.footprintContent h2{
    font-size:34px;
    line-height:1.25;
    font-weight:700;
    color:var(--navy);
    margin-bottom:24px;
}

.footprintContent p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin:0;
	text-align:center;
}

.footprintGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
    z-index:2;
}

.footprintCard{
    background:#fff;
    border-radius:30px;
    padding:40px 25px;
    text-align:center;
    box-shadow:0 18px 45px rgba(4,30,66,0.06);
    transition:.4s ease;
}

.footprintCard:hover{
    transform:translateY(-8px);
}

.footprintCard i{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin:auto auto 24px;
    box-shadow:0 12px 30px rgba(4,30,66,0.18);
}

.footprintCard h3{
    font-size:20px;
    font-weight:700;
    line-height:1.5;
    color:var(--navy);
    margin:0;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .trustedWrap{
        padding:40px 25px;
    }

    .trustedWrap h2,
    .footprintContent h2{
        font-size:30px;
    }

    .footprintGrid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){

    .trustedSection,
    .footprintSection{
        padding:40px 18px;
    }

    .trustedWrap{
        padding:50px 28px;
        border-radius:28px;
    }

    .trustedWrap h2,
    .footprintContent h2{
        font-size:24px;
        line-height:1.35;
    }

    .trustedWrap p,
    .footprintContent p{
        font-size:14px;
        line-height:1.9;
    }

    .footprintGrid{
        grid-template-columns:1fr;
    }

    .footprintCard{
        padding:34px 24px;
    }

    .footprintCard h3{
        font-size:18px;
    }
}






/* ===== CAREER LEFT SECTION ===== */

.careerIntro{
    padding:60px 0;
}

.careerTag{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    background:rgba(98,181,229,0.12);
    color:var(--blue);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:24px;
}

.careerIntro h2{
    font-size:34px;
    line-height:1.2;
    font-weight:700;
    color:var(--navy);
    margin-bottom:28px;
    max-width:820px;
}

.careerIntro p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin-bottom:24px;
    max-width:900px;
}

.careerHighlights{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:40px;
    margin-bottom:50px;
}

.careerPoint{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 24px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(98,181,229,0.14);
    box-shadow:0 12px 30px rgba(4,30,66,0.05);
}

.careerPoint i{
    width:52px;
    height:52px;
    border-radius:16px;
    background:linear-gradient(135deg,#67bed9,#3191af);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.careerPoint span{
    font-size:15px;
    font-weight:700;
    color:var(--navy);
}

.careerMailBox{
    background:linear-gradient(135deg,#414142,#252525);
    border-radius:34px;
    padding:40px;
    display:flex;
    align-items:flex-start;
    gap:24px;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(4,30,66,0.18);
}

.careerMailBox::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    top:-120px;
    right:-80px;
}

.mailIcon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:rgba(255,255,255,0.12);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    position:relative;
    z-index:2;
}

.mailIcon i{
    font-size:30px;
    color:#fff;
}

.careerMailBox h3{
    font-size:28px;
    font-weight:800;
    color:#fff;
    margin-bottom:14px;
    position:relative;
    z-index:2;
}

.careerMailBox p{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.85);
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.careerMailBox a{
    font-size:20px;
    font-weight:700;
    color:#8fd8ff;
    text-decoration:none;
    position:relative;
    z-index:2;
}

.careerMailBox a:hover{
    color:#fff;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .careerIntro h2{
        font-size:40px;
    }
}

@media(max-width:767px){

    .careerIntro{
        padding:50px 18px;
    }

    .careerIntro h2{
        font-size:30px;
        line-height:1.35;
    }

    .careerIntro p{
        font-size:14px;
        line-height:1.9;
    }

    .careerHighlights{
        flex-direction:column;
    }

    .careerMailBox{
        padding:30px 24px;
        flex-direction:column;
    }

    .careerMailBox h3{
        font-size:24px;
    }

    .careerMailBox a{
        font-size:18px;
        word-break:break-word;
    }
}





/* =========================================
SECTION 1
========================================= */

.csrHeroSection{
    padding:20px 0 60px;
}

.csrHeroImage{
    overflow:hidden;
    height:100%;
    box-shadow:0 25px 60px rgba(4,30,66,0.12);
}

.csrHeroImage img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.csrHeroContent{
    padding-left:20px;
}

.csrHeroContent h2{
    font-size:36px;
    font-weight:700;
    line-height:1.08;
    color:var(--navy);
    margin-bottom:30px;
    letter-spacing:-1.5px;
}

.csrHeroContent p{
    font-size:16px;
    line-height:2;
    color:var(--gray);
    margin:0;
}


/* =========================================
SECTION 2
========================================= */

.csrCardsSection{
    padding:10px 0 60px;
}

.csrCardsSection .row{
    row-gap:30px;
}

.csrCard{
    height:100%;
    border-radius:34px;
    padding:42px 36px;
    position:relative;
    overflow:hidden;
    transition:.4s ease;
    box-shadow:0 18px 45px rgba(4,30,66,0.08);
}

.csrCard:hover{
    transform:translateY(-10px);
}

.col-lg-4:nth-child(odd) .csrCard{
    background:var(--navy);
}

.col-lg-4:nth-child(even) .csrCard{
    background:var(--blue);
}


.csrCardIcon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:rgba(255,255,255,0.12);
    backdrop-filter:blur(8px);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
}

.csrCardIcon i{
    font-size:32px;
    color:#fff;
}

.csrCard h3{
    font-size:22px;
    font-weight:700;
    line-height:1.35;
    color:#fff;
    margin-bottom:18px;
}

.csrCard p{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
    margin-bottom:20px;
}

.csrCard ul{
    padding-left:18px;
    margin:0;
}

.csrCard ul li{
    font-size:14px;
    line-height:1.9;
    color:#fff;
    margin-bottom:12px;
}


/* =========================================
SECTION 3
========================================= */

.csrQuoteSection{
    padding:0 0 60px;
}

.csrQuoteBox{
    background:
    linear-gradient(135deg,#041E42,#0b4a8e);
    border-radius:40px;
    padding:100px 70px;
    text-align:center;
    box-shadow:0 30px 80px rgba(4,30,66,0.2);
}

.csrQuoteBox i{
    font-size:42px;
    color:#8fd8ff;
    margin-bottom:28px;
}

.csrQuoteBox h2{
    max-width:1050px;
    margin:auto;
    font-size:24px;
    line-height:1.45;
    font-weight:700;
    color:#fff;
}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){

    .csrHeroContent{
        padding-left:0;
    }

    .csrHeroContent h2{
        font-size:42px;
    }

    .csrQuoteBox h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    .csrHeroSection{
        padding:75px 0;
    }

    .csrCardsSection{
        padding:10px 0 75px;
    }

    .csrQuoteSection{
        padding:0 0 75px;
    }

    .csrHeroContent h2{
        font-size:32px;
        line-height:1.2;
    }

    .csrHeroContent p,
    .csrCard p,
    .csrCard ul li{
        font-size:14px;
        line-height:1.9;
    }

    .csrCard{
        padding:30px 24px;
        border-radius:26px;
    }

    .csrCard h3{
        font-size:22px;
    }

    .csrCardIcon{
        width:68px;
        height:68px;
        border-radius:20px;
    }

    .csrCardIcon i{
        font-size:26px;
    }

    .csrQuoteBox{
        padding:70px 28px;
        border-radius:30px;
    }

    .csrQuoteBox h2{
        font-size:26px;
        line-height:1.5;
    }
}





/* =========================================
COMMON
========================================= */

.sectionHeading{
    text-align:center;
    margin-bottom:60px;
}

.sectionHeading span{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.sectionHeading h2{
    font-size:46px;
    line-height:1.15;
    font-weight:700;
    color:var(--navy);
    margin:0;
}


/* =========================================
SECTION 1
========================================= */

.contactHero{
    padding:60px 0;
}

.contactHeroBox{
    background:
    linear-gradient(135deg,#041E42 0%, #0a3d7c 55%, #0e58a8 100%);
    border-radius:42px;
    padding:90px 80px;
    position:relative;
    overflow:hidden;
    box-shadow:0 35px 90px rgba(4,30,66,0.22);
}

.contactHeroBox::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    top:-180px;
    right:-120px;
}

.contactHeroBox::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(98,181,229,0.08);
    bottom:-140px;
    left:-100px;
}

.contactTag,
.contactHeroBox h2,
.contactHeroBox > p,
.contactInfoGrid{
    position:relative;
    z-index:2;
}

.contactTag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:rgba(255,255,255,0.10);
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:24px;
    backdrop-filter:blur(10px);
}

.contactHeroBox h2{
    font-size:42px;
    line-height:1.08;
    font-weight:700;
    color:#fff;
    margin-bottom:24px;
    letter-spacing:-1.5px;
    max-width:760px;
}

.contactHeroBox > p{
    max-width:850px;
    font-size:16px;
    line-height:2;
    color:rgba(255,255,255,0.92);
    margin-bottom:55px;
}

.contactInfoGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:26px;
}

.contactInfoCard{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:30px;
    padding:32px;
    display:flex;
    align-items:flex-start;
    gap:22px;
    backdrop-filter:blur(10px);
    transition:.4s ease;
}

.contactInfoCard:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,0.12);
}

.contactInfoCard i{
    width:74px;
    height:74px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    flex-shrink:0;
}

.contactInfoCard:nth-child(2) i{
    background:linear-gradient(135deg,#62B5E5,#8fd8ff);
}
.contactInfoCard:nth-child(1) i{
    background:linear-gradient(135deg,#404041,#6a6a6a);
}
.contactInfoCard:nth-child(4) i{
    background:linear-gradient(135deg,#404041,#6a6a6a);
}
.contactInfoCard:nth-child(3) i{
    background:linear-gradient(135deg,#62B5E5,#8fd8ff);
}


.contactInfoCard h3{
    font-size:22px;
    line-height:1.3;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
}

.contactInfoCard p,
.contactInfoCard a{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
    text-decoration:none;
    margin:0;
    text-align:left;
}


/* =========================================
SECTION 2
========================================= */

.regionalSection{
    padding:0 0 110px;
}

.regionalSection .sectionHeading span{
    background:rgba(98,181,229,0.12);
    color:var(--navy);
}

.regionalGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.regionalCard{
    border-radius:34px;
    padding:40px 36px;
    position:relative;
    overflow:hidden;
    transition:.4s ease;
    box-shadow:0 20px 50px rgba(4,30,66,0.08);
}

.regionalCard:hover{
    transform:translateY(-10px);
}

.regionalCard::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    top:-90px;
    right:-90px;
}

.regionalCard:nth-child(odd){
    background:var(--navy);
}


.regionalCard:nth-child(even){
    background:var(--blue);
}

.regionalCard h3,
.regionalCard p,
.regionalCard a{
    position:relative;
    z-index:2;
}

.regionalCard h3{
    font-size:22px;
    line-height:1.3;
    font-weight:700;
    color:#fff;
    margin-bottom:16px;
}

.regionalCard p{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
    margin-bottom:18px;
    text-align:left;
}

.regionalCard a{
    font-size:15px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
}


/* =========================================
SECTION 3
========================================= */

.directSection{
    padding:0px;
}

.directSection .sectionHeading span{
    background:rgba(200,16,46,0.10);
    color:var(--navy);
}

.directGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.directCard{
    border-radius:34px;
    padding:46px 36px;
    text-align:center;
    overflow:hidden;
    position:relative;
    transition:.4s ease;
    box-shadow:0 20px 50px rgba(4,30,66,0.08);
}

.directCard:hover{
    transform:translateY(-10px);
}

.directCard::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    top:-90px;
    right:-90px;
}

.directCard:nth-child(1){
    background:var(--navy);
}

.directCard:nth-child(2){
    background:var(--blue);
}

.directCard:nth-child(3){
    background:var(--dark);
}

.directIcon{
    width:88px;
    height:88px;
    border-radius:26px;
    background:rgba(255,255,255,0.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 30px;
    position:relative;
    z-index:2;
    backdrop-filter:blur(10px);
}

.directIcon i{
    font-size:34px;
    color:#fff;
}

.directCard h3,
.directCard p,
.directCard a{
    position:relative;
    z-index:2;
}

.directCard h3{
    font-size:22px;
    line-height:1.3;
    font-weight:700;
    color:#fff;
    margin-bottom:16px;
}

.directCard p{
    font-size:15px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
    margin-bottom:20px;
    text-align:center;
}

.directCard a{
    font-size:16px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
}


/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){

    .contactHeroBox{
        padding:70px 50px;
    }

    .contactHeroBox h2,
    .sectionHeading h2{
        font-size:38px;
    }

    .regionalGrid,
    .directGrid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){

    .contactHero{
        padding:75px 0;
    }

    .regionalSection,
    .directSection{
        padding:0 0 75px;
    }

    .contactHeroBox{
        padding:50px 28px;
        border-radius:28px;
    }

    .contactHeroBox h2,
    .sectionHeading h2{
        font-size:30px;
        line-height:1.2;
    }

    .contactHeroBox > p,
    .contactInfoCard p,
    .contactInfoCard a,
    .regionalCard p,
    .directCard p{
        font-size:14px;
        line-height:1.9;
    }

    .contactInfoGrid,
    .regionalGrid,
    .directGrid{
        grid-template-columns:1fr;
    }

    .contactInfoCard{
        flex-direction:column;
        padding:28px 24px;
    }

    .regionalCard,
    .directCard{
        padding:32px 24px;
        border-radius:28px;
    }

    .regionalCard h3,
    .directCard h3{
        font-size:22px;
    }

    .directIcon{
        width:72px;
        height:72px;
        border-radius:22px;
    }

    .directIcon i{
        font-size:28px;
    }
}





.journeyTimeline {
    padding: 50px 0 20px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}

.journeyHeading {
    text-align: left;
    margin-bottom: 90px;
}

.journeyHeading span {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid var(--blue);
    color: var(--navy);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 30px;
	border-radius:10px;
}

.journeyHeading h2 {
    font-size: 28px;
    font-weight: 400;
    color: var(--navy);
    margin: auto;
    line-height: 1.6;
    letter-spacing: -0.5px;
}

.timelineWrapper {
    position: relative;
    max-width: 1100px;
    margin: auto;
    padding-left: 60px;
}

/* Minimalist vertical rule */
.timelineWrapper::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--light);
}

.timelineItem {
    position: relative;
    display: flex;
    gap: 60px;
    margin-bottom: 80px;
    align-items: flex-start;
}

.timelineItem:last-child {
    margin-bottom: 0;
}

/* Premium flat year tags */
.timelineYear {
    position: relative;
    min-width: 200px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background-color: var(--navy);
    color: var(--light);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px 20px;
    border-left: 4px solid var(--blue);
	border-radius:15px;
}

.timelineContent {
    flex: 1;
    background-color: transparent;
    padding-top: 15px;
}

.timelineContent h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}

.timelineContent p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--dark);
    margin: 0;
}

/* ===== RESPONSIVE ===== */

@media(max-width: 991px) {
    .timelineWrapper {
        padding-left: 80px;
    }

    .timelineItem {
        gap: 40px;
    }

    .timelineYear {
        min-width: 160px;
        font-size: 18px;
        height: 60px;
    }
    
    .journeyHeading h2 {
        font-size: 24px;
    }
}

@media(max-width: 767px) {
    .journeyTimeline {
        padding: 60px 20px;
    }

    .journeyHeading {
        margin-bottom: 50px;
    }

    .timelineWrapper {
        padding-left: 0;
    }

    .timelineWrapper::before {
        display: none;
    }

    .timelineItem {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 50px;
    }

    .timelineYear {
        width: 100%;
        min-width: 100%;
        height: 50px;
        justify-content: flex-start;
        padding-left: 20px;
    }

    .timelineContent {
        padding-top: 5px;
    }

    .timelineContent h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .timelineContent p {
        font-size: 15px;
        line-height: 1.7;
    }
}






.impactBanner{
    position:relative;
    padding:60px 3%;
    overflow:hidden;
    border-radius:40px;
    background:
    linear-gradient(135deg,
    #414142 0%,
    #2c2c2c 45%,
    #242424 100%);
    box-shadow:0 30px 80px rgba(4,30,66,0.18);
}

.impactOverlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 30%);
}

.impactBanner::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    top:-180px;
    right:-120px;
}

.impactBanner::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    bottom:-120px;
    left:-80px;
}

.impactContent{
    position:relative;
    z-index:2;
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.impactTag{
    display:inline-block;
    padding:12px 24px;
    border-radius:50px;
    background:rgba(255,255,255,0.12);
    color:#dff5ff;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:24px;
    backdrop-filter:blur(10px);
}

.impactContent h2{
    font-size:34px;
    line-height:1.2;
    font-weight:700;
    color:#fff;
    margin-bottom:28px;
}

.impactContent p{
    font-size:17px;
    line-height:2;
    color:rgba(255,255,255,0.92);
    margin:0 auto;
	text-align:center;
}

.impactHighlight{
    margin-top:30px !important;
    font-size:24px !important;
    line-height:1.6 !important;
    font-weight:700;
    color:#fff !important;
    max-width:850px;
}


/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .impactBanner{
        padding:60px 20px;
    }

    .impactContent h2{
        font-size:28px;
    }
}

@media(max-width:767px){

    .impactBanner{
        padding:55px 20px;
        border-radius:28px;
    }

    .impactTag{
        font-size:11px;
        letter-spacing:1.5px;
    }

    .impactContent h2{
        font-size:24px;
    }

    .impactContent p{
        font-size:14px;
        line-height:1.9;
    }

    .impactHighlight{
        font-size:18px !important;
    }
}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){
.headerArea{padding:10px; display:block;}
.headerArea [class^="col-"]:last-child{height:0;}
.logo img{height:75px;}
}

@media (max-width: 767px){

.welcomeArea{padding:40px 0;}
.welcomeArea h2{font-weight:700; font-size:26px;}

.project-slider{height:60vh;}
.project-slider .sliderContent{width:100%; text-align:center;}
.project-slider .sliderContent h2{font-size:18px; line-height:1.5; margin-bottom:0;}

.countArea [class^="col-"] > div{justify-content: start; margin-bottom:15px;}

.omArea a, .coalMovementArea a{margin-bottom:30px;}

.coalMovementArea img{width:100%;}
.coalMovementArea .floatBox{ width:100%; clear:both; position:static; text-align:center;}
.coalMovementArea ul li{width:100%;}


.mileStoneAreaNew span:after{right:0;border-right: 23px solid #fff; border-left:0;}
.mileStoneAreaNew [class^="col-"]{border:none}
.mileStoneAreaNew [class^="col-"] span:before{position:absolute; left:0; z-index:5; top:0px; bottom:0; content:''; display:block; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 23px solid #fff;}
.mileStoneAreaNew .milestone-wrapper .row:nth-child(2n-2) span::after{border-right-color:#fff!important;}
.mileStoneAreaNew .milestone-wrapper .row:nth-child(2n-2) [class^="col-"]:first-child span::before {
  border-right: none !important;
  left: 0;
  border-left: 23px solid #fff !important;
}

.mileStoneBox{padding:40px 0 0;}
.mileStoneBox img{position:static; height:auto; max-width:100%; margin-top:25px;}
.mileStoneBox h3{font-size:28px;}
.mileStoneBox h4{font-size:18px;}


.logoArea h3{font-size:24px;}
.logoArea h4{font-size:20px;}

.simply-scroll .simply-scroll-list li{width: 80px;}

.footerArea{ text-align:center;}
.footerArea ul{margin:10px 0;}


.footerSocial{padding-top:20px;}
.footer-down{text-align:center; font-size:12px;}
.footer{text-align:center;}
.footer [class^="col-"]{border:none; margin-bottom:15px;}
.footer h6 {padding-left: 0; border-left: 0;}

}

@media (max-width: 500px){

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}