body{
    font-family: 'Inter', sans-serif;
    background-color:#000000;
}
/** {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}*/

.menu_overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  color: #fff;
  z-index: 99999;
  transform: translateY(-100%);
  /*transition: transform 600ms easeOutQuart;*/
	transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  background: #ffe259;
  background: -webkit-linear-gradient(to right, #000000, #000000);
 background: linear-gradient(to right, #000000, #000000);
  display: flex;
  justify-content: center;
  align-items: center;
}

.list {
  /*height: 40%;
  width: 40%;*/
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
}

.list li {
  /*height: 100px;
  width: 150px;*/
     padding: 0px 30px 0px 0px;
         white-space: nowrap;
}

.list a {
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  display: block;
  border-bottom: 2px solid transparent;
  transition: all 0.4s ease;
}

.list a:hover {
  /*border-bottom: 2px solid red;*/
  color: #ffffff;
}

.menu_overlay .fas {
  position: absolute;
  top: 20px;
  font-size: 2.5rem;
  transition: all 0.3s ease;
  z-index: 100;
  right:10%;
    color: #ffffff;
}
.fas:hover{
    color: #f4991d;
}

#menuBtn {
  display: none;
}


.fas {
  font-size: 2rem;
  color: #ffffff;
}

/*.fas:hover {
  color: #4b134f;
}*/
#main{
    margin-top:88px;
}
.main_text {
  /*color: #c94b4b;*/
  /*position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 1px #111;
  display: flex;
  flex-direction: column;*/
  margin-top:55px;
}

.h2-r,
.h2-l {
  font-size: 6rem;
}

/*.h2-r {
  transform: rotate(270deg);
  margin-left: -100px;
  z-index: 10;
}*/

.h2-l {
  margin-left: 100px;
  background-color: #4b134f;
  padding: 20px;
  z-index: 0;
}
li.ee{
    padding-bottom:10px;
    list-style: none;
}
li.ee a{
    color:#706d6d;
    font-size:14px;
    text-decoration: none;
}
li.ee:last-child{
    padding-bottom:0px;
}
.he{
    font-size: 16px;
    font-weight: 600;
    margin-bottom:20px;
}
.logoes a img{
 width:10%;   
}

/*@media screen and (max-width: 650px) {
  .list a {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 450px) {
  .list {
    display: flex;
    flex-direction: column;
  }
}*/

.menu{
    cursor:pointer;
}
.yuu{
    width:20%;
    max-width: 20%;
}
a.suportel, a.suportel:hover{
    border: 2px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    /*margin-right:20px;*/
    padding: 7px 30px;
    vertical-align: top;
    font-size: 15px;
}
a.suport, a.suport:hover{
    border: 2px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    /*margin-right:60px;*/
    padding: 7px 30px;
    vertical-align: top;
    font-size: 15px;
}

a.call, a.call:hover{
    border: 2px solid #000!important;
    border-radius: 50px;
    color: #000;
    /*margin-right:20px;*/
    padding: 7px 30px;
    vertical-align: top;
    font-size: 15px;
}
a.admin, a.admin:hover{
    border: 2px solid #000!important;
    border-radius: 50px;
    color: #000;
    /*margin-right:60px;*/
    padding: 7px 30px;
    vertical-align: top;
    font-size: 15px;
}




a.su1, a.su1:hover{
    border: 2px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    /*margin-right:60px;*/
    padding: 7px 24px;
    font-size: 15px;
}
.sule, a.sule:hover{
    border: 2px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    /*margin-right:60px;*/
    padding: 7px 30px;
    font-size: 15px;
}
.loes{
    width: 80%;
}
li.eos{
    list-style: none;
    padding: 0 30px 0 0px;
}
li.eos a{
   color:#ffffff;
}
li.eose{
    list-style: none;
    padding: 0 17px 0 0px;
}
li.eose a{
   color:#ffffff;
}
.yai{
    font-size:14px !important;
}
.fa-brands, .fab{
    font-size:20px;
}
.ces, .ces:hover{
    background-color: #f07820;
    color: #ffffff;
    font-size: 16px;
    margin-top:20px;
    border-radius: 50px;
    padding: 14px 30px;
   
}
.subese, .subese:hover{
    background-color: #f07820;
    color: #ffffff;
    font-size: 16px;
    margin-top:20px;
    border-radius: 50px;
    padding: 14px 30px;
    width:100%;
}
.hasee{
    margin-top:50px;
}
.nuy{
    padding:0px;
 
}

.oee{
    font-size:35px;
}
.meny{
    padding-top:30px;
}
 .logoes a img{
     position:absolute;
     top:20px;
 }
 .hello{
    overflow:hidden;
}
.sa{
     padding:0px;
 }
/*mobile menu*/
.accordion-button:not(.collapsed){
    color:#ffffff;
    background-color:transparent;
    font-weight:600;
}
.accordion-button::after{
    margin-left:10px;
}
.accordion-item{
    background-color:transparent;
}
.accordion-button{
     background-color:transparent;
     padding: 0px 0 20px 0;
     color:#ffffff;
     font-size:18px;
}
.accordion-button:focus{
    box-shadow:none;
}
.accordion-body{
    padding:0px;
}
.accordion-button::after{
    background-image: none;
    content:'\f107';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
}
.accordion-button:not(.collapsed)::after{
    background-image: none;
    content:'\f107';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
    color: #f48e1e;
}
/* all web css*/

