/*
Template Name: IT Depart
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.carousel-caption {
   text-align: left;
   padding: 30px 30px;
   bottom: 9rem;
   left: 10%;
   width: 50%;
   color: #fff;
}

.carousel-indicators {
   bottom: 0;
}

.carousel-caption h1 {
   font-size: 50px;
}

/*********************center_home_end****************/

/*********************about_h****************/
.about_h1r2 {
   bottom: -60px;
   left: 0;
   border: 10px solid #fff;
}

#about_h {
   padding-bottom: 100px;
}

/*********************about_h_end****************/

/*********************serv_h****************/
#serv_h .carousel-indicators [data-bs-target] {
   background-color: #ff3c00;
}

#serv_h .carousel-indicators {
   bottom: -60px;
}

#serv_h {
   padding-bottom: 90px;
}

.serv_h2il2 span {
   width: 70px;
   height: 70px;
   line-height: 72px;
   text-align: center;
   border-radius: 50%;
   box-shadow: 0 8px 25px 0 #ff3c000d;
}

.serv_h2il2 {
   bottom: -35px;
   right: 0;
   padding-right: 20px;
}

.button_1 i {
   background: #ff3c00;
   padding: 12px 15px;
}

.button_1:hover {
   background: #ff3c00 !important;
   color: #fff !important;
}

.button_1:hover i {
   background: #212529;
   color: #fff !important;
}

/*********************serv_h_end****************/

/*********************choose****************/
.choose_1li1 {
   bottom: 50px;
   right: -30px;
}

/*********************choose_end****************/

/*********************consult****************/
.consult_1r .form-control {
   height: 48px;
   border-color: #ff3c000d;
   background: #ff3c0008;
}

.consult_1r .form_1 {
   height: 148px;
}

.consult_1r {
   top: 45px;
   margin-left: 480px;
}

/*********************consult_end****************/

/*********************project****************/
.project_m {
   background: #ff3c00d4;
   padding-top: 100px;
   padding-bottom: 130px;
}

#project .carousel-indicators [data-bs-target] {
   background-color: #fff;
}

#project .carousel-indicators {
   bottom: -60px;
}

#project {
   background-image: url(../img/17.jpg);
   background-position: center;
}

.project_1i1m2 {
   bottom: 0;
   display: none;
}

.project_1i1m:hover .project_1i1m2 {
   display: block;
}

.project_1i1m:hover {
   opacity: 0.9;
}

/*********************project_end****************/

/*********************work****************/
.work_1im1 img {
   width: 220px;
   height: 220px;
   box-shadow: 0 0 30px #ff3c0052;
}

.work_1im2 span {
   background: #ff3c00;
   color: #fff;
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 50%;
   font-size: 18px;
}

.work_1im1 img:hover {
   box-shadow: 0 0 30px #ff3c00;
}

.work_1im2 {
   top: 80px;
   left: -15px;
}

/*********************work_end****************/

/*********************spec****************/
#spec {

   background-position: center;
}

.spec_1 span {
   text-align: center;
   width: 90px;
   height: 90px;
   line-height: 90px;
   border-radius: 50%;
   font-size: 18px;
}

/*********************spec_end****************/



@media screen and (max-width : 767px) {
   .center_home img {}

   .carousel-caption {
      left: 0;
      width: 100%;
      bottom: 4em;
      padding: 10px !important;
      text-align: center;
   }

   .carousel-caption h1 {
      font-size: 28px;
   }

   .carousel-caption br {
      display: none;
   }

   .carousel-caption p {
      font-size: 14px;
      text-align: left;
   }

   .about_h1r2 {
      display: none;
   }

   .about_h1r1 img {
      width: 100% !important;
   }

   .about_h1l {
      margin-top: 10px;
      text-align: center;
   }

   .about_h1l p {
      text-align: left;
   }

   .about_h1l br {
      display: none;
   }

   #about_h {
      padding-bottom: 40px;
   }

   .serv_h2il2 span {
      width: 50px;
      height: 50px;
      line-height: 52px;
   }

   .serv_h2il2 {
      bottom: -25px;
   }

   .serv_h2ilast {
      text-align: center;
   }

   .serv_h2ilast p {
      text-align: left;
   }

   .serv_h2im {
      margin-top: 10px;
   }

   .choose_1li1 {
      right: 0;
   }

   .choose_1r {
      padding: 15px !important;
      text-align: center;
   }

   .choose_1r br {
      display: none;
   }

   .choose_1r p {
      text-align: left;
   }

   .consult_1r {
      position: static !important;
      margin-left: 0;
      padding: 15px !important;
      text-align: center;
   }

   .consult_1r p {
      text-align: left;
   }

   .project_m {
      padding-top: 40px;
      padding-bottom: 70px;
   }

   .project_1i1m {
      margin-top: 10px;
   }

   .work_1im2 {
      position: static !important;
      text-align: center;
      margin-top: 20px;
   }

   .work_1i_last {
      margin-bottom: 20px;
   }

   .main_2 {
      position: static !important;
   }

   .spec_m br {
      display: none;
   }

   .spec_m {
      padding-top: 80px;
      padding-bottom: 80px;
   }

   .spec_m p {
      text-align: left;
   }

   #blog_h {
      margin-top: 0;
   }

}


@media (min-width:576px) and (max-width:767px) {
   .about_h1li {
      text-align: left;
      padding: 10px;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .center_home img {
      min-height: 600px;
   }

   .carousel-caption h1 {
      font-size: 28px;
   }

   .carousel-caption br {
      display: none;
   }

   .about_h1r2 {
      display: none;
   }

   .about_h1r1 img {
      width: 100% !important;
      height: 460px;
   }

   .about_h1l br {
      display: none;
   }

   .about_h1lil span {
      font-size: 26px !important;
   }

   #about_h {
      padding-bottom: 40px;
   }

   .choose_1li img {
      min-height: 650px;
   }

   .choose_1r {
      padding: 30px 15px !important;
   }

   .choose_1li1 {
      right: -20px;
   }

   .consult_1r {
      margin-left: 300px;
      padding: 40px 15px !important;
   }

   .consult_1l img {
      min-height: 650px;
   }

   .project_1i1m img {
      min-height: 220px;
   }

   .work_1im1 img {
      width: 100%;
      border-radius: 0 !important;
   }

   .work_1im2 {
      left: 0;
   }

   .work_1i_last br {
      display: none;
   }
}

@media (min-width:992px) and (max-width:1200px) {
   .center_home img {
      min-height: 600px;
   }

   .carousel-caption br {
      display: none;
   }

   .carousel-caption h1 {
      font-size: 36px;
   }

   .choose_1li img {
      min-height: 650px;
   }

   .consult_1r {
      margin-left: 400px;
   }

   .consult_1l img {
      min-height: 650px;
   }

   .project_1i1m img {
      min-height: 220px;
   }

   .work_1im2 {
      left: 0;
   }
}

@media (min-width:1201px) and (max-width:1310px) {
   .carousel-caption p br {
      display: none;
   }
}

#serv_pg i {
   font-size: 39px;
}

#serv_pg span {
   color: #ff3c00;
}

#faq img {
   padding: 10px;
   height: 100%;
}