html {
  scroll-behavior: smooth;
}

body {
  padding-bottom: 0px !important;
  background-color: #fff;
  /*font-family: "Public Sans", sans-serif;*/
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none;
  color: #000;
}

li {
  list-style: none;
}

.gray-bg1 {
  background-color: #f2f2f2;
}

.fs-9 {
  font-size: 0.563rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 0.813rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-32 {
  font-size: 2rem;
}

.fs-40 {
  font-size: 2.5rem !important;
}

.fs-44 {
  font-size: 2.75rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.top-header-bg {
  background-color: #000;
  color: #fff;
}
.top-header-bg div .d-flex {
  float: right;
}
.top-header-bg img {
  height: 30px;
  width: 30px;
}
.top-header-bg p {
  font-size: 16px;
  font-weight: 500;
  float: right;
}
.top-header-bg .textwidget p {
  margin-bottom: 0;
  margin-left: 10px;
}
.top-header-bg .textwidget p a {
  color: #fff;
}
.top-header-bg a {
  color: #fff;
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  font-size: 16px;
}

.download-file-row{
	width: 49%;
	margin: 5px;
	border: 1px solid #f6f6f6;
}
.download-file-row:hover {
    background: #bebdb9 none repeat scroll 0 0;
}
.download-file-row:hover a{
	color: #000;
}
.box-shadow-cources{
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.box-shadow-cources p{
	margin-bottom: 0;
}
.footer-links a{
	color:#fff;
}
.footer-links a:nth-child(2){
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding-left: 4px;
    padding-right: 4px;
}

@media (max-width: 1024px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 13px;
  }
}

.main {
  width: 50%;
  margin: 50px auto;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.input-group {
  width: auto;
}

#mechanical {
  background-image: linear-gradient(to bottom, #063675, #496be7);
  color: #fff;
}
#mechanical .mechanical-slider {
  border: 5px solid #fff;
  border-radius: 20px;
}
#mechanical .mechanical-slider img {
  transition: transform 0.5s ease-in-out;
  border-radius: 15px;
}
#mechanical .mechanical-slider img:hover {
  transform: scale(1.1);
}
#mechanical .position-absolute {
  color: #fff;
  z-index: 999;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7607843137);
  display: grid;
  place-items: center;
}
#mechanical .position-absolute .center-text-box {
  width: 50%;
}
@media (max-width: 600px) {
  #mechanical .position-absolute .center-text-box {
    width: 100%;
    height: 100%;
  }
}
#mechanical h1 {
  color: #269B4D;
  font-weight: 700;
}
#mechanical .electrical-color {
  color: #F7EC0B;
}
#mechanical .public-color {
  color: #389CC6;
}
#mechanical .fire-color {
  color: #C02025;
}
#mechanical .iot-color {
  color: #BFD8ED;
}
#mechanical .other-color {
  color: #B44F9E;
}
#mechanical p, #mechanical h6 {
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
}
#mechanical ul li {
  list-style: none;
  text-decoration: none;
  align-items: center;
}
#mechanical ul li i {
  font-size: 25px;
}

#top-aboutus {
  background-image: url("../images/about-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
#top-aboutus h1 {
  font-size: 45px;
  font-weight: 700;
}

#inner-about .about-inner-img {
  border-radius: 25px;
  border: 10px solid #269B4D;
}
#inner-about .img-height {
  width: 520px;
  height: 270px;
}
@media (max-width: 768px) {
  #inner-about .img-height {
    height: auto;
  }
}
#inner-about p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: justify;
}
#inner-about h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}
#inner-about .av-img {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 15px;
  border-radius: 25px;
}

