.sec-title-md {

  font-size: 40px;

}



/* Footer */

.footer-sec {

  padding-top: 100px;

  background-color: #333333;

}



.site-info {

  padding-bottom: 48px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.site-info-row {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin: 0 -24px;

}



.site-info-col>* {

  width: auto;

  padding: 0 24px
}



.site-info-box {

  display: flex;

  align-items: center;

  gap: 12px;

}



.site-info-icon {

  width: 48px;

  height: 48px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

}



.site-info-icon .icon {

  width: 50%;

  height: 50%;

  background-color: #fff;

}



.site-info-title {

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  color: #85B629;

  margin-bottom: 7px;

}



.site-info-text a,

.site-info-text span {

  font-size: 15px;

  font-weight: 400;

  line-height: 1;

  color: #fff;

  display: block;

  transition: all 0.4s ease-in-out;

}



.site-info-text a:hover {

  color: #85B629;

}



.footer-menus {

  padding: 48px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.footer-logo {

  width: 272px;

}



.general-links-col ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}


.general-links-col .sitemap-menu {
  display: block;
}


.general-links-col .sitemap-menu li {
  width: 100%;
}


.general-links-col ul li {

  width: 50%;

}



.capabilities-menu ul li:nth-child(odd) {

  width: 59%;

}



.capabilities-menu ul li:nth-child(even) {

  width: 30%;

}



.footer-title {

  font-size: 18px;

  font-weight: 400;

  line-height: 1.4;

  color: #85B629;

  margin-bottom: 10px;

}



.footer-title .icon {

  display: none;

  background-color: #fff;

}



.footer-menu li a {

  font-size: 14px;

  font-weight: 400;

  line-height: 1.2;

  color: rgba(255, 255, 255, 0.5);

  display: inline-block;

  padding: 7px 0;

  padding-right: 15px;

  word-wrap: break-word;

}



.footer-menu li a:hover {

  color: #fff;

}



.footer-menu li.current-menu-item a {

  font-weight: 700;

  color: #fff;

}



.footer-social-box .footer-title {

  display: none;

}



.social-media {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  margin-top: 24px;

  gap: 12px;

}



.social-media a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 48px;

  height: 48px;

  position: relative;

  overflow: hidden;

  border-radius: 50%;

  transition: all 0.4s ease-in-out;

  z-index: 2;

}



.social-media a:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: inherit;

  left: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

  z-index: -1;

  transition: all 0.4s ease-in-out;

}



.social-media a .icon {

  width: 44%;

  height: 44%;

  background-color: #fff;

  transition: all 0.4s ease-in-out;

}



.social-media a:hover:before {

  bottom: -100%;

  top: inherit;

  transition: all 0.4s ease-in-out;

}



.social-media .linkedin:hover {

  background: #0072b1;

}



.social-media .facebook:hover {

  background: #3b5998;

}



.social-media .instagram:hover {

  background: #c13584;

}



.social-media .youtube:hover {

  background: #FF0000;

}

.social-media .email:hover {

  background: #EA4335;

}



.copyright-footer {

  padding: 13px 0;

}



.copyright-footer .cms-con p,

.copyright-footer .cms-con p a {

  font-size: 14px;

  font-weight: 500;

  color: rgba(255, 255, 255, 0.5);

  transition: all 0.4s ease-in-out;

}



.copyright-footer .cms-con p a:hover {

  color: #fff;

}



.copyright-footer .cms-con img {

  display: inline-block;

  vertical-align: middle;

  margin-left: 12px;

}



.dgrooar-img img {

  width: 42px;

  height: 30px;

  object-fit: contain;

}



/* Footer */



/* Project Start */

.project-start-row {

  border-radius: 12px;

  background: linear-gradient(142.41deg, #446B26 -14.1%, #85B629 95.12%);

  display: flex;

  flex-wrap: wrap;

  overflow: hidden;

}



.project-start-row>* {

  width: 49%;

}



.project-start-col:first-child {

  background: #F3FFDE;

  border-radius: 12px 0px 251px 12px;

  padding: 55px 58px;

  position: relative;

  z-index: 2;

  box-shadow: 4px 0 0 0 #fff, 0 4px 0 0 #fff;

}



.project-start-col:last-child {

  padding: 90px;

  width: 51%;

}



.project-certification {

  padding-bottom: 33px;

  position: relative;

}



.project-certification:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 2px;

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

  left: 0;

  right: 0;

  bottom: 0;

}



.pro-certification img {

  aspect-ratio: 1/1;

  mix-blend-mode: multiply;

}



.project-certification-text {

  padding-top: 32px;

}



.abn-licence-text span {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 18px;

  display: flex;

  align-items: center;

  gap: 7px;

  flex-wrap: wrap;

}



.abn-licence-text span b {

  font-weight: 600;

}



.abn-licence-text span:last-child {

  margin-bottom: 0;

}



.contractors-img {

  display: flex;

  align-items: center;

  gap: 7px;

}



.contractors-img img {

  width: auto;

  height: 50px;

}



.project-start-con .cms-con {

  margin-bottom: 30px;

}

.project-start-con .sec-title span {
  color: #fff;
}



.project-start-con .cms-con p {

  color: #fff;

}



/* Project Start */



/* Blog */

.blog-sec .sec-head {

  margin-bottom: 57px;

}



.blog-sec .sec-head .sec-title {

  margin-bottom: 9px;

}



.blog-sec .swiper-button-next,

.blog-sec .swiper-button-prev {

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

}



.blog-sec .swiper-button-next:after,

.blog-sec .swiper-button-prev:after {

  background: #fff;

}



.blog-sec .swiper-button-next,

.blog-sec .swiper-button-prev {

  top: var(--swiper-navigation-top-offset, 40%);

}



.blog-sec .swiper-button-disabled {

  opacity: 0;

  pointer-events: none;

}



.blog-sec .progress-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 14px;

  font-weight: 600;

  margin-top: 15px;

  color: #333;

  max-width: 452px;

  margin-top: 38px;

}



.blog-sec span {

  font-family: "Plus Jakarta Sans", sans-serif;

  font-weight: 500;

  font-size: 16px;

  line-height: 1;

  color: #000;

}



.blog-sec .swiper-pagination-progressbar {

  position: relative;

  width: 100%;

  height: 4px;

  background: rgba(133, 182, 41, 0.5);

  border-radius: 10px;

  margin: 0 10px;

}





.blog-sec .swiper-pagination-progressbar-fill {

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

  border-radius: 10px;

}



.blog-box {

  border: 1px solid #B2DF62;

  border-radius: 12px;

  padding: 24px;

  padding-top: 38px;

  display: block;

  position: relative;

  transition: all .3s cubic-bezier(0.4, 0.2, 0.4, 1);

  overflow: hidden;

  height: 445px;

}



