/*UI14041994*/
header {position: fixed;z-index: 99;left: 0;right: 0;width: 100%; transition: 0.5s ease-in-out; --offcanvas-width: 40rem}
header:before{content:""; width:100%; height:1rem;background-color:#2F3192;left:0; right:0; top:0;position:absolute; }
/* header .container{max-width: 1760px;margin: auto;position:relative;} */
header>.container{position: relative;}
header>.container:after{content:""; width:min(45%, 500px); height:1rem;background-color: var(--redcolor);left:0;top:0rem;position:absolute; }
/*body.header-sticky header{margin-top: -20rem;transition: .5s;}*/
.header.sticky .home_header{transform: translate(0px, -33px);transition: 0.5s;background: #4B0200;}
body.header-down header{margin-top: 0rem;}
header.sticky{background: #4B0200;position: fixed;top: 0;transition: 0.5s;}
header.sticky::after{background:url(../images/header-border.jpg);background-repeat: no-repeat;height: .3rem;background-size: cover;width: 98rem;content: "";position: absolute;top: 0;right: 0;}
header nav.navbar.navbar-expand-lg.navbar-light{padding: 0 0  1.5rem;}
header.sticky nav.navbar.navbar-expand-lg.navbar-light{padding: 0 0  0rem;transition: 0.5s;}
.home_header, .inner_header{padding: 0rem 0 0rem;border-bottom:1.5px solid rgb(255 253 253 / 45%);}
.home_header.sticky, .inner_header.sticky{padding: 0rem 0 1.5rem;border-bottom:none;}
.navbar-brand img{width: 50rem;}
.top-btn{z-index:1;margin-top: 0rem; position: relative;}
.top-btn>ul{justify-content: end;display: flex;}
/* .top-btn>ul>li{margin-left:1rem;} */
.top-btn>ul>li>a{padding:0.2rem 3rem 0.4rem 1.4rem; font-size: 1.8rem; position: relative; background-color: var(--redcolor); color:var(--colorwhite); z-index: 2;}
.top-btn>ul>li>a.brown-btn{background-color: #AF1219;}
.top-btn>ul>li:hover > a{color: #000; background-color: #fff;}
.top-btn>ul>li>a::after{ content:''; position: absolute; right: .7rem; top: 50%; width: .7rem; height: 1.4rem; background-image: url('../images/arrow-white.svg'); background-size: contain; background-repeat: no-repeat; translate: -100% -45%; rotate: 90deg; transition:.3s all ; -webkit-transition:.3s all ; -moz-transition:.3s all ; -ms-transition:.3s all ; -o-transition:.3s all ; }
.top-btn>ul>li:hover > a::after{ filter:brightness(0) ; -webkit-filter:brightness(0); }

.mega-menu{position: fixed; inset: 0; bottom: 0; background: #fff; display: none;height: 100%;overflow-x: hidden;overflow-y: scroll;background: rgba(255, 255, 255, .5);backdrop-filter: blur(7px);}
.mega-menu .mega-menu-inner{height: 100dvh; min-height: 1200px; max-height: 1200px; display: flex; padding: 8rem 10rem 6rem; column-gap: 5rem;background-color: #fff;}
.mega-menu-left{min-width: 34rem; width: 34rem; padding-right: 2.5rem}
.mega-menu-right{min-width: 20%; flex-grow: 1;}
.mega-menu-left ul{background: #fff}
.mega-menu-left li{position: relative; isolation: isolate; line-height: 1.4;}
.mega-menu-left li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, .09);}
.mega-menu-left li a, .mega-menu-left li:not(:has(a)){padding: 2rem 4rem; display: block; font-size: 2rem; font-weight: 600; color: #000; cursor: pointer;}
.mega-menu-left li::before{ content: ''; position: absolute; inset: 0; width: calc(100% + 3rem); background: var(--redcolor); z-index: -1; opacity: 0; transition:.4s all ; -webkit-transition:.4s all ; -moz-transition:.4s all ; -ms-transition:.4s all ; -o-transition:.4s all ; }
.mega-menu-left li:hover::before{opacity: 1;}
.mega-menu-left li:hover{color: #fff;}
.mega-menu-left li:hover a{color: #fff;}
.mega-menu-left li.active::before{opacity: 1;}
.mega-menu-left li.active, .mega-menu-left li.active a{color: #fff;}
.mega-menu-right{display: grid;}
.mega-menu-items{max-height: calc(92dvh - 16rem); grid-area: 1/1; display: none;}
.mega-menu-items.show{display: block;}
.mega-menu-items:is(.railway_solution){display: block; opacity: 1;}
.mega-menu-right .row .solution_category{
  width: 100%;
  padding-bottom: 3rem;
}
.railway_solution .row .solution_category h6{
  margin-top: 2rem;
}
.mega-menu-items h5{font-size: 2.4rem; font-weight: 600; color: #4B0200; margin-bottom: 3rem; margin-top: 2.5rem}
.mega-menu h6{font-size: 1.8rem; color: var(--redcolor) !important; margin-bottom:2rem; font-weight: 700;} 
.mega-menu-items .d-flex{column-gap: 3rem; row-gap: 4rem;}
.mega-menu-items .solution_category{width: calc(25% - 3rem); flex-grow: 1;}
.mega-menu-items .solution_category h6 a {color: var(--redcolor) !important;}
.mega-menu-items .solution_category h6 a:hover {color: #000 !important;}
.solution_category ul li a{color: #4B0200; font-size: 1.4rem; font-weight: 500; line-height: 1.4; margin-bottom: 1.3rem;}
.solution_category ul{padding-left: 1rem}
.solution_category ul li a:hover{color: var(--redcolor);}
.mega-menu-items.railway_solution .solution_category:nth-child(3){width: calc(50% - 3rem); flex-grow: 1;}
.mega-menu-items.railway_solution .solution_category:nth-child(3) ul{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem}

.mega-close{position: absolute; right: 10rem; top: 6rem; display: block; cursor: pointer;}
.mega-close .btn{width: 3rem; height: 2.5rem; position: relative; rotate: 45deg; padding: 0;}
.mega-close .btn::after, .mega-close .btn::before{content: ''; position: absolute; height: 2px; left: 0; background: var(--redcolor); width: 100%; top: 50%; translate: 0 -50%;}
.mega-close .btn::before{rotate: 90deg}
.services-megamenu-content li:hover h6{ color:#4B0200;}
.services-megamenu{background: rgba(255,255,255,.5); backdrop-filter: blur(7px);}
/* .services-megamenu::backdrop{position: fixed; inset: 0; background-color: #fff; opacity: .6; backdrop-filter: blur(7px);} */
.services-megamenu .mega-menu-inner{max-width: 35%; margin-left: auto; background: #fff; padding-top: 10rem; position: relative;}
.services-megamenu ul{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 4rem; row-gap: 4rem;}
.services-megamenu ul li{padding-bottom: 2rem; border-bottom: 1px solid rgba(0,0,0,.09); position: relative;}
.services-megamenu ul li a::before{position: absolute; content: ''; inset: 0;}
/* .sticky.home_header .navbar-brand, .sticky.inner_header .navbar-brand {transition: 0.5s;width: 10%;}
.sticky.home_header .navbar-brand img, .sticky.inner_header .navbar-brand img{max-width: 70%;transition: 0.5s;}
.sticky {position: fixed;top: 0;width: 100%;background: #fff;transition: 0.5s;}
.sticky.home_header, .sticky.inner_header{transition: 0.5s;padding: 1rem 0;} */
.inner_header .navbar-expand-lg .navbar-nav .nav-link{color: var(--black);cursor: pointer;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#FFB300;}
.navbar-expand-lg .navbar-nav .nav-link {text-transform: capitalize;padding: 0;font: var(--font21);color: var(--colorwhite);font-weight: 700; font-size: 2rem;}
.navbar-expand-lg .navbar-nav .nav-item {padding-right:4rem;padding-bottom:1.5rem;}
.navbar-expand-lg .navbar-nav .nav-item:last-child {padding-right: 0rem;cursor: pointer;}

.navbar>.container{ display: flex; flex-wrap: inherit; align-items: end; justify-content: space-between;}

/*--offcanvas-css-start--*/
.offcanvas.offcanvas-end {--canvas-offset: calc(100vw - var(--offcanvas-width)); width: 100vw; max-height: 100vh; background: linear-gradient(to right, rgba(255,255,255,.8)var(--canvas-offset), rgba(255,255,255,0)var(--canvas-offset)); backdrop-filter: blur(7px); display: flex; justify-content: end;}
/* .offcanvas-body {} */
.offcanvas-body{padding: 0; display: flex; flex-direction: column; width: var(--offcanvas-width); margin-left: auto; position: relative;}
.menu_accordain_wrap{padding:9rem; background:#4B0200dd;}
.offcanvas-body ul li .nav-link {color: var(--colorwhite); padding: 0; padding: .7rem 0rem; font-weight:400;}
.offcanvas-body ul li .nav-link:hover {color: #FFB300; }
.offcanvas-header {display: flex;align-items: center;justify-content: flex-end;padding:0rem;}
.offcanvas-backdrop {width: 0;transition: .5s;}
.offcanvas-backdrop.show {opacity: 0.88;background: var(--colorwhite);width: 0;}
.btn-close{color: var(--colorwhite);  filter: invert(1);}
.offcanvas-body .btn-close{position: absolute; right: 2rem;top: 2rem;font-size: 1.8rem;}

.side-contact-us{padding: 5rem 9rem; background: #EC1B24dd; flex-grow: 1;}
.side-contact-us h6{color: #fff; margin-bottom: 3rem; font-weight: 400;}
.side-contact-us li img { min-width: 22px; filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); margin-right: 1rem}
.side-contact-us p{margin-bottom: 4rem;}
.side-contact-us p, .side-contact-us .contact_fax a{color: #fff;}
.side-contact-us .contact_fax{flex-direction: column; align-items: flex-start;}
.offcanvas-body .follow-us{ background:#4B0200dd; padding: 5rem 9rem}
.offcanvas-body .follow-us p{color: #fff; font-weight: 400;white-space: nowrap;}
/* .side-contact-us h6{font-size: ;} */


.nav-item.dropdown{padding-right:0;}
.menu-nav ul .dropdown-content a{font-size: 2.1rem; line-height: 1; padding: 1.2rem 1rem; white-space: nowrap; font-weight: 500; letter-spacing: 0;}
.dropdown-content a:hover{background-color:var(--colorwhite);}
.drop-menu { position: relative;}
.dropbtn {color: white;padding: 1.6rem;font-size: 1.6rem;border: none;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: var(--blue_color); box-shadow: 0px .8rem 1.6rem 0px rgba(0,0,0,0.2); z-index: 1;top: 100%; border-radius:.5rem; padding:0 1rem; -webkit-border-radius:.5rem; -moz-border-radius:.5rem; -ms-border-radius:.5rem; -o-border-radius:.5rem; }
.dropdown-content a {padding: 1.2rem 1rem;text-decoration: none;display: block;    border-bottom: 1px solid #ffffff21;}
/*.dropdown-content a:hover {background-color: #000;}*/
.dropdown:hover .dropdown-content {display: block;width:300px;}
.navbar-nav ul > li a {color: #fff;font-weight: 600;    text-decoration: none;font-family: var(--Open-sans);letter-spacing: .12rem;position: relative;z-index: 2;}

.dropdown-content li a {color: #000;position: relative;text-transform: capitalize;text-decoration: none;}
.dropdown-content ul.sub_menu a {display: block;}
.dropdown-content a:last-child{border-bottom:0;}
.dropdown-content li:hover ul.sub_menu {display: block;}
.dropdown-content ul.sub_menu {display: none; position: absolute; background:  var(--blue_color); width: 260px; z-index: 999;right: -270px;top: 0;}
.dropdown-content ul.sub_menu li{border-bottom: 1px solid #ffffff21;}
.dropdown-content ul li {position: relative; display: block; margin: 0 0.6rem;border-bottom: 1px solid #ffffff21;}






@media (min-width: 1200px){
  header .container {
    max-width: 1150px;
      margin: auto;
      padding: 0;
  }

  .header-container .container {
      max-width: 1150px;
      margin: auto;
      padding: 0;
  }
}
@media (min-width: 1400px){
  header .container {
      max-width: 1366px;
  }

  .header-container .container {
      max-width: 1366px;
  }
}
@media (min-width: 1600px){
  header .container {
      max-width: 1535px;
  }
  .header-container .container {
      max-width: 1535px;
  }
}


@media (max-width: 1799px) {
  .solution_category ul li a {
    margin-bottom: .6rem;
    font-size: 1.3rem;
}
  .mega-menu-right .row .solution_category{
    padding-bottom: 2.5rem;
  }
}


@media (max-width: 1649px) {
  /* header .container {max-width: 1320px;} */
  .navbar-expand-lg .navbar-nav .nav-item {padding-right: 3rem;}
  /* .offcanvas-body {padding: 0 8rem;} */
  header.sticky::after {width: 80rem;}

  .solution_category ul li a{font-size: 1.2rem; margin-bottom: .8rem;}
  .mega-menu .mega-menu-inner{column-gap: 4rem;}
  .mega-menu-items h6{font-size: 1.6rem;}
  .mega-menu-items h5{font-size: 2rem;}
  .mega-menu-left li a, .mega-menu-left li:not(:has(a)){font-size: 1.8rem;}
  .mega-menu-left{min-width: 32rem; width: 32rem;}
  .mega-menu .mega-menu-inner{padding-inline: 6rem}
  
  .side-contact-us h6{margin-bottom: 2rem;}
  .side-contact-us p {margin-bottom: 2.5rem;}
  .offcanvas-body .follow-us{padding-bottom: 4rem 5rem;}
  /* .side-contact-us{padding: 4rem 5rem} */
  .menu_accordain_wrap{padding-block: 8rem;}
  .mega-menu .mega-menu-inner{padding: 5rem 10rem 6rem;}
  .solution_category ul li a{font-size: 1.1rem;}
  .services-megamenu ul li p a {font-size: var(--font-11);}
}/*--1649-end--*/

@media (max-width: 1440px) {
  .mega-menu-items h5{font-size: 1.8rem; margin-bottom: 2.5rem; margin-top: 2.2rem}
  .mega-menu-left li a, .mega-menu-left li:not(:has(a)){font-size: 1.6rem; padding: 2rem 3rem;}
  .solution_category ul li a{font-size: 1rem; margin-bottom: .5rem;}
  .mega-menu-items .d-flex{column-gap: 1.5rem; row-gap: 3rem;}
  .mega-menu-left{ min-width: 27rem; width: 27rem; padding-right: 1.5rem}
  .mega-menu-left li::before{width: calc(100% + 1.5rem)}
  .mega-menu-items h6{font-size: 1.3rem; margin-bottom: 2rem; padding-right: 1rem}
  .mega-menu .mega-menu-inner{padding-inline: 4rem; padding-top: 6.6rem}
  .mega-menu-items{max-height: calc(92dvh - 12rem);}
  .mega-menu .mega-menu-inner{padding-top: 10rem; padding-inline: 8rem}
  .mega-menu .mega-menu-inner{padding-inline: 3rem;}
  .mega-menu .mega-menu-inner{min-height: auto;}
}

/*--1440-end--*/


@media (max-width: 1399px) {
  .home_header{padding: 0rem 0; --offcanvas-width: 29rem}
  .inner_header {padding: 1.2rem 0;}
  .navbar-expand-lg .navbar-nav .nav-link {font-size: 1.4rem;}
  .navbar-expand-lg .navbar-nav .nav-item {padding-right: 3.8rem;}
   /* header .container {max-width: 1280px;} */
	.menu-nav ul .dropdown-content a{font-size: 2.1rem; }
  .top-btn>ul>li>a{font-size: 1.8rem;}
  .navbar-brand img{width: 35rem}
  header>.container:after{width: min(45%, 35rem); height: .7rem;}
  header:before{height: .7rem;}

  .offcanvas-body ul li .nav-link{padding-block: .5rem;}
  .menu_accordain_wrap {padding: 6rem 6.6rem}
  .side-contact-us{padding: 3.5rem 6.6rem 6.8rem}
  .side-contact-us h6{margin-bottom: 2rem;}
  .side-contact-us p {margin-bottom: 1.5rem;}
  .offcanvas-body .btn-close{font-size: 1.4rem;}
  .offcanvas-body .follow-us{padding: 3.5rem 6.6rem 5rem;}
  .side-contact-us li img{min-width: 18px}
}/*--1399-end--*/

@media (max-width: 1280px) {
  /* header .container {max-width: 1150px;} */
  .offcanvas-header {padding: 4rem 4rem;font-size: 1.6rem;}
  .offcanvas-body {padding: 0 0rem;}
  .menu-nav ul .dropdown-content a{font-size: 2.1rem; }
	.nav-item.dropdown{padding-right:0;}
  .mega-menu-left li a, .mega-menu-left li:not(:has(a)){font-size: 1.4rem; padding-inline: 2rem}
  .mega-menu-left{min-width: 23rem; width: 23rem;}
  .mega-menu .mega-menu-inner{column-gap: 3rem}
  .mega-menu-items h5{font-size: 1.6rem; margin-block: 2rem;}
  .mega-menu-items{max-height: calc(92dvh - 12rem); overflow-y: auto;}
}/*--1280-end--*/
@media (max-width: 1199px) {
  /* header .container {max-width: 992px;} */
  .navbar-expand-lg .navbar-nav .nav-item {padding-right: 2.8rem;}
  .navbar-expand-lg .navbar-nav .nav-link {font-size: 1.6rem;}
  header.sticky::after {width: 68rem;}
  .home_header {padding: 0rem 0 1rem;}

}/*--1199-end--*/
@media (max-width: 1050px) {}

@media (max-width: 991px) {
  .home_header.sticky .navbar-brand{padding:1rem 0 0 0;}
  .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
    border: none;

}
.hide_hemburgure{
  display: none;
}
header>.container{padding-top: 1.5rem;}
header {padding: 1rem 0;}
body.header-down header{padding-bottom: 0;}
header nav.navbar.navbar-expand-lg.navbar-light{ padding-top: 0rem}
header .navbar-brand {width: 24rem;margin: auto;transition: 0.5s}
header.sticky::after{width: calc(100% - 2rem);}
header::after {background: url(../images/header-border.jpg);background-repeat: no-repeat;height: 0.3rem;background-size: cover;width: calc(100% - 2rem);content: "";position: absolute;top: 0;right: 0;left: 50%;transform: translateX(-50%);}
header nav.navbar.navbar-expand-lg.navbar-light{padding: 0 0  0rem;}
body.header-down header nav.navbar.navbar-expand-lg.navbar-light{ padding-block: 2rem 1.5rem}
.top-btn{display: none;}
}/*--991-end--*/

@media (max-width:767px) {
  .inner_header .navbar-brand {
    width: 15%;
}
}

/*--1767-end--*/

@media (max-width:575px) {


}/*--575-end--*/


@media (max-width:375px) {
  header::after {background-size: contain;}

}
@media (max-width:320px) {
/* .sticky.home_header .navbar-brand, .sticky.inner_header .navbar-brand {
  transition: 0.5s;
  width: 20%;
} */
}/*--320-end--*/


.top-btn a.solutionstext {
    padding: 0.2rem 3rem 0.4rem 1.4rem;
    font-size: 1.8rem;
    position: relative;
    background-color: var(--redcolor);
    color: var(--colorwhite);
    z-index: 2;
    /* transition-delay:5s; */
}

/* .top-btn ul li .mega-menu { transition-delay:15s;} */

.top-btn a.solutionstext::after {
    content: '';
    position: absolute;
    right: .7rem;
    top: 50%;
    width: .7rem;
    height: 1.4rem;
    background-image: url(../images/arrow-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    translate: -100% -45%;
    rotate: 90deg;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}
.top-btn ul li a.solutionstext:hover {
    color: #000;
    background-color: #fff;
}
.top-btn a.solutionstext:hover::after{
    filter: brightness(0);
    -webkit-filter: brightness(0);
}


/* ------langue-menu--------- */

.dropdown>.dropdown-menu {display: block;transform: translateX(0) scaleY(0);opacity: 0;transform-origin: top;width: 100%;box-shadow: 6px 10px 9px 0px rgb(0 0 0 / 10%);border: none;top: 3.3rem;position: absolute;z-index: 9;background: var(--colorwhite);border-radius: 0;border-top: 2px solid #000;padding-block:0px 10px;}
.dropdown:hover>.dropdown-menu {transition: transform 0.3s, opacity 0.3s;transform: translateX(0%) scaleY(1);opacity: 1;}
.dropdown>.dropdown-menu li a {outline: none;color: var(--black);transition: 0.5s;display: block;font-size: var(--font-13);font-family: var(--Open-sans);padding:0.8rem 1.5rem;border-bottom: 1px solid #fff;}
.dropdown:hover>.dropdown-menu li a:hover {background: #a82020;padding-left: 2rem;color: #fff;}