:root{
    --blue-bg:#106eea;
    --white-bg:#fff;
    --light-bg:#f1f6fc;
    --black-bg:#101010;
    --white-text:#fff;
    --black-text:#333;
    --blue-text:#106eea;
}

/* gerneral background color */

.blue-bg{
    background-color:var(--blue-bg);
}

.white-bg{
    background-color:var(--white-bg);
}

.light-bg{
    background-color:var(--light-bg);
}

.black-bg{
    background-color:var(--black-bg);
}

/* slider */

/* captions */

.carousel-caption{
    height:100%;
    position:absolute;
    top:0;
    display: flex;
    flex-direction:column;
    justify-content:center;
}

.carousel-caption h5{
    font-size:25px;
    text-transform:uppercase;
}

.carousel-caption p{
    font-size:70px;
    text-transform:uppercase;
    font-weight:700;
}

.carousel .slider-btn{
    width:50px;
    height:50px;
    line-height:50px;
    font-size:30px;
    background:rgb(243, 243, 243);
    color:#333;
    border-radius:50%;
}

/* gernarl section css */

.section{
    padding:100px 0;
}

.section-title h2 {
    font-size:16px;
    font-weight:500;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color:var(--blue-text);
    font-family: "Poppins", sans-serif;
}

/* .section-title h2::after {
    content: "";
    width: 50px;
    height: 2px;
    display: inline-block;
    background:var(--blue-bg);
    margin: 4px 10px;
} */

.section-title p {
    margin: 0;
    font-size:36px;
    font-weight:700;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    color:var(--black-text);
}

.section .btn {
    margin-top: 15px;
    padding: 13px 28px 13px 28px;
    font-size: 20px;
    background-color:var(--blue-bg);
    color:#fff;
    border-radius: 4px 4px 4px 4px;
    text-transform:uppercase;
}

.para{
    font-size:20px;
}

.rouunded-img{
    border-radius:40px;
}

/* service */

#service .service-card{
    background-color:var(--light-bg);
    border-radius: 40px;
    padding: 40px 30px 41px;
    text-align:center;
    margin-bottom:30px;
}

#service .service-card:nth-child(1){
    margin-bottom:30px;
}

#service .service-card .service-img img{
    width:150px;
    height:150px;
    margin-bottom:26px;
}

#service .service-card .service-title{
    font-weight: 600;
    margin-bottom: 12px;
}

#service .col-md-6:last-child{
    margin-top:100px;
}

/* about us */

.about-img img{
    width:100%;
    height:480px;
}

/* choose us */

#choose-us .choose-us-card{
    background-color:var(--light-bg);
    border-radius: 40px;
    padding: 40px 30px 41px;
    text-align:center;
    margin-bottom:30px;
}

#choose-us .choose-us-card-img img{
    width:70px;
    height:70px;
    margin-bottom:26px;
}

#choose-us .choose-us-card .choose-us-title{
    font-size:17px;
    font-weight:700;
}

.our-skill-content{
	margin-top:50px;
}

.our-skill-content .progress {
  background-color:#f5f5f5;
  height: 30px; 
  border-radius: 0;
  margin-bottom: 24px;
}

.progress-title{
  font-size: 15px;
  font-weight: bold;
  left: 20px;
  line-height: 29px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}

.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

/* reviwes */

  .testimonials,.clients{
    padding:50px 30px;
  }


  .testimonials .item .box {
    padding:30px;
    background-color:#fff;
    position:relative;
  }
  
  .testimonials .item .box:after {
    content:'';
    position:absolute;
    left:45px;
    bottom:-24px;
    width:0;
    height:0;
    border:15px solid transparent;
    border-width:12px 15px;
    border-top-color:#fff;
  }
  
  .testimonials .item .author {
    margin-top:28px;
    padding-left:25px;
  }
  
  .testimonials .item .name {
    font-weight:bold;
    margin-bottom:2px;
    color:inherit;
  }
  
  .testimonials .item .title {
    font-size:16px;
    color:#9da9ae;
    font-weight:500;
  }
  
  .testimonials .item .description {
    font-size:15px;
    margin-bottom:0;
  }
  
  .testimonials .item img {
    width:70px;
    height:70px;
    border-radius:50%;
    float:left;
    margin-right:12px;
    margin-top:-5px;
}

/* latest blog */
  
 /* contact us */

 #contact-us .col-md-4 p{
     line-height:normal;
 }

 #contact-us a{
     color:#fff;
     text-decoration:none;
 }

 #contact-us .form-control{
     border:0;
     background-color:var(--light-bg);
}

#contact-us .feedback{
    color:red;
    text-transform:capitalize;
    display:none;
}
/* #contact-us .username-feedback{
    display:block;
} */
/*  */

#contact-us #alert-feedback{
    display:none;
}


/* responsive */

@media (max-width:992px){

    /* slider */

    .carousel-item img{
        height:250px;
    }

    .carousel-caption p{
     font-size:13px;
    }

 /* gernal section */

    .section{
     padding:50px 20px;
    }

    .section-title p {
     font-size: 20px;
   }

   .section .btn {
     margin-top: 4px;
     padding: 5px 14px 5px 14px;
   }
 

 /* service section */

   #service .service-content{
       margin-top:10px;
   }

   #service .col-md-7{
       margin-top:20px;
   }

   #service .col-md-7 .col-md-6 .service-card{
       margin-bottom:20px;
   }

   #service .col-md-7 .col-md-6:last-child{
     margin-top:0px;
 }

 /* about us */

 #about-us .col-md-5{
     margin-bottom:20px;
 }
 
 .about-img img {
     width: 100%;
     height: 300px;
 }

 /* projects */
 
 #porjects .col-md-7{
     margin-bottom:30px;
 }

 #porjects .para{
     margin-top:20px !important;
 }

 /* reviews */

 .testimonials .item{
     margin-top:20px;
 }

 .testimonials, .clients {
     padding: 15px 15px;
 }

 .clients .col-md-2{
     text-align:center;
     margin-bottom:20px;
 }

 .clients .col-md-2:last-child{
     margin-bottom:0px;
 }

 /* news */
 
 #news .col-md-6{
     margin-top:20px;
 }

 /* contact us */

 #contact-us .section{
     padding:50px 30px;
 }

 #contact-us .col-md-4{
     margin-top:20px;
 }


}