@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Funnel+Display:wght@300..800&display=swap');
body{
    font-family: "Epilogue", sans-serif;
	font-size: 17px;
	color: #171717;
	line-height:27px;

}
.navbar {
    padding:20px 0;
}
.navbar-brand{
   font-family: "Funnel Display", sans-serif;
  
font-weight: 800;
font-size: 32px;
line-height: 27px;
letter-spacing: 4%;
vertical-align: middle;

}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

font-weight: 400;
font-size: 17px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;

}

.contact-link{
    padding:8px 22px;
    color:#fff;
    background-color:#171717;
}
.navbar-light .navbar-nav .nav-link.contact-link{
    color:#fff;
        font-size: 14px;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link.contact-link:hover{
    color:#fff; 
     background-color:#FD591E;
}


.navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #FD591E;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
   color: #FD591E;
   font-weight:700;
}


.logo-icon{
    margin:60px 0;
}

.banner h1{
 color:#FD591E;
font-weight: 700;
font-size: 114.03px;
line-height: 138.97px;
letter-spacing: 0%;
vertical-align: middle;

}

.banner h2{
color:#171717;
font-weight: 700;
font-size: 48px;
line-height: 78px;
padding-bottom:0;
margin-bottom:0;
vertical-align: middle;


}

.btn-mar-bot{
    margin-bottom: 20px;
}

.banner h1:before{
    content: "Innovate";
            animation: animate infinite 3s;
}
@keyframes animate {

            0% {
                content: "Innovate";
            }

            50% {
                content: "Build";
            }

            75% {
                content: "Scale";
            }
        }

.btn {
    background-color:#171717;
padding:9px 17px;
font-weight: 600;
font-size: 14px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
 color:#fff;
    border:0;
     border-radius:0;

}
.btn:hover{
     background-color:#FD591E;
}



.skills{
    margin-top:179px;
}

.skill h3{
font-weight: 700;
font-size: 27px;
line-height: 42px;
letter-spacing: 0%;
text-transform: capitalize;
margin-top:42px;

}
.skill p{

font-weight: 400;
font-size: 17px;
line-height: 27px;
letter-spacing: 0%;
  
}

.head{
font-weight: 700;
font-size: 68px;
line-height: 78px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom:76px;
}
.services{
    margin-top:142px;
}

.btn-mar-top{
    margin-top:35px;
}
.clients{
    margin-top:170px;
    margin-bottom:130px;
}
.clients img{filter: grayscale(100%);margin: 20px 0;}


.testimonials{
    margin-bottom:130px;
}
.testi .card{
    background-color:#F8F8F8;
    padding:38px;
    border:0;
    height: 100%;
}

.testi .slick-slide {
    height: auto;
}
.testi .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
.testi .slick-track .slick-slide > div {
    height:100%;
}
.testi .card-text{

font-weight: 400;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
  margin-bottom:78px;
}

.testi .card-header .card-author{

font-weight: 800;
font-size: 17px;
line-height: 27px;
letter-spacing: 0%;

}

.testi .card-header .card-designation{

font-weight: 400;
font-size: 14px;
line-height: 27px;
letter-spacing: 0%;

}

.testi .card-header{

background-color:transparent;
padding:0;
border-bottom:0;
  
}

footer{
    background-color:#171717;
    color:#fff;
    border-top:8px solid #FD591E;
}
footer a{
    color:#fff;
}
footer h2{

font-weight: 300;
font-size: 100px;
line-height:100px;
letter-spacing: 0%;
text-align: center;

margin-right:30px;
margin-bottom:0;
    margin-top: 20px;

}
footer h2 span{
 font-weight:800; 

}
.footer-logo{
    margin-right:64px;
    /*margin-bottom:43px;*/
}
.footer-social-icon{
    margin-left:32px;
}
.footer-social-icon:first-child{
    margin-left:0;
}

footer p{

font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0%;
vertical-align: middle;

}
.adress img{
    margin-bottom:18px;
}




.about-page h1{

font-weight: 700;
font-size: 48px;
line-height: 78px;
letter-spacing: 0%;
vertical-align: middle;

}
.about-page p{

font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;
}
#navbar_top{
    background-color:#fff;
}
.navbar-light .navbar-toggler{
    border:0;
    position:absolute;
    right:0;
}
.counter{
    margin-bottom:90px;
    margin-right: 114px;
}

