/*
 * Stellarnav.js 2.5.0
 * Responsive, lightweight, multi-level dropdown menu.
 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
.stellarnav {/* position: relative; */width: 100%;z-index: 9900;line-height: normal;}
.stellarnav a { color: #777; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0;  line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 20px 40px; }

/* first level dd */
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; }
.stellarnav li li { display: block; }

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
.stellarnav.light {     background: rgb(255 255 255 / 0%);
 }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }

/* dark theme */
.stellarnav.dark { background: rgba(0, 0, 0, 1); }
.stellarnav.dark a { color: #FFF; }
.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav.dark li a { color: #FFF; }
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav li.has-sub > a:after {display:none;}
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a {padding-right: 15px;}
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }

.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; }

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #FFF; }
.stellarnav.mobile { position: static; }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul { right: 0; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */
.menuSec {
    padding: 20px 0;
    position: relative;
}
  .menuSec img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    object-fit: contain;
  }
  .menuSec ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    text-align: end;
  }
  .menuSec ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .menuSec li ul {
    display: none;
  }
  .menuSec ul li a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      color: #393939;
      padding: 21px 11px 21px 0;
      font-size: 15px;
      font-weight: 500;
  }
  .menuSec ul li a:after {
    content: '';
    position: absolute;
    top: 35%;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #39393900;
  }
    .header_bottom  ul li:last-child a {
        color: #fff;
    }
  .menuSec ul li:last-child a:after {
    display: none;
  }
  .menuSec ul li:hover p,
  .menuSec ul li.active p {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    color: #81b261;
  }
  .menuSec li:hover>ul {
    display: block;
    position: absolute;
    z-index: 9999;
    background-color: #ffffff;
    left: 0;
    width: 100%;
    text-align: left;
    top: 60px;
    padding: 30px 20px;
    transition: all 0.5s ease-in-out;
    border: 1px solid #ccc;
    border-radius: 30px;
  }
  .menuSec li>ul>li>a {
    border: none;
    padding: 13px 20px !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
  }
  
  .menuSec li>ul>li,
  .menuSec li>ul>li>a {
    display: block;
    margin: 0;
  }
  
  .menuSec li>ul>li>a:before,
  .menuSec li>ul>li>a:after {
    display: none;
  }
  .menuSec li:hover li {
    float: none;
  }
  
  .menuSec li:hover a {}
  
  .menuSec li ul li a:hover {
    background-color: #ffffff;
    color: #000000 !important;
  }
  
  .menuSec ul ul ul {
    left: 100%;
    top: 0;
  }
  
  .menuSec ul:before,
  .menuSec ul:after {
    content: " ";
    display: table;
  }
  .menuSec ul:after {
    clear: both;
  }
  .menuSec li>ul>li:hover>ul {
    left: 230px;
    top: 0px;
    width: 270px;
  }
  .droopdwon li:hover>ul {
      display: block;
      position: absolute;
      z-index: 1000;
      background-color: #000000;
      left: 0px;
      width: 230px;
      text-align: left;
      top: 40px;
  }
  .droopdwon {
      float: left;
  }
  .droopdwon li:hover li a:hover {
      background-color: #ffffff;
      color: #000 !important;
  }
  /*header css start */
  .dropdown-menu {
      position: absolute !important;
      z-index: 1000;
      display: block;
      min-width: 10rem;
      padding: 0.5rem 0;
      margin: 0;
      font-size: 1rem;
      color: #212529;
      text-align: left !important;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0.25rem;
  }
  
  li.list-main i.fa-solid.fa-caret-down {
      transform: rotate(0deg);
      transition: all 0.5s ease-in-out;
  }
  
  .menuSec li:hover i.fa-solid.fa-caret-down {
      transform: rotate(180deg);
  }
  a.tel_ {
      width: 37px;
      height: 37px;
      border: 1px solid #82b361;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #82b361;
      color: #fff !important;
      transform: rotate(0deg);
      transition: all 0.5s ease-in-out;
      padding: 0 !important;
  }
  a.tel_:hover {
      transform: rotate(180deg);
      background: transparent;
      color: #000 !important;
  }
  strong.hed {
      font-size: 17px;
      padding: 15px 0;
      color: #82b361;
      font-weight: 600;
      display: block !important;
      width: 100%;
  }
  .info_sec h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 3%;
}
  .menuSec .container {
      position: relative;
  }
  li.list-main.loc.ins  .service-content-wrapper a , li.list-main.loc.ind.has-sub .service-content-wrapper a{ width:100%; } 



   .service-content-wrapper a {
    display: flex !important;
    justify-content: left;
    align-items: center;
    padding: 5px 0 !important;
    font-size: 14px !important;
    margin: 0;
    width: 25%;
    text-align: left;
  }
  .menu-01 {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
.service-content-wrapper a span {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    object-fit: scale-down;
    border: 1px solid #939393;
    border-radius: 30px;
    margin: 0 10px 0 0;
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    padding: 6px;
    background: url(asstes/images/spride.html) no-repeat;
    background-position: 8px 2px;
}
  
.service-content-wrapper a span.mad-iod-img {
    background-position: -760px 7px;
}
.service-content-wrapper a span.flutt-img {
    background-position: -623px 7px;
}
.service-content-wrapper a span.react-img {
    background-position: -107px 3px;
}
.service-content-wrapper a span.and-img {
    background-position: -929px 4px;
}

.service-content-wrapper a span.ipad-img {
    background-position: -830px 7px;
}
  
  
.service-content-wrapper a span.xap-img {
    background-position: -895px 5px;
}
  
  
.service-content-wrapper a span.iot-img {
    background-position: -795px 4px;
}
  
  
.service-content-wrapper a span.had-img {
    background-position: -692px 7px;
}

.service-content-wrapper a span.wap-img {
    background-position: -405px 1px;
}
  
.service-content-wrapper a span.as-img {
    background-position: -961px 6px;
}
.service-content-wrapper a span.aso-img {
    background-position: -405px 2px;
}
.service-content-wrapper a span.aso-img {
    background-position: -997px 7px;
}
  
.service-content-wrapper a span.gd-img {
    background-position: -657px 6px;
}
  
.service-content-wrapper a span.ugd-img {
    background-position: -296px 4px;
}
.service-content-wrapper a  span.ungd-img {
    background-position: -369px 0;
}
  
.service-content-wrapper a span.ui-img {
    background-position: -332px 2px;
}


.service-content-wrapper a span.ed-img {
    background-position: -585px 7px;
}
.service-content-wrapper a span.hel-img {
    background-position: -727px 8px;
}
.service-content-wrapper a  span.scm-img {
    background-position: -224px 2px;
}
.service-content-wrapper a  span.rs-img {
    background-position: -145px 0;
}
  
.service-content-wrapper a  span.od-img {
    background-position: -30px 5px;
}
.service-content-wrapper a span.aus-img {
    background-position: -444px 3px;
}
  
 .service-content-wrapper a  span.san-img {
    background-position: -185px 2px;
}
.service-content-wrapper a  span.jo-img {
    background-position: -862px 2px;
}
.service-content-wrapper a  span.ch-img {
    background-position: -545px 6px;
}
.service-content-wrapper a   span.au-img {
    background-position: -476px 3px;
}

.service-content-wrapper a span.pr-img {
    background-position: -69px 2px;
}

.service-content-wrapper a span.bl-img {
    background-position: -510px 4px;
}

  .service-content-wrapper a:hover span{
      transform: rotate(360deg);
  }
  
  li.list-main.loc.ins ,li.list-main.loc ,li.list-main.loc.ind{ position:relative;}
  
  li.list-main.loc.ins ul .service-content-wrapper,
  li.list-main.loc ul .service-content-wrapper,
  li.list-main.loc.ind ul .service-content-wrapper{ 
      display:block !important;
  }
  li.list-main.ser .service-content-wrapper .col-md-3.col-sm-3.col-xs-12 {
      display: block;
  }
  .service-content-wrapper .col-md-3.col-sm-3.col-xs-12 {
      display: none;
  }
  
  li.list-main.loc.ins .service-content-wrapper .col-md-3.col-sm-3.col-xs-12:nth-child(1) ,
  li.list-main.loc  .service-content-wrapper .col-md-3.col-sm-3.col-xs-12:nth-child(1) ,
  li.list-main.loc.ind .service-content-wrapper .col-md-3.col-sm-3.col-xs-12:nth-child(1) {
      display: block;
      width: 100%;
  }
  
  li.list-main.loc.ins ul,
  li.list-main.loc ul,
  li.list-main.loc.ind ul {
      width: 210px;
  }

  .stellarnav.light.left.desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mobile_menu{ }

/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}