.blog-box-title {

  font-size: 22px;

  font-weight: 700;

  line-height: 1.2;

  color: #000;

  margin-bottom: 20px;

}



.blog-dec {

  margin-bottom: 15px;

}



.blog-box-title,

.blog-content-top p {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

}



.blog-content-top .date {

  font-size: 12px;

}



.read-more {

  font-size: 14px;

  color: #85B629;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 1;

}



.read-more .icon {

  background-color: #85B629;

  width: 12px;

  height: 12px;

  margin-left: 4px;

}



.blog-box .blog-overlay {

  clip-path: inset(119px 24px 24px round 12px)
}



.blog-box .blog-bg-img {

  clip-path: inset(119px 24px 24px round 12px);

}





.blog-bg-img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  clip-path: inset(119px 24px 24px);

  opacity: 1;

  transition: clip-path .3s cubic-bezier(0.4, 0.2, 0.4, 1);

}



.blog-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  background-color: rgba(0, 0, 0, .7);

  clip-path: inset(119px 24px 24px);

  opacity: 0;

  transition: clip-path .3s cubic-bezier(0.4, 0.2, 0.4, 1), opacity .3s cubic-bezier(0.4, 0.2, 0.4, 1);

}



.blog-content {

  position: relative;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.blog-content-top {

  max-width: 100%;

  margin-bottom: 30px;

}



.blog-content-bottom {

  display: flex;

  flex-wrap: wrap;

  align-content: end;

}



.blog-content-top .blog-dec,

.blog-content-top .date,

.read-more {

  opacity: 0;

  transition: opacity .3s cubic-bezier(0.4, 0.2, 0.4, 1);

  visibility: hidden;

  display: none;

}



.blog-content-bottom .date {

  background-color: rgba(133, 182, 41, 0.8);

  padding: 11px 16px;

  font-size: 12px;

  font-weight: 600;

  line-height: 1;

  text-align: center;

  border-radius: 0 12px;

  color: #fff;

  transition: opacity .3s cubic-bezier(0.4, 0.2, 0.4, 1);

}





.blog-ban-sec .banner-img .blog-date {
  background-color: rgba(51, 51, 51, 1);

  padding: 11px 16px;

  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  line-height: 1;

  text-align: center;

  border-radius: 0 12px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: opacity .3s cubic-bezier(0.4, 0.2, 0.4, 1);
}

.blog-ban-sec .banner-img .blog-date .icon {
  background-color: #fff;
}



.blog-details-content .social-media-sticky {
  margin-top: 30px;
}



.social-media-sticky .a2a_kit a {

  transition: all 0.4s ease-in-out
}



.a2a_kit .a2a_svg {

  border-radius: 50% !important;

  background-color: #ebeced !important;

  transition: all 0.4s ease-in-out
}



.a2a_kit .a2a_svg svg {

  width: 16px;

  height: 16px;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.4s ease-in-out
}

.blog-details-content .a2a_kit .a2a_svg svg {
  width: 20px;
  height: 20px;
}



.a2a_kit .a2a_svg svg path {

  fill: #313133 !important;

  transition: all 0.4s ease-in-out
}



.social-media-sticky .a2a_kit a:hover svg path {

  fill: #8121cf !important
}

.social-media-sticky .a2a_kit a:hover .a2a_svg {
  opacity: 1;
}

.social-media-sticky .a2a_kit a:hover .a2a_svg.a2a_s_facebook {

  background-color: #1877f2 !important
}



.social-media-sticky .a2a_kit a:hover .a2a_svg.a2a_s_whatsapp {

  background-color: #24ae34 !important
}



.social-media-sticky .a2a_kit a:hover .a2a_svg.a2a_s_print {

  background-color: #007bff !important
}



.social-media-sticky .a2a_kit a:hover .a2a_svg.a2a_s_link {

  background-color: #800080 !important
}



.social-media-sticky .a2a_kit a:hover .a2a_svg.a2a_s_a2a {

  background-color: #000 !important
}



.social-media-sticky .a2a_kit a:hover svg path {

  fill: #fff !important
}





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

  .blog-box:hover {

    border-color: rgba(51, 51, 51, 0.7);

  }



  .blog-box:hover .blog-bg-img {

    clip-path: inset(0 0 0 0);

    filter: grayscale(100%);

  }



  .blog-box:hover .blog-overlay {

    opacity: 1;

    clip-path: inset(0 0 0 0)
  }



  .blog-box:hover .blog-box-title {

    color: #fff;

  }



  .blog-box:hover .blog-content-top .blog-dec,

  .blog-box:hover .blog-content-top .date,

  .blog-box:hover .read-more {

    opacity: 1;

    visibility: visible;

    display: block;

  }



  .blog-box:hover .blog-content-top p,

  .blog-box:hover .blog-content-top .date {

    color: #fff;

  }



  .blog-box:hover .blog-content-bottom .date {

    opacity: 0;

    visibility: hidden;

    display: none;

  }

}



/* Blog */



/* Testimonials */

.service-section .swiper.testimonials-slider {

  overflow: clip;

}



.testimonials-box {

  background-color: rgba(255, 255, 255, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.3);

  padding: 40px;

  border-radius: 12px;

}



.testimonials-box-img {

  display: flex;

  align-items: center;

  gap: 12px;

}



.testi-img {

  width: 54px;

  height: 54px;

  border-radius: 50%;

  flex: 0 0 54px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #fff;

}


.testi-img .initials {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}



.testi-img img {

  width: 100%;

  height: 100%;

}



.user-name {

  font-size: 22px;

  font-weight: 600;

  line-height: 1.2;

  color: #fff;

  margin-bottom: 5px;

}



.user-designation {

  color: #fff;

  font-size: 16px;

  line-height: 1.3;

  font-weight: 400;

}



.testimonials-content-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 24px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.48);

}



.testimonials-content-top .icon {

  width: 48px;

  height: 40px;

  background-color: #fff;

}



.testimonials-content-bottom {

  margin-top: 22px;

  max-height: 264px;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 5px;

}



.testimonials-content-bottom::-webkit-scrollbar {

  width: 4px;

  background-color: rgb(255 255 255 / 30%);

  border-radius: 20px;

}



.testimonials-content-bottom::-webkit-scrollbar-thumb {

  background: #fff;

  border-radius: 20px;

}



.testimonials-content-bottom h5 {

  font-size: 20px;

  font-weight: 600;

  line-height: 1.2;

  color: #fff;

  margin-bottom: 20px;

}



.testimonials-content-bottom p {

  color: #fff;

}



.testimonials-slider .swiper-wrapper {

  display: flex;

  align-items: stretch;

}



.testimonials-slider .swiper-slide {

  display: flex;

  height: auto;

}



