@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Anton&family=Outfit:wght@100..900&display=swap');:root{
    --primary-color: #000;
    --secondary-color: #020202;
    --orange-color:#EF3531;
    --button:#F14440;
    --bg-light: #E7E9E9;
    --blue-bg:#1A90D0;
    --dark-grey:#242424;

}
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body{
    font-family:"Outfit", sans-serif;
    font-size: 17px;
    color:var(--primary-color);
    font-weight:400;
    letter-spacing: 0.2px;
}
h1,h2 {
  font-size: 34px;
  text-transform: uppercase;
  font-family: "Alfa Slab One", serif;
  margin-bottom:30px; 
  color:#303030;
}
h3, h4, h5, h6{
  font-family:"Outfit", sans-serif;
  margin-bottom: 25px;
}
h3 {
  font-size: 34px;
  text-transform: uppercase;
}
h4 {
  font-size:26px;
  text-transform: uppercase;
  font-weight:400;
}
h5 {
  font-size:25px;
  text-transform: uppercase; 
  color:var(--secondary-color);
  font-weight:400;
}
h6 {
  font-size:20px;
  font-weight:400;
}
h1 span,h2 span{
  font-size: 34px;
  text-transform: uppercase;
  font-family:"Outfit", sans-serif;
}
ul, ol, figure{ 
  margin: 0;
  padding: 0;
  font-family:"Outfit", sans-serif;
  font-size: 17px;
  color:var(--primary-color);
  font-weight:400;
  letter-spacing: 0.2px;

}
a{
    letter-spacing: 0.2px;
    font-family:"Outfit", sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    font-weight:400;
}
.view-btn:hover{
  color:#fff;
  background-color: var(--blue-bg);
}
p{
  margin:0 0 20px 0;
}
p, ul li{
  color: var(--primary-color);
  margin: 0;
  font-family:"Outfit", sans-serif;
  letter-spacing: 0.2px;
  line-height: normal;
  font-size:17px;
  font-weight:400;
  list-style: none;
}
.section-block {
  padding:80px 0px;
}
.section-block2 {
  padding:50px 0px;
}
.padding-bottom-80 {
  padding-bottom: 80px;
}
.padding-top-30 {
  padding-top:30px;
}
.padding-top-80 {
  padding-top:80px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.view-btn {
  background-color: var(--button);
  color: #fff;
  border-radius: 100px;
  padding:6px 30px 10px;
  font-weight:400;
}
.read-btn {
  color: var(--button);
  text-decoration: underline;
  font-size: 17px;
  font-weight:400;
   text-transform: capitalize;
}
.read-btn:hover{
  color: var(--blue-bg);
}
.sub-heading{
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 300;
}
.heading2 {
  font-size:48px;
  text-transform:inherit;
  font-family: "Alfa Slab One", serif;
  margin-bottom:30px; 
  color:var(--primary-color);
}
.heading2 span{
   font-size:48px;
  font-family: "Alfa Slab One", serif;
  color:var(--orange-color);
  text-transform:capitalize;
}
.inner-heading{
  font-size: 30px;
  color:var(--button);
  margin-bottom:25px;
}
.text-grey{
  color: #303030;
}
.install-sec-list{margin-top: 5%;}
.install-sec-list .one li{
  display: inline-block;
    padding:15px 15px;
}
.install-sec-list .two li{
  display: inline-block;
    padding:15px 8px;
}
.install-sec-list2 {margin-top: 5%;}
.install-sec-list2 ul li{
  line-height:45px;
}
.install-sec-list2 ul+ul{
  margin-left:10%;
}
/*********/ Header /*********/
.topbar  {
  padding:5px 30px;
  background:#1a90d0;
  padding: 10px 0;
}
.topbar ul li{
  color:#fff;
}
.main-header .navbar{padding: 0;}
.main-header .navbar-nav {
  position: relative;
}
.navbar-brand img {
  position: absolute;
  top: -35px;
    width: 12%;
    left:47%;
    transform: translateX(-50%);
    z-index: 1000;
    box-shadow: 0px 2px 5px #00000047;
    border-radius: 100%;
}
.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-item {
 padding:0.7em 1.5em;
}
.navbar .navbar-nav .nav-item:hover {
background-color:#EFEFEF;
}
.navbar .navbar-nav .nav-item.active{
background-color:#EFEFEF;
}
.navbar .navbar-nav .nav-item a:hover {
  background: none;
}
.navbar .navbar-nav .nav-link {
  color: var(--primary-color);
}
.dropdown-menu{
width:340px;
text-align: center;
padding: 10px 0px;
border: 0;
border-radius: 0;
background-color: #ffffff;
box-shadow:0px 4px 6px 0px #3636365e;
border-radius: 0 0 3px 3px;
}
.submenu{
  padding:10px 20px;
  text-align: center;
}
.dropdown-item{
  padding: 0;
  margin-bottom:20px;
}
.dropdown-menu[data-bs-popper] {
    top:97%;
    left:-70%
}
.nav-link:focus-visible {
  outline:none;
}
@media screen and (min-width: 768px) {
  .navbar-brand {
    margin-right: 0;
    padding: 0 7em;
  }
}

/* -- page-banner -- */
.page-banner{
   background-color:var(--button);
   height: 220px;
  position: relative;
}

.page-banner .title{
   color: #ffffff;
   font-size: 34px;
   font-weight: 400;
   font-family:"Outfit", sans-serif;
   margin-bottom: 0;
}
.page-banner .breadcrumb{
   margin-bottom:15px;
  background: #FB5C58;
  padding:7px 15px;
  display: inline-flex;
}
.page-banner .breadcrumb .breadcrumb-item a{
   color: #ffffff;
   font-size:14px;
}
.page-banner .breadcrumb .breadcrumb-item{
   color: #ffffff;
   font-size:14px;
}
.page-banner .breadcrumb .breadcrumb-item svg{
  padding: 0 3px;
}
.page-banner.large-banner{
   height: 290px;
   padding-bottom: 60px;
}
.breadcrumb-item+.breadcrumb-item::before{
  display: none;
}
.breadcrumb-item+.breadcrumb-item{padding: 0px;}
.breadcrumb-img figure {
    position: absolute;
    right:8%;
    bottom: -35%;
    width:36%;
}

/* ---- Banner ---- */
.slide__content--headings h2 {
  color: #fff;
}
.slide {
  position: relative;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.slide .slide__img img {
  width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
}

.slide .slide__content {
  position: absolute;
  top: 50%;
  left:25%;
  transform: translate(-50%, -50%);
}

.slide .slide__content--headings h2, .slide .slide__content--headings span {
 text-align: left;
 color:var(--primary-color);
 font-size:45px;
   font-family: "Alfa Slab One", serif;
 margin-bottom:30px;
}

.slide .slide__content--headings .animated {
  transition: all 0.2s ease;
}

/* Slider animations */
.slider [data-animation-in] {
  opacity: 0;
  animation-duration:0.2s;
  transition: opacity 0.2s ease 0.2s;
}

/* Dots styling */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

/* Simple dots */
.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1;
}

.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

/* Stick dots */
.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}