.counter-right .counter{
    margin-right:0;
}
.counter h2{
   font-family: "Funnel Display", sans-serif;
font-weight: 700;
font-size: 86.9px;
line-height: 90.52px;
letter-spacing: 0%;
color:#FD591E;
}

.counter p{

font-weight: 400;
font-size: 21.73px;
line-height: 32.59px;
letter-spacing: 0%;

}


.partner{
    margin-top:128px;
}
.partner-inner{
    width:969px;
}
.partner-in{
    margin-bottom:46px;
}
.partner-in img{
    margin-right:140px;
}
.partner-in h2{

font-weight: 700;
font-size: 32px;
line-height: 48px;
letter-spacing: 0%;
vertical-align: middle;

}
.partner-in p{

font-weight: 400;
font-size: 24px;
line-height: 38px;
letter-spacing: 0%;

}


.service-page{
    margin-top:255px;
}

.service-page h1{

font-weight: 700;
font-size: 48px;
line-height: 78px;
letter-spacing: 0%;
vertical-align: middle;

}
.service-page p{
margin-top:36px;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;
}

.service-inner{
     width:969px;
    margin-top:161px;
}
.service-in h2{

font-weight: 700;
font-size: 32px;
line-height: 48px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom:32px;

}
.service-in{
    margin-bottom:150px;
}
.service-btn{
    border-radius:45px;
    display:block;
    background-color:#FD591E;
    color:#fff;
 
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: 0%;
text-transform: capitalize;
text-align:center;
margin-bottom:16px;
padding:15px 15px;
text-decoration:none;
}

a.service-btn:hover{
    background-color:rgba(23, 23, 23, 1);
    color:white;
} 

.choose{
    margin-bottom:170px;
}

.choose-in h3{

font-weight: 700;
font-size: 48px;
line-height: 120%;
letter-spacing: 0.25px;
color:#FD591E;
}

.choose-in h4{

font-weight: 700;
font-size: 32px;
line-height: 120%;
letter-spacing: 0px;
vertical-align: middle;
margin-left: 60px;
margin-top:24px;

}
.choose-in p{
font-family: Epilogue;
font-weight: 400;
font-size: 20px;
line-height: 180%;
letter-spacing: 0px;
color:rgba(60, 60, 67, 0.85);
margin:0;
margin-left: 60px;
}
.choose-in{
    padding-bottom:32px;
    border-bottom:8px solid;
    border-color:rgba(205, 214, 218, 0.3);
    margin-bottom:32px;
}

.choose-in:last-child{
    border-bottom:0;
}

.breadcrumb{
    margin-top:38px;
}
.breadcrumb-item a{
color:#FD591E;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-decoration:none

}

.breadcrumb-item.active{

font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
}

.breadcrumb-item + .breadcrumb-item::before {
 
  content: var(--bs-breadcrumb-divider, ">");
}

.service-inner-page{
    margin:102px 0;
}
.service-inner-page h1{

font-weight: 300;
font-size: 68px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
opacity:0.3;

margin-top:32px;
}


.service-content{
    width:796px;
    margin-top:66px;
}
.service-content h2{
margin-top:60px;
margin-bottom:60px;
font-weight: 700;
font-size: 40px;
line-height: 62px;
letter-spacing: 0%;

}

.service-content h3{

font-weight: 700;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;

}
.service-content p{
margin-top:30px;
margin-bottom:30px;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;


}

.case-study-page{
    margin-top:157px;
}

.case-study-page .card-title{

font-weight: 700;
font-size: 24px;
line-height: 125%;
letter-spacing: 0px;
margin-bottom:16px;
    
}

