@import url(../css/fonts.css);
:root{
    --primary-hover:#d70c10;
    --primary-btn:#039cdc !important;
}
body{
    margin: 0px;
    padding: 0px;
    font-family: "Poppins", serif;
}
.slider img{
    width: 100%;
}
.navbar-nav .nav-link{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    color: black;
    font-weight: 500;
}
.navbar-nav .nav-link:hover{
    color: var(--primary-hover);
}
.section-spacing{
    padding: 60px 0px;
}
.section-heading{
    font-weight: 700;
    text-align: center;
}
.heading-tagline{
    font-weight: 400;
    text-align: center;
    color: #616161;
}
.section-subheading{
    font-weight: 400;
    text-align: center;
    font-size: 1.5rem;
}
.text-red{
    color: #d70c10;
}
.icon-holder{
    background-color: #039cdc;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box{
    box-shadow: 2px 0px 8px #dddddd;
    border-radius: 10px;
    padding: 20px;
    margin-right: 20px;
}
.box div{
    margin: 10px;
}
.grey-bg{
    background: #f3f3f3;
}
.service-box{
    text-align: center;
    padding: 30px;

}
.service-box img{
    margin-bottom: 20px;
}
.border-left{
    border-left:1px solid #d5d5d5 ;
}
.border-bottom{
    border-bottom:1px solid #d5d5d5 ; 
}
.dot{
    position: relative;
}
.dot::after{
    content: ' ';
    border-radius:50%;
    background-color: #f3f3f3;
    height: 20px;
    width: 20px;
    position: absolute;
    left: -10px;
    bottom: -10px;
}
.service-hover:hover{
    background-color: #039cdc;
    color: #fff;
    transition: 0.5s;
}
.service-hover:hover img{
    filter: brightness(0) invert(1);
}
.btn-primary{
    background-color: var(--primary-btn);
    border-color: var(--primary-btn);
}
.btn-primary:hover{
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}
.owl-carousel .owl-item img{
    width: auto !important;
}
.testimonials-bg{
    background: url(../images/testimonials_bg.jpg) no-repeat;
    background-size: cover;
}
.testi-photo{
    display: flex;
    align-items: center;
}
.testi-photo div{
    padding: 10px;
}
.testi-photo h3{
    font-weight: 600;
    font-size: 24px;
}
.testi-photo h5{
    font-weight: 300;
    font-size: 18px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border: none;
  border-bottom: 2px solid rgb(128, 126, 126);
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 1rem 0.4rem;
}
.aside {
  background-image: linear-gradient(
    to left bottom,
    #051937,
    #002350,
    #002d69,
    #003684,
    #01409f
  );
  animation: animateClr 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
  background-size: 400%;
}

@keyframes animateClr {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

ion-icon:not([name="logo-codepen"]) {
  border: 1px solid currentColor;
  border-radius: 20%;
  padding: 1rem;
}
footer{
    background: #E7696C;
    padding: 40px 0px;
}
footer ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
footer ul li{
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
}
footer a{
    color: #dad7d7;
    font-size: 15px;
    text-decoration: none;
}
footer a:hover{
    color:#91211C;
    
}
footer h3{
    color: #fff;
    margin-bottom: 20px;
}
footer h5{
    color: #fff;
    margin-bottom: 10px;
    text-decoration: underline;
}
footer p{
    color: #dad7d7;
    font-size: 14px;
   
}
.social-links{
    display: flex;
}
.social-links li{
    margin-right: 15px;
}
.carousel-caption{
    top:5.25rem !important;
    text-align: left !important;
}
.carousel-caption h5{
    font-size: 3rem;
    font-weight: 900;
}
.page-title{
    height: 500px;
    display: flex;
    align-items: center;

}
.about-title{
    /*background: url(images/about-title.jpg) no-repeat center;*/
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/about-title.jpg) center no-repeat ;
  
}
.uiux-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/uiux-title.jpg) no-repeat center ;
    background-size: cover;
}
.website-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/web_developement.jpg) no-repeat center ;
    background-size: cover;
}
.mobile-app-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/app_developement.jpg) no-repeat center ;
    background-size: cover;
}
.digital-marketing-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/digital_marketing.jpg) no-repeat center ;
    background-size: cover;
}
.contact-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/contactus.jpg) no-repeat center ;
    background-size: cover;
}
.domain-hosting-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/domain.jpg) no-repeat center ;
    background-size: cover;
}
.technology-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/technology.jpg) no-repeat center ;
    background-size: cover;
}
.careers-banner-title{
    background: linear-gradient(-45deg,  #000000c2, #000000b5) fixed, url(../images/images.jpg) no-repeat center ;
    background-size: cover;
}
.weight-bold{
    font-weight: bold;
}
.counter{
    font-size: 40px;
    font-weight: bold;
}
.navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}
.content-heading{
    font-weight: bold;
}
.number-icon{
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    background: #b7d9f7;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 30px;
}
header{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}