@font-face {
  font-family: Istok Web;
  src: url(../fonts/static/Outfit-Regular.ttf); }
@font-face {
  font-family: Istok Web-4;
  src: url(../fonts/static/Outfit-Medium.ttf); }
#nav-icon3 {
  width: 26px;
  height: 21px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
 }
  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  #nav-icon3 span:nth-child(1) {
    top: 0px; }

.hem-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  justify-content: start; }
  .hem-logo .logo {
    border-left: 1px solid #CEC3C3;
    padding-left: 22px; }
    .hem-logo .logo img {
      padding-bottom: 10px;
      padding-top: 10px;
      width: 260px; }

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
  top: 9px; }

  .acore a {
    display: inline-block;
    width: 250px;
    padding: 2px 18px;
    text-decoration: navajowhite;
    color: #757575;
    font-family: Istok Web;
  }
  .bboad #myTabContent {
    height: 100%;
  }
  .bboad #myTabContent .tab-pane {
    height: 100%;
  }
  .navbox {
    height: 100%;
  }
  #myTab li {
    width: 100%;
  }
  #myTab li {
    border-bottom: 1px solid rgb(110, 108, 108) !important;
  }
  .acore .brd {
    margin-bottom: 31px;
    padding-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
  }
  #myTab {
    display: flex;
    height: 100vh;
    overflow: scroll !important;
    flex-direction: column !important;
    top: 0px;
  }



  .acore h4 {
    padding-left: 17px;
    margin-top: 37px;
    font-family: Istok Web;
    /* margin-bottom: 2px; */
    font-size: 21px;
    margin-bottom: 5px;
    position: relative;
  }
  .acore h4:nth-child(1) {
    margin-top: 0px !important;
  }


  /* .acore h4::after {
    color: ;
    content: "";
    display: inline-block;
    width: 120px;
    height: 2px;
    background: #ad0514;
    position: absolute;
    border: ;
    bottom: -8px;
    left: 19px;
  } */

#nav-icon3 span:nth-child(4) {
  top: 19px; }

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.nav-front {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.right-side {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	justify-content: end;
	z-index: 99;
}
  .right-side .search input {
    width: 0px;
    transition: 0.3s;
    opacity: 1;
    padding: 0px;
    padding-top: 0px;
    border: none;
    height: 41px;
    padding: 0px 19px; }
  .right-side .search i {
    font-size: 30px; }
  .right-side .search {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: end;
    opacity: 0;
    visibility: hidden; }

#input.full-w {
  width: 100%;
  transition: 0.3s; }

.login button {
  background: #a80413;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  margin-top: -20px;
  padding: 10px 16px;
  margin-top: 0px;
  padding-top: 5px; }



#nav {
  padding: 0; }

  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:#c9c9c9;
    isolation: isolate;
  }
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link {
    border: none;
    border-bottom:1px solid #c9c9c9;
    border-color:#c9c9c9;
    isolation: isolate;
  }

#myTab {
  flex-direction: column;
  border: none; }
  #myTab .nav-link.active {
    background: unset;
    border: none;
    background-color: #ebebeb;
  }
  #myTab .nav-link {
    font-size: 17px;
    padding: 12px 30px; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: none;
  isolation: isolate; }

.row.add-bg > div {
  padding: 0px; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  /* border-bottom: 1px solid rgb(110, 108, 108) !important; */
  isolation: isolate;
  color: #b00716; }

.add-bg {
  background: #fff;
  border: 1px solid #ececec;
  position: fixed;
  top: 100vh;
  width: 98.3%; }

.header {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  z-index: 1000000000; }

.row.height {
  height: 100%;
  overflow: scroll; }

#bar.add-bg.active {
  top: 64px;
  width: 101vw;
  /* position: relative; */
  transition: 0.5s;
  height: 100vh; }

  .lets-talk .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
  }
.lets-talk .cont h2 {
	font-family: Istok Web;
	font-size: 60px;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
}

  .footer .links {
    padding-top: 56px;
  }

.footer .links h2 {
	font-family: Istok Web;
	font-size: 24px;
	font-weight: 400;
	line-height: 100%;
	text-align: left;
	color: #222222;
}
.footer .links ul li a {
	font-family: Istok Web;
	font-size: 16px;
	font-weight: 400;
	line-height: 38px;
	text-align: left;
	color: #676767;
	text-decoration: none;
}
  .footer .bord {
    padding: 60px 0px;
    margin-top: 43px;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
  }
  .social-content p {
    text-align: center;
    margin: 0px;
    font-family: Istok Web;
    font-size: 22px;
    font-weight: 400;
    line-height: 31.67px;
    text-align: center;
    color: #000000;
  }