.card-image{
    margin-bottom:16px;
}
.card-image img{
    border-radius: 10px;
    width: 100%;
    height: 240px;
}
.blog-card{
    margin-bottom: 40px !important;
    height: 100%;
}
.blog-card a {
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.blog-date{
    font-weight: 500;
    margin-bottom: 7px;
    color: #6c757d;
}

.blog-description img{
    max-width: 100%;
}

.case-study-page .card-text{
margin-bottom:48px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0px;

}

.case-study-page .card{
    border:0;
    margin-bottom:126px;
}
.case-study-page  .card-body{
    padding:0;
}
.case-study-inner-page {
    margin-top:42px;
}
.case-study-content{
    margin-top:55px;
}

.case-study-content h1{

font-weight: 700;
font-size: 68px;
line-height: 84px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom:40px;
margin-top:80px;

}
.case-study-content h2{

font-weight: 700;
font-size: 40px;
line-height: 62px;
letter-spacing: 0%;
margin-bottom:32px;
margin-top:40px;

}

.case-study-content p{

font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;
margin-bottom:40px;


}


.case-study-content-inner{
    margin-top:55px;
}

.case-study-content-inner h1{

font-weight: 700;
font-size: 68px;
line-height: 84px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom:40px;
margin-top:80px;

}
.case-study-content-inner h2{

font-weight: 700;
font-size: 40px;
line-height: 62px;
letter-spacing: 0%;
margin-bottom:32px;
margin-top:40px;

}

.case-study-content p{

font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0%;
margin-bottom:40px;


}




.contact-page{
    margin-top:74px;
    margin-bottom:95px;
}

.contact-page p a{
    color:#171717;
}

.contact-page h1{

font-weight: 700;
font-size: 48px;
line-height: 78px;
letter-spacing: 0%;

}

.form-control{
background-color:#F3F3F3;
color:#2D2D2D;
font-weight: 400;
font-size: 17px;
line-height: 27px;
letter-spacing: 0%;
border:0;
min-height:60px;
border-radius:0;

}

.case-study-page h1{

font-weight: 700;
font-size: 48px;
line-height: 78px;
letter-spacing: 0%;



}
.nav-brand{
    position: relative;
    z-index: 99999;
}
.arrow-svg-whole:hover .arrow-svg{
    stroke: #FD591E;
    
}

.footer-arrow-hov:hover{
  fill: #FD591E;  
  
}
.footer-arrow:hover{
   -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transition: all 0.3s;
 
}


@media (min-width: 992px) {



 .contact .nav-pills .nav-link{
    font-size:30px;
}

  }
@media (max-width: 969px){
.partner-inner{
    width:auto;
}
.partner-in img{
    width:100%;
    height:auto;
}
.partner-in img{
    margin-right:0;
    margin-bottom:42px;
}
.service-inner{
    margin-top:131px;
}
}
@media (min-width: 969px){
.partner-in p {
    font-weight: 400;
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 0%;
}

}

@media (max-width: 992px){
footer h2{
    margin-right:0;
}
.slick-prev, .slick-next{
    bottom:30px;
    top:100%;
            margin-top: 20px;
   
}
.slick-prev{
    right:55%;
    left:auto;
}
.slick-next{
    right:auto;
    left:55%;
}
.service-content{
    width:100%;
}
.case-study-page h1{

font-size: 32px;
line-height: 46px;

margin-top:60px;


}

.case-study-page {
    margin-top: 90px;
}
.contact-page h1 {
   
    font-size: 32px;
    line-height: 46px;
    margin-top:52px;
    
}
.service-in h2 {
  
    font-size: 31px;
    line-height: 48px;
   
    text-align: center;
}
}
@media (min-width: 768px) and (max-width: 992px){

.partner-in img {
    margin-right: 30px;
}

}
@media (max-width: 576px){
    
.navbar-light .navbar-toggler-icon{
    border-color: rgba(0,0,0,1);
}    
    
    

.service .row>*{
    padding:0;
} 
 
#navbar_top{
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,.05);

}
.navbar-brand {
   
    /*margin-left: 5rem;*/
}
.nav-brand{
    margin-left:0
}
 .navbar-collapse {
	 width: 100%;
	 background: white;
	 position: fixed;
	 z-index: 9;
	 display: block;
	 visibility: hidden;
	 opacity: 0;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 transition: all 0.4s;
}