.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1;
}

.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* Zoom animations */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.zoomOutImage {animation-name: zoomOutImage;}
.slider .slick-prev, .slick-arrow{display: none !important;}

@media (min-width: 992px) {
  .slider, .slide {
    height:87vh;
  }
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}


/* --------- About Us ---------- */
.about-decs {padding-right: 20px;}
.abt-ig {
  position: relative;
  padding-left: 20px;
}
.abt-ig2{
  position: absolute;
  bottom: -30%;
  left: -15%;
}
.image-box {
    position: relative;
    display: block;
}
.para h4{
  text-transform: capitalize;
}
.para h6{
  font-weight: 300;
}

/********* promise-section ********/

.promise-help-ig-sec {
  background-image:url(../image/promise-help-bg.png);
 background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 20px;
    width:35%;
    height: 85vh;
    justify-content: center;
    align-items: center;
}
.promise-help-decs {
  position: relative;
  background-color: var(--bg-light);
  padding:70px 50px;
  text-align: center;
  border-radius: 0px 0px 0px 50px;
   width:65%;
}
.promise-help-decs p{font-weight:500;}
.top-left-txt {
    top:37%;
    position: absolute;
    left:14%;
}
.bottom-left-txt {
   top:55%;
    position: absolute;
    left:11%;
}
.top-right-txt {
    top:37%;
    position: absolute;
    right:16%;
}
.bottom-right-txt {
    top:55%;
    position: absolute;
    right:19%;
}

/************* Services *************/