.gray-bg {
  background-image: url("../images/gray-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

#about-inner .nav .nav-item {
  background-color: rgba(230, 230, 230, 0.5019607843);
  width: 100%;
  border: 1px solid rgb(236, 231, 231);
  border-radius: 8px;
}
#about-inner .nav .nav-item button {
  text-align: center;
  width: 100%;
  font-size: 14px;
}
#about-inner .nav .nav-item button.active {
  color: #fff !important;
  background-color:rgb(19, 74, 140);
}
#about-inner h2 {
  color: #000;
  font-weight: 700;
  font-size: 35px;
}
#about-inner .wrapper {
  top: 100px;
}
#about-inner .contact__container {
  display: block;
  border-radius: 10px;
  padding: 20px;
  background-image: linear-gradient(to bottom, #063675, #496be7);
  color: #fff;
}
#about-inner .contact__title {
  display: inline-block;
}
#about-inner .contact__title h2 {
  padding: 0 10px 0 0px;
  margin: 5px 0;
  color: #FBFBFB;
}
#about-inner input,
#about-inner textarea, #about-inner button {
  width: 100%;
  border: 5px solid #FFFFFF;
  border-radius: 5px;
  resize: none;
  padding: 8px 5px;
  box-sizing: border-box;
  font-size: 14px;
}
#about-inner input:focus,
#about-inner textarea:focus {
  outline: none;
}
#about-inner .contact__form-input {
  margin: 5px 0 10px 0;
}
#about-inner .contact__form-textarea {
  margin: 5px 0;
  width: 100%;
  height: 100px;
}
#about-inner input[type=submit] {
  width: 100%;
  height: 50px;
  background-color: #C02025;
  border: 0;
  color: #fff;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
#about-inner input[type=button]:hover {
  background-color: #368da2;
  border: #368da2;
}
#about-inner .services-tabs-slider h3 {
  font-size: 28px;
  font-weight: 700;
}
#about-inner .services-tabs-slider ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 190%;
  text-align: justify;
  list-style: disclosure-closed !important;
}
#about-inner .nav-pills {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  padding: 15px;
}
#about-inner .nav-pills .nav-link.active, #about-inner .nav-pills .nav-pills .show > .nav-link {
  color: #fff;
  background-color: transparent;
}
#about-inner .tab-content {
  background-color: #f2f2f2;
  color: #000;
}
#about-inner .tab-pane ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 190%;
  text-align: justify;
  list-style: disclosure-closed !important;
}

#cadd-services h2 {
  font-size: 45px;
  font-weight: 600;
}
@media (max-width: 600px) {
  #cadd-services h2 {
    font-size: 32px;
    text-align: center;
  }
}
#cadd-services p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: justify;
}
#cadd-services .position-absolute {
  top: 0;
  padding: 30px;
  color: #fff;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#cadd-services h3 {
  background-color: #eee;
  padding: 10px 20px;
}
#cadd-services h4 {
  font-size: 20px;
  font-weight: 600;
}
#cadd-services h6 {
  font-size: 14px;
}
#cadd-services img {
  width: 1296px;
  height: 351px;
}
@media (max-width: 768px) {
  #cadd-services img {
    height: auto;
    width: 100%;
  }
}

#services .services-img {
  column-gap: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 16px;
}
@media (max-width: 600px) {
  #services .services-img {
    column-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
}
#services .services-img-logo {
  width: 250px;
  height: 149px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  #services .services-img-logo {
    width: 100%;
    height: 100px;
    border-radius: 15px;
  }
}

#project-inner h2 {
  font-size: 35px;
  font-weight: 600;
}
@media (max-width: 600px) {
  #project-inner h2 {
    text-align: center;
    font-size: 32px;
  }
}
#project-inner p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 600px) {
  #project-inner p {
    font-size: 16px;
    line-height: 22px;
  }
}
#project-inner .overflow-hidden {
  border-radius: 10px;
}
#project-inner .overflow-hidden img {
  transition: transform 0.5s ease-in-out;
}
#project-inner .overflow-hidden img:hover {
  transform: scale(1.1);
  border-radius: 10px;
}
#project-inner .short-img {
  width: 306px;
  height: 185px;
}
@media (max-width: 768px) {
  #project-inner .short-img {
    width: 100%;
    height: auto;
  }
}
#project-inner .medium-img {
  width: 416px;
  height: 252px;
}
@media (max-width: 768px) {
  #project-inner .medium-img {
    width: 100%;
    height: auto;
  }
}
#project-inner .larger-img {
  width: 636px;
  height: 381px;
}
@media (max-width: 768px) {
  #project-inner .larger-img {
    width: 100%;
    height: auto;
  }
}

