@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&family=Rubik:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
.pulse-container {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pulse-bubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f68b1e;
}
.fp-slides{
  z-index: 0;
}
.minn{
  height: 100vh; 
  float: left;
}
.minus{
  height: 100vh;
  float: right;
}
.npty{
   height: 100vh;
   float: left;
}
.urban-ing{
  height: 100vh;
  float: right;
}
.logo-section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: inherit;
  position: relative;
  overflow: hidden;
}
.service-section-map {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh;
  position: relative;
  overflow: hidden;
}
ul.gallery {
  list-style-type: none;
}

ul.gallery li {
  height: 100px; width: 100px;
  border: 2px black solid;
  background : #eeee00;
  margin: 0.5em 0.25em; padding: 10px;
  /*float: left;*/
  display: inline-block;
}

ul.gallery div.gallery-image {
  vertical-align: middle;
  text-align: center;
}
a{
  color: #fff !important;
}
/* .logo-section .fav {
 width: 100px;
  opacity: 0;
  animation: fadeIn 10s ease-in-out forwards;
}
.logo-section .text {
 width: 300px;
  opacity: 0;
  animation: fadeIn 3s ease-in-out forwards; 
} */
.weThink_animate .we-think {
  font-size: 100px;
  color: #000;
  /* animation: fadeIn 12s ease-in-out forwards; */
}
.weThink_animate .weThinkText {
  opacity: 1 !important;
  text-align: center;
  margin-bottom: 100px;
  color: #808080;
}
.weThink_animate .big {
  font-size: 125px;
  font-weight: 600;
  color: var(--theme);
  opacity: 1;
  transform: translateX(140px);
  /* animation: fadeIn 20s ease-in-out forwards; */
}
.service-section-map img {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    /* top: 0; */
    /* bottom: 0; */
    z-index: 1;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}
.Logo_slideUPAnimation:not(.line ) {
  transform: translateY(100px);
  opacity: 0;
}
.Logo_slideUPAnimation.line {
  width: 0px;
  margin-left: auto;
  margin-right: auto;
}

