@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{margin:0px; padding:0px; }
body{font-size: 14px; font-style: normal; font-weight: 300; line-height: 23.8px; /* 170% */
}
body a{
    color:#000;
    text-decoration: none;
}


.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.imgtext {
    padding: 0 20px;
    margin-bottom: 50px;
}

.imgport {
    margin-bottom: 20px;
  
}

.imgport img {
    box-shadow: #0000000a 13px 1px 24px 16px;
    border-radius: 21px;
}
.imgport img:hover{
        box-shadow: #00000012 13px 1px 24px 16px;
}
.imgtext span {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.imgtext .textcustome{
  font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
.imgbanner img.arrr {
    width: 38px;
    margin-top: 10px;
}
.weimg {
    height: 100%;
    display: flex;
    align-items: center;
}
.weimg img{ height:100%; background-size:cover; width:100%; }

.logobggrid{

}
.text4lg{
    font-size: 36px;
}
.ourmilesbox{
    padding:50px 0px;
    background-color:#473BF0;
}
.boxmiles{

}
.boxmiles:hover{
    opacity:0.8;

}
.overcore .btn-outline-primary{
    border-color:#fff;
    border-radius:0px;
}
.overcore h3{
    text-transform:none !important;
}
.overcore .btn-outline-primary:hover ,.overcore .btn-outline-primary:focus, .overcore .btn-outline-primary:active{
background:#473bf0 !important;
border-color:#473bf0 !important;
}
.flexon{}
.selectcat {
    text-align: end;
    margin-bottom: 30px;
}
.selectoption {
    background-color: #D9D9D9;
    border-radius: 100px;
    padding: 15px 40px;
    display: inline-flex;
}

.selectcat label {
  
    padding: 5px;
}
.selectoption select.form-se {
    background-color: transparent;
    border: none;
    outline:none;
    width:auto;
}

 .navbar-nav .dropdown-menu{
   width:285px;
 }
.navbar-nav .dropdown-menu li a {
    font-size: 14px;
    line-height: 28px;
}
.navbar-nav .dropdown-menu li a:hover{
    opacity:0.5;
}
  .navbar-nav .dropdown-menu.mega{

 }
 .navbar-nav .dropdown-menu.mega li{
    display: flex;
    justify-content: space-between;
 }
.navbar-nav .dropdown-menu.mega li div {
    display: flex;
    flex-direction: column;
}
 .nav-item{
    padding:0 1px;
 }
.navbar  .nav-item{
    padding:0 15px;
 }
.icon-i {
    min-height: 70px;
    display: table;
    margin: 0 auto;
}
.dhome {
    align-items: center;
    padding: 20px 0px 0px;
}
.dhome:hover{ background:#ddd; }
 .icon-i img{

 }
 li.dropdown:hover ul.dropdown-menu{ display: block; }

 .navbar-nav .dropdown-menu{
padding:10px;
 }
 .btn-purple{
    background-color: #309 !important;
 }

.btn.btn-service{
    border-color:#473bf0 !important;
    color:#000 !important;
}
.btn.btn-service:hover{
      color:#fff !important;  
}

hr{
border-color:#e6d9c4 !important;
opacity:1 !important;
}
body h1,body h2, body h3{

}
body h1{
        font-size: 90px;
 color:#330099;
 line-height: 80px;
 font-weight:bold;
}

 h1 span{
    color:#000;
}

body h2{
   font-size:48px;
   font-weight:700;

}
/*body h3 {
    font-size: 36px;

    font-weight: 700;
}
 body h4{
     font-size:24px;

}
body h5{
     font-size:24px;
  
}
body h6{
     font-size:18px;

}*/
.whybox {
    padding:30px 40px;
    background-color:#F6F6F6;
    margin-bottom:25px;
    min-height:250px;
}
.whybox:hover{
    background-color:#ebebeb;
}
img{
    max-width:100%;
}
.navbar-nav li span{

}
.abpage{
    padding-bottom:70px;
}
span.caret{

}
.navbar-brand a img{outline:none;}
.navbar-nav li a{ line-height:30px }

.btn.btn-purple:hover,.btn.btn-purple:focus,.btn.btn-purple:active {
         background-color: #473bf0 !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}
.bannerslide .owl-dots {
    display: table;
    margin: 30px auto 0px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.bannerslide .owl-dot.active {
    background-color: #330099 !important;
}
.bannerslide .owl-dot {
    background-color: #D9D9D9 !important;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    margin: 0 2px;
}

.bannerslide{
    position: relative;
    left:0px;
    right:0px;
    top: 0px;
}
.bannerslide .owl-nav {
    display: none;
}
.navbar.absolute-top {
    position: absolute;
    z-index: 100;
    right: 0px;
    left: 0px;
}
.imgbannerrow {
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    text-align: right;
}
.imgbanner{

}
.imgbanner img{}


.abyour{
text-transform:uppercase;
}
.nextproject {
    color: #000000;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
}
.abyour{
text-align:left;
}
.getintouch {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: end;
}
.letstalk{
text-align:left;
}
.btn.getbtn {
    background: #000;
    border-radius: 0px;
    border: #000 1px solid;
    margin-top: 24px;
}
.btn.getbtn:hover, .btn.getbtn:focus, .btn.getbtn:active{
background:#473BF0;
}
.footercls {
    background: #ddd;
    padding: 40px 0px;
}
.footermain{
padding:70px 0px;
background:#000;
color:#fff;
}
.footermain a{
    color:#fff;
    line-height:30px;
}
.footermain p a {
    display: flex;
    align-items: center;
}
.iconface {
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.contactchoose{
    background:#473BF0 url('../images/backwhy.png') no-repeat left center;
}

.googlemap-apart{}
.googlemap-apart iframe{
border-radius:20px;}
.reviewpart{
padding:70px 0px;
}
.imgclient {
    border-radius: 100px;
    width: 80px;
    height: 80px;
    display: table;
    margin: 30px auto 15px;
}
.clientpara span{
    display: block;
      font-family: "inter", sans-serif;
      font-size: 14px;
}
.clientpara p {
      font-family: "Barlow Condensed", sans-serif;
        font-weight: 700;
}
.imgclient img{
width:100%;
}
.alibox{
}
.iconset {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hweare {
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #473BF0;
    display: table;
    margin: 0 auto;
}
.homeourmiles .owl-nav {
    position: absolute;
    bottom: 42px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.homeourmiles button.owl-prev{
background:#fff;
padding: 0 50px;
}

.homeourmiles button.owl-next{
    background:#fff;
    padding: 0 50px;
}
.iconmode {
    display: table;
    text-align: center;
    height: 70px;
    margin: 20px auto 0px;
}
.caption{
    font-size: 32px;
}

.getstarted {
    background: #000 !important;
    color: #fff;
    padding: 10px 40px !important;
    border-radius: 0px !important;
    border-color: #000 !important;
}
.contactform .form-control.in{
border:none;
border-bottom:#ddd 1px solid;
border-radius:0px;
}
.contactform .form-control{
border-radius:0px;
}
ul.contactlist{
    display: flex;
    list-style: none;
    padding:0px;
    margin:0px;
}
ul.contactlist li{
    display: block;
    list-style: none;
    padding:0px 15px 0 0px;
    margin:0px;
}
.homeourmiles .owl-nav .owl-prev:after{
    content:"Prev";
      font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
      margin-left: -11px;
}
.homeourmiles .owl-nav .owl-next:before {
    content: "Next";
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-right: -11px;
    z-index: 1;
}

.homeourmiles .owl-nav span{
    font-size:0px;
    background-color:#ddd;
    width: 20px;
    height:30px;
}
.homeourmiles .owl-nav button{
    display: flex;
    align-items: center;
    text-transform: uppercase;


}


.greybox {
    background:#ddd;
    padding: 20px;
    margin-bottom: 25px;
}
.dataport{
    justify-content: center;
}

.reviewpart .owl-nav {
    display: none;
}


.reviewpart .owl-dots {
    display: table;
    margin: 30px auto 0px;

}
.reviewpart .owl-dot.active {
    background-color: #330099 !important;
}
.reviewpart .owl-dot {
    background-color: #D9D9D9 !important;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    margin: 0 2px;
}
.contactchoose .accordion-button{
padding-top:15px;
padding-bottom:15px;
font-size:20px;
}
.logosfot{
margin-right:100px;
margin-bottom:50px;
}

.follow p{
    display: flex;
    align-items: center;
}
.footermain h5{
    margin-bottom:20px;
    text-transform: uppercase;
}

.whiteline {
    border-color: #464646 !important;
}

.footermain {
    padding: 70px 0px 30px;
    background: #000;
    color: #fff;
}
.footermain{
    text-transform: uppercase;
    font-size:16px;
}

.contactab .form-label{
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}

.contactchoose .accordion-item:first-of-type{
       border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.contactchoose .accordion-item:first-of-type .accordion-button{
      border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.contactchoose .accordion-item:last-of-type {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.contactchoose .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.contactchoose .accordion-item{
margin:10px 0px;
}
.rectanglebg{
    
}
.footerwhatsapp {
    position: fixed !important;
    bottom: 0px;
    right: 0px;
}
.dataab .nav-tabs {
    background-color: #F0F0F0;
    border-radius: 100px;
    border: transparent;
    display: flex;
    justify-content: space-between;
    padding:0 15px;
}
.dataab .nav-link .nav-tabs{
background: transparent;
border-radius:0px;
border:none;
}

.dataab .nav-tabs .nav-link{
    color:#000;
    position: relative;
    font-weight:600;
}

.dataab .nav-link{

}

.dataab .nav-tabs .nav-item.show .nav-link, .dataab .nav-tabs .nav-link.active {
    background: transparent;
    border: transparent;
    color:#473BF0;
}

.dataab .nav-tabs .nav-link:focus, .dataab .nav-tabs .nav-link:hover{
        border-bottom: transparent;
}

.dataab .nav-tabs .nav-item.show .nav-link:after, .dataab .nav-tabs .nav-link.active:after{
    background-color:#473BF0;
    content:"";
    position: absolute;
    left:0px;
    width:10px;
    height: 10px;
    border-radius: 100px;
        top: 43%;
} 

.dataab .nav-tabs .nav-link.active:focus-visible{
       background: transparent;
    border: transparent; 
    outline:none;
}

.datalogo{
    background-color:#F6F6F6;
    padding:70px 0px;
}
.logoclient{
    display: table;
    margin:50px auto 0;
    padding: 0 30px;
}
.logoclient img{
    display: block;
}

.datalogo .owl-dots {
    display: table;
    margin: 30px auto 0px;


}

.datalogo .owl-dot.active {
    background-color: #330099 !important;
}
.datalogo .owl-nav{
display: none;
}
.datalogo .owl-dot {
    background-color: #D9D9D9 !important;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    margin: 0 2px;
}
.textparaali ul{
list-style: none;
padding:0px;
margin:0px;
}
.textparaali li {
    list-style: none;
    padding: 0px 0px 0px 23px;
    margin: 0px 0px 25px 0px;
    background: url(../images/arrow.png) no-repeat left 7px;
}
.greybox{
    padding:20px;
}
.greybox h3 {
    color: #330099;
    text-align: center;
    display: block;
    padding: 20px 0px;
    min-height: 120px;
}
@media (max-width: 767px){
.navbar-nav {
        padding: 0 20px !important;
    }
    body h3 {
    font-size: 24px;
}
.navbar-nav .dropdown-menu {
    width: 100%;
}


    .navbar-collapse {
        background: #fff;
        border-radius: 10px;
        padding: 15px 0px;
        position: absolute;
        top: 100%;
        right: 0px;
        left: 0px;
    }
    .navbar.absolute-top {
    position: relative;
 
}
.whybox {
    padding: 30px 0px;

}

 body h1 {
    font-size: 24px;

 line-height:24px;

   
}
.overcore{

}

.homeourmiles .owl-nav {
    bottom: 0px;

}
.homeourmiles .item{
display: block;
}
}