#courses .overflow-hidden {
  border-radius: 10px;
}
#courses .overflow-hidden img {
  transition: transform 0.5s ease-in-out;
  height: 215px;
}
#courses .overflow-hidden img:hover {
  transform: scale(1.1);
}
#courses a {
  color: #000;
}
#courses a {
  font-size: 18px;
  font-weight: 400;
  line-height: 0px;
}
#courses .text-end a {
  padding: 15px 12px;
  font-size: 15px;
}
#courses .box-shadow-cources {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

#contactModal input:focus {
  box-shadow: none !important;
  border-color: none !important;
}

#contact-form input[type=text],
#contact-form input[type=email],
#contact-form input[type=tel],
#contact-form textarea {
  border: none;
  border-bottom: 2px solid rgb(128, 126, 126);
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 1rem 0.4rem;
}
#contact-form .aside {
  background-image: linear-gradient(to bottom, #063675, #496be7);
  background-size: 400%;
  border-radius: 5px;
}
@keyframes animateClr {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#career .career-bg-img {
  border-radius: 10px;
  background-image: url("../images/career-bg.webp");
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}
#career .career-bg {
  border-radius: 10px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
#career .career-bg h2 {
  font-size: 28px;
  font-weight: 700;
}
#career .contact__form input:focus,
#career .contact__form textarea:focus {
  outline: none;
}
#career .contact__form .contact__form-input {
  width: 100%;
  background-color: #f4ebeb;
  border: 0;
  padding: 10px;
  border-radius: 5px;
}
#career .contact__form .contact__form-textarea {
  width: 100%;
  background-color: #f4ebeb;
  border: 0;
  padding: 10px;
  border-radius: 5px;
}

.wpcf7-spinner {
  display: none !important;
}

.section-spacing {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .section-spacing {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.position-sticky {
  top: 100px;
}

@media (max-width: 768px) {
  #top-header-banner img {
    max-height: 210px;
    height: 100%;
  }
}
#top-header-banner .position-absolute {
  top: 50%;
  z-index: 999;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  align-content: center;
  display: grid;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4784313725);
}
@media (max-width: 768px) {
  #top-header-banner .position-absolute {
    position: static !important;
    transform: none;
    margin: 2rem auto;
    background-color: transparent;
  }
}
#top-header-banner .position-absolute .d-flex {
  flex-flow: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  #top-header-banner .position-absolute .d-flex {
    flex-direction: column;
  }
}
#top-header-banner .box-mechanical {
  width: 80px;
  height: 80px;
  display: grid;
  align-content: center;
  border-radius: 50%;
}
@media (max-width: 768px) {
  #top-header-banner .box-mechanical {
    width: 60px;
    height: 60px;
  }
}
#top-header-banner .mechanical-color {
  background-color: #269B4D;
  color: #fff;
  border: 2px solid #fff;
}
#top-header-banner .mechanical-color:hover {
  background-color: rgba(38, 155, 77, 0.568627451);
}
#top-header-banner .electrical-color {
  background-color: #F7EC0B;
}
#top-header-banner .electrical-color:hover {
  background-color: rgba(247, 236, 11, 0.831372549);
}
#top-header-banner .public-color {
  background-color: #389CC6;
}
#top-header-banner .public-color:hover {
  background-color: rgba(56, 156, 198, 0.8509803922);
}
#top-header-banner .fire-color {
  background-color: #C02025;
}
#top-header-banner .fire-color:hover {
  background-color: rgba(192, 32, 37, 0.8196078431);
}
#top-header-banner .iot-color {
  background-color: #BFD8ED;
}
#top-header-banner .iot-color:hover {
  background-color: rgba(191, 216, 237, 0.8392156863);
}
#top-header-banner .other-color {
  background-color: #B44F9E;
}
#top-header-banner .other-color:hover {
  background-color: rgba(180, 79, 158, 0.8588235294);
}
#top-header-banner h2 {
  font-size: 35px;
}
@media (max-width: 768px) {
  #top-header-banner h2 {
    font-size: 30px;
  }
}
#top-header-banner p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media (max-width: 768px) {
  #top-header-banner p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
  }
}

footer {
  background-color: #000;
  color: #fff;
}
/*    about-inner  */


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