.testimonials-slider .swiper-slide>div {

  flex: 1;

  display: flex;

  flex-direction: column;

}



.service-section .testimonials-slider .swiper-button-next {

  right: 10px;

}



.service-section .testimonials-slider .swiper-button-prev {

  left: 10px;

}



.testimonials-sec .sec-head {

  margin-bottom: 50px;

}



/* Testimonials */



.common-head-sec {
  padding: 75px 0;
}

.common-sec-head {
  max-width: 935px;
  margin-inline: auto;
}

.common-sec-head .cms-con p {
  font-size: 18px;
  line-height: 1.6;
}

.head-border-bottom {
  width: 203px;
  height: 4px;
  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);
  margin-inline: auto;
  display: block;

  border-radius: 4px;
  overflow: hidden;
  margin-top: 16px;
}

.services-main {
  margin-bottom: 60px;
}

.service-card a {
  display: block;
}

.services-main .service-card img{
  aspect-ratio: 415/571;
}

.services-main .service-card .service-card-body {
  background-color: rgba(255, 255, 255, 0.9);
}

.services-main .service-card-body .services-name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.equipment-sec {
  background-color: rgba(51, 51, 51, 0.9);
}

.equipment-sec .cms-con p {
  color: #fff;
}

.equipment-box {
  background-color: #83B429;
  border-radius: 12px;
  min-height: 306px;
  padding: 45px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  flex-direction: column;
  text-align: center;
  color: #fff;
  height: 100%;
}

.equipment-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}

.equipment-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 53px;
}





.sec-head.style-2 {
  margin-bottom: 55px;
}

.sec-head.style-2 .sec-title {
  margin-bottom: 14px;
}