/* .service-section-map .first {
  position: absolute;
  top: 0%;
  
  
  opacity: 0;
  animation: fadeIn 5s ease-in-out forwards;
} */
/* .service-section-map .second {
  position: absolute;
  
  opacity: 0;
  animation: fadeIn 10s ease-in-out forwards;
  position: absolute;
    top: 0%;
    z-index: 9999;
} */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.t{
  position: relative;
  
  z-index: 99999;
  height: 100vh;
  background-color: #fff !important;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../assets/fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeue-UltraLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLTW06-97BlkCnObl';
    src: url('../../assets/fonts/HelveticaNeueLTW06-97BlkCnObl.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeueLTW06-97BlkCnObl.woff') format('woff');
    font-weight: 900;
    /* font-style: italic; */
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../../assets/fonts/HelveticaNeueRegular.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeueRegular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueW01-77BdCnObl';
    src: url('../../assets/fonts/HelveticaNeueW01-77BdCnObl.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeueW01-77BdCnObl.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../assets/fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeue-UltraLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueW01-66MediumIt';
    src: url('../../assets/fonts/HelveticaNeueW01-66MediumIt.woff2') format('woff2'),
        url('../../assets/fonts/HelveticaNeueW01-66MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Times New Roman Cyr';
    src: url('../../assets/fonts/TimesNRCyrMT.woff2') format('woff2'),
        url('../../assets/fonts/TimesNRCyrMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Times';
    src: url('../../assets/fonts/Times-BoldItalic.woff2') format('woff2'),
        url('../../assets/fonts/Times-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Times New Roman Cyr';
    src: url('../../assets/fonts/TimesNRCyrMT-Bold.woff2') format('woff2'),
        url('../../assets/fonts/TimesNRCyrMT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('../../assets/fonts/TimesNewRomanPS-ItalicMT.woff2') format('woff2'),
        url('../../assets/fonts/TimesNewRomanPS-ItalicMT.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


body {
  font-family: 'Rubik', sans-serif;
  /*overflow: hidden;*/
}
html,
body {
  /*position: relative;
  height: 100%;
  font-weight: 200;*/
  font-family: 'Work Sans', sans-serif;
}


a {
  color: #e03a3c;
  text-decoration: none !important;
}

a:hover {
  color: #f68b1e;
  text-decoration: none;
}
:root {
  --font-size12: 0.75rem;
  --font-size13: 0.82rem;
  --font-size14: 0.875rem;
  --font-size17: 1.062rem;
  --font-size15: 0.95rem;
  --font-size20: 1.1rem;
  --font-size22: 1.35rem;
  --font-size24: 1.5rem;
  --font-size30: 1.9rem;
}
:root{
  --theme:#f68b1e;
}


.headingg {
    font-size: 24px !important;
    color: grey !important;
    /* letter-spacing: 7px; */
    text-transform: uppercase;
    margin-left: 30px !important;
    letter-spacing: 5px !important;
    padding-top: 30px;
}
.WorkSans-700 {font-family: 'Work Sans', sans-serif;font-weight: 700;}
.WorkSans-500 {font-family: 'Work Sans', sans-serif;font-weight: 500;}
.WorkSans-300 {font-family: 'Work Sans', sans-serif;font-weight: 300;}
.WorkSans-200 {font-family: 'Work Sans', sans-serif;font-weight: 200;}

.textuppercase{ text-transform: uppercase}
.font-size16 {font-size: 1rem;}
.font-size18 {font-size: 1.13rem;}
.font-size20 {
  font-size: 1.25rem;
  color: grey;
  }
.font-size24 {font-size: 1.5rem;}
.font-size26 {font-size: 1.63rem;}
.color-blue {color:#251744;}
.color-red {color:var(--theme);}
.color-gray {color:#808080;}
.color-orange {color:#f68b1e;}
.bgred{background:#ab282d;}
.bgblue{background:#251744;}
.bgwhite{background:#fff;}
.content-serviceList{
  font-weight: 300;
}
@media only screen and (min-width: 320px) and (max-width: 425px) {
  
  .div-center {
    width: 90% !important;
    Padding: 10px;
    position: fixed;
    border-radius: 3px;
    /* top: 1%; */
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
} 

.urban-electric {
    color: #877b77;
    font-size: 19px !important;
}
.black{
  color: #000 !important;
}
.urban-next-p {
    color: #5b4f4b   !important;
    font-size: 20px !important;
}
.p2, .p1, .p3{
  font-size: 24px !important;
}
/* .big{
  font-size: 150px !important;
  color: var(--theme);
} */
.urban-next-p2 {
    color: #67bd4a !important;
    font-size: 16px !important;
}
.gallerywrapper {
    padding: 1rem 1rem !important;
}
.logoImg {
    padding: 0.1rem !important;
    max-width: 57px !important;
}.textuppercase {
    text-transform: uppercase;
    font-size: 14px !important;
}
.mobile{
  display: flex;
  display: block !important;
}
.tabs h4 {
    display: none;
}

.services_tab .nav.nav-tabs {
    
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.services_tab .tab-content {
    padding: 9px 8px 8px 5px !important;
}
.services_tab_content p {
    color: #f68b1e;
    font-size: 14px !important;
    line-height: 18px !important;
    
    margin-top: -35px !important;
}
.recentProject img {
    width: 350px;
    height: 10vh !important;
    object-fit: cover;
}
.recentProject{
  padding: 10px !important;
}
.lightbox .lb-image {
    display: block;
    width: 300px !important;
    height: 485px;
    /* height: auto; */
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff;
}

}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 11 !important;
  padding: 5px 0 0px 0;
  /* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
}

#header.header-scrolled {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  flex:1;
  text-align: center;
}
#header .logo  img {
  margin-bottom: 3px;
}

#header .logo a {
  color: #111111;
}

#header .logo a span {
  color: #e03a3c;
}

#header .logo img {
  max-height: 70px;
}

.oil{
  display: flex;
  margin: auto;
  margin-top: 40vh;
  width: 35%;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
  width: 5%;
}

.navbar-mobile{
  width: 100%;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
  z-index: 99999;
}

.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 14px;
  font-family: poppins;
  font-size: 15px;
  font-weight: 400;
  color: #000 !important;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
  font-family: 'HelveticaNeue';
  letter-spacing: 3px;
  font-weight:bolder!important;
  position: relative;
  z-index: 99999;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
  position: relative;
  z-index: 99999!important;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #f68b1e;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 30px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #f68b1e;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
.navbtn {
  color: #fff;
    border-radius: 4px;
    font-size: 12px;
    width: 100%;
    max-width: 145px;
}
.headerbtn .navbtn:first-child {
    margin-right: 10px;
}



/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #111111;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed !important;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #111111;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #f68b1e;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #f68b1e;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  position: relative;
}
.intro_section h1 {
  font-size: 117px;
  /* font-weight: bold; */
  color: #af3438;
  line-height: 88px;
  /* font-family: 'HelveticaNeueLight'; */
}
.intro_section h2 {
  font-size: 37px;
}
/* .intro_section {
  height: 100vh;
} */
.right_intro_sec {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 29px;
  color: #7b7b7b;
  /* font-family: 'HelveticaNeue'; */
}
.aboutPage .right_intro_sec{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.intro_section {
  background: #e1e0e0;
  padding: 0px 70px 40px 70px;
}
.left_intro {
  /* border-right: 1px solid #fff; */
  padding-top: 100px;
  padding-bottom: 100px;
}
.introRborder {
   border-right: 1px solid #fff;
}
/* .left_intro_sec {
  border-right: 1px solid #fff;
} */
.right_intro_sec h2 {
  align-content: center;
  margin: auto;
}
#clients {
  /*background: #e1e0e0;*/
  padding-top: 0;
  padding: 13px 0;
  margin-top: 0px;
}
.main-slider .swiper-slide  img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.main-slider .swiper-pagination {
  text-align: left;
  bottom: 90px!important;
}
.main-slider  .swiper-pagination-bullet {
  width: 12px;
  height: 7px;
  border-radius: 0px;
}
.swiper-pagination {
  bottom: 60px;
  left: 60px;
}


.background {
  background-image: url("../img/bg-img.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
/*
  The grid itself needs only 4 CSS declarations:
*/

.myGallery {
  margin-left: 10px;
  margin-right : 10px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
}



/*--------------------------------------------------------------
# Thumbnail Slider
--------------------------------------------------------------*/
.slzi{
  widows: 800px;
  height: 485px;
}


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.slider_main {
  position: absolute;
  bottom: 200px;
  color: #fff;
  left: 110px;
  display: none;
}
.slide-captions {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 4%;
  z-index: 999;
  transform: translateY(-50%);
}
.slide-title {
  font-size: 110px;
  font-family: 'Helvetica Neue';
  letter-spacing: 5px;
  text-transform: lowercase;
}


.slide-captions b {
  text-transform: uppercase;
  /*font-family: 'HelveticaNeueW01-66MediumIt';
  font-weight: 500;*/
}
.slide-captions span {
  color: var(--theme);
}
.slide-captions strong {
  letter-spacing: 10px;
  /*font-family: 'HelveticaNeueW01-66MediumIt';
  font-weight: 500;*/
}
.slide-subtitle {
  font-size: 65px;
  color: #db1c1c;
  text-transform: uppercase;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px; 
  background-color: #fff;
  opacity: 1;
  border: 1px solid #f68b1e;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f68b1e;
}


.clients .swiper-slide img:hover {
  opacity: 1;
  filter: none;
}
.clients .swiper-pagination {
  display: none !important;
}
.logoSlidewaper {
  overflow: hidden;
    white-space: nowrap;
    position: relative;
} 
.logoSlide {
  display: inline-block;
  text-align: center;
  -moz-animation: logoSlide 70s linear infinite;
  -webkit-animation: logoSlide 70s linear infinite;
  animation: logoSlide 70s linear infinite;
}
.logoSlide img {
  max-width: 192px;
  margin: 0 36px;
}
@keyframes logoSlide {
  0% {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.services_tab_cont{
  text-align: center;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonial_sec {
  background: #ff561d;
  
}

.testimonial_sec .testimonial-item {
  padding: 110px 130px;
  border-radius: 20px;
  max-width: 85%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;

}


.testimonial-item p {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: 40px;
  color: #fff;
  /* font-style: italic; */
  font-family: 'Times New Roman Cyr';
  margin-bottom: 0px;
}
.swiper-button-next {
  margin-top: 0px;
  position: absolute;
  top: 50%;
  right: -40px;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
}
.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -40px;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
  margin-top: 0px;
}
.testimonial_sec .swiper-button-next{right: 10%;color: #fff;}
.testimonial_sec .swiper-button-prev{left: 10%;color: #fff;}


.testimonial_sec h2 {
 
letter-spacing: 15px;
 
color: #fff;
 
padding-top: 30px;
 
padding-left: 30px;
 
font-size: 24px;
}
.testimonial_sec h5 {
  font-size: 18px;
  color: black;
}
.right_testimonial {
  
  text-align: center;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px;
  margin: 30px 15px;
  min-height: 200px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  background: #fff;
  border-radius: 15px;
}
.quote_icon_top_1 {
  margin-bottom: 35px;
  display: block;
}
.quote_icon_bottom_1 {
  margin-bottom: 50px;
  display: block;
}
.quote_icon_top::before {
  content: "\201C";
  font-size: 100px;
  margin-right: 5px;
  color: #000;
  text-align: center;
  line-height: 30px;
  margin-bottom: -70px;
  display: inline-block;
  margin-top: 10px;
}
.quote_icon_top {
  position: relative;
  top: 40px;
  font-family: arial;
}

.quote_icon_bottom::after {
  content: "\201D";
  font-size: 64px;
  margin-right: 5px;
  color: #000;
  text-align: center;
  font-weight: 300;
  font-family: arial;
  line-height: normal;
}
.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 10px;
  border: 6px solid #fff;
  float: left;
  margin: 0 10px 0 0;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #fceaea;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 30px auto 15px auto;
}

.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e03a3c;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e03a3c;
}
@media (max-width:1200px) {
  .testimonial_sec .testimonial-item { 
    max-width: 95%;
  }
  .testimonial_sec .swiper-button-next{right: 4%;}
  .testimonial_sec .swiper-button-prev{left: 4%;}
}
@media (max-width:767px) {
  .testimonial_sec .testimonial-item { 
    max-width: 100%;
  }
}


@media (max-width:1500px) {
  
  .buttons_bottom .btn.btn-danger {
    padding: 15px;
  }
  .testimonial_sec .testimonial-item {
    padding: 42px 70px;
  }
  .footer_navigation ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0px 40px;
    padding-bottom: 57px;
  }
  
 
}

@media (max-width:767px) {
  .intro_section h1 {
    font-size: 35px;
    line-height: 40px;
  }
  #header .logo img {
    max-height: 60px;
    
  }

  .arrow-bottom {
    height: 50x;
    width: 50x;
    line-height: 52px;
  }
  .arrow-bottom .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    height: 50px;
    width: 50px;
    background-position: 13px 21px;
  }
  .arrow-bottom img {
    width: 27px;
    
  }
  
  .case_studies_tab .tab-content {
    border-left: 0px solid #ee7d53;
    padding-left: 0;
  }
 
  .testimonial_sec .testimonial-item {
    /* background: #fff; */
    padding: 10px 10px;
    flex-direction: column;
  }
    .right_testimonial {
    border-left: 0px solid #999;
    padding-left: 0;
  }
  .footer_navigation li a {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
  }

  .slide-title {
    font-size: 50px;
  }
  
  .slide-subtitle {
    font-size: 35px;
  }
  .intro_section {
    padding: 0px 0px 20px 0px;
  }
  
  .right_intro_sec {
    font-size: 22px;
    color: #7b7b7b;
  }
  .left_intro br {
    display: none;
  }
  
  .testimonial_sec {
    padding: 0px 10px;
  }
 
  .medical_features .nav-item.col {
    width: 100%;
    flex: 0 0 100%;
  }
  .tabs .tab-content {
    padding: 20px;
    color: #fff;
    text-align: center;
  }
  .tab_content_center img {
    max-width: 270px !important;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  /* .services_tab .nav-item.col {
    width: 100%;
    flex: 1 1 100%;
  } */
  .services_tab .nav.nav-tabs {
   
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .services_tab .nav-link.text-center {
    padding: 0px !important;
    margin-bottom: 0 !important;
    border: none !important;
  }
  .services_tab_content h2 {
    margin-bottom: 20px;
  }
  
  .services_tab_content p {
    color: #f68b1e;
    font-size: 18px;
    line-height: 32px;
  }
  .urban-next-p{
    font-size: 23px;
  }
  .services_tab h5 {
    font-size: 28px;
  }
  .services_tab_content li {
    font-size: 29px;
    color: #867b76;
   
    margin-left: 30px;
  } 
  .services_tab_content {
    padding: 40px 180px;
  }

  .services_tab_content li {
    font-size: 29px;
    color: #867b76;
    
    margin-left: 30px;
  } 
  .services_tab_content {
    padding: 0px 0px 40px 0px;
  }
  .intro_section {  
    height: auto;
  }
  .tabs.services_tab li {
    font-size: 19px;
    text-align: left;
  }
  .intro_section .arrow-bottom {
    position: static;
  }
  
  .logo_footer img {
    max-width: 290px;
  }
  .footer_navigation ul {
    display: flex;
    gap:15px;
    margin: auto;
    text-align: center;
    justify-content: center;
    padding: 0;
  }
  .footer_navigation ul {
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .logo_footer {
    text-align: center;
    margin-top: 20px;
  }
  
  .right_header.text-end {
    display: none;
  }
  .case_studies_tab_inner {
    padding: 0px 10px;
  }
  .services_tab  .services_tab_content h2 {
    font-size: 31px !important;
    letter-spacing: 2px !important;
  }

  
  .logo_footer {
    margin: auto;
  }
}
@media (max-width:1500px) { 
  .studies_tab_content img {
    max-width: 450px;
    /* margin: 0 auto;
    display: block */;
  }
  .case_studies_tab {
    padding: 40px 0px 0px;
  }
  .left_intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width:1024px) {
  .services_tab .nav-link.text-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .mobile{
    display: none;
  }
}
@media (max-width:991px) {
  .introRborder {
     border-right: none;
  }
  .buttons_bottom {
    padding: 25px 100px;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0px;
  }
  .buttons_bottom .btn.btn-danger {
    width: calc(50% - 5px);
    letter-spacing: 2px;
    padding: 7px 10px;
    font-size: 12px;
  }
  .mobile{
    display: none;
  }
}


@media (min-width:768px) and (max-width:992px) {
  .intro_section h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .right_header.text-end {
    display: none;
  }
  /* .bi.bi-list.mobile-nav-toggle {
    position: relative;
    top: -23px;
  } */
  
  .left_intro h1 br {
    display: none;
  }
  .left_intro {
    /* border-right: 0px solid #fff; */
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .right_intro_sec {
    font-size: 23px;
    color: #7b7b7b;
  }
  .intro_section {
    height: auto;
  }
  .slide-title {
    font-size: 60px;
  }
  .slide-subtitle {
    font-size: 35px;
    color: #db1c1c;
    text-transform: uppercase;
  }
  /* .slider_main {
    left: 40px;
  } */
  .intro_section {
    padding: 0px 20px 40px 20px;
  }

  .buttons_bottom {
    margin: -20px;
  }

  /* .buttons_bottom .btn.btn-danger {
    width: calc(50% - 10px);
  } */
  .testimonial_sec {
    background: #878484;
    padding: 70px 20px;
  }
  .testimonial_sec {
    background: #ff561d;
    padding: 0px 20px;
  }
  .testimonial_sec .testimonial-item {
    background: var(--primary);
    /*padding: 110px 130px;
*/    flex-direction: column;
  }
  .right_testimonial {
    border-left: none;
    padding-left: 0;
  }
  .client_testimonials .buttons_bottom {
    padding: 25px 40px;
  }
  .medical_features .nav-item.col {
    width: 33%;
    flex: 1 1 33%;
  }
  .medical_features .nav.nav-tabs {
    gap: 5px;
  }
  .medical_features .nav-link.text-center {
    padding: 0px;
  }

  .medical_features h2 {
    text-align: center;
    margin-bottom: 25px;
  }
  .tab_content_center img {
    max-width: 400px;
    margin-bottom:25px;
  }
  .tab_content_center {
    text-align: center;
  }
  .tabs .tab-content {
    padding: 30px;
    color: #fff;
  }
  .medical_features .buttons_bottom {
    padding: 25px 40px;
  }
  .services_tab .nav-item.col {
    width: 33%;
    flex: 1 1 33%;
  }
  .services_tab .nav.nav-tabs {
    background: transparent;
  }
  .services_tab  .nav-link.text-center {
    padding: 0px;
  }
  .services_tab .nav.nav-tabs {
    gap: 5px;
  }
  .services_tab_content h2 {
    margin-bottom: 30px;
  }
  .services_tab .buttons_bottom {
    padding: 25px 40px;
    margin: -20px;
    box-shadow: 2px 2px 12px #ccc;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .logo_footer img {
    max-width: 410px;
  }

  .arrow-bottom {
    height: 55px;
    width: 55px;
    line-height: 55px !important;
  }
  .arrow-bottom .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    height: 55px;
    width: 55px;
    background-position: 15px 23px;
  }
  
}




@media (min-width:1200px) and (max-width:1400px) {  

.right_toggle_menu {
  width: 33%;
}


.intro_section h1 {
  font-size: 100px;
  line-height: 76px;
}

.logo_footer img {
  max-width: 700px;
}
.SIcons-box img {
        max-width: 50px;
    }
}
@media (max-width: 2560px){
  .QPH-caption {
    top: 15vh;
    left: 75%;
  }
}
@media (max-width:1500px) {
  .right_intro_sec, .medical_features .tab_content_right h2 {
    font-size: 32px;
  }
  .tabs .nav.nav-tabs img {
    max-width: 75px;
  }
  .tab_content_right p {padding-bottom: 8px;}
  .tabs .tab-pane ul li {padding-bottom: 5px;}
  .tabs h4 {font-size: 14px;padding: 10px 0;}
  .services_tab .tabs h4 { padding: 0px 0 10px;}
  /* .medical_features .tabs .tab-content {padding-top: 30px;padding-bottom: 30px;} */
  
  .services_tab_content h3 {margin-bottom: 40px;}
  .services_tab_content h2 {font-size: 34px !important;}
  .services_tab_content h5 {font-size: 28px;}
  
  .services_tab .tab-content {
    padding: 29px 80px 8px 50px ; 
  }
  .medical_features .nav.nav-tabs {
    padding-top: 20px;
  }
  .buttons_bottom {padding: 16px;}
  .tabs .tab-content {padding: 24px 34px;}
  
}
@media (max-width:1280px) {
  .contact-form {
    margin-bottom: 0px !important;
  }
  
}
@media (max-width:767px) {
  .tabs.services_tab .tab-content li { font-size: 18px; }
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .contact-form{
    margin-bottom: 0px !important;
/*    padding-top: 8% !important;*/
  }
  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
  .testimonial-item p {
    font-size: 17px;
    line-height: 25px;
    letter-spacing: .5px;
  }
  
}
/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.aboutSection {
  background: #e1e0e0;
    padding: 0px 70px 20px;
}
.about-left img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}
.aboutPage .introRborder { 
  border-right-color: #000;
  border-right-width: 2px;
}
.about-left {
    padding-top: 12.5rem;
  padding-bottom: 10rem;
}
.about-right {
    padding-top: 10rem;
  padding-left: 2rem;
  font-size: 18px;
}
.abL-content {padding-right: 8rem;}
.ab-title{letter-spacing: 1px;}
.about-right .ab-title {font-size: 24px;margin-bottom: 2rem;}

@media (max-width:1500px) {
  .about-left {padding-top: 4rem;padding-bottom: 0;}
  .about-right {padding-top: 3rem;padding-left: 1rem; font-size: 15px;}
  .abL-content {padding-right: 4rem;}
  .about-left img {max-width: 70px;}
  .about-left .ab-title {font-size: 1.6rem;}
  .about-right .ab-title{font-size: 20px;margin-bottom: 1rem;}
  .about-right p {margin-bottom: 7px;}
}
@media (max-width:1300px) {
  .about-left {padding-top: 3rem;}
  .abL-content {padding-right: 0px;}
  .aboutSection {padding: 0px 25px 20px;}
  .about-right {padding-left: 0rem;}
}
@media (max-width:1140px) {
  .about-right {padding-top: 1.2rem;}
  .about-right .ab-title {font-size: 18px; margin-bottom: 1rem;}
}
@media (max-width:767px) {
  .about-left {padding-top: 1.5rem;}
  .about-left .ab-title {font-size: 1.4rem;}
  .about-left img {max-width: 50px;}
}
  

@media (min-width: 320px) and (max-width: 375px){
  .div-center{
    font: 10px;
  }
  .urban-electric {
    color: #877b77;
    font-size: 20px !important;
}
.urban-next-p {
    font-size: 20px !important;
}
}



 
[class^="imghvr-"],
[class*=" imghvr-"] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: var(--primary);
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^="imghvr-"] > img,
[class*=" imghvr-"] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^="imghvr-"] figcaption,
[class*=" imghvr-"] figcaption {
  background-color: inherit;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^="imghvr-"] h3,
[class*=" imghvr-"] h3,
[class^="imghvr-"] p,
[class*=" imghvr-"] p {
  margin: 0;
  padding: 0;
  color: #fff;
}
[class^="imghvr-"] a,
[class*=" imghvr-"] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^="imghvr-"],
[class*=" imghvr-"],
[class^="imghvr-"]:before,
[class^="imghvr-"]:after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"]:after,
[class^="imghvr-"] *,
[class*=" imghvr-"] *,
[class^="imghvr-"] *:before,
[class^="imghvr-"] *:after,
[class*=" imghvr-"] *:before,
[class*=" imghvr-"] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-fade
   ----------------------------- */
.imghvr-fade figcaption {
  opacity: 0;
}
.imghvr-fade:hover > img {
  opacity: 0;
}
.imghvr-fade:hover figcaption {
  opacity: 1;
}

.hover-img{
  height: 320px;
  width: 240px;

}
.main{
  padding: 20px;
}
.serviceflex{
  display: flex;
  justify-content: space-between;
}
.serviceflex1{
  color: #fff;
  letter-spacing: 6px;
}
.serviceflex2{
  color: #f68b1e;
}
.serviceflex3{
  color: #fff !important;
}
.btnn4{
   padding: 0px 20px;
   margin: 10px 0px;
   color: #fff;
   background-color: #f68b1e;
   border: 2px solid #f68b1e;
   border-radius: 5px;
}
.butt4{
  padding: 0px 20px;
   margin: 10px 0px;
   margin-top: 2rem;
   float: right;
   color: #fff;
   background-color: #65be6b;
   border: 2px solid #65be6b;
   border-radius: 2px;
}

.imageSliderScroll{
  padding: 20px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.imageSliderScroll img{
  width: 260px;
  height: 200px; 
  background-repeat: no-repeat;
  background-size: cover;
}


.services_tab .nav-link.active h4{
    font-size: 15px;
    color: #fff;
}




.test00{
  display: flex ;
  background: black;
}
.welcome{
  display: block !important;
}



/* .video{
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  cursor: pointer;
}
.container-fluid .video-foreground,
.container-fluid .video-background iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  cursor: pointer;

} */





#container-box{
  height:100%;
  width:100%;
  font-size:0;
  margin:0 auto;
}
.item-left{
  display:inline-block;
  vertical-align:top;
  background:#000;
  height:100%;
  width:40%;
}
.item-right{
  display:inline-block;
  vertical-align:top;
  background:#fff;
  height:100%;
  width:60%;
}
.item-right img{
  height: 92vh;
  position: relative;
    margin: auto;
    display: inline-flex;
    justify-content: center;
}
.item:nth-child(2){
  background:#F4CAAE;
}
.item-left .about-btn {
color: #fff;
font-family: 'Work Sans', sans-serif;
font-size: 25px;

background-color: #000;
border: 0;
padding: 20px 20px;
border-radius:3px;
line-height: 0.428571;
position: relative;
z-index: 1;
letter-spacing: -0.2px;
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%); 

}
.about-btn .energy-btn{
  display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    height: 60px;
    background-color: transparent !important;
    border: 1px solid darkgrey;
    font-size:25px;
    width: 50%;
    font-weight: 200;
}

.energy-btn:hover { 
  background: #f68b1e !important; 
  cursor: pointer; 
}




.sliderNav {
	right: auto;
	opacity: 1;
	/*  box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,3%); */
	position: absolute;
	z-index: 10;
	top: 80px;
	left: 0;
	display: flex;
}

/* .sliderNav.open {
  right: 0px;
} */
.navigateSlider {
    padding: 13px 15px;
  background-color: #f58c21;
  color: #fff;
  width: 152px;
  font-weight: 700;
}
.navigateSlider:hover {
  color: #fff;
}
.customactiveSlide {
    list-style: none;
    padding: 0;
    margin: 0;
  /*left: 152px;*/
    position: absolute;
    top: 0;
    background: #000;
    display: flex;
}
/* .sliderNav.open .customactiveSlide{
  display: flex;
} */

.customactiveSlide li {
    padding: 13px 0;
}
.sliderNav a {
  text-align: center;
  font-family: 'HelveticaNeue';
  letter-spacing: 3px;
    text-transform: uppercase;
  display: block;
  font-size: 16px;
    width: 175px;
}
.customactiveSlide a {
  color: #d5d0d0;
    padding: 0px 15px;
  /* border-right: 1px solid #d26138; */
}
.customactiveSlide li:last-child a {
  border-right: none;
}
.customactiveSlide a:hover{
  color: #d26138;
  font-weight: 700;
}




/* =================addd===============*/

 /* Animation Code */
 .animation {
  will-change: transform;
}

@media screen and (min-width: 768px) {
  .fade-left-desktop,
  .fade-right-desktop {
    opacity: 0;
    transition: 1500ms all ease-in-out;
  }
  .fade-left-desktop {
    transform: translateX(50px);
  }
  .fade-right-desktop {
    transform: translateX(-50px);
  }
  .fade-left-desktop.animate,
  .fade-right-desktop.animate {
    opacity: 1;
    transform: translateX(0);
  }
  .fade-down-desktop,
  .fade-up-desktop {
    opacity: 0;
    transition: 1500ms all ease-in-out;
    transform: translateY(50px);
  }
  .fade-up-desktop {
    transform: translateY(50px);
  }
  .fade-down-desktop {
    transform: translateY(-50px);
  }
  .fade-down-desktop.animate,
  .fade-up-desktop.animate {
    opacity: 1;
    transform: translateY(0);
  }
  .grow-left-desktop,
  .grow-right-desktop {
    transform: scaleX(0);
    transform-origin: left;
    transition: 1200ms all ease-in-out;
  }
  .grow-left-desktop {
    transform-origin: right;
  }
  .grow-right-desktop {
    transform-origin: left;
  }
  .grow-left-desktop.animate,
  .grow-right-desktop.animate {
    transform: scaleX(1);
  }
  .grow-down-desktop,
  .grow-up-desktop {
    transform: scaleY(0);
    transition: 1200ms all ease-in-out;
  }
  .grow-up-desktop {
    transform-origin: bottom;
  }
  .grow-down-desktop {
    transform-origin: top;
  }
  .grow-down-desktop.animate,
  .grow-up-desktop.animate {
    transform: scaleY(1);
  }
  .stagger-desktop-1 {
    transition-delay: 300ms;
  }
  .stagger-desktop-2 {
    transition-delay: 600ms;
  }
  .stagger-desktop-3 {
    transition-delay: 900ms;
  }
  .stagger-desktop-4 {
    transition-delay: 1200ms;
  }
}
@media screen and (max-width: 767px) {
  .fade-down-mobile,
  .fade-up-mobile {
    opacity: 0;
    transition: 1500ms all ease-in-out;
  }
  .fade-up-mobile {
    transform: translateY(50px);
  }
  .fade-down-mobile {
    transform: translateY(-50px);
  }
  .fade-down-mobile.animate,
  .fade-up-mobile.animate {
    opacity: 1;
    transform: translateY(0);
  }
  .grow-left-mobile,
  .grow-right-mobile {
    transform: scaleX(0);
    transition: 1200ms all ease-in-out;
  }
  .grow-left-mobile {
    transform-origin: right;
  }
  .grow-right-mobile {
    transform-origin: left;
  }
  .grow-left-mobile.animate,
  .grow-right-mobile.animate {
    transform: scaleX(1);
  }
  .grow-down-mobile,
  .grow-up-mobile {
    transform: scaleY(0);
    transform-origin: top;
    transition: 1200ms all ease-in-out;
  }
  .grow-up-mobile {
    transform-origin: bottom;
  }
  .grow-down-mobile {
    transform-origin: top;
  }
  .grow-down-mobile.animate,
  .grow-up-mobile.animate {
    transform: scaleY(1);
  }
  .fade-mobile {
    opacity: 0;
    transition: 1000ms all ease-in-out;
  }
  .fade-mobile.animate {
    opacity: 1;
  }
}

/* Page Styles */

.box-wrapper {
  position: relative;
  width: 400px;
  padding: 3rem;
  color: #041f1e;
}
.box-wrapper p {
  z-index: 1;
  position: relative;
}
.box-wrapper img {
  z-index: 1;
  position: relative;
  border-radius: 10px;
}
.box-background {
  background-color: #03cea4;
  border-radius: 10px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.boxes-row {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.boxes-row > div {
  border: 1px solid #fafafa;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0.5rem;
}
.card {
  display: flex;
  flex-direction: column;
}
.card img {
  width: 100%;
  height: 200px;
}
.card-content {
  background-color: #fff;
  padding: 1rem;
}
.box-background.showcase {
  width: 400px;
  height: 400px;
}
img.showcase {
  width: 400px;
  height: 400px;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  
  .box-wrapper {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
  }
  .boxes-row {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .boxes-row > div {
    margin-bottom: 2rem;
    width: 100%;
    max-width: 300px;
  }
}
.icrr{
  display: flex;
  justify-content: space-between;
}
.industrial{
  display: flex;
  flex-direction: column;
}
.fade-img {
  
    height: 29vh;
    margin-top: 22vw;
    margin-left: 70vw;
}
.fade-img-mv{
  width: 95%;
  margin-top: 14vw;
}
.fade-img-indus{
  margin-left: 25vw;
  height: 40vh;
  margin-top: 0vw;
}

.think-bigger{
  height: 29vh;
  margin-top: 22vw;
  margin-left: 78vw;
}
.think-retail{
  height: 28vh;
    margin-top: 21vw;
    margin-left: 74vw;
}
.rise_above{
  height: 28vh;
  margin-top: 22vw;
  margin-left: 70vw;
}
.energy-img-ma{
  height: 30vh;
  float: right;
  margin-top: 38vh;
}
.fade-img-m1{
  align-items: center;
    text-align: center;
    margin: auto;
    width: 85%;
    height: 100%;
    display: flex;
    margin-top: 250px;
}
.coommercial{

  height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 250px;
 
}
.retal-ma{
    height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 250px;
 
  
}
.residential-mb{
  height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 250px;
 
  
  
}
.MACRO_PAGE_TITLE_1{
  height: 100%;
    width: 75%;
    margin-top: 240px;
    margin-left: 50px;
}
.MACRO_PAGE_TITLE_2{
  height: 29vh;
    margin-top: -29vw;
    margin-left: 77vw;
}
.MACRO-SLIDE-5{
  float: right;
  margin-top: 38vh;
  height: 30vh;
}
.QPH-caption {
 /* background: rgba(0, 0, 0, 0.6);*/
  position: absolute;
  top: 60vh;
  max-width: 400px;
  width: 100%;
  text-align: left;
  padding: 20px 0px;
  color: #fff;
  float:right;
  right: 0;
  
}
.QPH-caption h1 {
  font-size: 40px;
  line-height: 35px;
  padding: 10px 6rem 10px 25px;
  height: auto;
}
.QPH-caption h2 {
  
  font-size: 40px;
  padding: 10px 6rem 15px 25px;
  height: auto;
  color: #fff;
}


.QPH-caption p {
  padding: 1.7rem 6rem 0;
  font-size: 24px;
  font-weight: 300;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  margin-left: auto;
}
.btn{
  justify-content: center;
  text-align: center;
  display: flex;
  margin-top: 25px;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #fff !important;
  background-color:#262220 !important;
  padding: 6px 25px !important;
  letter-spacing: 2px;
  border-radius: 10px !important;
  font-family: 'Work Sans', sans-serif !important;
}

.btn a:hover{
  color: #f68b1e !important;
}
.btn:hover{
  color: #f68b1e !important;
}
a:hover{
  color: #f68b1e !important;
}
/* button {
  height: 50px;
  width: 250px !important;
  color: #f7b98a;
  font-size: 18px !important;
  background-color:#f68b1e !important;
  border: #e67e22;
  background: #f68b1e;
  padding: 12px 15px;
  letter-spacing: 3px;
  border-radius: 10px !important;
  max-width: 262px;
  margin-left: 25px !important;
  font-family: 'Work Sans', sans-serif !important;
  
} */

.make{
  width: 90%;
  margin-left: 40px;;
  margin-top: 38vh;
}
.yes{
  height: 50vh;
  margin-top: 38vh;
  float:right;
}
.power{
  width: 100%;
  margin-top: 38vh;
}
.d-lg-block {
  width: 100%;
  color: gray;
}
.wird{
  width: 100% !important;
  text-align: justify;
}

.mv{
  height: 38vh;
  margin-top: 30vh;
}


.icon {
  margin-top: 10px;
  display: flex;
  gap: 18px;
}
.cnct-sec{
  background-color: black;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
  
}
.contact-form {
  display: flex;
  text-align: center;
  justify-content: center;
/*  padding-top: 10%;*/
  gap: 120px;
  margin-bottom: 60px;
  align-items: center;
}
/*.top{
  padding-top: 12%;
}*/
.input-sec{
  display: flex;
   text-align: center;
    justify-content: center;
     gap: 25px;
     margin-top: 10px;
}
input{
  background-color: #000;
  padding: 10px;
  border: 1px solid grey;
  color: grey;
}
.contact-us h1{
  font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 60px;
    margin-bottom: 0px;
    text-transform: capitalize;
  

}

a{
  color: white;
}
.fa-solid,
.fas {
  font-size: 30px;
  padding: 15px;
  border-radius: 50%;
  color: #fff;
}

.fa-phone {
  color: #fff;
  background-color:#f15a23;
}

.fa-comment-dots {
  color: #fff;
  background-color: #c41818;
}

.fa-envelope {
  color: #fff;
  background-color: #451970;
}
.text-field{
  width:650px;
  height: 100px;
  background-color: #000;
  color: grey;
}
button{
  background-color: #fff;
  
  width: 115px;
  border: none;
  border-radius: 5px;
}

input[type=submit] {
  background-color: #65be6b;
    border: none;
    color: white;
    padding: 10px 60px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid #65be6b;

}
input[type=submit]:hover{
  background-color:#fff;
  color: rgb(246, 139, 30);
  border: 1px solid rgb(246, 139, 30);
}
.see-more-btn{
   height: 50px;
    width: 250px !important;
    
    font-size: 18px !important;
    background-color: #f68b1e !important;
    border: #e67e22;
    background: #f68b1e;
    padding: 12px 15px;
    letter-spacing: 3px;
    border-radius: 10px !important;
    max-width: 262px;
    margin-left: 25px !important;
    text-decoration: none;
    font-family: 'Work Sans', sans-serif !important;
}
.see-more-btn a{
  text-decoration: none;
  color: #fff !important;
}
/*.see-more-btn a:hover{
  color: #fff !important;
}*/
.QPH-caption li{
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

@media (max-width: 320px) {
  
  .contact-form{
    display: block !important;
  }
  .icon{
    display: flex;
    justify-content: center;
  }
}
.nav-item {  
  font-weight: normal;
  position: relative;
}
.nav-item.is-active {
  font-weight: bold;
  color: #d26138;
  font-weight: 900 !important;
}

.nav-item .label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}


nav {
  display: flex;
}
.nav-item {
  font-family: sans-serif;
  cursor: pointer;
  display: inline-block;
  padding: 20px;
}

.we-build-powerfull{
  background: #000;
}
.we-build-powerfull h2{
  color: #fff;
  padding: 10px;
  text-align: center;
}

@media only screen and (min-width: 1921px) and (max-width: 3000px) {
  .residential-mb {
    margin-top: 400px;
    }
    .fade-img-m1 {
    margin-top: 400px;
    }
    .coommercial{
      margin-top: 400px;
    }
    .retal-ma{
      margin-top: 400px;
    }
    .MACRO_PAGE_TITLE_1{
      height: 100%;
      width: 75%;
      margin-top: 380px;
      margin-left: 50px;
    }
    .MACRO_PAGE_TITLE_2{
      height: 29vh;
      margin-top: -29vw;
      margin-left: 77vw;
  }
  
  .tabs .nav.nav-tabs img {
    display: flex;
    flex-direction: column;
    max-width: 100px!important;
    margin-bottom: 0px;
    /* height: 160px; */
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}
   
  .tabs .tab-pane h3 {
    font-size: 40px;
  }
 
  .testimonial_sec h5 {
    font-size: 25px;

  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .tabs .nav.nav-tabs img {
    display: flex;
    flex-direction: column;
    max-width: 40px!important;
    margin-bottom: 0px;
    /* height: 160px; */
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}
    .tabs.services_tab li {
    font-size: 20px !important;
  }
  .tabs .tab-pane h3 {
    font-size: 25px;
  }
  .services_tab_content p {
    line-height: 25px;
    font-size: 20px;
  }
  .services_tab .nav-link.active h4 {
    font-size: 16px;
    color: #fff;
  }
  .services_tab .nav-link h4 {
        font-size: 12px;
        padding: 1px 0px;
    }
    .tabs.services_tab li {
    
    padding: 5px;
  }
  
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: var(--theme);
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.footer-about {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: var(--theme);
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}


.box-nav {
  padding-top: 10px;
  text-align: center;
  color: var(--color-red);
  cursor: pointer;
}

.box-nav img {
  height: 45px;
  margin: 0 auto;
  display: block;
}

.box-nav p {
  
  margin-right: 10px;
  font-family: 'HelveticaNeue';
  font-weight: bolder !important;
  letter-spacing: 2px;
  font-size: 15px;
}

.box-nav:hover p {
  color: #f68b1e;
}
.Service_section {
    padding: 5rem 2rem 2rem;
}
.ServiceTop {
  margin-top: 5rem;
  position: absolute;
  left: 2%;
  top: 0%;
}
.ServiceIcons {
    flex-flow: wrap;
  padding: 1rem 0;
}
.ServiceIcons .SIcons-box:not(:last-child) {
  border-right: 1px solid #bfbfbf;
}
.SIcons-box {
    /*padding: 1rem;*/
    width: 7.8rem;
    text-align: center;
    color: var(--color-red);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.SIcons-box img {
    max-width: 100px;
    margin: 0 auto;
    display: block;
}
.SIcons-box p {
  margin-bottom: 0px;
  letter-spacing: 2px;
}
.SIcons-box:hover p{
  font-weight: 500;
}

@media (min-width:992px) and (max-width:1500px) {
  .map_section img {
    width: 100%;
    height: 60vh;
  }
} 
@media (max-width:1500px) {
  .Service_section {padding: 2rem 2rem 0.5rem;}
  .ServiceTop {margin-bottom: 2rem;}
  .ServiceIcons {padding: 0px;}
  .mapS-inner h4 {font-size: 1.20rem;}
}

@media (max-width:1400px) {
  .SIcons-box img {
    max-width: 60px;
  }
  .SIcons-box p {
    letter-spacing: 1px;
    font-size: 1rem;
  }
}
@media (max-width:1200px) {
  /*.SIcons-box {
    width: 25%;
  }*/
  

  .ServiceIcons .SIcons-box:nth-child(4) {
    border-right: none;
  }
}
@media (max-width:767px) {
  .Service_section {padding: 2rem 0.5rem 0.5rem;}
  .mapS-inner {padding: 0px;}
  .SIcons-box {
    width: 50%;
  }
  .ServiceIcons .SIcons-box:nth-child(2n+2) {
    border-right: none;
  }
}


/*--------------------------------------------------------------
# Service popup design
--------------------------------------------------------------*/
.servicePdesign .modal-dialog {
  width: 100%;
  max-width: 98%;
  margin-top: 13px;
}

.servicePdesign .modal-header {
  background: #e5e4e4;
  display: block;
  position: relative;
  height: 159px;
}

.servicePdesign .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1;
  font-size: 18px;
  width: 20px !important;
}

.servicePdesign .modal-header img {
  max-width: 130px;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -65px;
}

.SP-title {
  margin-bottom: 3rem;
}

.serviceList {
  padding: 0.3rem 1rem 1rem;

    font-size: 1.25rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;

}

.serviceList ul {
  list-style: none;
  font-weight: 300 ;
  color: #fff;
}

.serviceList ul li:before {
  content: "\2022";
  color: var(--color-red);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/*.servicePdesign .btn {
  margin: 0 auto;
  display: block;
  max-width: 150px;
  background: #666463;
  font-size: 14px;
  border-radius: 4px;
  padding: 4px;
}
*/
.sm{
  margin-left: 100px;
}
.sm1{
  margin-left: 60px;
}
.sm2{
  margin-left: 30px;
}

.nav ul li.active a, .nav ul li:hover a{
  background:#303030;
  color:#fff ;  
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
  .SIcons-box {
    width: 5rem !important;
}

/*.sliderNav{*/
/*  display: none;*/
/*}*/
.topLogo-section .fav {
  max-width: 110px !important;
  margin-bottom: 25px;
  width: 100%;
  opacity: 0;
}
.services_tab .nav.nav-tabs {
  display: flex !important;
  flex-direction: column;
  padding-bottom: 10px;
  margin-top: 45px !important;
  margin-left: 0px !important;
  padding: 10px;
  flex-direction: row !important;
}
.services_tab .nav.nav-tabs .mobile{
  text-align: left;
        margin-bottom: 6px;
}
.services_tab_content p{
  margin-left: 0px !important;
  text-align: left;
}
.services_tab_content {
  padding: 0px 0px 0px 0px;
}
.tabs.services_tab .tab-content li {
  font-size: 14px;
}
.services_tab .tab-content{
  align-items: start !important;
}
.services_tab_content h3{
  font-size: 20px;
}
.mobile{
  padding: 0px 0;
        color: #fff;
        margin-bottom: 0px;
        font-size: 10px;
        letter-spacing: 0px;
        text-transform: capitalize;
        font-weight: 500;
  
}
.tabs.services_tab li{
  padding: 0px !important;
}
.weThink_animate .we-think{
  font-size: 30px !important;
}
.weThink_animate .big{
  font-size: 35px;
  margin-left: 5px;
}
hr{
  margin: 0px !important;
}
.ecrr {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 20vh;
  align-items: center;

}
.macro{
  width: 14%;
}
.fp-scrollable{
  height: auto !important;
}
.fade-img-mv {
  width: 75px !important;
  margin-top: 0vw !important;
}
.btn {
  margin-top: 3px;
  font-size: 12px !important;
  padding: 0px 15px !important;
}
.ecrr{
  margin-top: 50px;
}
.SIcons-box img {
  max-width: 36px !important;
}
.logoimg{
  padding-top: 30px;
}
 .test00{
    display: block !important;
  }
  .services_tab .nav.nav-tabs{
    
    display: flex !important;
    flex-direction: row !important;
  }
  .contact-form{
    gap: 25px !important;
  }
  .services_tab_cont{
    margin-top: 5px;
  }
  .b-contact-haeding{
    font-size: 15px !important;
  }
  .b-contact-call-email {
    font-size: 15px !important;
}
  .icon{
    display: flex;
    justify-content: center;
  }
  .footer{
    padding: 10px !important;
  }
  .sm{
    margin-left: 30px !important;
    line-height: 18px !important;
    margin-bottom: 10px;
  }
  .sm2{
    line-height: 18px !important;
    margin-bottom: 10px;
  }
  .input-sec{
    display: flex;
    /* flex-direction: column; */
    align-items: center;
  }
  
  .text-field{
    width: 90% !important;
    height: 40px !important;
  }
  .b-contact{
    display: block !important;
  }
  input{
    width: 29%;
    padding: 5px !important;
  }
  .col-sm-4 img{
    display: none !important;
  }
  .fa-solid, .fas {
    font-size: 8px !important;
    padding: 8px !important;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
.logoSlide img {
    max-width: 250px;
    margin: 0 36px;
}

.we-build-powerfull h2 {
    color: #fff;
    padding: 30px;
    text-align: center;
}
.testimonial_sec h5 {
    font-size: 18px;
    color: black;
}



.MACRO_PAGE_TITLE_1 {
    height: 100%;
    width: 56%;
    margin-top: 791px;
    margin-left: 36px;
}

.MACRO_PAGE_TITLE_2 {
    height: 12vh;
    margin-top: -30vw;
    margin-left: 61vw;
    /* width: 50%; */
}
    .minn {
        height: 42vh;
        float: left;
        margin-top: 30vh;
    }
    .right-text {
        height: 40vh !important;
        float: right;
    }
        .npty {
        height: 50vh !important;
        margin-top: 30vh;
    }
    .QPH-caption {
    /* background: rgba(0, 0, 0, 0.6); */
    top: 18vh;
    left: 62%;
}

    .tabs .tab-pane ul li {
        padding-bottom: 0px;
    }
    .services_tab_content p {
        line-height: 26px;
        color: #f68b1e;
        font-size: 20px;
        font-weight: 400;
        margin-left: 20px;
    }


.col-sm-3 {
        flex: 0 0 auto;
        width: 100%;
        /*margin-left: 375px;*/
}
.col-sm-3 img{
  width: 200px;
}
.yes {
    height: 38vh;
    margin-top: 38vh;
    margin-left: -367px;
    float: left;

}
.contact-res{
    height: 30vh !important;
    margin: auto;
    display: flex;
}
.cont-resp{
    height:25vh !important;
}
.width{
    width:"auto" !important;
}

.fade-img-m1 {
    align-items: center;
    text-align: center;
    margin: auto;
    width: 85%;
    height: 100%;
    display: flex;
    margin-top: 760px;
}

.coommercial {
    height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 760px;
}

.retal-ma {
    height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 760px;
}

.residential-mb {
    height: 100%;
    margin-top: 7vw;
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 760px;
}

.testimonial_sec {
    background: #ff561d;
    margin-top: 0px;
}

.mv {
  height: 18vh;
  margin-top: 37vh;
}

.services_tab .nav.nav-tabs {
  display: flex !important;
  flex-direction: column;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-left: 32px;
  /* padding: 10px; */
}

/*.services_tab_content p {
  line-height: 37px;
  color: #f68b1e;
  font-size: 22px;
  font-weight: 400;
  margin-left: 35px;
}*/
.minn{
  height: 42vh;
    float: left;
    margin-top: 30vh;
}
.fade-img {
  height: 4vh;
  margin-top: 88vw;
  margin-left: 6vw;
}
.minus{height: 40vh;float: right;margin-left: -640px;}

.npty{
  height: 50vh;
  margin-top: 30vh;
}

.think-bigger {
  height: 29vh;
  margin-top: 100vw;
  margin-left: 29vw;
}

.urban-ing{
  height: 50vh;
}

.think-retail{
  height: 29vh;
  margin-top: 100vw;
  margin-left: 29vw;
}

.rise_above{
  height: 29vh;
  margin-top: 100vw;
  margin-left: 3vw;
}

.idemy{
  display: block;
}

.input-sec {
  gap: 7px;
}

.text-field {
  width: 631px;
}
}

.ecrr{
  display: flex;
  flex-direction: row;
  gap:10px;
}

.right-text {
        height: 100vh;
        float: right;
        /*margin-left: -640px;*/
    }
        .npty {
        height: 100vh;
        
    }

    .popup-text {
    font-size: 1.25rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
}

.right-arrow,
.left-arrow, .fp-next, .fp-prev {
  position: absolute;
  top: 50%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
  -webkit-background-size: 2rem;
  -moz-background-size: 2rem;
  background-size: 2rem;
  cursor: pointer;
  margin-top: -1.5rem;
  height: 3rem;
  width: 3rem!important;
  z-index: 1010;
  border: none
}

.right-arrow, .fp-next {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 448 512' style='enable-background:new 0 0 448 512;' fill='%23fff' xml:space='preserve'%3E %3Cpath d='M207,381.5L12.7,187.1c-9.4-9.4-9.4-24.6,0-33.9l22.7-22.7c9.4-9.4,24.5-9.4,33.9,0l154.7,154l154.7-154 c9.4-9.3,24.5-9.3,33.9,0l22.7,22.7c9.4,9.4,9.4,24.6,0,33.9L241,381.5C231.6,390.8,216.4,390.8,207,381.5L207,381.5z'/%3E %3C/svg%3E");
  left: auto;
  right: 0;
  transform: rotate(-90deg);
display:none;
}

.left-arrow, .fp-prev {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 448 512' style='enable-background:new 0 0 448 512;' fill='%23fff' xml:space='preserve'%3E %3Cpath d='M207,381.5L12.7,187.1c-9.4-9.4-9.4-24.6,0-33.9l22.7-22.7c9.4-9.4,24.5-9.4,33.9,0l154.7,154l154.7-154 c9.4-9.3,24.5-9.3,33.9,0l22.7,22.7c9.4,9.4,9.4,24.6,0,33.9L241,381.5C231.6,390.8,216.4,390.8,207,381.5L207,381.5z'/%3E %3C/svg%3E");
  left: 0;
  right: auto;
  transform: rotate(90deg);
display:none;
}

.project{
    background-color: #f58c21;
    color: #fff !important;
    width: 152px;
    font-weight: 700;
}

.icon a{
  color: #fff;
}
.icon a:hover{
  color:#f68b1e;
}

.b-contact{
  padding-top: 70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.b-contact-haeding{
  font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 30px;
    margin-bottom: 0px;
}
.b-contact-call-email{
  font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px;
}
.b-contact-call-email:hover{
  color:#f68b1e;
}





.arrow{
  width: 60px;
    position: relative;
    z-index: 99;
    /*margin-top: -100px !important;*/
}
/* Loader styles */
.pageloader {
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-image: url(../img/loaderBG.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
      font-size: 20px;
    font-weight: 500;
  background: rgb(37,13,1);
}
/* horizontal slide loader */
.horizontalSlide_loader {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 11;
}
.horizontalSlide_loader.show {
    display: flex;
}
.horizontalSlide_loader .line {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #f58c21;
    margin-left: 10px;
}
.horizontalSlide_loader .load-3 .line:nth-last-child(3) {
    animation: loadingC 0.6s 0.3s linear infinite;
}
.horizontalSlide_loader .load-3 .line:nth-last-child(2) {
    animation: loadingC 0.6s 0.2s linear infinite;
}
.horizontalSlide_loader .load-3 .line:nth-last-child(1) {
    animation: loadingC 0.6s 0.1s linear infinite;
}
@keyframes loadingC {
	0% {
	  transform: translate(0, 0);
	}
	50% {
	  transform: translate(0, 15px);
	}
	100% {
	  transform: translate(0, 0);
	}
}
  
.button-up, .button-down {
  position: absolute;
    top: auto;
    height: 55px;
    /* width: 50px; */
    border-radius: 50%;
    transition: all 0.2s linear;
    display: flex;
    justify-content: center;
    z-index: 10;
    margin: auto;
    width: 100%;
    /* align-items: center; */
    bottom: 10px;
	gap: 6px;
}

/* .button-down:hover {
  transform: translate3d(0, 10px, 0);
}

.button-up:hover {
  transform: translate3d(0, -10px, 0);
} */

.button-up::after,
.button-down::after {
  content: "";
  position: absolute;
  left: 17px;
  z-index: 11;
  display: block;
  /* width: 25px;
  height: 25px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff; */
}
.button-up::after {
  top: 20px;
  transform: rotate(45deg);
}

.button-down::after {
  top: 10px;
  transform: rotate(225deg);
}


.button--small .button__round {
    width: 60px;
    height: 60px;
    background-size: 32px 26px;
}
.button--small .button__round {
    transform: rotate(90deg);
}
.button--small[data-direction="up"] .button__round {
    transform: rotate(-90deg);
}
.button--blackWhite .button__round {
	border: 1px solid #f58c21;
    background-color: #f58c21;
    background-image: url(../img/arrow.svg);
    /* margin-top: -55px; */
    /* position: relative; */
    /* display: block; */
    /* display: flex; */

}
.button__round {
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.button--top .button__round {
    width: 80px;
    height: 80px;
    background-size: 42px 36px;
}
.button--top .button__round {
  transform: rotate(-90deg);
}

.b-arrow{
  width: 100%;
  display: flex;
  justify-content: center;
}

.images:hover {
  opacity: 0.5;
  cursor:pointer;
}
input:checked + label > img:hover {
  opacity: 1;

}
input[type=checkbox]{
  visibility: hidden;
}

input:checked + label > img {
  transform: scale(2);
  border-bottom: 5px solid black;
  border-top: 5px solid black;
  position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10rem 1rem 1.5rem;
    width: 100%;
    border-radius: 0.5rem;
    /*padding-top: 120px;*/
}
input:checked + label > h6 {
   position: absolute;
    top: -30%;
    right: 30px;
    /* left: 124%; */
    /* transform: translate(-50%, -50%); */
    background-color: white;
    /* padding: 10rem 1rem 1.5rem; */
    /* width: 100%; */
    border-radius: 0.5rem;
    /* padding-top: 120px; */
    z-index: 999;
    cursor: pointer;
}


/*.videocontainer{
  height: 100vh;
}*/


.home {
  height: 100vh;
  position: relative;
}
video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.slider_container {
  position: relative;
  width: 100%;
  min-width: 50rem;
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
   background-image: url("../img/ORANGE-BG.jpg");
  
}

.sliderE {
  position: relative;
  width: 400%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  animation: 30s cubic-bezier(1, 0.95, 0.565, 1) sliding infinite;
}

.slideA {
  position: relative;
  min-width: 100%;
  height: 100%;
}

.slideA img {
  width: 100%;
  height: 100%;
}

.slideA .caption {
  position: absolute;
  left: 0;
  bottom: 5%;
  font-size: 5rem;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
  background: rgba(0, 0, 0, 0.348);
  backdrop-filter: blur(10px);
  padding: 1rem 5rem;
  border-radius: 0 2rem 2rem 0;
}

/*.slideA.one {
  background: rgb(182, 19, 109);
}
.slideA.two {
  background: rgb(255, 64, 64);
}
.slideA.three {
  background: rgb(11, 173, 188);
}
.slideA.four {
  background: rgb(11, 188, 14);
}
.slideA.five {
  background: rgb(173, 11, 188);
}*/

@keyframes sliding {
  0% {
    transform: translateX(0%);
  }
  20% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(-100%);
  }
  45% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(-200%);
  }
  70% {
    transform: translateX(-200%);
  }
  75% {
    transform: translateX(-300%);
  }
  85% {
    transform: translateX(-300%);
  }
  95% {
    transform: translateX(-400%);
  }
  100% {
    transform: translateX(-400%);
  }
}

@media(max-width:1600px){
  .contact-form {
  
    margin-bottom: 0px;
}
.b-contact {
    padding-top: 0px;
}
    .SIcons-box img {
        max-width: 75px;
    }
    .SIcons-box {
    
    width: 4.8rem;
  }
}
@media (min-width:992px) and (max-width:1200px) { 

.right_toggle_menu {
  display: none !important;
}

.tabs h4 {
  font-size: 14px;
  letter-spacing: 1px;
}

.intro_section h1 {
  font-size: 60px;
  line-height: 60px;
}
.intro_section {
  padding: 0px 20px 40px 20px;
}
.testimonial_sec {
  background: #ff561d;
  padding: 0px 30px;
}
.SIcons-box img {
        max-width: 45px;
    }
    .SIcons-box {
    
    width: 4rem;
  }
}

@media(max-width:2560px){
  
.SIcons-box {
    
    width: 9rem;
  }
  .SIcons-box img {
        max-width: 100px;
    }
}

@media(max-width:2240px){
  
.SIcons-box {
    
    width: 8rem;
  }
  .SIcons-box img {
        max-width: 100px;
    }
}
@media(max-width:1920px){
  
.SIcons-box {
    
    width: 7.5rem;
  }
  .SIcons-box img {
        max-width: 75px;
    }
}
@media(max-width:1600px){
  
.SIcons-box {
    
    width: 6.5rem;
  }
  .SIcons-box img {
        max-width: 50px;
    }
}

@media(max-width:1900px){
  
.SIcons-box {
    
    width: 6.5rem;
  }
  .SIcons-box img {
        max-width: 50px;
    }
}
@media(max-width:1440px){
  .contact-form {
  
    margin-bottom: 0px;
}
.SIcons-box img {
        max-width: 60px;
    }
.b-contact {
    padding-top: 0px;
}
.SIcons-box {
    
    width: 5.5rem;
  }
}


@media(max-width: 1366px){
  .text-field{
    height: 62px;
  }
  .SIcons-box img {
        max-width: 50px;
    }
  .contact-us h2 {
    font-size: 40px;
}
.SIcons-box {
    
    width: 5rem;
  }
.contact-form {
    gap: 302px;
}
.fa-solid, .fas {
    font-size: 15px;
    padding: 15px;
    border-radius: 50%;
}
.b-contact-haeding {
    font-size: 25px;
}
.b-contact-call-email {
    font-size: 18px;
}
input {
    background-color: #000;
    padding: 8px;
  }
}
@media(max-width: 768px){
  
  .SIcons-box img {
        max-width: 45px;
    }
  
.SIcons-box {
    
    width: 8rem;
  }
  .weThink_animate .we-think {
    font-size: 85px;
  }
  .fade-img-mv { 
    width: 88%;
    margin-top: 22vw ;
}
.btn{
  letter-spacing: 0px;
  width: 140px !important;
  /* padding: 6px 0px !important; */
}
.ecrr{
  display: flex;
  flex-direction: row ;
  padding-top: 8vh !important;
}
}


.highlight{
  color: #ff561d;
}
.we-build{
  color: #5b4f4b;
}


.underline{
  width: 50% !important;
  margin: auto !important;
}




/*  popup image   */
.gallery .gallery-item {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
}

.gallery .gallery-item img {
    transition: 0.5s;
}

.gallery .gallery-item:hover img {
    transform: scale(1.2);
}

.gallery .gallery-item::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: rgba(0, 0, 0, .4);
    transition: 0.5s;
    z-index: 1;
}

.gallery .gallery-item:hover::after {
    width: 100%;
    height: 100%;
}

.gallery .gallery-item .search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 5;
    opacity: 0;
}

.gallery .gallery-item:hover .search-icon {
    opacity: 1;
}

.btn.btn-light {
    color: #f68b1e !important;
    border: none;
}

.btn.btn-light:hover {
    color: var(--bs-white);
    background: #f68b1e !important;
}
.btn-lg-square {
    width: 75px;
    height: 75px;
}
.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square,
.btn-xl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.popup-btn {
    
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #f68b1e !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.logoimg{
  display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 100vh;
    flex-direction: column;
}

/*------New Services-----*/
.accordion {
  width: 90%;
  margin-top: 5rem;
  position: relative;
  /* left: 2%; */
  top: 0%;
  /* display: flex; */
  /* flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
  position: relative; */
  /* margin-bottom: 26rem; */
  /* padding-bottom: 1rem; */
}

.accordion-item {
  /* background-color: #fff; */
  color: #111;
  margin: 8px 0;
  /* border-radius: 0.5rem; */
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  border: 1px solid #262220 !important;
}

.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  color: #fff;
  align-items: center;
  position: relative;
  cursor: pointer;
  background-color: #262220;
  /* margin-bottom: 5px; */
}

.accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.accordion-item-header.active::after {
  content: "\2212";
}

.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  background-color: #262220;
}

.accordion-item-body-content p{
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  /* border-image: linear-gradient(to right, transparent, #34495e, transparent) 1; */
  text-align: left;
  line-height: 30px;
  /*color:#fff;*/
  color: #f68b1e;
  font-size: 20px;
  font-weight: 300;
}
.s-img{
  padding: 10px;
  width: 100px;
}
@media (max-width: 1366px) {
  .accordion-item-body-content p{
    font-size: 18px;
    line-height: 25px;
  }
  .serviceList {
    padding: 0rem 1rem 1rem;
    font-size: 1rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
  }
}
@media(max-width:767px) {
  .accordion-item-body-content p {
    font-size: 11px;
    line-height: normal;
  }
  .s-img{
    display: none;
  }
  .accordion-item-body-content p {
    padding: 5px;
    margin-bottom: 0px;
  }
  .newbtn {
    /* background: #f68b1e; */
    color: #fff;
    text-transform: uppercase;
    padding: 6px;
    letter-spacing: 1px;
    pointer-events: none;
    width: 150px;
    text-align: center;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
}
  .serviceList {
    padding: 0;
    font-size: 10px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    line-height: initial;
  }
  .abc1{
    margin-bottom: 0px;
  }
  .accordion-item-header {
    padding: 5px 10px 5px 10px;
    min-height: 10px;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    color: #fff;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: #262220;
  }
  .p2{
    font-size: 22px !important;
  }
  .p1{
    font-size: 22px !important;
  }
  .project-heading h1{
    font-size: 20px !important;
    width: 172px !important;
  }
  .make{
    margin-left: 10px;
  }
  video{
    object-fit: contain;
    background-color: rgb(0, 0, 0);
  }
  .service-section-map img{
    width: 95%;
  }
  .contact-us h1{
    font-size: 40px;
  }
  .project-heading{
    font-size: 20px !important;
  }
  
}

#primary_nav_wrap{
  background-color: #f58c21;
  /* width: 200px !important; */
}
#primary_nav_wrap ul
{
left: 0px;
top: 0px;
list-style:none;
position: relative;
/* background: #121314; */
color: white;
	margin:0;
	padding:0;
display: inline-table;
width: 100%;
}
#primary_nav_wrap ul a
{

	display: block;
	color: #d5d0d0; 
	text-decoration:none;
	list-style: none;
  margin-left: 20px;
  text-align: left;
  font-family: 'HelveticaNeue';
  letter-spacing: 3px;
  text-transform: uppercase;
  display: block;
  font-size: 16px;
	line-height:32px;
	padding: 15px 15px;
	background: #f58c21;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
      -webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-ms-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
}

#primary_nav_wrap ul a:hover
{

color: #f58c21;
background-color: #000; 
text-shadow: 0 0 1px #f58c21;
-webkit-text-shadow: 0 0 1px #f58c21;
-moz-text-shadow: 0 0 1px #f58c21;
-o-text-shadow: 0 0 1px #f58c21;
-ms-text-shadow: 0 0 1px #f58c21;
  -webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-ms-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
list-style: none;
}

#primary_nav_wrap ul a:active
{

	color: #f58c21;
background-color: #2d2f33; 
    -webkit-transition: all 50ms linear;
-moz-transition: all 50ms linear;
-ms-transition: all 50ms linear;
-o-transition: all 50ms linear;
transition: all 50ms linear;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
/* background: #000; */
}

#primary_nav_wrap ul li.current-menu-item
{
	background-color: #000; 
}

#primary_nav_wrap ul li:hover
{
	background-color: #000; 
  
  
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: #000;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	/* width:200px; */
    
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	background: #000; 
  
}


#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%

}

#primary_nav_wrap ul li:hover > ul
{
	display:block

}



.project-heading {
	position: relative;
	top: 0;
	max-width: 400px;
	width: 100%;
	text-align: left;
	padding: 8px 0px;
	color: #fff;
	left: 215px;
	color: #f68b1e;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Work Sans', sans-serif !important;
	font-weight: 500;
	font-size: 30px;
   
 }
 .p-img{
  height: 350px !important;
 }

 .lb-nav a.lb-prev{
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/prev.png) left no-repeat !important;
  
  
 }
 .lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right  no-repeat !important;
 }