/*
 * 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 {}
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light ul li ul a {
color: #000;
}


.stellarnav.light ul li ul a:hover{
    color: #ed1b24;
}


/* 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; position: relative; top: 0px; }
.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;  color: #000;}
.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 #menu li {
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 0;
}
  .menuSec li ul {
    display: none;
  }
  .menuSec ul li a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      color: #ffffff;
      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 #ed1b24;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background: #ed1b24;
      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: #fff !important;
  }
  strong.hed {
      font-size: 17px;
      padding: 15px 0;
      color: #ed1b24;
      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.png) 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.flutt-img {
    background-position: -68px;
}
  
.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.spark-img {
    background-position: -607px;
}
.service-content-wrapper a span.webar-img {
    background-position: -647px;
}
.service-content-wrapper a span.wall-img {
    background-position: -689px;
}
.service-content-wrapper a span.voss-img {
    background-position: -730px;
}
.service-content-wrapper a span.web3-img {
    background-position: -770px;
}
.service-content-wrapper a span.we3g-img {
    background-position: -811px;
}
.service-content-wrapper a span.vrgd-img {
    background-position: -851px;
}
.service-content-wrapper a span.argd-img {
    background-position: -891px;
}
.service-content-wrapper a span.psvr-img {
    background-position: -933px;
}
.service-content-wrapper a span.gad-img {
    background-position: -973px;
}
.service-content-wrapper a span.html5-img {
    background-position: -1011px;
}


.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: flex-end;
}


  /********** stellar-nav-start **********/
  .header-bottom {
    /* padding: 25px 0; */
  }
  .logo-wrapper img {
    max-width: 180px;
    object-fit: cover;
    object-position: center;
  }
  .custom-nav.stellarnav > ul > ul >a {
    padding: 20px 15px !important;
    position: relative;
  }
  .custom-nav.stellarnav li.has-sub>a:after {
    content: '';
    margin-left: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    display: inline-block;
  }
  .list-main a:hover , .menu-links a:hover{
    color:#ed1b24;
    transition:all 0.5s ease-in-out;
  }
  .list-main a:hover img{
      border-color:#81b261;
  }
 .powerfull-text h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}
.powerfull-text p {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    padding: 10px 0px;
}
  .navigat-wrap .custom-nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .custom-nav ul li a {
    color:#000000;
    font-weight: 500;
    font-size: 14px;
  }
  .custom-nav.stellarnav li a {
    padding: 7px 10px 0px 10px;
  }
  .custom-nav.stellarnav ul ul ul {
      top: 0;
      left: 300px;
  }
  .custom-nav.stellarnav ul ul {
      width: 300px;
  }
  .inner-list{
    min-height:300px;
    max-height:300px;
    overflow-y:scroll;
    overflow-x:hidden;
  }
  .inner-list::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #f1f4fb;
      border-radius:10px;
  }
  
  .inner-list::-webkit-scrollbar
  {
      width:3px;
      height:2px;
      background-color: #f1f4fb;
  }
  .inner-list::-webkit-scrollbar-thumb
  {
      background-color: #000;
      border: 2px solid #000;
  }
  .liability-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  ::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc; 
    border-radius: 10px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ed1b24; 
    border-radius: 10px;
  }
  /********** stellar-nav-End **********/

  /**********  header-end **********/
  

.mobile_menu{display:none; }


.stellarnav.light.left .menu-toggle, 
.stellarnav.light.right .menu-toggle {
    border-bottom: 0;
    position: absolute;
    top: -10px;
    right: 10px;
}


.stelar_main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
    width: calc(100% - 410px);
    justify-content: flex-end;
}
.header_bottom ul {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.header_bottom {
    width: 50%;
}
 /********** header-start **********/

  header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    padding: 10px 0;
  }
.app-sol-content p a {
    color: black;
    font-weight: 600;
}
.appsol-box:hover a {
    color: #fff;
}


.menuSec .sq_btn {
    padding: 15px 30px !important;
    font-size: 12px !important;
}
.portfolio .box-img img {
    max-width: inherit;
}
.portfolio .box-content:before{
    display: none;
}
li.list-main.loc.ins ul, li.list-main.loc ul, li.list-main.loc.ind ul {
    width: 230px;
}

.index-dalls {
    background: url(../images/dallas.webp) no-repeat;
}

.index-dalls .gen-text {
    color: #fff;
}
.calefornia-index .gen-text {
    color: #fff;
}
.index-sugarland .gen-text {
    color: #fff;
}
.hoston .gen-text {
    color: #fff;
}
.index-dalls {
    background: #61879a url(../images/dallas.webp) no-repeat;
    min-height: auto;
    position: relative;
    z-index: 0;
}
.index-dalls::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity (0.5 for 50% black) */
    z-index: -1; /* Place the overlay behind the content */
}
.hoston {
    background: #1e4853 url(../images/austin-banner.webp) no-repeat!important;
    z-index: 0;
    min-height: auto;
}