.accreditations-box {
  background-color: #FFFFFF;
  border: 1px solid #B2DF62;
  box-shadow: 0px 0px 20px 0px #B2DF6229;
  height: 100%;
  text-align: center;

  padding: 48px 55px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.accreditations-box-img {
  max-width: 342px;
  height: 100%;
  max-height: 181px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

.accreditations-box-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

.team-box {
  transition: all 0.4s ease-in-out;
}

.team-top {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}

.team-top[data-bs-toggle="modal"] {
  cursor: pointer;
  position: relative;
}

.team-top[data-bs-toggle="modal"]:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.team-img {
  aspect-ratio: 392/472;
}

.team-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-more-info {
  width: 50px;
  height: 35px;
  background-color: #fff;
  border-radius: 24px;
  position: absolute;
  top: 19px;
  right: 15px;
  display: flex;

  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.team-more-info .icon {
  background-color: #85B629;
  width: 10px;
  height: 10px;
}

.team-info {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.team-info .team-social-media {
  flex: 0 0 110px;
}

.team-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #313133;
  margin-bottom: 2px;
}

.team-designation {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #313133;
  display: block;
}

.team-social-media .social-media {
  margin-top: 0;
  justify-content: end;
  gap: 6px;
}

.team-social-media .social-media a {
  width: 30px;
  height: 30px;
}

.team-social-media .social-media a .icon {
  width: 50%;
  height: 50%;
}

.team-social-media .social-media a:before {
  background: linear-gradient(90deg, #5F9F2B 0%, #85B629 100%);
}

.tooltip-inner {
  line-height: 1.1;
}


.sec-head.style-3 {
  margin-bottom: 30px;
}

.sec-title-big {
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  color: #B6B6B6;
  opacity: 0.08;
}

.sec-head.style-3 .sec-title-big {
  margin-bottom: -68px;
}

.sec-head.style-3 .sec-title {
  color: #313133;
}

.management-team-sec {
  padding-top: 30px;
}



.management-team-sec .team-img {
  aspect-ratio: 306/320;
  filter: grayscale(1);
}

.management-team-sec .team-name {
  font-size: 20px;
}

.management-team-sec .team-designation {
  font-size: 14px;
}

.management-team-sec .team-info>* {
  flex: auto;
}

.management-team-sec .team-social-media {
  flex: 0 0 30px;
}

.management-team-sec .team-info {
  align-items: start;
}





/* popup */



.team-popup .modal-dialog {

  max-width: 1018px;

}



.team-popup .modal-body {

  padding: 54px 43px;

  padding-right: 60px;

}



.team-popup .btn-close:focus {

  box-shadow: none;

}



.team-popup .modal-content {

  border: none;

  border-radius: 12px;

  overflow: hidden;

}



.team-popup .btn-close {

  filter: unset;

  position: absolute;

  top: 10px;

  right: 10px;

  background-color: rgba(0, 0, 0, 0.2);

  background-image: url(../img/svg/close-popup.svg);

  flex: 0 0 40px;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  opacity: 1;

  z-index: 9;

  transition: all 0.4s ease-in-out;

}



.team-bio-text {

  height: 100%;

  padding-left: 10px;

}



.team-img {

  width: 100%;

  height: 100%;

  border-radius: 12px;

  overflow: hidden;

}



.team-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top;

}

.team-bio-text .team-text {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.team-bio-text .team-name {
  font-size: 28px;
  margin-bottom: 8px;
}

.get-connect-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #313133;
  margin-bottom: 15px;
}

.team-bio-text .cms-con {
  margin-bottom: 24px;
  max-height: 320px;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 15px;
}

.team-bio-text .cms-con.cms-con-full {
  max-height: 430px;
  margin-bottom: 0;
}

.get-connect {
  padding-top: 18px;
  border-top: 1px solid #D9D9D9;
}



.team-bio-text .cms-con::-webkit-scrollbar {

  width: 4px;

  background-color: #D9D9D9;

  border-radius: 20px;

}



.team-bio-text .cms-con::-webkit-scrollbar-thumb {

  background: linear-gradient(90deg, #5F9F2B 0%, #85B629 100%);

  border-radius: 20px;

}

.team-bio-text .cms-con p {
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1.6;
}

.team-bio-text .cms-con p a {
  font-weight: 500;
}

.team-bio-text .cms-con p:last-child {
  margin-bottom: 0;
}

.get-connect .social-media {
  gap: 6px;
  margin-top: 0;
}

.get-connect .social-media a {
  width: 40px;
  height: 40px;
}

.get-connect .social-media a:before {
  background: linear-gradient(90deg, #5F9F2B 0%, #85B629 100%);
}

/* popup */



@media(min-width:1199px) {

  .services-main .service-card:hover .service-card-body {
    background-color: #88B829;
  }

  .services-main .service-card:hover .service-card-body .services-number {
    color: #fff;
  }

  .services-main .service-card:hover .services-name {
    color: #fff;
    display: inherit;
  }

  .services-main .service-card:hover .service-card-body .services-con p {
    color: #fff;
  }

  .btn.bg-green.btn-big:hover:before {
    background-position: -627px 260px;
  }



  .team-box:hover .team-more-info {
    opacity: 1;
  }

  .team-box:hover .team-top[data-bs-toggle="modal"]:before {
    opacity: 1;
  }

  .team-popup .btn-close:hover {
    background-color: #000;
  }

}



@media(min-width:576px) {

  .equipment-main .row>*:nth-child(12n+1) .equipment-box,

  .equipment-main .row>*:nth-child(12n+6) .equipment-box,

  .equipment-main .row>*:nth-child(12n+8) .equipment-box {

    background: #83B429;

  }

  .equipment-main .row>*:nth-child(12n+3) .equipment-box,

  .equipment-main .row>*:nth-child(12n+9) .equipment-box,

  .equipment-main .row>*:nth-child(12n+11) .equipment-box {

    background-color: #fff;

    color: #000;

  }

  .equipment-main .row>*:nth-child(12n+2) .equipment-box,

  .equipment-main .row>*:nth-child(12n+4) .equipment-box,

  .equipment-main .row>*:nth-child(12n+5) .equipment-box,

  .equipment-main .row>*:nth-child(12n+7) .equipment-box,

  .equipment-main .row>*:nth-child(12n+10) .equipment-box,

  .equipment-main .row>*:nth-child(12n+12) .equipment-box {

    background-color: rgba(0, 0, 0, 0.1);

  }



  .equipment-main .row>*:nth-child(12n+1) .equipment-box .equipment-icon,

  .equipment-main .row>*:nth-child(12n+6) .equipment-box .equipment-icon,

  .equipment-main .row>*:nth-child(12n+8) .equipment-box .equipment-icon {

    filter: brightness(0) invert(1);

  }

}



.hidden {

  width: 0;

  height: 0;

  display: none;

}



.back-to-top {

  -webkit-transition: .3s ease-in-out;

  -moz-transition: .3s ease-in-out;

  -ms-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: all .3s ease-in-out;

  position: fixed;

  bottom: -50px;

  right: 20px;

  width: 2.75rem;

  height: 2.75rem;

  background: linear-gradient(90deg, #446B26 0%, #85B629 100%);

  border-radius: 4.375rem;

  text-align: center;

  border: 2px solid #fff;

  opacity: 0;

  overflow: hidden;

  color: #fff
}



.back-to-top.active {

  bottom: 45px;

  opacity: 1;

  z-index: 9
}



.back-to-top>div {

  -webkit-transition: .3s ease-in-out;

  -moz-transition: .3s ease-in-out;

  -ms-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: all .3s ease-in-out
}



.back-to-top>.arrow {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 1;

  height: inherit;

  display: flex;

  align-items: center;

  justify-content: center;

}



.back-to-top>.arrow svg {

  fill: #fff;

  height: 20px;

  width: 100%;

}



.back-to-top>.text {

  font-size: .5rem;

  font-weight: 600;

  line-height: 1.2;

  text-transform: uppercase;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateY(50%) translateX(-50%);

  opacity: 0;

  margin-top: 1px
}

@media (hover: hover) {
  .back-to-top:hover {
    transform: scale(1.1);
    bottom: 45px;
    cursor: pointer;
  }

  .back-to-top:hover>.arrow {
    transform: translateY(-150%) translateX(-50%);
    opacity: 0;
  }

  .back-to-top:hover>.text {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1;
  }

}




.blog-listing-filter-search {

  display: flex;

  align-items: center;

  position: relative;

  background-color: #fff;

  border: 1px solid #D9D9D9;

  border-radius: 10px;

  max-width: 1133px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 75px
}



.blog-listing-filter-search .form-control {

  font-size: 20px;

  box-shadow: none;

  padding: 16px 30px
}



.search-submit-btn.btn {

  font-size: 18px;

  padding: 0;

  min-width: 50px;

  width: 50px;

  aspect-ratio: 1;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #5a1b88;

  margin-right: 20px;

  transition: all 0.4s ease-in-out;
  padding: 0 !important;

}


@media (hover: hover) {

  .search-submit-btn.btn.bg-green:hover:before {
    background-position: -80px 260px;
  }

}



.search-submit-btn svg {

  display: block;

  height: 25px;

  width: 25px
}



.search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
  /* Remove default X */
  appearance: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background: no-repeat center / 16px 16px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 3 L13 13 M13 3 L3 13' stroke='%23000' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
}

.telecommuni-sec .container.container-md {
  max-width: 1712px;
}

.common-sec-head-full {
  margin-bottom: 50px;
}

.common-sec-head-full .cms-con {
  max-width: 1130px;
  margin-inline: auto
}

.telecommuni-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 22px;
  line-height: 1.2;
  color: #313133;
}

.telecommuni-service-img {
  border-radius: 12px;
  aspect-ratio: 929/751;
  overflow: hidden;
}

.telecommuni-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.telecommuni-service-left {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.networks-tab-main {
  background-color: #313133;
  border-radius: 12px;
  padding: 48px;
  height: 100%;
}

.networks-tab-main .nav-tabs {
  border-bottom: 0;
  gap: 12px;
  margin-bottom: 40px;
}

.networks-tab-main .nav-tabs .nav-item.show .nav-link,
.networks-tab-main .nav-tabs .nav-link.active {
  color: #88B829;
  background-color: transparent;
}

.networks-tab-main .nav-tabs .nav-link {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  border: 0;
  position: relative;
  padding: 0;
  padding-bottom: 24px;
  flex: 1;
}

.networks-tab-main .nav-tabs .nav-link:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #4B4B4B;
  border-radius: 4px;
}

.networks-tab-main .nav-tabs .nav-item.show .nav-link:before,
.networks-tab-main .nav-tabs .nav-link.active:before {
  background-color: #88B829;
}

.networks-text .cms-con li {
  color: #fff;
}

.experience-col-con.networks-text .cms-con {
  margin-bottom: 40px;
  min-height: inherit;
  max-height: 520px;
}

.networks-text .cms-con ul {
  margin-bottom: 0;
}

.common-box-sec .services-main .service-card-body .services-name,
.common-box-sec .service-card-body .services-con p {
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  display: block;
}

.industry-sec .service-card img {
  aspect-ratio: 636/550;
}

.service-card-body .services-con ul {

  list-style: none;

  font-size: 0;

  margin-top: 30px;

}



.service-card-body .services-con ul li {

  display: block;

  width: 100%;

  font-size: 20px;

  font-weight: 500;

  line-height: 1.5;

  color: #fff;

  margin-bottom: 12px;

  padding-left: 30px;

  position: relative
}

.service-card-body .services-con ul li:before {

  content: "";

  width: 20px;

  height: 20px;

  position: absolute;

  left: 0;

  top: 5px;

  filter: brightness(0) invert(1);

  background: url(../img/svg/right.svg) no-repeat;

  background-size: cover;

}

.service-card-body .services-con ul li:last-child {
  margin-bottom: 0;
}



.gnb-enerrgy-info {
  border-radius: 12px;
  padding: 60px;
  background: linear-gradient(90deg, #5F9F2B 0%, #85B629 100%);
  height: 100%;
}

.gnb-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin-bottom: 20px;
}

.gnb-enerrgy-person {
  display: flex;
  align-items: center;
  gap: 22px;
}

.gnb-person-img {
  width: 98px;
  height: 98px;
  flex: 0 0 98px;
  border-radius: 16px;
  filter: grayscale(1);
  overflow: hidden;
}

.gnb-person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gnb-person-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  color: #fff;
}

.gnb-person-designation {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  display: block;
}

.gnb-enerrgy-info hr {
  color: #fff;
  opacity: 0.5;
  margin: 26px 0;
}

.gnb-office-text li {
  margin-bottom: 35px;
}

.gnb-office-text li:last-child {
  margin-bottom: 0;
}

.gnb-office-text li span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  display: block;
  margin-bottom: 13px;

  display: flex;
  gap: 4px;
}

.gnb-office-text li span:last-child {
  margin-bottom: 0;
}

.gnb-office-text li span b {
  font-weight: 600;
}

.gnb-office-text li span a {
  color: #fff;
}

.gnb-office-text li span a:hover {
  color: #333333;
}

.gnb-office-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 17px;
  color: #fff;
}

.contact-sec .form-control {
  min-height: 55px;
}

.contact-sec textarea.form-control {
  min-height: 125px;
}

.form-wrapper .row>*:last-child .form-group {
  margin-bottom: 0;
  margin-top: 20px;
}


.our-capabilities-template-default .common-sec-head {
  max-width: 800px;
}

.contact-map {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 320px;
}

/* get-in-today-sec */

.get-in-today-inner {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #F3FFDB;
  padding: 60px 90px 30px;
  overflow: hidden;
  min-height: 360px;
}

.get-in-today-img {
  max-width: 320px;
  margin-left: auto;
}

.get-in-today-img {
  max-width: 320px;
  margin-left: auto;
  position: absolute;
  top: 0;
  padding-top: 22px;
}

.get-in-today-con .sec-title {
  color: #313133;
}

.get-in-today-con p {
  font-size: 24px;
  line-height: 1.3;
  color: #313133;
  margin-bottom: 45px;
}

.management-team-sec .team-top {
  flex: 0 0 100px;
  max-width: 100px;
  min-height: 100px;
  background-color: #85B629;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  margin-bottom: 0;
}

.management-team-sec .team-top .team-name {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.management-team-sec .team-info {
  flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
  padding-left: 24px;
}

.management-team-sec .team-box {
  margin-bottom: 10px;
}

.sticky-btn .btn {
  position: fixed;
  left: 0;
  width: 100%;
  border-radius: 0;
  bottom: 0;
  z-index: 9;
}

.why-choose-left-col .btn {
  width: fit-content;
}

.page-template-home .get-in-today-sec {
  display: none;
}

.service-details-con .cms-con p a:hover,
.why-choose-left-col .cms-con p a:hover {
  color: #88B829;
  text-decoration: underline;
}


@media(max-width:1799px) {

  .networks-tab-main .nav-tabs .nav-link {
    font-size: 24px;
  }

}



@media(max-width:1499px) {

  .testimonials-box {

    padding: 30px;

  }

  .networks-tab-main .nav-tabs .nav-link {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .telecommuni-title {
    font-size: 30px;
  }

  .networks-tab-main {
    padding: 40px;
  }

  .networks-tab-main .nav-tabs {
    margin-bottom: 30px;
  }

  .experience-col-con.networks-text .cms-con {
    margin-bottom: 30px;
  }

}



@media(max-width:1399px) {}



@media(max-width:1299px) {

  .testimonials-content-bottom p {

    font-size: 14px;

  }



  .user-name {

    font-size: 18px;

  }



  .user-designation {

    font-size: 14px;

  }



  .testi-con-title {

    font-size: 16px;

    margin-bottom: 15px;

  }



  .testimonials-content-top {

    padding-bottom: 18px;

  }



  .testimonials-content-bottom {

    margin-top: 18px;

  }



  .testimonials-content-top .icon {

    max-width: 38px;

  }



  .networks-tab-main {
    padding: 35px;
  }

  .networks-tab-main .nav-tabs .nav-link {
    font-size: 18px;
  }

  .gnb-enerrgy-info {
    padding: 40px;
  }

  .get-in-today-inner {
    padding: 50px 60px 30px;
  }

  .management-team-sec .team-top {
    flex: 0 0 80px;
    max-width: 80px;
    min-height: 80px;
  }

  .management-team-sec .team-info {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
  }

  .management-team-sec .team-box {
    margin-bottom: 0px;
  }

  .management-team-sec .team-top .team-name {
    font-size: 30px;
  }
}



@media(max-width:1199px) {

  .footer-sec {

    padding-top: 70px;

  }



  .site-info-row {

    margin: 0 -15px;

  }



  .site-info-col>* {

    padding: 0 15px;

    gap: 10px;

  }



  .site-info-icon {

    width: 40px;

    height: 40px;

  }



  .site-info-icon .icon {

    width: 45%;

    height: 45%;

  }



  .site-info {

    padding-bottom: 35px;

  }



  .footer-logo {

    width: 200px;

  }



  .social-media a {

    width: 40px;

    height: 40px;

  }



  .social-media {

    margin-top: 20px;

    gap: 10px;

  }



  .footer-menus {

    padding: 40px 0;

  }



  .dgrooar-img img {

    width: 30px;

    height: 22px;

  }



  .copyright-footer .cms-con img {

    margin-left: 6px;

  }



  .footer-menu li a {

    padding-right: 10px;

  }



  .project-start-col:first-child {

    padding: 40px;

  }



  .project-certification {

    padding-bottom: 20px;

  }



  .abn-licence-text span {

    font-size: 16px;

    margin-bottom: 15px;

  }



  .project-start-col:last-child {

    padding: 50px;

  }



  .project-certification-text {

    padding-top: 25px;

  }



  .abn-licence-text span {

    font-size: 14px;

    margin-bottom: 12px;

  }



  .contractors-img img {

    height: 44px;

  }



  .blog-sec .sec-head {

    margin-bottom: 40px;

  }



  .blog-box {

    padding: 20px;

    padding-top: 30px;

  }



  .blog-box .blog-overlay {

    clip-path: inset(170px 20px 20px round 12px)
  }



  .blog-box .blog-bg-img {

    clip-path: inset(170px 20px 20px round 12px);

  }



  .blog-content-top .blog-dec,

  .blog-content-top .date,

  .read-more {

    opacity: 1;

    visibility: visible;

    display: block;

  }



  .blog-box-title {

    font-size: 18px;

    margin-bottom: 12px;

  }



  .blog-content-top p {

    font-size: 14px;

    margin-bottom: 12px;

  }



  .blog-content-bottom .date {

    display: none;

  }



  .read-more {

    background-color: rgba(133, 182, 41, 0.8);

    padding: 11px 16px;

    font-size: 12px;

    font-weight: 600;

    line-height: 1;

    text-align: center;

    border-radius: 0 12px;

    color: #fff;

    transition: opacity .3s cubic-bezier(0.4, 0.2, 0.4, 1);

  }



  .read-more .icon {

    background-color: #fff;

  }



  .blog-dec {

    margin-bottom: 12px;

  }



  .testimonials-sec .sec-head {

    margin-bottom: 40px;

  }

  .common-head-sec {
    padding: 60px 0;
  }

  .sec-head.style-2 .sec-title {
    margin-bottom: 10px;
  }

  .common-sec-head .cms-con p {
    font-size: 16px;
  }

  .head-border-bottom {
    width: 180px;
  }

  .sec-head.style-2 {
    margin-bottom: 30px;
  }

  .equipment-box {
    min-height: inherit;
    padding: 25px 15px;
  }

  .equipment-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .equipment-title {
    font-size: 18px;
    min-height: 44px;
  }

  .accreditations-box {
    padding: 35px 25px;
  }

  .accreditations-box-img {
    max-width: 250px;
    max-height: 150px;
    margin-bottom: 25px;
  }

  .accreditations-box-title {
    font-size: 20px;
  }

  .services-main {
    margin-bottom: 40px;
  }



  .team-more-info {
    opacity: 1;
  }

  .team-name {
    font-size: 20px;
  }

  .team-designation {
    font-size: 16px;
  }

  .sec-head.style-3 .sec-title-big {
    margin-bottom: -46px;
  }

  .sec-title-big {
    font-size: 130px;
  }

  .management-team-sec .team-name {
    font-size: 18px;
  }

  /* .management-team-sec .team-designation {
    font-size: 12px;
    min-height: 29px;
  } */

  .team-more-info {
    width: 42px;
    height: 28px;
    top: 15px;
  }



  .team-popup .modal-dialog {
    max-width: 90%;
    margin-inline: auto;
  }

  .team-popup .modal-body {
    padding: 40px 20px;
    padding-right: 40px;
  }

  .team-bio-text .team-name {
    font-size: 24px;
    margin-bottom: 4px;
  }

  .team-bio-text .cms-con p {
    margin-bottom: 20px;
  }

  .team-popup .btn-close {
    width: 36px;
    height: 36px;
  }

  .telecommuni-title {
    font-size: 26px;
  }

  .experience-col-con.networks-text .cms-con {
    max-height: 250px;
  }

  .common-box-sec .service-card-body .services-con {
    display: block !important;
  }

  .service-card-body .services-con ul {
    margin-top: 20px;
  }

  .service-card-body .services-con ul li {
    font-size: 18px;
  }

  .service-card-body .services-con ul li:before {
    width: 18px;
    height: 18px;
    top: 3px;
  }



  .common-box-sec .services-main .service-card .service-card-body {
    background-color: transparent;
    position: relative;
    bottom: inherit;
    left: inherit;
    right: inherit;
    margin-top: 20px;

    border-radius: 0;
    padding: 0;
  }

  .common-box-sec .service-card {
    border-radius: 0;
  }

  .common-box-sec .service-card img {
    border-radius: 12px;
  }

  .common-box-sec .service-card-body .services-con p {
    color: #000;
    margin-top: 12px;
  }

  .common-box-sec .service-card-body .services-con ul li {
    color: #000;
  }

  .common-box-sec .service-card-body .services-con ul li:before {
    filter: unset;
  }



  .gnb-enerrgy-info {
    padding: 30px;
  }

  .get-in-today-inner {
    padding: 50px 40px 30px;
  }

  .get-in-today-img {
    padding-top: 10px;
  }

  .management-team-sec .team-info {
    padding-left: 15px;
  }

}



@media(max-width:991px) {

  .footer-logo-col {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

  }



  .social-media {

    margin-top: 0;

  }



  .footer-sec {

    padding-top: 50px;

  }



  .footer-menus {

    padding: 30px 0;

  }



  .site-info-row>* {

    margin-bottom: 20px;

  }



  .site-info-row>*:last-child {

    margin-bottom: 0;

  }



  .project-start-col:first-child {

    padding: 25px;

    border-radius: 12px 0px 151px 12px;

  }



  .project-start-col:last-child {

    padding: 35px;

  }



  .testimonials-box {

    padding: 20px;

  }



  .testimonials-sec .sec-head {

    margin-bottom: 30px;

  }

  .equipment-box {
    padding: 20px 12px;
  }

  .equipment-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 16px;
  }

  .equipment-title {
    font-size: 14px;
    min-height: 34px;
  }

  .accreditations-box {
    padding: 25px 15px;
  }

  .accreditations-box-img {
    max-width: 200px;
    max-height: 100px;
    margin-bottom: 20px;
  }

  .accreditations-box-title {
    font-size: 18px;
  }





  .team-info {
    flex-direction: column;
    gap: 15px;
    text-align: center;
    justify-content: center;
  }

  .team-info .team-social-media {
    flex: 1;
    width: 100%;
  }

  .team-social-media .social-media {
    justify-content: center;
  }

  .management-team-sec .team-info>* {
    width: 100%;
    text-align: center;
  }

  .team-bio-text .cms-con {
    max-height: 250px;
  }

  .team-bio-text .cms-con.cms-con-full {
    max-height: 275px;
  }

  .team-bio-text .cms-con p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.5;
  }

  .team-bio-text {
    padding-left: 0;
  }



  .blog-listing-filter-search .form-control {

    font-size: 16px;

    padding: 12px 22px
  }



  .search-submit-btn.btn {

    min-width: 40px;

    width: 40px
  }



  .search-submit-btn svg {

    display: block;

    height: 20px;

    width: 20px
  }



  .telecommuni-title {
    font-size: 22px;
  }

  .telecommuni-service-img {
    aspect-ratio: 1/1;
  }

  .experience-col-con.networks-text .cms-con {
    max-height: 280px;
  }

  .networks-tab-main {
    padding: 25px 20px;
  }

  .networks-tab-main .nav-tabs .nav-link {
    font-size: 15px;
  }



  .service-card-body .services-con ul {
    margin-top: 15px;
  }

  .service-card-body .services-con ul li {
    font-size: 16px;
    padding-left: 26px;
    line-height: 1.4;
  }

  .service-card-body .services-con ul li:before {
    width: 16px;
    height: 16px;
    top: 3px;
  }



  .gnb-enerrgy-info {
    padding: 25px 18px;
  }

  .gnb-enerrgy-person {
    gap: 15px;
  }

  .gnb-person-img {
    width: 75px;
    height: 75px;
    flex: 0 0 75px;
  }

  .form-wrapper .row>*:last-child .form-group {
    margin-top: 0;
  }

  .contact-sec textarea.form-control {
    min-height: 80px;
  }

  .gnb-office-text li {
    margin-bottom: 25px;
  }

  .gnb-title {
    font-size: 22px;
  }

  .gnb-person-name {
    font-size: 18px;
  }

  .gnb-office-title {
    font-size: 18px;
  }

  .contact-sec .form-control {
    min-height: 50px;
  }



  .testimonials-content-bottom h5 {
    font-size: 18px;
  }

  .get-in-today-con p {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .about-faq .faq-img {
    max-width: 300px;
    margin-top: 20px;
  }

  .management-team-sec .team-info {
    align-content: center;
    flex-direction: unset;
    text-align: left;
    justify-content: start;
    display: flex;
  }

  .management-team-sec .team-info>* {
    text-align: left;
  }

}



@media(max-width:767px) {



  .site-info-text a,

  .site-info-text span {

    font-size: 14px;

  }



  .site-info-icon {

    width: 35px;

    height: 35px;

  }

  .head-border-bottom {
    margin-top: 12px;
  }



  .footer-sec {

    padding-top: 40px;

  }



  .site-info {

    padding-bottom: 30px;

  }



  .footer-menus {

    padding: 0;

  }



  .footer-logo-col .footer-box {

    border-bottom: 0;

    width: 100%;

  }



  .social-media a {

    width: 35px;

    height: 35px;

  }



  .copyright-footer .cms-con p,

  .copyright-footer .cms-con p a {

    font-size: 13px;

  }



  .capabilities-menu ul li:nth-child(odd) {

    width: 100%;

  }



  .capabilities-menu ul li:nth-child(even) {

    width: 100%;

  }



  .footer-logo-col {

    order: 1;

    margin-bottom: 0;

  }



  .footer-box .footer-menu,

  .footer-box .social-media {

    display: none;

  }



  .footer-box.open .footer-menu {

    display: flex;

    margin: 10px 0;

  }



  .footer-box.open .social-media {

    display: flex;

    margin-bottom: 15px;

  }



  .footer-social-box .footer-title {

    display: block;

  }



  .footer-box .footer-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 10px 0;

    font-size: 16px;

  }



  .footer-title .icon {

    display: block;

    margin-right: 4px;

  }



  .footer-box.open .footer-title .icon {

    transform: rotate(180deg);

  }



  .footer-box {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  }



  .project-start-col:first-child {

    padding: 20px;

    border-radius: 12px 0px 80px 12px;

  }



  .project-certification {

    padding-bottom: 15px;

  }



  .project-certification-text {

    padding-top: 20px;

  }



  .project-start-col:last-child {

    padding: 25px;

  }



  .project-start-con .sec-title {

    font-size: 26px;

  }



  .project-start-con .cms-con {

    margin-bottom: 25px;

  }



  .blog-sec .sec-head {

    margin-bottom: 30px;

  }



  .blog-box {

    height: 370px;

  }



  .blog-box .blog-overlay {

    clip-path: inset(170px 20px 20px round 12px)
  }



  .blog-box .blog-bg-img {

    clip-path: inset(170px 20px 20px round 12px);

  }



  .blog-sec .progress-wrap {

    max-width: 300px;

  }

  .common-head-sec {
    padding: 45px 0;
  }

  .common-sec-head .cms-con p {
    font-size: 14px;
  }

  .services-main .service-card-body .services-name {
    font-size: 16px;
  }

  .equipment-box {
    padding: 15px 8px;
  }

  .accreditations-box-img {
    max-width: 150px;
    max-height: 70px;
  }

  .accreditations-box-title {
    font-size: 16px;
  }

  .accreditations-box {
    padding: 20px 15px;
  }

  .head-border-bottom {
    width: 150px;
  }



  .team-name {
    font-size: 18px;
  }

  .team-designation {
    font-size: 14px;
  }

  .sec-title-big {
    font-size: 100px;
  }

  .sec-head.style-3 .sec-title-big {
    margin-bottom: -36px;
  }

  .management-team-sec .team-name {
    font-size: 16px;
  }

  .team-info {
    gap: 12px;
  }

  .team-popup .btn-close {
    width: 30px;
    height: 30px;
  }

  .team-bio-text .team-name {
    font-size: 20px;
  }

  .team-bio-text .cms-con {
    margin-bottom: 20px;
  }

  .team-bio-text .cms-con.cms-con-full {
    max-height: 235px;
  }

  .get-connect-title {
    margin-bottom: 12px;
  }

  .get-connect .social-media a {
    width: 35px;
    height: 35px;
  }

  .social-media a .icon {
    width: 50%;
    height: 50%;
  }



  .blog-listing-filter-search .form-control {

    font-size: 16px
  }



  .blog-listing-filter-search {

    max-width: 100%;

    margin-bottom: 30px;

  }

  .telecommuni-service-img {
    aspect-ratio: 2/1;
  }

  .common-sec-head-full {
    margin-bottom: 30px;
  }

  .telecommuni-title {
    font-size: 20px;
  }

  .service-card-body .services-con p {
    font-size: 14px;
  }



  .service-card-body .services-con ul li {
    font-size: 14px;
    padding-left: 24px;
    margin-bottom: 10px;
  }

  .service-card-body .services-con ul li:before {
    width: 14px;
    height: 14px;
  }

  .common-box-sec .services-main .service-card-body .services-name {
    font-size: 18px;
  }



  .gnb-office-text ul {
    display: flex;
    flex-wrap: wrap;
  }

  .gnb-office-text li {
    flex: 0 0 50%;
  }



  .testimonials-content-bottom h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }


  .get-in-today-img {
    max-width: 280px;
  }

  .get-in-today-con p {
    font-size: 18px;
  }

  .management-team-sec .team-top {
    flex: 0 0 60px;
    max-width: 60px;
    min-height: 60px;
  }

  .management-team-sec .team-info {
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
  }

  .management-team-sec .team-top .team-name {
    font-size: 23px;
  }

  .gnb-capability-con .cms-con p b,
  .gnb-capability-con .cms-con p strong {
    font-size: 18px;
  }

}