.desyi{
     background-color: #1E1E1E;
    padding: 42px 30px 42px 30px;
    border-radius: 20px;
}
.ques{
    line-height: 1.0;
    color: #ffffff;
    letter-spacing: -4px;
    font-size: 69px;
    font-weight: 600;
}
.than{
    color: #ffffff;
    font-size: 16px;
    padding-top: 20px;
    line-height: 25px;
    font-weight: 500;
   letter-spacing: 0px;
}

.pou{
    padding-top:60px;
    padding-bottom:60px;
}
.weae{
    padding-top:30px;
}
.every{
    font-size: 80px;
    font-weight: 600;
    color: #ffffff;
}
p.value {
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 10px;
}
.lee{
    width:400px;
}
.tyu{
    font-size: 280px;
    color: #F37A20;
}
.webe{
    font-size: 40px;
    color: #ffffff;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0px;
}
.te{
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    font-weight: 100;
    line-height: 31px;
    letter-spacing: 3px;
}
.sicon{
  width:50px;  
}
.oures{
    max-width:950px;
    padding:100px 0;
}
.whyu{
    right: 5%;
    position:relative;
    padding: 10px 0;
}
/*footer css*/
.yose{
    width:20%;
    max-width: 20%;
}
.unses{
    padding-left:0px;
}
.social{
   display: inline-flex;
   margin-top:10px;
   padding-left: 0px;
}
 .telespe, .telespe:hover{
     color:#ffffff;
     text-decoration:none;
     font-size: 25px;
    font-weight: 600;
 }
 .teles, .teles:hover{
     color:#ffffff;
     text-decoration:none;
     font-size:14px;
 }
 .veo{
     color:#F49F1D;
     font-size: 14px;
 }
 li.fese{
     padding-bottom:20px;
     list-style: none;
 }
 li.fese a{
     color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
 }
 li.serses{
     padding-bottom:15px;
     list-style: none;
 }
 li.serses a{
     color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
 }
 li.serses:last-child{
    padding-bottom:0px;
 }
 li.exes{
     padding-right:15px;
     list-style: none;
 }
 li.axes{
     padding-right:35px;
     list-style: none;
 }
 li.exes a{
     color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
 }
 li.axes a{
     color: #000000;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
 }
 .exten{
   padding-top:18px; 
   color: #818181; 
   font-size: 16px; 
   font-weight: 600;
 }
 .coepy{
     font-size: 15px;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: 500;
 }
  .piec{
     padding-left: 0px;
    display: flex;
    margin-bottom: 0px;
 }
 .enqui:focus{
   
    border: 1px solid #b2b2b2 ;
    box-shadow:none;
}
.enqes:focus{
    border: 1px solid #b2b2b2 ;
    box-shadow:none;
}
 .enqui{
    background-color: #1E1E1E !important;
    border: 0px solid;
    height: 60px;
    border-radius: 7px;
    color:#ffffff !important;
    font-size:15px;
}
.enqes{
    background-color: #1E1E1E !important;
    border: 0px solid;
    border-radius: 7px;
    color:#ffffff !important;
    padding-top:20px;
    font-size:15px;
}

.weu{
    padding-top:20px;
    padding-left:15px;
}
.known, .known:hover{
    background-color: #f07820;
    color: #ffffff;
    font-size: 16px;
    margin-top: 25px;
    border-radius: 50px;
    padding: 14px 22px;
}
li.tes{
   color: #fbb03b;
    font-size: 12px;
    padding-bottom: 20px;
}
li.tes span{
    color:#ffffff;
    font-size:14px;
}

.cont, .cont:hover{
    background-color: #f07820;
    color: #ffffff;
    font-size: 16px;
    margin-top:40px;
    border-radius: 50px;
    padding: 14px 30px;
}
.card-text{
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0px;
    margin-bottom:0px;
}
.know, .know:hover{
    color:#ffffff;
    font-size:14px;
    text-decoration: none;
}
.read, .read:hover{
    color:#F49F1D;
    font-size:16px;
    font-weight:600;
    text-decoration: none;
}
.servi{
    background-color: #181818;
    padding: 23px 13px;
    border-radius:15px;
}

.ieoe{
    font-size: 12px;
    padding-left: 10px;
    color:#F37A20;
}
.rene{
     font-size: 14px;
    padding-left: 10px;
    color:#F49F1D;
}
.sersi{
    padding:10px 0px 0px 0px;
}
.oues{
    padding-top:10px;
    /*z-index:9;*/
    padding-bottom:10px;
}
 .webde{
     color:#000000;
     font-size:15px;
     font-weight:600;
 }
 .contenec{
     background-color:#353535;
     padding:35px 0px 0px 0px;
 }