.Copyright {
	margin: 0px;
	padding: 20px;
	text-align: center;
	font-family: Istok Web;
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	color: #222222;
}
  .social-content a {
    text-decoration: none;
  }
  .social-content .box p:nth-child(1) {
    height: 94px;
  }
  .social-content h3 {
    font-family: Istok Web;
    font-size: 32px;
    font-weight: 700;
    line-height: 46.06px;
    text-align: center;
    color: #A71E22;
  }
  .social-content {
    display: flex;
    gap: 80px;
    justify-content: center;
  }

  .footer .links h2::after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #A71E22;
    margin-top: 9px;
  }
  .footer .links ul {
    padding: 0px;
    list-style: none;
  }
  .lets-talk .cont ul {
    list-style: none;
    padding: 0px;
    margin: 0pc;
    display: flex;
    gap: 20px;
  }
  .lets-talk {
    background: #A71E22;
    /* padding: 10px; */
  }
  .company {
    margin-top: 50px;
    padding: 60px 0px;
    background: #F4F5F8;
  }
.nav-item button {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  color: #495057; }

.add-bg {
  background: #fff;
  border: 1px solid #ececec; }

  .cardd {
    width: 100%;
    /* margin: 20px; */
    /* border: 1px solid grey; */
    border-radius: 3px;
  }
  .work h2 {
    font-family: Istok Web-4;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
    margin: 0px;
    color: #222222;
  }

  .bttm {
    margin-top: 60px;
  }

  .work-img img {
    width: 100%;
  }
.row.work-img p {
	width: 100%;
	text-align: left;
	font-family: Istok Web-4;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
}
  .row.work-img h3 {
    font-family: Istok Web;
    font-size: 36px;
    font-weight: 400;
    line-height: 51.82px;
    text-align: left;
    color: #000000;
    margin-top: 12px;
  }
  .work-img{
    margin-top: 50px;
  }
.work p {
	font-family: Istok Web-4;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	color: #676767;
	width: 900px;
	margin: 0px auto;
}
 .work {
	margin-top: 80px;
	margin-bottom: 80px;
}
  .cardd .content {
    padding: 11px 0px 0px;
  }
  .cardd .content button {
    background: #222;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-top: -20px;
    padding: 9px 23px;
    margin-top: 0px;
    padding-top: 9px;
    font-family: poppin-m;
    font-weight: 400;
    border-radius: 4px;
  }
  #head.header.mobil {
    display: none;
  }
  .bboad {
    border: 1px solid #ececec;
    height: 100vh;
    overflow: scroll;
    padding-right: 0px;
  }
  .nav-b {
    width: 400px;
  }
  .power p {
    color: #fff;
    font-family: Istok Web-4;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    margin-top: 20px;
  }
  .power .box a {
    border: 1px solid #FFFFFF;
    font-family: Istok Web-4;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    padding: 12px 15px;
    display: inline-block;
    color: #fff;
  }

 .power .box {
	margin-bottom: 40px;
}
  .power .box p {
    font-family: Istok Web-4;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    width: 80%;
    margin-top: 0px;
  }
  .power .box h3 {
    font-family: Istok Web-4;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin-top: 20px;
  }
  .power .box img {
    width: 100%;
  }
  .power h2 {
    font-family: Istok Web-4;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    text-align: center;
    color: #FFFFFF;
  }
  .power {
    margin: 60px 0px;
    padding: 60px 0px;
    background: #222222;
    margin-bottom: 0px;
  }
  .company h2 {
    font-family: Istok Web-4;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    text-align: left;
    color: #222222;
  }
  .com-img img {
    width: 100%;
  }
  .com-img {
    margin-top: 70px;
  }
  .com-img > div {
    display: flex;
    align-items: center;
  }
.company a {
	border: 1px solid #222222;
	font-family: Istok Web-4;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	padding: 12px 15px;
	display: inline-block;
	color: #000000;
	align-items: center;
	display: flex;
	gap: 6px;
	max-width: 210px;
}
.company p {
	font-family: Istok Web-4;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color: #676767;
}
  .b-box {
    padding-top: 10px;
  }
  .yes-active {
    display: block !important;
    width: 30% !important;
    transition: 0.5s;
  }
  .cardd h2 {
    font-family: poppin-m;
    font-size: 24px;
  }
  .cardd .content button a {
    text-decoration: none;
    color: #fff;
  }
  .yes-wide {
    width: 70% !important;
    transition: 0.3s;
  }
      .navbox {
        display: flex;
      }
      .navbox .acore {
        width: 100%;
        border-right: 1px solid rgb(201, 201, 201);
        padding-top: 36px;
      }
      .navbox .page-visit {
        width: 0px;
        padding: 14px;
        display: none;
      }

#head.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  background: #fff; }

@media screen and (max-width: 768px) {
  .bboad {
    display: none; }

  .hem-logo .logo img {
    width: 175px; }

  .hem-logo {
    width: 70%; }

  .right-side {
    width: 11%; }

  .login a img {
    width: 35px !important; }

  #bar.add-bg.active {
    top: 52px !important; } }