.service-inner-sec{
  position: relative;
}
.service-heading{
  position: absolute;
  bottom:-6%;
  margin: 0 auto;
  width:70%;
  justify-self: anchor-center;
}
.service-heading h6 {
    font-size: 22px;
    background:var(--dark-grey);
    border-radius: 20px 20px 0px 0px;
    padding:18px 12px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
}
.service-heading h6 a {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
/******* Industries *******/

.industry-section {
  background-color: var(--blue-bg);
}
.industry-icons-sec img{
  padding:0px 25px;
}
.industry-icons-sec p{
  color: #fff;
  text-align: center;
  margin:15px 0px 0;
}
.industry-icons-sec {
    width:30%;
      padding:15px 20px;
    text-align: center;
    border-left: 0.3px solid #ffffff6b;
    border-bottom: 0.3px solid #ffffff6b;
}
.border-right {border-right: 0.3px solid #ffffff6b;}

/******** Projects **********/
.carousel-control-prev{
  left:93%;
}
@media screen and (min-width: 576px) {
  .carousel-inner {
    display: flex;
    width:100%;
    margin-inline: auto;
    padding: 1em 0;
    overflow: hidden;
  }
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 1);
  }
}
@media screen and (min-width: 768px) {
  .carousel-item {
    display: block;
    margin-right: 0;
    flex: 0 0 calc(100% / 1);
  }
}
.carousel .card {
  margin: 0 0.5em;
  border: 0;
}

