/*common style*/
.bottom_header .container {display: flex;justify-content: space-between; align-items: center;}
.bottom_header { border-bottom: .1rem solid #ECECEC;padding: 1rem 0;background: #fff;}

/*0 to 991 */
/*.header .nav.navbar-menu, */
.top_header {display: none;}
.logo img { width: 14rem;}
/*hamburger menu icon*/

#hamburger_menu{
  width: 2.3rem;
  height: 2.3rem;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;top: .2rem;
}

#hamburger_menu span{
  display: block;
  position: absolute;
  height: .3rem;
  width: 100%;
  background: rgb(7,122,64);
  background: linear-gradient(90deg, rgba(7,122,64,1) 35%, rgba(1,76,144,1) 86%);
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger_menu span:nth-child(1) {top: 0;}
#hamburger_menu span:nth-child(2),#hamburger_menu span:nth-child(3) {top: .9rem;width: 2rem;left: auto;right: 0;}
#hamburger_menu span:nth-child(4) {top: 1.8rem;}
#hamburger_menu.open span:nth-child(1) {top: 1.8rem; width: 0%; left: 50%;}
#hamburger_menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger_menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#hamburger_menu.open span:nth-child(4) { top: .9rem; width: 0%; left: 50%;}
/*#hamburger_menu:hover span:nth-child(2) { width:auto;}*/


/*hamburger menu icon*/
.header.sticky {position: fixed; width: 100%; top: 0; box-shadow:0 1rem 1rem #5757570a;z-index: 999;transform: translateY(0rem);}
.header { transform: translateY(0); transition: transform .3s ease-in-out;position: relative;z-index: 999;}
.mobile-device-menu{display: block;}
.tabs.mega_menu_section{display: none;}
li.cta-request-head {display: none;transition: 0.5s;}


.header.sticky li.cta-request-head a {
    background: #0868a0;
    color: #fff;
    border-radius: 2.5rem;transition: 0.5s;
    padding: .7rem 1.6rem !important;
}
.bottom_header .bg-icon {
    width: 2.7rem;
    height: 2.7rem;
    margin-right: 1rem;
}

@keyframes slideDown {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
}}

/*0 to 991 */