.hero {
	background-image: url(../img/hero.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 650px;
	display: flex;
	padding-bottom: 59px;
	align-items: center;
}
#mobile-menu-slide.pos.mob-menu.active {
	display: block;
}
    .hero-mob {
  display: none;
}
  @media screen and (max-width: 768px) {

.service-info .service-btn {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
  line-height:39px !important;
  font-size: 18px !important;
}
    .hero {
      height: 267px;
      padding-bottom: 17px;
     }
.hero-mob {
	background-image: url(../img/mob-bnr.png);
	height: 644px;
	display: flex;
	justify-content: center;
	align-items: end;
	padding-bottom: 45px;
}
.com-img > div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.company .com-img img {
	margin-bottom: 15px;
	border: 1px solid #676767;
}
.row.work-img h3 {
	text-align: center;
}
     }
.hero h2 {
	color: #ffffff;
	font-family: Istok Web;
	font-size: 54px;
	font-weight: 400;
	line-height: 70px;
	/* text-align: center; */
	text-align: left;
}
    @media screen and (max-width: 768px) {
.hero-mob h2 {
	font-size: 42px;
	line-height: 50px;
	text-align: center !important;
	font-weight: 700;
	color: #fff;
}
.hero {
	display: none;
}
}
 .hero p {
	/* color: #676767; */
	font-family: Istok Web;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
	/* text-align: center; */
	color: #ffffff;
	text-align: left;
}
    @media screen and (max-width: 768px) {
.hero-mob p {
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	font-weight: 400;
	color: #ffffff;
} }

.servic {
  margin-top: 100px; }
  @media screen and (max-width: 768px) {
    .servic {
      margin-top: 50px; } }
  .servic h2 {
    color: #222222;
    font-family: Istok Web;
    font-size: 60px;
    font-weight: 400;
    line-height: 70px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .servic h2 {
        font-size: 35px;
        line-height: 39px; } }