.carousel-control-prev,
.carousel-control-next {
  width:2rem;
  height:2rem;
  background-color:#CECECE;
  border-radius: 50%;
  top:92%;
  transform: translateY(-50%);
  align-content: center;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
background-color: var(--button);
}
.subline {
  color: var(--orange-color);
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.Project-desc {
  padding:35px 70px;
  border-left: 0.3px solid #4e4e4e;
  border-bottom: 0.3px solid #4e4e4e;
  border-top: 0.3px solid #4e4e4e;
  height: 100%;
}
.project-details li{
  margin-bottom: 30px;
  line-height: 20px;
}
.project-log img {
  margin-top:30px;
}
.project-desc a {
    text-transform: capitalize;
}

/******** Clients **********/
.client-section {
  background-color: var(--bg-light);
}
.client-logo {
    background: #fff;
    margin-left: 5%;
     border: 0.3px solid  #acacac;
}
.client-logo ul li{
  width: 25%;
  padding:2% 4%;
  text-align: center;
  align-content: center;
  border-right: 0.3px solid #acacac;
}
.client-logo ul li:last-child{
  border-right: 0px;
}
/* --------- Footer ---------- */
.footer-section {padding-left:40px;padding-right:40px;;margin-top:5%;}
.footer-inner{
  background-color: var(--dark-grey);
  border-radius: 35px 35px 0px 0px;
  position: relative;padding: 40px 0 10px;
  margin-top: 20px;
}
.foot-logo{
    position: absolute;
    top: -43px;
    left: 50%;
    transform: translateX(-50%);
    width:37%;
  }
  .line{
    position: absolute;
    top: 44%;
    left: 50%;
    width:1%;
}
.footer-inner h5{font-size: 20px;margin-bottom: 20px;}
.footer-link {margin-bottom: 10px;}
.footer-link li {margin-bottom: 15px;}
.footer-link li a, .contact-info-list p{color: #fff;font-size: 16px;}
.footer-link li a svg{margin-right: 5px;}
.links-inline li a:hover{color:#aae1ff;}
.footer-contact {padding-left:30px;}
.contact-info-list {margin-bottom:30px;display: flex;}
.contact-info-list svg{font-size: 16px;margin-top: 5px;}
.copyright-wrap  {background-color:#F2F2F2;padding:10px 0px;}
.copyright-wrap p{list-style: none;color: var(--primary-color); font-size: 15px;}
.copyright-wrap p a{color: var(--primary-color);font-size: 15px;font-weight:600;}

/******** About Us ********/
.highlight {
  text-transform: capitalize;
  color: var(--button);
}
.highlight-blue {
  text-transform: capitalize;
  color: var(--blue-bg);
}
.about-txt p {
  line-height: 26px;
}
.heading4 {position: relative;}
.heading4::after{
  content: '';
  width:78%;
  height: 0.3px;
  position: absolute;
  background-color: #000;
  right:0;
  top:50%;
}
.expert ul{
  border: 1px solid #bbbbbb;
    border-radius: 5px;
}
.expert ul li {
  width: 100%;
    padding:10px 15px 20px;
    text-align: center; 
   border-right: 1px solid #bbbbbb;
}
.expert ul li:last-child{border-right: none;}
.expert ul li img{
padding:10px 35px 20px;
}
.we-serve-sec ul{
  margin-top:10%;
  padding-left:10%;
}
.we-serve-sec ul li{
 line-height:40px;
}
.we-serve-sec{
  background-color:var(--bg-light);
  position: relative;
}
.we-serve-sec::after{
  content: '';
  position: absolute;
  background-image: url(../image/Line-2.svg);
  background-repeat: no-repeat;
  width: 2px;
  height: 100%;
  z-index: 99;
  right: 50%;
  top:38%;
  transform: translateX(50%);
}
.license-sec{ background-color:var(--bg-light);}
.license-in ul {
    text-align: center; 
   border: 1px solid #bbbbbb;
}
.license-in li {
 align-items: center;
    text-align: center; 
    padding:15px 10px;
   border-right: 1px solid #bbbbbb;
   width: 100%;
}
.license-in li h6{margin-bottom: 0;}
.license-in li:last-child{border-right: none;}

/********* Services Inner Page ********/
.service-work img{
  border-radius: 20px 20px 0px 0px;
}
.inner-title {margin-top:50px;}
.service-work-heading {
    color: var(--primary-color);
    font-size: 20px;
    font-weight:600;
    margin: 20px 0;
    text-transform: capitalize;
}
.why-choose-sec {
  background-color:var(--bg-light);
  position: relative;
}
.why-choose-sec::after{
  content: '';
  position: absolute;
  background-image: url(../image/line-0.svg);
  background-repeat: no-repeat;
  width: 2px;
  height: 100%;
  z-index: 99;
  right: 50%;
  top:32%;
  transform: translateX(50%);
}
.why-choose-sec ul{
  margin-top:12%;

}
.why-choose-sec ul li{
  margin-bottom:25px;
}
.question {
  padding-left:18%;
  padding-right:18%;
}
.question-tittle{
  font-family:"Outfit", sans-serif;
  text-transform: capitalize;
}
.question-tittle span{
  color: var(--button);
  text-transform: capitalize;
  font-weight:700;
} 
.question-sec h6 span{
color:#0E7BB7;
font-weight: 600;
}
.heading5 {position: relative;}
.heading5::after{
  content: '';
  width:100%;
  height: 0.3px;
  position: absolute;
  background-color: #000;
 left: 100%;
    bottom: 17%;
}
.install-sec{
  background-color: #FBFBFB;
}
.subline-blue {
color:#0E7BB7;
font-size: 30px;
  text-transform: uppercase;
  font-family: "Alfa Slab One", serif;
}

/********* Our Projects ********/
.slider {
  position: relative;
}

.slider__container {
  cursor: grab;
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
}

.slider__container.dragging {
  scroll-behavior: auto;
  cursor: grabbing;
}

.slider__item {
  padding: 16px 8px;
  flex: 0 0 auto;
  width: calc(100% / 5);
}

.slider__container[data-step="4"] .slider__item {
  width: calc(100% / 4);
}

.slider__container[data-step="3"] .slider__item {
  width: calc(100% / 3);
}

.slider__container[data-step="2"] .slider__item {
  width: calc(100% / 2);
}

.slider__container[data-step="1"] .slider__item {
  width: calc(100% / 1);
}

@media screen and (max-width: 1024px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 768px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item,
  .slider__container[data-step="3"] .slider__item {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 480px) {
  .slider__item,
  .slider__container[data-step="4"] .slider__item,
  .slider__container[data-step="3"] .slider__item,
  .slider__container[data-step="2"] .slider__item {
    width: calc(100% / 1);
  }
}

.slider__control {
  font-size: 16px;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #000;
  background: #fff;
  cursor: pointer;
  opacity: .5;
  transition: all .3s;
}

.slider__control.prev {
  left: 16px;
}

.slider__control.next {
  right: 16px;
}

.slider__control:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.2);
}

.slider__item img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-select: none;
}

.project-logo{
  text-align: center;
  border: 0.2px solid #cecece;
  background-color: #fff;
  align-content: center;
 margin-top: 20px;
 /* height: 130px;
 min-height: 130px;
   padding:0px 25px; */
}
.project-logo:hover {
   background-color:#FFEEEE;
       border: 1px solid #ffdddd;
}
.project-desc{
  margin:30px 0 20px;
}
.project-desc ul li{
  font-size: 16px;
  margin-bottom: 0;
  line-height:25px;
}
.project-desc ul li span{
  font-weight: 600;
}
.desc-line{
    color: var(--orange-color);
    font-size: 22px;
    font-weight: 600;
    margin-bottom:5px;
    text-transform: capitalize;
}

thead.thead-dark {
    background: #F14440;
    color: #fff;
}
.table.table-bordered{
  background-color: #F8F8F8;
}
thead.thead-dark th{
font-weight: 500;
padding:20px;
text-align: center;
}
.table.table-bordered td{
  font-size: 16px;
  padding:20px;
  font-weight:300;
}
.heading-img {position: relative;}
.heading-img img{width:18%;}
.heading-img::after{
  content: '';
  width:75%;
  height: 0.3px;
  position: absolute;
  background-color: #000;
  right:0;
  top:50%;
}
.documents{
border: 1px solid #ddd;
padding: 20px;
border-radius: 20px;
text-align: center;
margin-right: 20px;
}
.documents img{width:100%;}

/******* Our client ******/
.heading3 {position: relative;}
.heading3::after{
  content: '';
  width:65%;
  height: 0.3px;
  position: absolute;
  background-color: #000;
  right:0;
  top:50%;
}
.our-client ul li:first-child{
  margin-left: 0px;
}
.our-client ul li:last-child{
  margin-right: 0px;
}

.our-client ul li{
  /* padding:15px 20px;
  width: 25%; */
  text-align: center;
  margin:15px;
 border: 0.2px solid #cecece;
  background-color: #F9F9F9;
  align-content: center;
}
.our-client ul li:hover{
  background-color: #FFEEEE;
}

/******** Career Page *******/
.heading1 {position: relative;font-size: 34px !important;}
.heading1::after{
  content: '';
  width:80%;
  height: 0.3px;
  position: absolute;
  background-color: #000;
 right: 0%;
    bottom:50%;
}
.career-txt h2{
  font-size: 38px;
    text-transform: uppercase;
    font-family: "Outfit", sans-serif;
    margin-bottom: 30px;
    margin-top:20px;
    color: #303030;
}
.career-txt h2 span{color:#F14440;font-size:38px;}
 .career-sec{
  background-color:var(--bg-light);
  position: relative;
}
.career-sec::after{
  content: '';
  position: absolute;
  background-image: url(../image/icon/line0.svg);
  background-repeat: no-repeat;
  width: 2px;
  height: 100%;
  z-index: 99;
  right: 50%;
  top:38%;
  transform: translateX(50%);
}
.career-sec ul{
  margin-top:5%;
  padding-left:5%;
}
.career-sec ul li{
  position: relative;
 line-height:50px;
 padding-left:40px;
}
.career-sec ul li img{position: absolute;left: 0;top:15px;}

.resume-sec h3{
  font-size: 32px;
}
.resume-sec h3 a{
  color: #138ACB;
   font-size:32px;
}
.career-form-container {
  max-width:400px;
  margin: 50px auto 0;
  background-color: #F2F2F2;
  padding: 40px;
  border-radius:40px 0px;
  font-family: 'Arial', sans-serif;
}

.career-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.career-form input[type="text"],
.career-form input[type="email"],
.career-form input[type="tel"],
.career-form input[type="file"] {
  padding: 8px 10px;
  border: 1px solid #ccc;
   background-color: #ffffff;
  font-size: 15px;
  width: 100%;
}
.custom-file-upload {
  position: relative;
  display: flex;
  flex-direction: column;
}
.custom-file-upload label{margin-bottom:10px;font-size: 16px;}

.required {
  color: red;
}
.submit-btn {
  background-color: #EC1D25;
  color: #fff;
  border: none;
  padding:7px 0;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s ease;
  width:40%;
}

.submit-btn:hover {
  background-color: #b8171b;
}

/******** Contact Us Page *******/
.Contact-form-section{
  background-color: var(--bg-light);
}
.icon{
    background: #FFF2F2;
    width:45px;
    height:45px;
    border-radius: 50px;
    text-align: center;
    align-content: center;
    margin-bottom: 20px;
}
.icon svg{
  color: var(--orange-color);
  font-size:24px;
}
.address-decs {
  padding:25px;
  border:1px solid #EF3531;
  border-radius: 50px 0px 0px;
  height: 100%;
}
.address-call h6 {margin-bottom:5px;font-weight: 600;}
.address-call {
  padding:25px;
  border:1px solid #EF3531;
  border-radius: 0px 50px 0px 0px;
  height: 100%;
}
.title2{
  position: relative;
}
.title2::after{
  content: '';
  position: absolute;
  top:-34%;
  left:31%;
  background-image: url(../image/question.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.enquiry-form {
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 20px;
}
.enquiry-form input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border: none;
  border-bottom: 1px solid rgb(22, 22, 22);
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 5px 10px;
  color: #000;
}

img.line2 {
    width: 100%;
    height:25vh;
}


/* ----------- Responsive ---------------------*/
/* ----------- Responsive ---------------------*/


@media only screen and (min-width: 1625px) and (max-width: 1999px) {
h1,h2,h1 span,h2 span {font-size:40px;}
h3 {font-size: 34px;}
h4 {font-size:30px;}
h5 {font-size:28px;}
h6 {font-size:24px;}
ul, li, ol, figure, p, a{ font-size: 18px;}
.promise-help-decs p{font-size: 20px;}
.slide .slide__content--headings h2, .slide .slide__content--headings span{font-size: 60px;}
.abt-ig2 {bottom: -18%;left:-17%;}
.bottom-left-txt {left:12%;}
.top-left-txt {left:15%;}
.top-right-txt {right: 16%;}
.bottom-right-txt {right:19%;}
.foot-logo {width: 33%;}
.footer-section {padding-left:8%;padding-right:8%;}
.breadcrumb-img figure {right:15%;bottom: -49%;width: 30%;}
}
@media only screen and (min-width:1400px) and (max-width: 1624px) {
.abt-ig2 { bottom:-28%;left:-19%;}
.Project-desc {padding:50px 60px;}
.promise-help-ig-sec {height: 100vh;}
 .project-log img {margin-top:8%;}
.copyright-wrap {padding: 10px 50px;}
}

  @media only screen and (min-width:900px) and (max-width: 1200px) {
 .section-block {padding:60px 0px;}
.padding-top-80{padding-top:60px;}
.navbar-brand img {width: 13%;}
.slide .slide__content{left: 30%; width: 39%;}
.slide .slide__content--headings h2, .slide .slide__content--headings span {font-size: 40px;}
    .slider, .slide { height: 76vh;}
    .para {padding-top: 0 !important;}
    .para h6 {margin-bottom: 30px !important;}
   .navbar .navbar-nav .nav-item {padding: 8px 16px;}
   .breadcrumb-img figure {bottom: -23%;}
   .heading5::after { width: 46%;left:55%;}
   .install-sec-list .one li {padding: 10px 2px;}
   .heading3::after{width:55%;}
   .heading4::after {width:70%;}
    .heading1::after {width:70%;}
   .install-sec-list2 ul li {line-height:30px;}
   .title2::after {left: 46%;}
   .footer-link {margin-bottom:20px;}
   .foot-logo {width: 40%;}
   .address-decs, .address-decs, .address-call {padding:20px 10px;}
   .address-decs{word-break: break-all;}
   .footer-contact {padding-left: 68px;}
   .install-sec-list2 ul+ul{margin-left: 2%;}
   .question{padding: 0 5%;}
   .industry-icons-sec img {padding: 0 10px;}
   .industry-icons-sec {width:50%;padding: 15px 21px;}
   .bottom-left-txt{left: 6%;top: 53%;}
   .top-left-txt{left: 10%;}
   .top-right-txt {right:12%;}
   .bottom-right-txt {right:16%; top: 51%;}
   .service-inner-sec{padding: 0 !important;}
   .service-heading {width: 100%;padding: 0 30px;}
   .Project-desc { padding:10px 20px;}
   .project-log img {margin-top: 0;}
   .question-tittle{margin-bottom: 15px !important;}
   .we-serve-sec ul{padding-left: 0;}
   .expert ul li img {padding: 10px 25px;}
   .heading-img img { width:28%;}
.heading-img::after { width:67%;}
.career-sec ul li {line-height: 30px;}
.career-sec ul li img{top: 5px;}
}


@media only screen and (max-width: 990px){
  .industry-icons-sec {padding: 15px 10px;}
  .industry-section .ps-5 { padding: 0px !important; }
  .heading-img img { width:33%;}
.heading-img::after { width: 60%;}
}

  
  @media only screen and (min-width:768px) and (max-width:899px) {
    p, ul li{font-size: 15px;}
      .section-block {
    padding:50px 0px;
}
  .inner-heading, .subline-blue {font-size: 25px;}
.padding-top-80{padding-top: 50px;}
  h1, h2{
    font-size:30px;
    margin-bottom: 20px;
  }
  .ps-5, .pe-5{padding: 0 !important;}
  .sub-heading{
    font-size: 18px;
  }
      .navbar-brand {
        padding: 0 4em;
    }
  .navbar .navbar-nav .nav-item {
    padding: 10px;
}
  .slide .slide__content--headings h2, .slide .slide__content--headings span{
    font-size:32px;
  }
    .slide .slide__content{
    left:25%;width:40%;
  }
  .navbar-brand img{width: 15%;}
    .promise-help-decs{padding:20px 10px;}
    .promise-ig img{width: 40% !important;}
    .top-left-txt {left:11%;top:39%;}
    .bottom-left-txt {top:54%;left:6%;}
    .top-right-txt {right:13%;top:39%;}
    .bottom-right-txt{top:54%;right:17%;}
    .promise-help-ig-sec{height:70vh;}
    .industry-icons-sec img {padding: 0px 7px;}
    .Project-desc{padding: 35px 20px;border: 0.3px solid #4e4e4e;}
    .service-heading {width: 100%;}
    .Project-desc {padding: 10px 10px;}
  .client-logo img {width: 100% !important;}
  .foot-logo {width:43%;top:-12%}
.project-log img {margin-top:0px;}
.line{display: none;}
.copyright-wrap p{text-align: center;}
.footer-inner {padding: 80px 20px 10px;}
.footer-link { margin-bottom:35px;}
.page-banner .title {font-size:26px;}
.page-banner {height: 175px;}
.heading1::after, .heading4::after, .heading3::after, .why-choose-sec::after{display: none;}
.expert ul li img{padding: 10px 20px;}
/* .title {margin-bottom: 20px;} */
.breadcrumb-img figure {right: 3%;bottom: -23%;width:40%;}
.desc-line {font-size: 20px;}
.title2::after{left:43%;}
  .address-decs, .address-decs, .address-call {padding:20px 10px;}
   .address-decs{word-break: break-all;}
   .install-sec-list2 ul li {
    line-height:25px;
}
.install-sec-list .one li{padding: 8px;}
.why-choose-sec ul{padding: 0;margin: 0;}
.liststyle li img {
    position: absolute;
    left:0px;
}
.why-choose-sec ul li{position: relative;}
.service-work {margin-top: 30px;padding-left: 0 !important;}
.liststyle li{padding-left: 30px;}
.question {padding: 0 5%;}
.heading5::after {width: 50%;right: 0%;left: 50%;}
.footer-section {padding-left: 0;padding-right: 0;}
.license-in ul  {display: block !important;}
.heading-img img { width:33%;}
.heading-img::after { width: 60%;}
.career-sec ul li {line-height:30px;}
.career-sec ul li img {top: 5px;}
 }
 @media only screen and (max-width:767px){ 
   .career-sec ul li {line-height: 30px;}
  .career-sec ul li img{top: 5px;}
  .career-sec::after {display: none;}
  .career-sec ul {margin-top: 0;}

 }
@media only screen and (max-width: 640px){
  .license-in ul  {display: block !important;}

}
@media only screen and (max-width: 575px){
  .section-block {
    padding: 50px 0px;
}
  .navbar-toggler {margin:20px;}
  .navbar .navbar-nav .nav-item {width: 100%;text-align: center;}
  .inner-heading, .subline-blue {font-size:28px;}
  .heading2, .heading2 span{font-size: 36px;}
    .about-decs {
        padding: 0 20px;
    }
  .pull-left, .pull-right{
    float: none;
  }
  .topbar .d-flex {
    display: block !important;
    text-align: center;
}

  .abut-bg img{margin-bottom:10px;}
  .navbar-brand img {
    width:23%;
        top: -56px;
        left: 18%;
  }
  .call-mail{text-align: right;}
  .slide .slide__content{
    left: 42%;
  }
  .slide .slide__content--headings h2, .slide .slide__content--headings span{
    font-size: 20px;
  }
  .slide__content h6{
    font-size: 16px !important;margin-bottom: 15px !important;
  }
  .slide__content  .read-btn{
    font-size: 14px;
  }
  .heading5::after{display: none;}
  .industry-inner-sec{margin-bottom: 20px;}
  .promise-help-ig-sec {height:93vh;width: 100%;}
  .client-logo{margin-left: 0;}
  .carousel-item .d-flex{display: block!important;}
  .carousel-control-prev {top: 95%;left:40%;}
 .carousel-control-next{right:40%;top: 95%;}
  .promise-section .d-flex{display:block !important;}
.promise-help-decs{width: 100%;}
  .heading.text-start{text-align: center !important;}
  .promise-help-decs {padding: 30px 20px;}
  .promise-help-decs p{font-size: 15px;}
  .promise-ig img {width:56% !important;}
  .top-left-txt {left:6%;top:36%}
  .bottom-left-txt {left:1%; top:50%;}
   .top-right-txt {right:8%;top:36%}
  .bottom-right-txt {right:12%; top:50%;}
.service-inner-sec {margin-bottom: 20px;padding: 0px !important;}
.service-heading {bottom: 0%;width: 100%; padding: 0 !important;}
.service-heading h6{margin: 0 30px;}
.industry-icons-sec {width:34%;}
.Project-desc{padding: 35px 20px;border: 0.3px solid #4e4e4e;}
.client-logo ul{display: block !important;}
.client-logo ul li {
        width: 49%;
        padding: 20px;
        display: inline-block;
        height: 136px;
        border: 1px solid #ddd;
        margin-bottom: 20px;
    }
    .client-logo ul li:last-child{ border: 1px solid #ddd !important; }
    .client-logo{border: none;}
.client-logo ul li img{width: 150px !important;}
.copyright-wrap p {text-align: center;}
.footer-inner h5 {margin-bottom: 10px;}
.footer-inner .d-flex{display: block !important;}
.line{display: none;}
.footer-contact{padding-left: 0;}
.contact-info-list{display:flex !important;}
.foot-logo {top: -30px;width: 57%;}
.footer-inner {padding: 80px 20px 10px;}
.footer-link { margin-bottom:35px;}
.page-banner .title {font-size:26px;width:55%;}
.page-banner {height: 175px;}
.heading1::after, .heading4::after, .heading3::after, .why-choose-sec::after{display: none;}
.expert ul{display: inline-block !important;}
.expert ul li {display: flex;align-items: center;}
.expert ul li img {width: 60% !important; padding: 0 30px;}
.expert p{text-align: start;font-size: 18px; width: 100%;}
.we-serve-sec ul {padding-left: 0%;margin-top: 0;}
/* .title {margin-bottom: 20px;} */
.breadcrumb-img figure {right: 3%;bottom: -23%;width: 60%;}
.our-client{text-align: center;}
.our-client .d-flex{display: block !important;}
.our-client ul li:first-child {margin-left:15px;}
.our-client ul li {display:inline-block; width: 40%;margin: 10px;}
.Contact-form-section {padding:40px 20px;}
.title2::after{left: 35%;}
.enquiry-form{margin-top: 25px;}
.address-call {border-radius: 0px 0px 50px 0px;}
.projects-sec h2, .heading5{font-size: 28px;}
.service-work {margin-top:40px;padding-right: 0 !important;}
.inner-heading{margin-bottom:0px;}
.why-choose-sec ul{margin-top: 0;padding: 0!important;}
.question{padding: 0;}
.install-sec-list2{display:block !important;}
.install-sec-list2 ul+ul {margin-left: 0;}
.inner-heading {margin-bottom: 20px;}
.services-inner-ig{margin-top: 20px;}
.project-desc{padding: 0 40px;}
.project-logo{margin: 20px 40px 0 40px;}
img.line2 {height:18vh;}
.submenu img{width: 125px !important;}
.footer-section {padding-left: 0;padding-right: 0;margin-top: 0;}
.license-in ul  {display: block !important;}
.heading-img img { width: 30%;}
.heading-img::after { width: 65%;}
.career-sec ul {padding-left: 0%;margin-top: 0;}
.career-sec::after {display: none;}
.career-txt h2 span{font-size:30px;}
.resume-sec h3, .resume-sec h3 a{margin-bottom:40px;font-size:27px;}
.resume-sec h6{font-size: 16px;}
.resume-sec {text-align: center;}
.career-sec ul li{line-height: 30px;}
.career-sec ul li img {top: 5px;}
}


@media only screen and (max-width:480px){
  .abut-bg img{margin-bottom:10px;}
  .promise-ig img {width:45% !important;}
  .top-left-txt, .top-right-txt {top:38%}
  .bottom-left-txt, .bottom-right-txt {top:51%;}
    .navbar-brand img {width: 28%; }
    .promise-help-ig-sec {height:60vh;}
    .topbar ul li{font-size: 15px;}
    .career-sec ul li {
    line-height:30px;
}

}
@media only screen and (max-width:400px){
 .promise-help-ig-sec {height:64vh;}
 .navbar-brand img {width: 26%;}
 .navbar-toggler { margin:5px;}
}
@media only screen and (max-width:360px){
 .promise-help-ig-sec {height:51vh;}
}