.hoston .banner-formwrap .head-cta-btn p, .hoston .head-cta-btn .btn-text, .hoston .play-text .gen-text, .index-process .banner-formwrap .head-cta-btn p, .newheader ul li a {
    color: #fff;
}
.houston {
    background: url(../images/austin-banner-02.webp) 0 0/cover;
}
.calefornia-index {
    background: #16404b url(../images/california-banner.webp) no-repeat;
    min-height: auto;
}
.calef-baner {
    background: url(../images/california-banner02.webp);
}
.index-sugarland {
    background: url(../images/sugarland-banner.webp) no-repeat;
    min-height: auto;
}
.index-sugarland {
    background: #3a2e32 url(../images/sugarland-banner.webp) no-repeat;
    min-height: auto;
}
.hero-bg_text {
    bottom: 57%;
}
.hoston h1.gen-heading.mb-4 {
    color: #fff;
}
/*whats app butoon css start*/
.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    animation: effect 5s infinite ease-in;
}
i.fab.fa-whatsapp {
    color: #fff;
}

@keyframes effect {
    20%, 100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    0%, 10%{
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5%{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}
/*whats app butoon css end*/
 .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(../images/services-icon.png) no-repeat;
    background-position: 8px 2px;
}
.service-content-wrapper a span.try {
    background: url(../images/try-on-icon.png) no-repeat;
    background-position: 8px;
}
.service-content-wrapper a span.try.au-try {
   background-position: -30px;
}
.service-content-wrapper a span.try.pr-try {
   background-position: -65px;
}
.service-content-wrapper a span.try.bl-try {
   background-position: -102px;
}
  
.service-content-wrapper a span.mad-iod-img {
    background-position: -30px 7px;
}
.service-content-wrapper a span.flutt-img {
    background-position: -67px;
}
.service-content-wrapper a span.react-img {
    background-position: -102px;
}
.service-content-wrapper a span.and-img {
    background-position: -140px;
}

.service-content-wrapper a span.ipad-img {
    background-position: -178px;
}
  
  
.service-content-wrapper a span.xap-img {
    background-position: -216px;
}
  
  
.service-content-wrapper a span.iot-img {
    background-position: -256px;
}
  
  
.service-content-wrapper a span.had-img {
    background-position: -291px;
}

.service-content-wrapper a span.wap-img {
    background-position: -331px;
}
  
.service-content-wrapper a span.as-img {
    background-position: -370px;
}
.service-content-wrapper a span.aso-img {
    background-position: -405px 2px;
}
.service-content-wrapper a span.aso-img {
    background-position: -408px;
}
  
.service-content-wrapper a span.gd-img {
    background-position: -447px;
}
  
.service-content-wrapper a span.ugd-img {
    background-position: -487px;
}
.service-content-wrapper a  span.ungd-img {
    background-position: -526px;
}
  
.service-content-wrapper a span.ui-img {
    background-position: -565px;
}


.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);
  }
.service-content-wrapper a span.ff-img {
    background-position: -1054px 4px;
}
.service-content-wrapper a span.dt-img {
    background-position: -1084px 4px;
}
 .menuSec .sq_btn {
    padding: 7px 30px !important;
    font-size: 12px !important;
} 
.head-cta-btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}
.head-cta-btn {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(126deg, rgb(237 27 36) 0%, rgb(104 12 16) 50%, rgb(237 27 36) 100%) !important;
    padding: 9px 20px;
    border-radius: 50px;
    display: inline-block;
    border: 0;
    outline: none;
    transition: all 0.4s ease-in-out;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    border: 1px solid #fff0;
    margin-left: 0;
}

/*header css start */

.menuSec {
  padding: 0px 0;
}

.menuSec img {
  margin: 0;
}

header {
  background: #fff0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
}


.sticky {
  position: fixed;
  z-index: 9999;
  background-color: #000000de;
  -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
  -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: all .3s ease-in-out;
  border-bottom: 2px solid #ffffff;
  color: #fff !important
}


.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  height: 100%
}

.logo img {
  width: 100%;
  margin: 0px auto;
}

.stellarnav ul ul {
  top: 50px;
}

.header-right,
.main_menu>ul {
  display: flex;
  align-items: center
}

.header-right {
    width: calc(100% - 225px);
    justify-content: flex-end;
    display: flex;
    align-items: center;
    height: 100%;
}

.main_menu {
  width: calc(100% - 240px)
}

.main_menu>ul {
  justify-content: flex-end;
  gap: 17px;
  margin: 0 20px 0 0
}


/* 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; }
}