.navbar {
   
    justify-content: center;
    padding:0;
    height:77px;
   
}

 .navbar-collapse ul.navbar-nav {
	 position: absolute;
	 top: 100px;
	 display: flex;
	 align-items: end;
	 justify-content: end;
	 width: 100%;
}
 .navbar-collapse ul.navbar-nav li {
	 opacity: 0;
	 transition: opacity 0.4s cubic-bezier(0.58, 0.3, 0.005, 1);
	 padding: 0;
	 margin-bottom: 40px;
}
 .navbar-collapse ul.navbar-nav li a {

font-weight: 700;
font-size: 48px;
line-height: 50px;
letter-spacing: 1%;
text-align: right;

}
 .navbar-collapse.show {
	 min-height: 100vh;
	 visibility: visible;
	 opacity: 1;
	 z-index: 1099;
}
 .navbar-collapse.show ul li {
	 opacity: 1;
}
.navbar-light .active .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.55%29'  stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M8 8 L24 24 M8 24 L24 8'/%3E%3C/svg%3E");

            position: relative;
        z-index: 99999;
    
}
.navbar-toggler:focus{
    box-shadow:none;
}
.contact-link {
    background-color:transparent;
   
}
.navbar-light .navbar-nav .nav-link{
    color:#000;
    
}
.navbar-light .navbar-nav .nav-link.contact-link{
    color:#000;
    font-weight: 700;
        font-size: 48px;
        line-height: 50px;
        
        text-align: right;
}

.navbar-light .navbar-nav .nav-link.contact-link:hover{
   color: #FD591E;
     background-color:transparent;
}

.banner h1{
font-size: 64px;
line-height: 78px;
}

.banner h2{
  font-size:  32px;
  line-height:  46px
}

.skills {
    margin-top: 60px;
}
.head{
 
font-size: 46px;
line-height: 62px;
margin-bottom: 42px;

}
.testi .card-text{
    font-size:14px;
    line-height:22px;
    margin-bottom: 26px;
}
.testi .card{
    padding:24px;
}


.slick-prev, .slick-next{
    bottom:30px;
    top:100%;
            margin-top: 20px;
   
}
.slick-prev{
    right:55%;
    left:auto;
}
.slick-next{
    right:auto;
    left:55%;
}

.footer-logo{
    display:none;
}

footer h2{
  font-size: 46px; 
  margin-bottom:0;
  margin-top:0;
}
.footer-social-icon:first-child{
    margin-left:0;
}

.footer-social-icon{
    margin-top:145px;
}

.counter h2{

font-size: 73.31px;
line-height: 76.36px;


}


.counter{
    margin-right:80px;
}
.counter p{
  
font-size: 18.33px;
line-height: 27.49px;


}

.partner-inner{
    width:auto;
}
.partner-in img{
    width:100%;
    height:auto;
}
.partner-in img{
    margin-right:0;
    margin-bottom:42px;
}
.about-page h1 {
 
font-size: 32px;
line-height: 46px;
margin-bottom:16px;


}

.navbar-brand{
   font-family: "Funnel Display", sans-serif;
  
font-weight: 800;
font-size: 32px;
line-height: 27px;
letter-spacing: 4%;
vertical-align: middle;

}

.service-page {
    margin-top: 90px;
}

.service-page h1 {

font-size: 32px;
line-height: 46px;


}
.service-page p{


font-size: 24px;
line-height: 36px;

}
.service-inner-page h1{

font-size: 36px;
line-height: 100%;

}

.service-content{
    width:100%;
}

.case-study-content-inner  img{
    width:100%;
    height:auto;
}

.case-study-content-inner h1 {
  
    font-size: 38px;
    line-height: 54px;
   
}
.case-study-content-inner p {
   
    font-size: 20px;
    line-height: 32px;
  
}
.ser-img{
    width:100%;
    height:auto;
    margin-bottom:54px;
}

.case-study-page .card {
    
    margin-bottom: 60px;
}

}

@media (min-width: 1920px){
    .top-20 {
    top: 135px;
}

.banner-fleet p {
   
    width: 25%;
}
}
@media (min-width: 992px)and (max-width: 1200px){
    .slick-prev{
        left:83%;
    }
}
@media (min-width: 992px)and (max-width: 1400px){
footer h2 {
    
    font-size: 65px;
}
.footer-logo {
    margin-right: 32px;
}
}

@media (min-width: 1200px) and (max-width: 1400px){
.about-page h1 {
   
    font-size: 41px;
    line-height: 61px;
   
}


}

@media (min-width: 996px) and (max-width: 1200px){
.about-page h1 {
   
    font-size: 30px;
    line-height: 40px;
   
}
.counter{
    margin-right:20px;
}
}