@media(max-width:575px) {

  .equipment-main .row>*:nth-child(12n+1) .equipment-box,

  .equipment-main .row>*:nth-child(12n+5) .equipment-box,

  .equipment-main .row>*:nth-child(12n+9) .equipment-box {

    background: #83B429;

  }

  .equipment-main .row>*:nth-child(12n+4) .equipment-box,

  .equipment-main .row>*:nth-child(12n+8) .equipment-box,

  .equipment-main .row>*:nth-child(12n+12) .equipment-box {

    background-color: #fff;

    color: #000;

  }

  .equipment-main .row>*:nth-child(12n+2) .equipment-box,

  .equipment-main .row>*:nth-child(12n+3) .equipment-box,

  .equipment-main .row>*:nth-child(12n+6) .equipment-box,

  .equipment-main .row>*:nth-child(12n+7) .equipment-box,

  .equipment-main .row>*:nth-child(12n+10) .equipment-box,

  .equipment-main .row>*:nth-child(12n+11) .equipment-box {

    background-color: rgba(0, 0, 0, 0.1);

  }



  .equipment-main .row>*:nth-child(12n+1) .equipment-box .equipment-icon,

  .equipment-main .row>*:nth-child(12n+5) .equipment-box .equipment-icon,

  .equipment-main .row>*:nth-child(12n+9) .equipment-box .equipment-icon {

    filter: brightness(0) invert(1);

  }

}