.conservi{
     background-color:#CBCBCB;
     padding:35px 0px;
 }
 .concopy{
     background-color:#999999;
     padding:15px 0px;
 }

 .aetile{
    color: #f07820;
    font-size: 22px;
    font-weight: 600;
 }
 .aetilece{
    color: #f07820;
    font-size: 17px;
    font-weight: 600;
 }
 /*sec*/
 .ab{
    color: #ffffff;
    font-size: 14px;
    padding-top: 10px;
    line-height: 28px;
    letter-spacing: 0px;
}
.cuse{
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    letter-spacing: 0px;
    font-size: 40px;
}
.ses{
    color: #ffffff;
    font-size: 14px;
    padding: 20px 0px 20px 0px;
    line-height: 30px;
    letter-spacing: 0px;
    width:95%;
    max-width:95%;
    margin:0 auto;
}

.weble{
    font-size: 25px;
    color: #ffffff;
    font-weight: 500;
    line-height: 40px;
width:80%;
}

.locate{
   position: relative;
    z-index: 9;
    left: 0px;
    padding-left: 0px;
    top: 69px;
}
.locateweb{
   position: relative;
    z-index: 9;
    left: 0px;
    padding-left: 0px;
    top: 20px;
}
 
  /*pex*/
  .movingnot {
      position: relative;
      width: 100%;
      height: 90vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
   }
	.mouse_move {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: visible;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .mouse_move h4 {
      position: relative;
    font-size: 60px;
    color: #ffffff;
    font-weight: 500;
    line-height: 55px;
   }
   .movingnot h4 {
     position: relative;
    font-size: 34px;
    color: #ffffff;
    font-weight: 500;
    line-height: 32px;
   }
   .movingnot img {
      position: absolute;
       /*width: 5%;*/
   }
   .mouse_move img {
      position: absolute;
       /*width: 5%;*/
   }
   .rocket2 {
      top: 30%;
      left: 17%;
      
   }
   .rocket3{
      top: 37%;
      left: 47%;
      
     
   }
   .rocket4 {
     top: 30%;
    right: 32%;
   }
   .rocket5 {
       top: 45%;
    left: 33%;
     
   }
   
   .rocket6 {
     top: 50%;
    right: 20%;
      
   }
   .rocket7 {
      top: 25%;
    right: 17%;
     
   }
   .rocket8 {
      top: 35%;
    right: 5%;
     
   }
   .rocket9{
      top: 22%;
    left: 35%;
     
   }
   .rocket10{
      top: 52%;
    right: 0%;
     
   }
    .rocket11{
      top: 45%;
    left: 5%;
     
   }
   .rocket12{
      top: 60%;
    left: 13%;
     
   }
    
   
  
   .rocket13 {
      bottom: 37%;
    right: 38%;
      
   }
    .rocket14 {
      bottom: 55%;
    left: -3%;
      
   }
   .rocket15 {
       bottom: 42%;
    right: 20%;
   }
    .rocket16 {
      bottom: 55%;
    right: 30%;
     
   }
  
   .rocket17{
       bottom: 43%;
      left: 27%;
     
   }
   .rocket18 {
       bottom: 40%;
    left: 10%;
     
   }
   
   .rocket19{
      bottom: 72%;
    right: 20%;
     
   }
  .rocket20 {
      bottom: 50%;
    right: 50%;
     
   }
   .rocket21{
       bottom: 69%;
      left: 18%;
   }
   .nwe{
      /*padding-bottom:150px;*/
      padding-top:100px;
   }
    .paxe{
      padding-bottom:100px;
      padding-top:100px;
   }
   .expe{
    padding:5px 0;
}
   /*heads*/
   .black{
  position:fixed;
  top:0;
  background-color:rgb(81 78 78 / 87%);
  width:100%;
  z-index: 999;
}


.blue{
  position:fixed;
  top:0;
  background:blue;
  width:100%;
}

#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #f49f1c;
  color: #000000;
  cursor: pointer;
  border: 0;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}

#back-to-top:hover {
  background: #e9ebec;
}

#back-to-top.show {
  opacity: 1;
}

.servtext{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    padding-top:25px;
}
.ce{
    color:#F37A20;
}
 .xtxt{
    color:#fff;
    display:none;
}
.ytxt{
    color:#fff;
     display:none;
}
.ztxt{
    color:#fff;
     display:none;
}
/*about us page*/