.servic p {
	color: #676767;
	font-family: Istok Web;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
}
    @media screen and (max-width: 768px) {
 .servic p {
	font-size: 16px;
	line-height: 26px;
} }
  .servic .card-row {
    padding-top: 20px; }
    .servic .card-row h3 {
      color: #222222;
      font-family: Istok Web;
      font-size: 30px;
      font-weight: 400;
      line-height: 30px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .servic .card-row h3 {
          font-size: 24px; } }
    .servic .card-row p {
      color: #676767;
      font-family: Istok Web;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .work-img.work-m {
	margin-top: 25px !important;
}
        .servic .card-row p {
          margin-bottom: 30px; } 

          #head {
            display: none;
          }
          #head.header.mobil {
            display: block;
          }

          .accordion-item {
            border: none;
            margin-bottom: 14px;
          }
          .accordion-button:not(.collapsed) {
            color: #000;
            background-color: #fff;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
          }
          #head.header.mobil.fixed {
            height: 100vh;
            overflow: scroll;
            position: fixed;
          }
          .accordion-item button {
            padding: 0px;
            font-family: poppin-m;
            font-size: 15px;
            color: #222 !important;
            padding-bottom: 11px;
          }
          .nav-for-mobil {
            padding-top: 14px;
          }
          .accordion-body {
            padding: 0px;
          }
          .accordion-button:focus {
            z-index: 3;
            border-color:#fff;
            outline: 0;
            box-shadow: unset;
          }
         #head.header.mobil {
	position: relative;
}
          #head .mm {
            position: absolute;
            left: -100%;
            transition: 0.3s;
          }
          #head.header.mobil.fixed .mm {
            left: 0px;
            transition: 0.3s;
          }
          #head.header.mobil .nav-b {
            width: 100%;
            padding: 20px;
          }
          #head.header.mobil .brd h4 {
            font-family: poppin-m;
            font-size: 18px;
          }
          .b-box.mm {
            position: fixed !important;
            top: 0px;
            height: 100vh;
            background: #fff;
            left: -100% !important;
            width: 100%;
            overflow: scroll;
            padding-top: 0px;
          }

          .b-box.mm.slide-box {
            left: 0px !important;
          }
          .b-box.mm.slide-box .nav-b > h4 {
            margin-bottom: 14px;
            border-bottom: 1px solid gray;
            padding-bottom: 13px;
            cursor: pointer;
            font-family: poppin-m;
            font-size: 18px;
            color: #222 !important;
          }
          .cardd .content button a {
            font-size: 15px;
          }
          #head.header.mobil .nav-links p {
            margin-bottom: 10px;
            border-bottom: 1px solid grey;
            padding-bottom: 15px;
            padding-top: 6px;
          }
          #head.header.mobil .nav-links p a {
            color: grey;
            display: flex;
            width: 100%;
            justify-content: space-between;
            font-size: 16px;
            font-family: Poppins;
            text-decoration: none;
            padding: 0px 13px;
          }
          .cardd h2 {
            font-family: poppin-m;
            font-size: 19px;
          }
          .b-box.mm.slide-box .nav-b > h4 i {
            rotate: 180deg;
          }
          #head.header.mobil .brd a {
            display: block;
            text-decoration: none;
            font-family: poppin-m;
            font-weight: 200 !important;
            color: grey;
            margin-bottom: 10px;
          }

       .lets-talk .cont h2 {
	font-size: 41px;
	margin-bottom: 14px;
}

          .social-content p {
            text-align: center;
            margin: 0px;
            font-family: Istok Web;
            font-size: 22px;
            font-weight: 400;
            line-height: 31.67px;
            /* text-align: center; */
            color: #000000;
          }
          .social-content .box p:nth-child(1) {
            height: auto;
          }

          .social-content h3 {
            font-size: 24px;
            line-height: 32.06px;
          }

          .social-content p {
            font-size: 18px;
            line-height: 11.67px;
          }
          .Copyright {
            font-size: 16px;
            padding: 10px;
          }
          .social-content .box p img {
          width: 70px;
          }
          .social-content {
            flex-direction: column;
            gap: 30px;
          }
          .footer .bord {
            padding: 30px 0px;
            margin-top: 23px;
          }
          .lets-talk .cont ul img {
            width: 30px;
          }
          .lets-talk .cont {
            flex-direction: column;
          }

      .company p {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
          .com-img {
            margin-top: 50px;
          }
          .company a {
            font-size: 18px;
            margin: 0px auto !important;
            display: block;
            text-align: center;
          }
          .company h2 {
            font-size: 40px;
            line-height: 50px;
            text-align: center;
          }
          .company {
            margin-top: 30px;
            padding: 40px 0px;
          }

      .work {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0 8px;
}
.progress-sec img {
	width: 100%;
	padding: 0 12px;
}


.bnr-sec {
	background-color: #F6F6F6;
	padding: 50px 8px;
}
          .work h2 {
            font-size: 46px;
            line-height: 50px;
          }

          .row.work-img h3 {

            font-size: 26px;
            line-height: 31.82px;
            margin-top: 12px;
          }
    .work p {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	width: 100%;
}
.test {
	padding: 0 8px;
}
.servic.home-service {
	padding: 0 20px;
}
.servic.home-service h2 span {
	display: block;
}
        .row.work-img p {
	font-size: 16px;
	text-align: center;
}

      .bttm {
	margin-top: 15px;
}
      .work-img {
	margin-top: 0;
}

          .work-img > div {
            margin-bottom: 0px !important;
          }

         .power {
	margin-top: 20px;
	padding: 30px 0px;
	margin-bottom: 0;
}

          .power h2 {
            font-size: 39px;
            line-height: 50px;
          }

          .power p {
            font-size: 18px;
            line-height: 26px;
            margin-top: 13px;
          }

         .power .box h3 {
	font-size: 26px;
	text-align: center;
}

         .power .box p {
	width: 100%;
	text-align: center;
}
.footer .links {
	text-align: center;
}
.footer .links h2 {
	text-align: center;
	margin-bottom: 18px;
}
.footer .links h2::after {
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background: #A71E22;
	margin-top: 9px;
	left: 176px;
	position: absolute;
}
 .power .box {
	margin-bottom: 40px;
	text-align: center;
}
.nav-for-mobil ul li a {
	color: #222;
	text-decoration: none;
	font-size: 20px;
	text-transform: capitalize;
	position: relative;
}
.nav-for-mobil ul li {
	list-style: none;
	border-bottom: 1px solid #676767;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.nav-for-mobil .sub-menu {
	display: none;
}
.nav-for-mobil ul {
	padding-left: 0;
}
.nav-for-mobil ul li a .fa-solid.fa-chevron-down {
	font-size: 15px;
}
.sub-menu li {
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.sub-menu {
	margin-top: 10px;
	padding-left: 22px !important;
}
.sub-menu li a .fa-solid.fa-chevron-right {
	font-size: 15px;
}
.sub-menu.inner {
	border-bottom: 1px solid black;
}
        }

/*# sourceMappingURL=main.css.map */