@media(max-width:568px) {

  .copyright-footer {

    text-align: center;

  }



  .copyright-footer .row {

    gap: 3px;

  }



  .project-start-row>* {

    width: 100%;

  }



  .project-start-col:last-child {

    width: 100%;

  }



  .project-start-col:first-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

  }



  .contractors-img img {

    height: 40px;

  }



  .project-start-col:last-child {

    padding: 20px;

  }



  .project-start.common-sec {

    padding-bottom: 0;
    padding-top: 0;
  }



  .project-start .container {

    padding: 0;

  }



  .project-start-row {

    border-radius: 0;

  }



  .head-border-bottom {
    width: 120px;
  }

  .common-head-sec {
    padding: 40px 0;
  }

  .services-main .service-card .service-card-body {
    padding: 15px 7px;
    border-radius: 0px 40px 0px 0px;
  }

  .services-main .service-card-body .services-name {
    font-size: 14px;
  }

  .services-main .service-card-body .services-number {
    font-size: 12px;
    margin-bottom: 8px;
  }

  .services-main {
    margin-bottom: 30px;
  }

  .equipment-icon {
    margin-bottom: 12px;
  }

  .accreditations-box-img {
    max-width: 120px;
    max-height: 56px;
    margin-bottom: 15px;
  }

  .accreditations-box-title {
    font-size: 14px;
  }



  .team-more-info {
    width: 40px;
    height: 28px;
    top: 10px;
    right: 10px;
  }

  .sec-title-big {
    font-size: 85px;
  }

  .sec-head.style-3 .sec-title-big {
    margin-bottom: -30px;
  }

  .management-team-sec {
    padding-top: 20px;
  }

  .sec-head.style-3 {
    margin-bottom: 20px;
  }



  .team-popup .btn-close {
    width: 25px;
    height: 25px;
    background-size: 14px;
  }

  .team-popup .modal-body {
    padding: 20px 15px;
    padding-top: 50px;
  }

  .team-popup .team-img {
    aspect-ratio: 1/1;
  }



  .blog-listing-filter-search .form-control {

    padding: 10px 15px
  }



  .search-submit-btn.btn {

    min-width: 35px;

    width: 35px;

    margin-right: 15px
  }



  .search-submit-btn svg {

    height: 16px;

    width: 16px
  }



  .telecommuni-service-img {
    aspect-ratio: 929 / 751;
  }

  .networks-tab-main {
    padding: 20px 15px;
  }

  .networks-tab-main .nav-tabs .nav-link {
    font-size: 14px;
  }

  .telecommuni-title {
    font-size: 18px;
  }

  .gnb-enerrgy-info hr {
    margin: 20px 0;
  }

  .gnb-office-text ul {
    flex-direction: column;
  }

  .gnb-office-text li {
    flex: 1;
  }

  .gnb-office-title {
    margin-bottom: 12px;
  }

  .gnb-office-text li span {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .get-in-today-img {
    position: unset;
    margin: 0 auto -333px;
  }

  .get-in-today-inner {
    padding: 30px 40px 30px;
    border: 2px dashed #4c7e36;
    border-radius: 60px 60px 0 0;
    border-bottom: 0;
    text-align: center;
  }

  .get-in-today-con p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .get-in-today-con {
    margin-bottom: 20px;
  }

  .about-faq .accordion-body {
    padding-right: 0;
  }

  .about-faq .faq-img {
    max-width: 100%;
  }

  .services-benefit-con .service-btns {
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  .project-start-con .sec-title span {
    display: block;
  }

  .project-start .project-start-con {
    text-align: center;
  }

  .abn-licence-text span:nth-child(1),
  .abn-licence-text span:nth-child(2) {
    justify-content: center;
  }

  .project-start-col .btn {
    font-size: 12px;
    padding: 10px 14px;
  }

  .get-in-today-sec.common-sec {
    padding-bottom: 0;
  }

  .page-template-home .blog-box .blog-bg-img {
    clip-path: inset(120px 20px 20px round 12px);
  }

  .contact-sec .gnb-office-text .btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: fit-content;
  }

  .why-choose-left-col .cms-con {
    margin-bottom: 0;
  }

  .testimonials-sec.service-section .progress-wrap {
    max-width: 210px;
  }

  .service-section .testimonials-slider .swiper-button-next {
    top: inherit;
    bottom: -26px;
    right: 0;
    width: 35px;
    height: 35px;
  }

  .service-section .testimonials-slider .swiper-button-prev {
    left: inherit;
    right: 50px;
    bottom: -26px;
    top: inherit;
    width: 35px;
    height: 35px;

  }

  .service-section .swiper.testimonials-slider {
    overflow: visible;
  }

  .testimonials-sec.service-section .swiper-button-next:after,
  .testimonials-sec.service-section .swiper-button-prev:after {
    height: 15px;
  }

  .blog .project-start.common-sec,
  .single .project-start.common-sec {
    padding-top: 50px;
  }

  .service-details-btn {
    padding-top: 40px;
  }

  .common-head-sec+.service-details-con .cms-con.style-2 h3 {
    text-align: center;
  }

  .page-template-home .get-in-today-sec {
    display: block;
    padding-top: 0;
  }

  .footer-sec {
    padding-bottom: 42px;
  }

  .services-main .service-card-body .services-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-word;
  }
.management-team-sec {
    padding-bottom: 50px;
}

}

@media (max-width: 380px) {
  .get-in-today-img {
    position: unset;
    margin: 0 auto -313px;
  }
}

@media (max-width: 345px) {
  .get-in-today-img {
    position: unset;
    margin: 0 auto -283px;
  }
}