.masthead {
  height: 80vh;
  /*min-height: 500px;*/
  background-image: url('../images/abous.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.leads{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height:25px;
    width:88%;
}
.phpe {
  background-image: url('../images/banner/php.png');

}
.phpe1 {
  background-image: url('../images/banner/laravel.png');

}
.phpe2 {
  background-image: url('../images/banner/cakephp.png');

}
.phpe3 {
  background-image: url('../images/banner/nodejs.png');

}
.phpe4 {
  background-image: url('../images/banner/codeignator.png');

}
.full1 {
  background-image: url('../images/banner/html.png');

}
.full2{
  background-image: url('../images/banner/angular.png');

}
.full3{
  background-image: url('../images/banner/react.png');

}
.full4{
  background-image: url('../images/banner/flash.png');
}
.full5{
  background-image: url('../images/banner/vue.png');
}
.full6{
  background-image: url('../images/banner/pwa.png');
}
.mobile1{
  background-image: url('../images/banner/android.png');
}
.mobile2{
  background-image: url('../images/banner/ios.png');
}

.indus2{
  background-image: url('https://ardigitalsolutions.com.au/bg-ind.png');
}
.mobile3{
  background-image: url('../images/banner/reacte.png');
}
.mobile4{
  background-image: url('../images/banner/uter.png');
}
.eoc1{
  background-image: url('../images/banner/magento.png');
}
.eoc2{
  background-image: url('../images/banner/shopify.png');
}
.eoc3{
  background-image: url('../images/banner/opencart.png');
}
.eoc4{
  background-image: url('../images/banner/woocommerce.png');
}
.cms1{
  background-image: url('../images/banner/wordpress.png');
}
.cms2{
  background-image: url('../images/banner/dupal.png');
}
.cms3{
  background-image: url('../images/banner/dotnet.png');
}
.cms4{
  background-image: url('../images/banner/aspnet.png');
}
.exte1{
  background-image: url('../images/banner/customsoft.png');
}
.exte2{
  background-image: url('../images/banner/ecomerce.png');
}
.exte3{
  background-image: url('../images/banner/staff.png');
}
.exte4{
  background-image: url('../images/banner/Webdeveloper.png');
}
.exte5{
  background-image: url('../images/banner/ecoe.png');
}
.exte6{
  background-image: url('../images/banner/magentodevel.png');
}
.exte7{
  background-image: url('../images/banner/megedev.png');
}
.exte8{
  background-image: url('../images/banner/magec.png');
}
.exte9{
  background-image: url('../images/banner/hirefront.png');
}
.exte10{
  background-image: url('../images/banner/fullstack.png');
}
.exte11{
  background-image: url('../images/banner/phpdeveloper.png');
}
.exte12{
  background-image: url('../images/banner/mobileapp.png');
}
.exte13{
  background-image: url('../images/banner/seoservice.png');
}
.exte14{
  background-image: url('../images/banner/webdesdev.png');
}
.exte15{
  background-image: url('../images/banner/webdesign.png');
}
.exte16{
  background-image: url('../images/banner/webredesign.png');
}
.exte17{
  background-image: url('../images/banner/webdevelopment.png');
}
.industry{
     background-image: url('../images/banner/ieobane.png');
     height: 92vh;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.loatin{
    background-image: url('../images/banner/ieowase.png');
}
.loaseo{
    background-image: url('../images/banner/ieoseo.png');
}
/*.page-tile{
    position:relative;
    bottom:10%;
}*/
.leadpp1{
margin-top:7px;
width: 60%;
    max-width: 60%;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
}
.pagebuton{
    padding: 8px 25px;
    background-color: #f07820;
    font-size: 18px;
    border-radius: 50px;
    font-weight: 500;
    color: #ffffff;
}
.hirebuton{
    padding: 8px 25px;
    background-color: #f07820;
    font-size: 18px;
    border-radius: 50px;
    font-weight: 500;
    color: #ffffff;
    margin-top:15px;
}
.getbuton{
    padding: 8px 25px;
    background-color: #f07820;
    font-size: 18px;
    border-radius: 50px;
    font-weight: 600;
    color: #000000;

}
.global{
    font-size: 45px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 30px;
    margin-bottom: 0px;
    line-height:47px;
}
.goe1{
   position: absolute;
    width: 20%;
    right: 0;
}
.aboutye{
    padding-top:100px;
    padding-bottom:60px;
}
.circe1{
    background-color: #212121;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: table;
    margin: 20px 5px;
}
.circe2{
    background-color: #673F21;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: table;
    margin: 20px 5px;
}
.circe3{
    background-color: #AD5C20;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: table;
    margin: 20px 5px;
}
.circe4{
    background-color: #F37A20;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: table;
    margin: 20px 5px;
}
.ounde{
    font-size:15px;
      color:#ffffff;
      vertical-align: middle;
    display: table-cell;
    padding: 0 58px;
    line-height: 22px;
}
.ounde1{
    font-size:15px;
      color:#ffffff;
      vertical-align: middle;
    display: table-cell;
    padding: 0 69px;
    line-height: 22px;
}
.ovise{
   background-color:#1E1E1E;
 border-radius:15px;
 padding: 80px;
}
.omisone{
   background-color:#1E1E1E;
 border-radius:15px;
 padding: 100px 80px;
}
.vison{
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    line-height:25px;
    margin-bottom:0px;
}
.mison{
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    line-height:25px;
    margin-bottom:0px;
}
.headvsion{
    font-size: 50px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 22px;
    margin-bottom: 0px;
}
.visie{
    position: relative;
    z-index: 9;
    left: 5%;
    padding-left: 0px;
}
.misie{
    position: relative;
    z-index: 9;
    right: 5%;
    padding-left: 0px;
}
.vese{
    padding-bottom:69px;
}
/* php page css*/

.deicon{
    width:60px;
    padding-bottom: 5px;
}
.pete{
    padding-left:30px;
    padding-right:30px;
}
.leadpp{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height:25px;
}
.dose{
    position: relative;
    right: 5%
}
.dose1{
    position: relative;
    z-index:9;
}
.apehead{
        font-size: 28px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0px;
    padding-top:10px;
}
.apelave{
    font-size: 23px;
    color: #f49f1c;
    font-weight: 500;
    /* padding-bottom: 20px; */
    margin-bottom: 0px;
    padding-top: 10px;
}
.apeuse{
        font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.apeadd{
     font-size: 23px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.aehire{
     font-size: 23px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.useoe{
    background-color: #1E1E1E;
    border-radius: 15px;
    padding: 45px 30px;
}
.hiuse{
     background-color: #3d3d3d;
    border-radius: 15px;
    padding: 30px;
}

.usepot{
   font-size:16px;
      color:#F49F1D;
      font-weight:600;
      margin-bottom:15px;
}
.webpot{
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
    /*width:88%;*/
}
.webvel{
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0px;
}
ul.laravel{
     padding-left:15px;
     margin-bottom:0px;
}
ul.laravel li{
     color:#f4891e;
     padding-top:15px;
}
ul.laravel li span{
     color:#ffffff;
}
/* contact page css*/
.contect {

  background-image: url('../images/contact.png');
}
h4.coes i{
    padding-right:8px;
     color: #F49F1D;
}
h4.coes{
   font-size: 23px;
    color: #ffffff;
    font-weight: 500; 
    margin-bottom:20px;
}
h3.heo{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
h3.heo a{
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}
.ades{
    color:#ffffff;
    font-size:14px;
    margin-bottom: 0px;
}
/*web deve css*/
.webdeve {
 
  background-image: url('../images/webde.png');
}
.websev{
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}
.wehead{
    font-size: 40px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.webpou{
  padding-top:60px;
  padding-bottom:60px;
}
.servo{
     padding-top:60px;
  padding-bottom:60px;
}
.tile{
   font-size: 50px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
}
.tilesup{
	font-size: 60px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0px;
}
.codig{
    width:45%;
}
.lavel{
    display: flex;
    align-items: center;
    justify-content: center;
}
.condev{
   background-color:#1E1E1E;
   border-radius:15px;
   padding:30px;
}
.visete{
    padding-top:15px;
    padding-bottom:15px;
}
.whycho{
    width:69%;
}
.sechane{
    padding-top:88px;
    padding-bottom:40px;
}
.levupint{
    padding-top:40px;
    padding-bottom:40px;
}
 .highes{
     line-height: 28px;
    font-weight: 600;
    color: #9c9c9c;
    font-size: 15px;
 }
 .apdesign{
     font-size: 18px;
    color: #f49f1c;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: center;
 }
 .vanish{
     background-color: white;
    padding: 10px;
    border-radius: 5px;
 }
 .mage{
     color:#000000;
     font-size:20px;
     font-weight:600;
     text-align: center;
     margin-bottom:0px;
 }
 .awesome{
    font-size: 16px;
    color: #F49F1D;
    font-weight: 600;
    margin-bottom:0px;
 }
 .oege{
     color: #f49f1c;
    font-size: 17px;
    font-weight: 500;
    margin-bottom:0px;
 }
 .tales{
     color: #f49f1c;
    font-size: 22px;
    font-weight: 600;
     margin-bottom:0px;
 }
 .tels, .tels:hover{
     font-weight: 500;
    font-size: 20px;
    color: #959698;
    text-decoration:none;
 }
/* Portfolio */
.disabled{display:none;}
.banner{
   
    padding: 100px 0;
}
.portab{
    padding-bottom:30px;
}
.portab .nav-tabs
{
    width:100%;
    margin-bottom:80px;
    margin-top:30px;
    border-bottom:0px solid;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-y: hidden;
}
.portab .tab-content
{
    width:100%;
}
.portab .nav-tabs .nav-link{
    border: 0px;
    background-color: transparent;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 22px;
    margin-right: 15px;
    border-radius: 14px;
}
.nav-tabs .nav-item{
    margin-bottom:10px;
}
.pagination {
	
	display: flex;
    justify-content: center;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	width: 100% !important;
	text-align: center !important;
}
ul.pagination li{
    margin-right:15px;
}
.conte{
padding: 50px;
    background: linear-gradient(270deg, #F37A20 0%, #F49F1D 100%);
   
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position:relative;
    
}
.conige{
   background-color:transparent; 
   
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding:0px;
    border-color: #f1f1f1;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
}
.net{
  border: 0px solid;
  background-color: #f07820;
    padding: 12px 50px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff !important;
    border-radius: 50px;
}
.net:hover{
  
    background-color: #e5e5e5;
    color: #000000 !important;
   
}
.pen{
  border: 0px solid;
    background-color: #f07820;
    padding: 12px 50px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff !important;
    border-radius: 50px;
}
.pen:hover{
  
    background-color: #e5e5e5;
    color: #000000 !important;
   
}
.vew{
   position: absolute;
   bottom: 27px;
}
.vew a{
   color: #ffffff;
    font-size: 25px;
    font-weight: 600;
	text-decoration:none;
}
.vew a:hover{
   text-decoration:none;
}
.nav-tabs .nav-link.active{
   color: #000000;
    background-color: #ffffff;
    border: 0px; 
}
h4.ca{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}
h3.tit{
    color: #ffffff;
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 20px;
}
p.des{
   color: #ffffff;
    line-height: 22px;
    font-weight: 400;
    font-size: 15px;
}
.igs{
    height:480px;
    
}
ul.nav-tabs::-webkit-scrollbar {
  
  height:12px;
 
}
ul.nav-tabs::-webkit-scrollbar-track {
  background: transparent; 
}
ul.nav-tabs::-webkit-scrollbar-thumb {
  background: #555; 
  border-radius:10px;
  
}
ul.nav-tabs::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
 h2.ces{
   font-size: 60px;
    text-align: left;
    color: #ffffff;
    line-height: 75px;
    letter-spacing: 0px;
}
.aer{
    background-image: url("../images/posti.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
a.cone{
  float: right;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    background-color: #f48020;
    padding: 5px 10px;
    line-height: 35px;
}
a.cone:hover{
 text-decoration:none;
}
.poje{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	
	width:100%;
}
.carousel-control-next, .carousel-control-prev{
    opacity:.9;
}
@media only screen and (max-width: 767px) {
 .conte{
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px !important;
}
.conige{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
   
     border-width: 0px 1px 1px 1px;
}
h2.ces{
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    margin-top: 60px;
    margin-bottom: 0px;
}
.banner{
    padding-bottom:20px;
}
.portab .nav-tabs{
    margin :40px 0;
}
.aer{
    background-position: right;
}
a.cone{
    padding: 10px 20px;
    line-height: 20px;
    margin-top: 14px;
    font-size: 16px;
}
h3.tit{
    font-size:30px;
    line-height:40px;
    margin-bottom:10px;
    
}
p.des{
    font-size: 14px;
}
.conte{
    height:330px;
    padding:15px;
	
}
.vew a{
    font-size: 15px;
    font-weight: 400;
}
.vew{
    left: 14px;
    right: 0px;
    bottom:0px;
}
.poje{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
	height:auto;
}
.pen{
    padding:10px 40px;
}
.net{
     padding:10px 40px;
}
ul.pagination li{
    margin-right:7px;
    margin-left:7px;
}

 }
.formlabel
{
    color:#fff !important;
    
    
}
.agree{
    color:#fff !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 10px;
    
}
.form-check-label{
    color:#fff !important;
    
}
.uploaddoc{
    color:#fff !important;
    
}
.cce{
    background-color: #f07820;
    color: #ffffff !important;
    font-size: 16px;
    margin-top: 10px;
    padding: 8px 30px;
    font-weight: 500;
    border-radius: 50px;
}
.lepri{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
}
.glores{
    font-size: 35px;
    color: #ffffff;
    font-weight: 500;
    padding-bottom: 25px;
    margin-bottom: 0px;
}
.priacy{
    color:#f07820;
    padding-left:0px;
    margin-bottom:0px;
}
.poe span{
   color: #ffffff;
    font-size: 15px; 
}
.poe{
    padding-top:15px;
}
.pedes{
    color:#ffffff !important;
    text-decoration:none;
}
.anay{
    color:#f07820;
}
.deais{
   padding-top:20px; 
}
.mm{
    padding-bottom:5px;
}
.speaks, .speaks:hover{
    background-color: #f07820;
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none;
}
.ielinks, .ielinks:hover{
    color: #f48b1e;
    text-decoration: none;
    font-weight: 600;
}
.quoe{
    display:flex;
    align-items:center;
    justify-content:center;
}
.ustecho{
    font-size:22px;
    color:#F49F1D;
}
.qhesad{
   color: #ffffff;
    font-size: 26px;
    margin-bottom: 0px;
}
.taling, .taling:hover{
    color: #f4911e;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}
.webs, .webs:hover{
       font-size: 15px;
    color: #ffffff;
    margin-bottom: 0px;
    text-align: center;
    width: 14ch;
    text-decoration: none;
    display: block;
    line-height: 18px;
    margin:0 auto;
    padding-top:5px;
}
.quotelets{
    background-color: #252525;
    padding: 50px 60px;
}
.ouserve{
    background: radial-gradient(circle, rgba(244,159,29,1) 33%, rgba(243,122,32,1) 88%);
    padding: 50px 35px;
}
.cusing{
    max-width: 62%;
    padding-top: 0px;
    width: 62%;
    font-weight: 600;
    font-size: 45px;
    line-height: 47px;
    letter-spacing: -2px;
    color:#ffffff;
}
.offcanvas-header{
    position: absolute;
    width: 100%;
    top: 20px;
    right: 50px;
}
.terms, .terms:hover{
    color: #f0982d;
    text-decoration: none;
}
.wehe{
color: #ffffff;
    font-size: 18px;
    line-height: 25px;
    margin-bottom:0px;
}
.cofes{
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    padding-top: 15px;
}
.nouu{
  background-color: #ff5c13;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 15px;
}




/*surinder css */


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    overflow-x: hidden!important;
    margin-left: auto;
}

 .desktopi{display:block;}
.mobilei{display:none;}
@media only screen and (max-width: 767px) {
	.desktopi{display:none;}
	.mobilei{display:block;
	    width:298px;
	    /*height:auto;*/
	}
	
} 

.ppr iframe{
    width:100%;
    margin-top:5px;
}

.tags{
    background-color:black;
    background-image: url('https://ardigitalsolutions.com.au/images/thumbs-main.png');
}
.blockheader{position: relative;width: 100%;height: 60vh;background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,.5))),url("https://uploads-ssl.webflow.com/6273a2881fb97ffdd23e43cc/6281a182c447a7d6dc8f28f3_Frame%207.jpg"); background-image: linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url("https://uploads-ssl.webflow.com/6273a2881fb97ffdd23e43cc/6281a182c447a7d6dc8f28f3_Frame%207.jpg"); background-position: 0 0,50% 50%; background-size: auto,cover;}
.blockheader h1{position: static;left: 0;top: auto;right: 0;bottom: 10%;display: inline-block;max-width: 70%;margin-top: 0;margin-bottom: 0;-webkit-box-flex: 0;-webkit-flex: 0 auto;-ms-flex: 0 auto;flex: 0 auto;background-color: transparent;color: #1c1d20;font-size: 5.4em;line-height: 1.1em;font-weight: 500;letter-spacing: -6px;}
.blg_txt{position: absolute;left: 0;top: auto;right: 0;bottom: 14%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;max-width: 1140px;margin-right: auto;margin-left: auto;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
.blg-img{min-height:342px; max-height:342px;}
.blg-img img{height:342px;}
.blgcontent{padding: 30px 60px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background-color: #f2f2f2;}
.blgcard-img{border-radius: 8px 0 0 8px;}
.blog-heading{font-size: 24px;line-height: 30px;margin-top: 20px;font-weight: 700;}
.blog-short-summary{font-size: 16px;line-height: 24px;font-weight: 500;text-align:justify;}
.readfull{margin-top: 20px;padding: 12px 20px;border: 1px solid #000;border-radius: 100vw;background-color: transparent;-webkit-transition: .3s cubic-bezier(.165, .84, .44, 1);transition: .3s cubic-bezier(.165, .84, .44, 1);color: #1c1d20;font-weight: 600;}
.readfull:hover{margin-top: 20px;padding: 12px 20px;border: 1px solid #000;border-radius: 100vw;background-color: #000;-webkit-transition: .3s cubic-bezier(.165, .84, .44, 1);transition: .3s cubic-bezier(.165, .84, .44, 1);color: #fff;font-weight: 600;}
.blogspage .page-link{width:40px; height:40px; border-radius:50%;}


/* new page css*/
.neties{
    font-size: 20px;
    color: #decfb9;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
}
.exeies{
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
}
.nese{
    background-color:transparent !important;
    border:2px solid #333333;
    border-radius:8px;
}
.leyes{
    padding: 5px 14px;
    background-color: #f07820;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0px;
}
.soes{
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color:#ffffff;
}
.sei{
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
}
.sico{
    position:relative;
    bottom:30px;
}
/* industry pages css*/
.iseg{
    width: 60px;
    border-radius: 10px;
}
.saiu{
    padding-bottom:30px;
}
.sahest{
    color:#000000 !important;
}
.hose{
    font-size: 32px;
    width: 60%;
    line-height: 44px;
    padding-bottom:10px;
}
.heis{
    color:#f37a20;
    font-weight:700;
}
.pojec{
    color:#000000;
    font-size:16px;
    line-height:25px;
}
.yoiu{
    color:#f37a20;
    font-weight:600;
}
.nidess{
    font-size: 45px;
    margin-bottom: 0px;
    font-weight: 500;
}
.aiess{
    color:#000000;
    font-weight:600;
    font-size:21px;
}
.oitys{
    background-color:#000000;
    padding-top:60px;
    padding-bottom:60px;
}
.abnes{
    padding-top:50px;
    padding-bottom:50px;
    background-color:#2F2F2F;
}
.sois{
    padding-top:100px;
    padding-bottom:80px;
}
.eowe{
   font-weight:600; 
}
.induse{
    margin-top: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
}
.hoiuse{
    position:relative;
    left:100px;
    padding-top:60px;
    padding-bottom:60px;
}
.ayesbi{
    background-color:#000000;
}
.couses{
    font-size:60px;
    line-height:73px;
}
.webise{
        font-weight: 600;
    font-size: 18px;
}
.biuy{
    columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.appse{
    font-size:25px;
}
.pponly{
    font-size: 68px;
    font-weight: 700;
    color: #f07820;
}
.boonly, .boonly:hover 
{
    font-size: 35px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    position: absolute;
    bottom: 30px;
    width: 80%;
    left: 25px;
}
.boou{
    position:relative;
    /*left:20px;*/
}
.sauy{
    width:100%;
}
.isey{
    margin-top:40px;
}
/* seo page css*/

.seoses{
       height: 280px;
    background-color: #223005;
    border: 0px;
    border-radius:10px;
}
.siose{
    height: 280px;
    background-color: #C6FB50;
    border: 0px;
    border-radius:10px;
}
.seio, .seio:hover{
            margin-bottom: 0px !important;
    position: absolute;
    bottom: 30px;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    left: 30px;
    font-weight: 600;
}
.seovice{
    margin-bottom: 0px !important;
    position: absolute;
    top: 30px;
    font-size: 27px;
    color: #000000;
    text-decoration: none;
    left: 30px;
    font-weight: 600;
    line-height:34px;
}
.seoge{
       width: 133px;
    position: absolute;
    left: 30px;
}
.seso{
    margin-top:80px;
}
.wae{
    position:relative;
    bottom:20px;
}
.siose{
  background-color:
#C6FB50;  
}
.leyes, .leyes:hover{
    position: absolute;
    bottom: 32px;
    padding: 10px 22px;
    background-color: #000000;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    left: 30px;
    border-radius: 50px;
}

/* location page ccs*/

.loes{
    font-size:30px;
    font-weight:600;
    color:#ffffff;
}
.textwithline{
  display:flex;
  flex-direction:row;
   align-items: center;
}
.wtline{
      flex-grow: 0;
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
}

.loees{
  flex-grow: 1;
    height: 1px;
    background-color: #586F27;
    margin-left: 20px;
}
.looby, .looby:hover{
        font-size: 22px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    position: absolute;
    bottom: 25px;
    width: 100%;
    left: 16px;
    letter-spacing: -1px;
}
.cees{
    margin-top:50px;
}
.loaes{
    margin-top:30px;
}
.loaece{
    padding-top:50px;
    padding-bottom:80px;
}
/* new banner*/
.excan{
    font-size: 73px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0px;
    letter-spacing: -5px;
    line-height: 75px;
}
.extes{
  background-color: #C6FB50;
    border-radius: 50px;
    margin-top: 13px;
    padding: 11px 22px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000000;
    border: 0px;
}
.exlead{
    margin-top: 0px;
    line-height: 27px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top:15px;
    width:60%;
    color:#ffffff;
}
.iwes{
    padding-top:30px;
    padding-bottom:60px;
}
.geue{
    color:#C6FB50;
}
.ivye{
    align-items: end;
    display: flex;
    justify-content: end;
}

.hs-form-6361e185-9d84-4fec-9f98-bf52681169c7_2f02dfbc-1a19-4e96-a611-76fb6c9b1256 .hs-form-field {
    color: #ffffff!important;
}

/*team css*/
.co-founder-bg {
	width: 515px;
	float: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.co-founder-bg .col-sm-6.col-md-6.col-lg-6.col-xl-6.col-xxl-6.col-12.text-center {float: left;margin: 0 0 60px 0;padding: 0 15px;}
.seo-team-bg {width: 100%;float: left;margin: 0px;padding: 0;}
.seo-team-bg h2 {width: 100%;margin: 0;padding: 0 0 25px 0;float: left;color: #fff;text-align: center !important;font-size: 35px;font-weight: 500;}
.seo-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {float: left;padding: 0 15px;margin-bottom: 60px;}
.team-box {width: 100%;float: left;margin: 0 auto;padding: 10px;text-align: center;background: #1E1E1E;border-radius: 10px;}
.team-box img {width: 150px;border-radius: 100px;margin: 0;padding: 0;}
.team-box h3 {width: 100%;float: left;margin: 15px 0 10px 0;padding: 0;font-size: 20px;color: #fff;}
.team-box p {float: left;margin: 0;padding: 0;width: 100%;color: #fff;font-size: 13px;}
.development-team-bg {width: 100%;float: left;margin: 0;padding: 0;}
.development-team-bg h2 {width: 100%;float: left;margin: 0;padding: 0 0 25px 0;text-align: center;color: #fff;}
.development-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {float: left;padding: 0 15px;margin-bottom: 60px;}
.design-team-bg {width: 100%;float: left;margin: 0;padding: 0;}
.design-team-bg h2 {width: 100%;float: left;margin: 0;padding: 0 0 25px 0;color: #fff;text-align: center;}
.design-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {float: left;padding: 0 15px;margin-bottom: 60px;}
.team-box img:hover {
	border: 2px solid #f07820;
	transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
}


/*end team css*/

@media only screen and (max-width: 768px) {
  .mobsection{display:block;}
  .desktopsec{display:none;}
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
 .co-founder-bg { width: 100%;}
 .co-founder-bg .col-sm-6.col-md-6.col-lg-6.col-xl-6.col-xxl-6.col-12.text-center {width: 290px;float: none;margin: 0 auto 20px;
	overflow: hidden;
}
 .seo-team-bg h2 {margin: 10px 0 0 0;padding: 0 0 15px 0;font-size: 20px;}
 .seo-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {width: 290px;float: none;margin: 0 auto 20px;
	overflow: hidden;
 .development-team-bg h2 {margin: 10px 0 0 0;padding: 0 0 15px 0;font-size: 20px;}
 .development-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {width: 290px;float: none;margin: 0 auto 20px;
	overflow: hidden;
 .design-team-bg {margin: 10px 0 0 0;}
 .design-team-bg h2 {margin: 10px 0 0 0;padding: 0 0 15px 0;font-size: 20px;}
 .design-team-bg .col-sm-6.col-md-6.col-lg-3.col-xl-3.col-xxl-3.col-12.text-center {width: 290px;float: none;margin: 0 auto 20px;
	overflow: hidden;
 .development-team-bg {margin: 10px 0 0 0;}
}