@media (min-width: 992px) {
  .header.sticky li.cta-request-head {display: flex;align-items: center;transition: 0.5s;}
.bottom_header .container{position: relative;padding: 0;}
.bottom_header{padding: 0;}
.header .nav.navbar-menu{display: block;}
#hamburger_menu{display: none;}
.logo img { width: auto;}

/*.header li { padding: 0 1.6rem;}*/
.top_header li { padding: 0 1.6rem;}
.header .bottom_header ul.nav > li > a{ padding: 2.5rem 1.6rem;position: relative;}
.header .bottom_header ul.nav > li.drop_menu > a::before, .header .bottom_header ul.nav > li.drop_menu_mega > a::before{background:#0868a0;width:100%;height:0;position:absolute;bottom:0;left:0;content:''; transition: 0.3s;opacity: 0;}
.header .bottom_header ul.nav > li.drop_menu:hover > a::before, .header .bottom_header ul.nav > li.drop_menu_mega:hover > a::before{height: .2rem;opacity: 1;}
.header .bottom_header li svg {height: 1rem; fill: #eee; margin-left: .6rem;transition: 0.3s}

.header li a { display: flex; align-items: center;}
.header li:hover > a{color: #0868a0;}
.header li svg path {fill: #ccc;}
.header .bottom_header li:hover svg{transform: rotate(180deg);}
.header li:hover svg path{fill: #0868a0;}
.top_header {background: #F6FBFD;display: block;}
.top_header ul {display: flex;align-items: center; justify-content: flex-end;}
.top_header ul a { font-size: 1.4rem;color: #4C4F4B;display: flex;align-items: center;}
.top_header ul a img { margin-right: 1rem;}
.top_header ul li:last-child a { background: #0868a0;color: #fff;padding: .7rem 2.5rem;}
.top_header ul li:last-child a:hover{background: var(--orangecolor);}
.top_header ul li:last-child {padding-right: 0;}
.top_header ul li:last-child a img {margin: 0 0 0 .7rem;}
.bottom_header .nav > ul > li:last-child { padding-right: 0;}

.header.sticky {transform: translateY(0rem); position: fixed; width: 100%; top: 0; background: #fff;box-shadow:0 1rem 1rem #5757570a;}
.header {transform: translateY(0); transition: transform .3s ease-in-out;position: relative;z-index: 999;}
header.header.sticky.add-space{transform: translateY(-4rem);}

/*Mega-menu*/


.mega_menu_main { display: flex; align-items: center; justify-content: space-between; width: 100%; background: #fff;flex-wrap: wrap;}
.header .mega_menu_main a { font-size: 1.4rem; font-weight: 500; border-radius: 1.5rem; padding: 1.2rem 1.5rem; box-shadow: 0 .4rem 1.1rem #ECF7FF;
  align-items: center; border: .1rem solid #F3F3F3;line-height: 1.2;}
.header .mega_menu_main a:hover, .header .mega_menu_main li.active a{background: #F4FAFD;border-color: #CBE5FF;color: #161616;}
.mega_menu_main li { width: 16.5%; padding: 0 .5%;}
.mega_menu_main a img { margin-right: 1rem; margin-top: 0;transition: 0.3s;}
.header .mega_menu_main a:hover img {transform: translateX(.3rem);}
.mega_menu_main li:first-child { padding-left: 0;}
.mega_menu_main li:last-child { padding-right: 0;}
.tabs.mega_menu_section { position: absolute; width: 100%; left: 0; background: #fff; top: 100%; padding: 2rem;border-radius: 0 0 1.5rem 1.5rem; display: none;border-top: .1rem solid #ECECEC;box-shadow: 0 .8rem 1rem #33333321;}

.drop_menu_mega:hover .tabs.mega_menu_section{display: block;}
.menu-sec-left ul {display: grid; grid-template-columns: auto auto auto;}
.sub-mega-menu {display: flex;gap: 1.5%;box-sizing: border-box;margin-top: 2rem;}
.menu-sec-left { background: #EEF8FC; width: 60%; border-radius: 1.5rem; padding: 2rem;}
.Menu_section_two_layout {width: 38%;}
.menu-sec-left ul { display: grid; grid-template-columns: auto auto auto;}
.other-menu-box { width: 20%; background: #F7FBF5; padding: 2rem; border-radius: 1.5rem;}
.other-menu-box.last-other-box { background: #FFF7F2;}
.sub-mega-menu li { padding: .8rem 0;}
.sub-mega-menu li a { font-size: 1.5rem; line-height: 1.2;position: relative;}
.sub-mega-menu li a::before{background: #086baf;height: .2rem;left: -1.3rem;width:0rem;top:.8rem;position: absolute;content: '';transition: 0.3s;border-radius: 10rem;}
.sub-mega-menu li:hover a::before{width: 1rem;transition: 0.3s;}
.sub-mega-menu li:hover a{transform: translateX(1rem);}
.sub-mega-menu span {font-weight: bold; font-size: 1.8rem; display: block; margin-bottom: 1rem;}

/*Mega-menu*/

/*Mobile menu*/

.mobile-device-menu{display: none;}
/*.nav.navbar-menu.relative{position: relative;}*/
.open-main-submenu { position: absolute;left: 0; top: 100%; background: #fff; width: 100%;border-radius: 0 0 1.5rem 1.5rem; display: flex; justify-content: space-between;
padding: 2.5rem 2.5rem 2.5rem 0;border-top: .1rem solid #ECECEC; display: none;box-shadow: 0 .8rem 1rem #33333321;}
.drop_menu:hover .open-main-submenu{display: flex;}
.menu-image {padding: 2rem 0rem 0; background: #edf8ff url(../images/work_menu_bg.png) no-repeat ;background-blend-mode: normal; border-radius: 1.5rem;
text-align: center; max-width: 32rem;height: 100%;}
.work-menu .menu-image{background: #edf8ff url(../images/work_menu_bg.png) no-repeat ;background-blend-mode: normal;}
.open-main-submenu a {font-size: 1.6rem;transition: 0.3s; font-weight: 500; padding: 1.4rem 3rem;position: relative;z-index: 9;}
.open-main-submenu .sub-menu a::before{background: #F4FAFD;position: absolute;left: 0;top: 0;width: 0%;height: 100%;content: '';border-radius: 0rem 3.5rem 3.5rem 0;transition: 0.5s;z-index: -1;}
.open-main-submenu .sub-menu a:hover::before{width: 100%;opacity: 1;}
.open-main-submenu .sub-menu a img { margin-right: 1rem;transition: 0.3s;}
.open-main-submenu .sub-menu a:hover img{transform: translateX(.3rem);}
.menu-image p { font-size: 1.8rem; font-weight: 600; color: #10316B; margin: 0 auto 2rem; max-width: 90%; line-height: 1.3;}
.open-main-submenu a.orng_cta { padding: .6rem 4rem .6rem 1.5rem; display: inline-block; margin-bottom: 1rem;}
.open-main-submenu a.orng_cta img { margin: 0;}

.Menu_section_two_layout .menu-image { max-width: 100%;display: grid;align-items: flex-end;}
.Menu_section_two_layout a.orng_cta { display: inline-flex;padding: .6rem 4rem .6rem 2rem;}


}


@media (max-width: 1199px) {
    .header .bottom_header ul.nav > li > a {  padding-left: .5rem;  padding-right: .5rem;   }

}

@media (max-width: 991px) {

.nav.navbar-menu {position: absolute;top: 100%;background: #fff;width: 100%;left: 0;z-index: 999;transform: translateX(100%); transition: 0.3s;height: 100vh;display: grid;align-items: flex-start;padding-top: 2rem;overflow-y: auto;
    padding-bottom: 14rem;}
.nav.navbar-menu.open{transform: none;}
.nav.navbar-menu li {width: 100%;}
.nav.navbar-menu > ul > li, .nav.navbar-menu > ul{padding: 0 1rem;}
.nav.navbar-menu li a {display: flex;justify-content: space-between;font-size: 1.8rem;font-weight: 500;align-items: center;padding: 1.3rem .5rem;}

.nav.navbar-menu li a svg {margin-left: auto;width: 1.6rem;transition: 0.3s;}
.nav.navbar-menu li a svg path{fill: #d1d1d1;}
.nav.navbar-menu > ul > li > a{border-top: .1rem solid #D8D8D8;}
.nav.navbar-menu > ul > li.active > a{color:  #0868a0;border-top: 0;border-bottom: .1rem solid #D8D8D8;}
.nav.navbar-menu > ul li:first-child a{border-top: 0;}
.nav.navbar-menu > ul > li.active + li a { border-top: 0;}
.nav.navbar-menu .sub-menu.mobile-device-menu a {justify-content: flex-start;font-size: 1.6rem;}
.nav.navbar-menu .sub-menu.mobile-device-menu a img{margin-right: 1rem;}
.nav.navbar-menu > ul > li.active {background: #F4FAFD; padding:0 1rem; border-radius: 1.5rem;}
.nav.navbar-menu > ul > li > ul{padding:0 .5rem;}

.nav.navbar-menu > ul > li > ul > li > ul.sub-menu{padding:0 .5rem 0 3.7rem;overflow-y: auto;    max-height: 20rem;}
.nav.navbar-menu .sub-menu.mobile-device-menu li ul a{font-size: 1.4rem;padding: .7rem .5rem;font-weight: normal;}
.nav.navbar-menu .sub-menu.mobile-device-menu li.active > a { color: #0868a0;}

.header li.active > a svg path{fill: #0868a0;}
.header li.active > a svg{transform: rotate(180deg);}
/*.nav.navbar-menu > ul { overflow-y: auto; max-height: 50rem;}*/
.mobile-device-menu .sub-menu, .mobile-device-menu, .open-main-submenu{ display: none;}
.nav.navbar-menu .sub-menu.mobile-device-menu a br { display: none;}



}


/*Mobile menu*/