@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
html,
body {
  scroll-behavior: smooth !important;
  background-color: #ffffff !important;
}

.header .menu > ul > li .menu-subs {
  margin-left: -5%;
}
@media (max-width: 991px) {
  .header .menu > ul > li .menu-subs {
    margin-left: 0% !important;
  }
}

.main-dflex-new {
  display: flex;
  justify-content: center;
  align-items: center;
}

body {
  font-family: "Josefin Sans", sans-serif;
}
body a {
  text-decoration: none !important;
}

.header .menu-section {
  margin-bottom: 0rem !important;
}
@media (max-width: 992px) {
  .header .menu-section {
    padding-left: 0rem !important;
  }
}
.header .logo img {
  width: 150px;
}

.page-scroll {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  animation: slide-down 0.7s forwards;
  background-color: rgb(255, 255, 255);
  border-bottom: 2px solid transparent; /* Start with a transparent border */
  /* Define a linear gradient for the border-bottom */
  -o-border-image: linear-gradient(to right, #fe5c36, #feb448, #53afbe) 1;
     border-image: linear-gradient(to right, #fe5c36, #feb448, #53afbe) 1;
  /* Add box shadows with the same colors */
}

@keyframes slide-down {
  from {
    top: -70px; /* height of the header */
  }
  to {
    top: 0;
  }
}
#scroll-down-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #fe5c36;
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 50px; /* Ensure the button is square */
  height: 50px; /* Ensure the button is square */
  display: flex;
  align-items: center;
  justify-content: center;
}

#scroll-down-btn.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1.1); /* Slightly scale up for a unique effect */
}

#scroll-icon {
  width: 24px;
  height: 24px;
  fill: white;
}

.cmm-btn {
  /* End of Page styling */
  /* Simple button styling -- No animation */
  /* End of Simple Button */
}
.cmm-btn .btn {
  color: #fff !important;
  background: #fe5c36;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 15px;
  border: none;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease 0.2s;
}
.cmm-btn .btn:hover {
  transition: 0.5s;
  box-shadow: 0px 2px 3px 0px rgb(254, 180, 73);
}
.cmm-btn .btn:focus,
.cmm-btn .btn:hover {
  color: #fff;
  background: #53afbe;
}
.cmm-btn .btn:before {
  content: "";
  background: radial-gradient(#fe5c36, transparent, transparent);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 65%;
  top: 0;
  transition: all 0.2s ease 0.5s, left 0.5s cubic-bezier(0.45, -0.33, 0.43, 3);
}
.cmm-btn .btn:hover:before {
  opacity: 0;
  left: -10%;
}
@media only screen and (max-width: 767px) {
  .cmm-btn .btn {
    margin-bottom: 30px;
  }
}

#abt-sec {
  padding: 0px 0px 20px 0px;
}
#abt-sec .main-dflex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
#abt-sec .main-dflex h3 {
  font-size: 2rem;
}
#abt-sec .main-dflex h3 span {
  color: #fe5c36;
  font-size: 2.3rem;
}
#abt-sec .allshore {
  color: #feb448 !important;
  font-size: 3rem !important;
}
#Whoweare {
  padding: 0px 0px 20px 0px;
}
#Whoweare .who_we_title h2 {
  font-size: 3rem;
}
#Whoweare .cont-title h3 {
  margin-left: 20px;
  font-size: 2rem;
  color: #53afbe;
}
#Whoweare .skew-sec {
  transition: 0.9s;
}
#Whoweare .skew-sec:hover {
  transition: 0.9s;
  transform: skewY(-5deg);
}
#Whoweare .main-card {
  margin-bottom: 30px;
}
#Whoweare .main-card .card-sec-cnt {
  padding: 10px;
  text-align: center;
  border-radius: 10px 10px;
  transition: 0.9s;
  height: 250px;
}
#Whoweare .main-card .card-sec-cnt .title {
  color: #fe5c36;
}
#Whoweare .main-card .card-sec-cnt:hover {
  box-shadow: 3px 3px 14px 0px rgba(204, 204, 204, 0.627);
  transition: 0.9s;
  background-color: #fe5c36;
  color: #ffffff;
}
#Whoweare .main-card .card-sec-cnt:hover .title {
  color: #ffffff;
}
#Whoweare .main-card .card-sec-cnt:hover a {
  color: #fff !important;
}
#Whoweare .main-card .bg-1:hover {
  background-color: #feb448;
  border-radius: 10px 10px !important;
  transform: skewY(-5deg);
}
#Whoweare .main-card .bg-1:hover a {
  color: #fff !important;
}
#Whoweare .main-card .bg-2 {
  padding: 50px 10px;
}
#Whoweare .main-card .bg-2:hover {
  background-color: #53afbe;
  border-radius: 10px 10px !important;
  transform: skewY(deg) !important;
}
#Whoweare .link_sec a {
  color: #fe5c36;
}

#serv_sec {
  padding: 0px 0px 20px 0px;
}
#serv_sec .title_sec .card-main {
  background-color: rgba(83, 175, 190, 0.0588235294);
  padding: 10px; /* Safari, Chrome, older versions of Opera */ /* Firefox */
  border-radius: 10px; /* Standard syntax */
  transition: 0.9s;
  margin-bottom: 20px;
}
#serv_sec .title_sec .card-main:hover {
  margin-top: -10px;
  transition: 0.9s;
  box-shadow: 0px 0px 20px 1px rgba(222, 222, 222, 0.5411764706);
}
#serv_sec .title_sec .card-main .title h3 {
  font-size: 18px;
}
#serv_sec .title_sec .card-main a {
  color: #fe5c36;
}
#serv_sec .title_sec .card-main .ser_img img {
  margin-bottom: 10px;
}
#serv_sec .serv-title-right {
  margin-top: 20%;
  text-align: center;
}
#serv_sec .serv-title-right .right-title h2 {
  font-size: 3rem;
  color: #000;
}
#serv_sec .serv-title-right .right-title h2 span {
  font-size: 2rem;
  color: #fe5c36;
  margin-left: 35px;
}

#jointeam {
  padding: 2% 0%;
  text-align: right;
}
#jointeam .cnt-cls {
  padding: 10% 0%;
}
#jointeam .cnt-cls .title_sec h2 {
  font-size: 2.5rem;
}
#jointeam .cnt-cls .title_sec h2 span {
  font-size: 4rem;
  color: #f76c5e;
}
#jointeam .left_sec {
  text-align: left;
}
#jointeam .left_sec .title_sec h2 {
  font-size: 2.5rem;
}
#jointeam .left_sec .title_sec h2 span {
  font-size: 4rem;
  color: #f76c5e;
}
#jointeam .left_sec .social_media ul li {
  /* text-align: left; */
  display: inline-block;
  width: 100%;
  text-align: left;
  width: 6%;
}

.social_media ul li {
  /* text-align: left; */
  display: inline-block;
  width: 100%;
  text-align: left;
  width: 6%;
}

#connectwithus {
  padding: 0% 0% 5% 0%;
  text-align: left;
}
#connectwithus .title_Sec h2 {
  font-size: 3rem;
  color: #000;
}
#connectwithus .title_Sec h2 span {
  font-size: 1.8rem;
  color: #f76c5e;
}
#connectwithus .social_media ul li {
  /* text-align: left; */
  display: inline-block;
  width: 100%;
  text-align: left;
  width: 6%;
}

#footer {
  text-align: center;
}
#footer p {
  padding-top: 10px;
}

#breadgrms {
  padding: 2% 0%;
}
#breadgrms p a {
  color: #000;
}
#breadgrms p .active {
  color: #fe5c36;
}

#ourstory {
  padding: 3% 0%;
}
#ourstory .scroll-container {
  position: relative;
  height: 300px; /* Adjust the height as needed */
  overflow: hidden;
}
#ourstory .scroll-content,
#ourstory .scroll-content-reverse {
  position: absolute;
  top: 0;
  width: 100%;
}
#ourstory .card_sec,
#ourstory .card_sec-reverse {
  width: 100%;
  height: 150px; /* Adjust the height of each card */
  box-sizing: border-box;
  margin-bottom: 10% !important;
}
#ourstory .card_sec img,
#ourstory .card_sec-reverse img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10% !important;
}
#ourstory .our_stry_cnt h2 {
  font-size: 3rem;
}
#ourstory .our_stry_cnt h2 span {
  color: #fe5c36;
}
#ourstory .our_mission-cnt h2 {
  font-size: 3rem;
}
#ourstory .our_mission-cnt h2 span {
  color: #f76c5e;
}

#ourvalues {
  padding: 3% 0%;
}
#ourvalues .ourvalues_right_sec h2 {
  font-size: 3rem;
}
#ourvalues .ourvalues_right_sec h2 span {
  color: #fe5c36;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .values_sec {
  padding: 15px;
  transition: 0.9s;
  border-radius: 10px;
  margin-bottom: 20px;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .values_sec:hover {
  transform: skewY(-5deg);
  transition: 0.9s;
  color: #fff;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .values_sec h2 {
  font-size: 2rem;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-1 h2 {
  color: #53afbe;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-1:hover {
  background-color: #fe5c36;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-1:hover h2 {
  color: #fff;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-2 h2 {
  color: #fe5c36;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-2:hover {
  background-color: #feb448;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-2:hover h2 {
  color: #fff;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-3 h2 {
  color: #feb448;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-3:hover {
  background-color: #53afbe;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-3:hover h2 {
  color: #fff;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-4 h2 {
  color: #53afbe;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-4:hover {
  background-color: #fe5c36;
  transition: 0.9s;
}
#ourvalues .ourvalues_right_sec .ourvalues_sec-left .bg-4:hover h2 {
  color: #fff;
}

#team .title_sec h2 {
  font-size: 3rem;
  color: #000;
}
#team .title_sec h2 span {
  color: #fe5c36;
}
#team .demo {
  padding: 3% 0%;
}
#team .our-team {
  text-align: center;
}
#team .our-team .team_img {
  position: relative;
  overflow: hidden;
}
#team .our-team .team_img:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: -100%;
  left: 0;
  transition: all 0.3s ease 0s;
}
#team .our-team:hover .team_img:after {
  bottom: 0;
}
#team .our-team:hover .social {
  top: 0;
}
#team .our-team:hover .title:before,
#team .our-team:hover .title:after {
  width: 50px;
}
#team .our-team img {
  width: 100%;
  height: auto;
}
#team .our-team .social {
  padding: 0 0 18px 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: -100%;
  right: 10px;
  background: #fe5c36;
  border-radius: 0 0 20px 20px;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
#team .our-team .social li a {
  display: block;
  padding: 15px;
  font-size: 15px;
  color: #fff;
}
#team .our-team .social li a:hover {
  color: #53afbe;
}
#team .our-team .team-content {
  padding: 20px 0;
  background: #fff;
}
#team .our-team .title {
  font-size: 18px;
  font-weight: bold;
  color: #53afbe;
  text-transform: capitalize;
  margin: 0 0 20px;
  position: relative;
}
#team .our-team .title:before, #team .our-team .title:after {
  content: "";
  width: 25px;
  height: 1px;
  background: #feb448;
  position: absolute;
  bottom: -10px;
  transition-duration: 0.25s;
}
#team .our-team .title:before {
  right: 50%;
  margin-right: 9px;
}
#team .our-team .title:after {
  left: 50%;
  margin-left: 9px;
}
#team .our-team .post {
  display: inline-block;
  font-size: 15px;
  color: #f76c5e;
  text-transform: capitalize;
}
#team .our-team .post:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #feb448;
  margin: 0 auto;
  position: relative;
  top: -13px;
}
@media only screen and (max-width: 990px) {
  #team .our-team {
    margin-bottom: 30px;
  }
}

#OurPhilosophy {
  padding: 3% 0%;
}
#OurPhilosophy .title_philo {
  text-align: left;
}
#OurPhilosophy .title_philo h2 {
  font-size: 3rem;
  color: #000;
}
#OurPhilosophy .title_philo h2 span {
  color: #fe5c36;
}
#OurPhilosophy .philo_cnt {
  margin-top: 70px;
}
#OurPhilosophy .philo_cnt .craft1 {
  background-color: #fe5c36;
  padding: 4px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  padding-top: 8px;
}
#OurPhilosophy .philo_cnt .craft2 {
  background-color: #feb448;
  padding: 4px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  padding-top: 8px;
}
#OurPhilosophy .philo_cnt .craft3 {
  background-color: #53afbe;
  padding: 4px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  padding-top: 8px;
}

#timeline .title_sec h2 {
  font-size: 3rem;
  text-align: right;
  margin-bottom: 30px;
}
#timeline .title_sec h2 span {
  color: #fe5c36;
}
#timeline .timeline-carousel {
  margin: 0;
  font-weight: 400;
  padding: 86px 6.9444% 90px 6.9444%;
  position: relative;
  overflow: hidden;
}
#timeline .timeline-carousel:after,
#timeline .timeline-carousel:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 6.9444%;
  z-index: 3;
  width: 6.9444%;
}
#timeline .timeline-carousel:after {
  left: 0;
}
#timeline .timeline-carousel:before {
  right: 0;
  opacity: 0;
}
#timeline .timeline-carousel .slick-list {
  overflow: visible;
}
#timeline .timeline-carousel .slick-dots {
  bottom: -73px;
}
#timeline .timeline-carousel h1 {
  color: #000;
  font-weight: 700;
}
#timeline .timeline-carousel p {
  color: #000;
  font-weight: 300;
}
#timeline .timeline-carousel__image {
  padding-right: 30px;
}
#timeline .timeline-carousel__item {
  cursor: grab;
  cursor: -webkit-grab;
}
#timeline .timeline-carousel__item .media-wrapper {
  opacity: 0.4;
  padding-bottom: 71.4%;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#timeline .timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
  width: calc(100% - 30px);
}
#timeline .timeline-carousel__item-inner {
  position: relative;
  padding-top: 45px;
}
#timeline .timeline-carousel__item-inner:after {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  content: "";
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#timeline .timeline-carousel__item-inner .year {
  font-size: 36px;
  line-height: 36px;
  color: #fe5c36;
  display: table;
  letter-spacing: -1px;
  padding-right: 10px;
  z-index: 1;
  position: relative;
  margin: -15px 0 20px;
  font-weight: 700;
}
#timeline .timeline-carousel__item-inner .year:after {
  content: "";
  position: absolute;
  display: block;
  left: -10px;
  top: 0;
  height: 100%;
  width: 10px;
  z-index: 3;
}
#timeline .timeline-carousel__item-inner .month {
  font-size: 12px;
  text-transform: uppercase;
  color: #ffc107;
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
}
#timeline .timeline-carousel__item-inner p {
  font-size: 12px;
  line-height: 18px;
  color: #000;
  width: 60%;
  font-weight: 400;
  margin-bottom: 15px;
}
#timeline .timeline-carousel__item-inner .read-more {
  font-size: 12px;
  color: #ffc107;
  display: table;
  margin-bottom: 10px;
  font-weight: 900;
  text-decoration: none;
  position: relative;
}
#timeline .timeline-carousel__item-inner .read-more:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  border-bottom: 2px solid #ffc107;
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#timeline .timeline-carousel__item-inner .read-more:hover:after {
  width: 100%;
}
#timeline .timeline-carousel__item-inner .pointer {
  height: 29px;
  position: relative;
  z-index: 1;
  margin: -4px 0 16px;
}
#timeline .timeline-carousel__item-inner .pointer:after,
#timeline .timeline-carousel__item-inner .pointer:before {
  position: absolute;
  content: "";
}
#timeline .timeline-carousel__item-inner .pointer:after {
  width: 9px;
  height: 9px;
  border-radius: 100%;
  top: 0;
  left: 0;
  background-color: #ffc107;
}
#timeline .timeline-carousel__item-inner .pointer:before {
  width: 1px;
  height: 100%;
  top: 0;
  left: 4px;
  background-color: #ffc107;
}
#timeline .timeline-carousel .slick-active .media-wrapper {
  opacity: 1 !important;
}
#timeline .slick-dots {
  bottom: 160px;
  list-style: none;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}
#timeline .slick-dots li {
  cursor: grab;
  cursor: -webkit-grab;
  display: inline-block;
  margin: 0 6px;
  position: relative;
  width: 10px;
  height: 10px;
}
#timeline .slick-dots li:last-child {
  margin-right: 0;
}
#timeline .slick-dots li.slick-active button {
  background: #ffc107;
  border-color: #ffc107;
}
#timeline .slick-dots li button {
  display: block;
  font-size: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#timeline .slick-dots li button:hover {
  background: #ffc107;
  border-color: #ffc107;
}
#timeline .link {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  z-index: 99 !important;
}
#timeline .link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
}
#timeline .link .fa {
  font-size: 28px;
  margin-right: 8px;
  color: #000;
}
#timeline .slick-prev svg,
#timeline .slick-next svg {
  height: auto;
  width: 18px;
  padding-bottom: 2px;
}
#timeline .slick-prev .btn,
#timeline .slick-next .btn {
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#timeline .slick-prev,
#timeline .slick-next {
  position: absolute;
  top: 0;
  z-index: 99 !important;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#timeline .slick-prev {
  left: 0;
}
#timeline .slick-next {
  right: 30px;
}

#producrengineering {
  padding: 3% 0%;
}
#producrengineering a {
  color: #000 !important;
}
#producrengineering .title_sec h2 {
  font-size: 3rem;
  color: #000;
}
#producrengineering .title_sec h2 span {
  color: #fe5c36;
}
#producrengineering .cnt_sec h5 {
  color: #feb448;
  font-weight: bold;
}
#producrengineering .card_sec {
  padding: 20px;
  background-color: rgba(83, 175, 190, 0.0588235294);
  border-radius: 10px;
  transition: 0.9s;
  border-bottom: 3px solid #feb448;
  margin-bottom: 20px;
}
#producrengineering .card_sec:hover {
  transition: 0.9s;
  box-shadow: 0px 3px 20px 5px #ebf5f7;
  border-bottom: 3px solid #fe5c36;
  transition: 0.9s;
  margin-top: -10px;
}
#producrengineering .card_sec:hover img {
  transition: 0.9s;
}
#producrengineering .card_sec .img_sec img {
  width: 20%;
  padding: 20px 0px;
}
#producrengineering .card_sec .card_title_sec h3 {
  color: #fe5c36;
  font-weight: 300;
}

#contactus .title_sec {
  text-align: left;
}
#contactus .title_sec h2 {
  font-size: 2.4rem;
}
#contactus .title_sec h2 span {
  font-size: 2rem;
}
#contactus .contact-info {
  width: 50%;
}
#contactus .contact-info .contact-info-item {
  display: flex;
  margin-bottom: 30px;
}
#contactus .contact-info .contact-info-item .contact-info-icon {
  height: 70px;
  width: 70px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
}
#contactus .contact-info .contact-info-item .contact-info-icon i {
  font-size: 30px;
  line-height: 70px;
}
#contactus .contact-info .contact-info-item .contact-info-content {
  margin-left: 20px;
}
#contactus .contact-info .contact-info-item .contact-info-content h4 {
  color: #1da9c0;
  font-size: 1.4em;
  margin-bottom: 5px;
}
#contactus .contact-info .contact-info-item .contact-info-content p {
  color: black;
  font-size: 1em;
}
#contactus .contact-form {
  padding-bottom: 20px;
  padding-top: 20px;
}
#contactus .contact-form h2 {
  font-weight: bold;
  font-size: 2em;
  margin-bottom: 10px;
  color: #333;
}
#contactus .contact-form .input-box {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
#contactus .contact-form .input-box input,
#contactus .contact-form .input-box textarea,
#contactus .contact-form .input-box select {
  width: 100%;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  border: none;
  border-bottom: 2px solid #333;
  outline: none;
  resize: none;
  background-color: transparent;
}
#contactus .contact-form .input-box span {
  position: absolute;
  left: 0;
  padding: 5px 0;
  font-size: 16px;
  margin: 10px 0;
  pointer-events: none;
  transition: 0.5s;
  color: #666;
}
#contactus .contact-form .input-box input:focus ~ span,
#contactus .contact-form .input-box textarea:focus ~ span,
#contactus .contact-form .input-box select:focus ~ span,
#contactus .contact-form .input-box input.filled ~ span,
#contactus .contact-form .input-box textarea.filled ~ span,
#contactus .contact-form .input-box select.filled ~ span {
  color: #fe5c36;
  font-size: 12px;
  transform: translateY(-20px);
}
#contactus .contact-form .input-box input[type=submit] {
  width: 100%;
  background: #00bcd4;
  color: black;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 18px;
  border: 1px solid #00bcd4;
  transition: 0.5s;
}
#contactus .contact-form .input-box input[type=submit]:hover {
  background: black;
  color: #00bcd4;
}
#contactus .contact-form .input-box input.filled ~ span,
#contactus .contact-form .input-box textarea.filled ~ span,
#contactus .contact-form .input-box select.filled ~ span {
  display: none;
}
@media (max-width: 991px) {
  #contactus section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #contactus .row {
    flex-direction: column;
  }
  #contactus .contact-info {
    margin-bottom: 40px;
    width: 100%;
  }
  #contactus .contact-form {
    width: 100%;
  }
}

#contact_details_sec {
  padding: 0% 0% 3% 0%;
}
#contact_details_sec .card_sec i {
  color: #00bcd4;
}

.timeline-carousel__item {
  background-color: #ecf5f7 !important;
  padding: 20px;
  width: 95% !important;
}

#team .app-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}

.app-icon {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  transition: transform 0.3s ease;
  cursor: pointer;
  position: relative;
}

.app-icon img {
  width: 100%;
  border-radius: 50%;
}

.tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  pointer-events: none;
  transition: opacity 0.3s;
}

@media (max-width: 1200px) {
  .app-icon {
    flex: 1 0 28%; /* 3 icons per row for medium screens */
    max-width: 28%;
  }
}
@media (max-width: 768px) {
  .app-icon {
    flex: 1 0 45%; /* 2 icons per row for small screens */
    max-width: 45%;
  }
}
@media (max-width: 576px) {
  .app-icon {
    flex: 1 0 90%; /* 1 icon per row for extra small screens */
    max-width: 90%;
  }
}
#team1 .grid-item {
  cursor: pointer;
  margin: 5px;
  transition: transform 0.3s ease-in-out;
  overflow: hidden; /* Ensure images don't overflow */
  display: flex;
  justify-content: center;
  align-items: center;
}
#team1 .grid-item img {
  max-width: 100%;
  height: auto;
  border-radius: 50%; /* Make the image circular */
}
#team1 .grid-item {
  overflow: hidden;
  position: relative;
}
#team1 .grid-item img {
  display: block;
  transition: transform 0.3s ease-out;
  border-radius: 50%; /* Ensuring images are round */
}

#abt-new {
  padding: 5% 0% 5% 0%;
  text-align: center !important;
  background-image: url(../Element.png);
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#abt-new h2 {
  font-size: 4rem;
  text-align: center;
}
#abt-new .cmm-btn {
  text-align: center !important;
}

#header_img_sec {
  padding: 0% 0% 5% 0%;
}

#accrod #accordion .card-header {
  margin-bottom: 8px;
}
#accrod #accordion .accordion-title {
  position: relative;
  display: block;
  padding: 8px 0 8px 50px;
  background: #53afbe;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: left;
  transition: all 0.4s ease-in-out;
}
#accrod #accordion .accordion-title i {
  position: absolute;
  width: 40px;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
  background: radial-gradient(rgba(83, 175, 190, 0.8), #53afbe);
  text-align: center;
  border-right: 1px solid transparent;
}
#accrod #accordion .accordion-title:hover {
  padding-left: 60px;
  background: #53afbe;
  color: #fff;
}
#accrod #accordion .accordion-title:hover i {
  border-right: 1px solid #fff;
}
#accrod #accordion [aria-expanded=true] {
  background: #fe5c36;
  color: #000;
}
#accrod #accordion [aria-expanded=true] i {
  color: #000;
  background: #fe5c36;
}
#accrod #accordion [aria-expanded=true] i:before {
  content: "\f068";
}
#accrod #accordion .accordion-body {
  background-color: rgba(255, 255, 255, 0) !important;
}
#accrod .fff {
  background-color: #00bcd4 !important;
}

#timeline_new {
  padding: 3% 0%;
  /* Vertical line */
  /* Add row gaps between list items */
  /* Card styling */
  /* Date section styling */
  /* Date flap */
  /* Circle on the vertical line */
  /* Title and description */
  /* Shadows */
}
#timeline_new .title_sec {
  text-align: right;
  padding: 3% 0%;
}
#timeline_new .title_sec h2 {
  font-size: 3rem;
  color: #000;
}
#timeline_new .title_sec h2 span {
  color: #fe5c36;
}
#timeline_new ul {
  display: grid;
  grid-template-columns: 0.25rem 1fr;
  grid-auto-columns: max-content;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}
#timeline_new ul::before {
  content: "";
  grid-column: 1;
  grid-row: 1/span 20;
  background: rgb(225, 225, 225);
  border-radius: 0.125rem;
}
#timeline_new ul li:not(:last-child) {
  margin-bottom: 2rem;
}
#timeline_new ul li {
  grid-column: 2;
  margin-inline: 1.5rem;
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}
#timeline_new ul li .date {
  height: 3rem;
  margin-inline: -1.5rem;
  text-align: center;
  background-color: var(--accent-color);
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  display: grid;
  place-content: center;
  position: relative;
  border-radius: 1.5rem 0 0 1.5rem;
}
#timeline_new ul li .date::before {
  content: "";
  width: 1.5rem;
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}
#timeline_new ul li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: #fff;
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  right: calc(100% + 2rem + 0.125rem);
}
#timeline_new ul li .title,
#timeline_new ul li .descr {
  position: relative;
  padding-inline: 1.5rem;
}
#timeline_new ul li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: 500;
}
#timeline_new ul li .descr {
  padding-block-end: 1.5rem;
  font-weight: 300;
}
#timeline_new ul li .title::before,
#timeline_new ul li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
#timeline_new ul li .title::before {
  bottom: calc(100% + 0.125rem);
}
#timeline_new ul li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}
@media (min-width: 40rem) {
  #timeline_new {
    /* Start second card */
  }
  #timeline_new ul {
    grid-template-columns: 1fr 0.25rem 1fr;
  }
  #timeline_new ul::before {
    grid-column: 2;
  }
  #timeline_new ul li:nth-child(odd) {
    grid-column: 1;
  }
  #timeline_new ul li:nth-child(even) {
    grid-column: 3;
  }
  #timeline_new ul li:nth-child(2) {
    grid-row: 2/4;
  }
  #timeline_new ul li:nth-child(odd) .date::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }
  #timeline_new ul li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + 2rem + 0.125rem);
  }
  #timeline_new ul li:nth-child(odd) .date {
    border-radius: 0 1.5rem 1.5rem 0;
  }
}
#timeline_new .credits {
  margin-top: 1rem;
  text-align: right;
}
#timeline_new .credits a {
  color: var(--color);
}

#open_positions {
  padding: 3% 0%;
}
#open_positions .title {
  position: relative;
}
#open_positions .title h2 {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}
#open_positions .title h2::after {
  content: "";
  display: block;
  width: 15%;
  height: 2px;
  background-color: #fe5c36;
  position: absolute;
  bottom: 52%;
  left: 225px;
}
#open_positions .curr_open_sec {
  padding: 3% 0%;
  background-color: rgba(222, 222, 222, 0.368627451);
  padding: 5px;
  border-radius: 10px;
}
#open_positions .curr_open_sec .card_sec .img_Sec {
  width: 15%;
}
#open_positions .curr_open_sec .card_sec .img_Sec img {
  width: 100%;
}
#open_positions .curr_open_sec .card_sec .cnt_sec {
  width: 85%;
}
#open_positions .curr_open_sec .card_sec .cnt_sec h3 {
  padding-top: 15px;
  font-weight: 200;
}
#open_positions .curr_open_sec p {
  margin-top: 15px;
}
#open_positions .job_details_sec .details_card_sec {
  margin-bottom: 20px;
  transition: 0.9s;
}
#open_positions .job_details_sec .details_card_sec:hover {
  transform: skewY(-5deg);
  transition: 0.9s;
}
#open_positions .job_details_sec .details_card_sec .main_sec {
  padding: 20px;
  background-color: rgba(83, 175, 190, 0.07);
}
#open_positions .job_details_sec .details_card_sec .main_sec h3 {
  font-weight: 200;
}
#open_positions .job_details_sec .details_card_sec .main_sec .bottm_sec {
  text-align: right;
}
#open_positions .job_details_sec .details_card_sec .main_sec .bottm_sec i {
  color: #1da9c0;
  font-size: 16px;
}
#open_positions .job_details_sec .details_card_sec .main_sec:hover {
  border-left-width: 5px; /* Increase border-left width on hover */
  transition: border-left-width 0.3s ease; /* Smooth transition on border-left-width */
}
#open_positions .job_details_sec .details_card_sec .bg1_sec {
  border-left: 2px solid #fe5c36;
  border-radius: 2px;
  transition: 0.9s;
}
#open_positions .job_details_sec .details_card_sec .bg2_sec {
  border-left: 2px solid #feb449;
  border-radius: 2px;
  transition: 0.9s;
}
#open_positions .job_details_sec .details_card_sec .bg3_sec {
  border-left: 2px solid #53afbe;
  border-radius: 2px;
  transition: 0.9s;
}
#open_positions .curnt_open {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  transition: 0.9s;
  background-color: #fefefe;
  box-shadow: 0px 0px 8px 0px #ccc;
}
#open_positions .curnt_open h3 {
  margin-top: 10px;
}
#open_positions .curnt_open:hover {
  margin-top: -3px;
  transition: 0.9s;
}
#open_positions .curnt_open .btn-success-b {
  background-color: #000;
  color: #fff;
}

#videoContainer {
  padding-bottom: 6%;
  height: 100vh !important;
  overflow: hidden;
}

#Conceptualization {
  padding: 3% 0%;
}
#Conceptualization .title h2 {
  font-size: 5rem;
  color: #53afbe;
}
#Conceptualization .title h2 span {
  color: #fe5c36;
}
#Conceptualization .rtitle_sec {
  text-align: center;
}
#Conceptualization .rtitle_sec h3 {
  color: #fe5c36;
  font-size: 2.7rem;
  font-weight: 300;
}
#Conceptualization .rtitle_sec h3 span {
  color: #53afbe;
}
#Conceptualization .testimonials {
  /*-----Testimonial-------*/
  /* ------testimonial  close-------*/
}
#Conceptualization .testimonials .heading {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  position: relative;
  z-index: 999;
  color: #fe5c36;
}
#Conceptualization .testimonials .heading span {
  color: #53afbe;
}
#Conceptualization .testimonials .testimonial {
  min-height: 375px;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center;
  background-size: cover;
}
#Conceptualization .testimonials #testimonial4 .carousel-inner:hover {
  cursor: -webkit-grab;
}
#Conceptualization .testimonials #testimonial4 .carousel-inner:active {
  cursor: -webkit-grabbing;
}
#Conceptualization .testimonials #testimonial4 .carousel-inner .item {
  overflow: hidden;
}
#Conceptualization .testimonials .testimonial4_indicators .carousel-indicators {
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
#Conceptualization .testimonials .testimonial4_indicators .carousel-indicators li {
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  border-radius: 100%;
}
#Conceptualization .testimonials .testimonial4_indicators .carousel-indicators .active {
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  border-radius: 100%;
}
#Conceptualization .testimonials .testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
  height: 3px;
}
#Conceptualization .testimonials .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0;
}
#Conceptualization .testimonials .testimonial4_control_button .carousel-control {
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #000;
  text-transform: uppercase;
  border-radius: 100%;
  box-shadow: none;
  transition: all 0.6s cubic-bezier(0.3, 1, 0, 1);
}
#Conceptualization .testimonials .testimonial4_control_button .carousel-control.left {
  left: 7%;
  top: 50%;
  right: auto;
}
#Conceptualization .testimonials .testimonial4_control_button .carousel-control.right {
  right: 7%;
  top: 50%;
  left: auto;
}
#Conceptualization .testimonials .testimonial4_control_button .carousel-control.left:hover,
#Conceptualization .testimonials .testimonial4_control_button .carousel-control.right:hover {
  color: #000;
  background: #000;
  border: 2px solid #000;
}
#Conceptualization .testimonials .testimonial4_header {
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
#Conceptualization .testimonials .testimonial4_header h4 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#Conceptualization .testimonials .testimonial4_slide {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
#Conceptualization .testimonials .testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 136px;
  height: 136px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
#Conceptualization .testimonials .testimonial4_slide p {
  color: #000;
  font-size: 18px;
  line-height: 1.4;
  margin: 40px 0 20px 0;
  font-weight: 300;
}
#Conceptualization .testimonials .testimonial4_slide h4 {
  color: #000;
  font-size: 20px;
  font-weight: 300;
  color: #fe5c36;
}
#Conceptualization .testimonials .testimonial .carousel {
  padding-bottom: 50px;
}
#Conceptualization .testimonials .testimonial .carousel-control-next-icon,
#Conceptualization .testimonials .testimonial .carousel-control-prev-icon {
  width: 35px;
  height: 35px;
}

#phases_product .title_sec {
  text-align: center;
}
#phases_product .title_sec h2 {
  font-size: 4rem;
  color: #fe5c36;
}
#phases_product .title_sec h2 span {
  color: #feb449;
}
#phases_product .infogra main ul.infoGraphic {
  font-size: 0.8em;
  display: flex;
  flex-wrap: wrap;
}
#phases_product .infogra main ul.infoGraphic li {
  position: relative;
  width: 100%;
  max-width: 27em;
  background: #fff;
  border-radius: 0.5em;
  padding: 0.5em;
  z-index: 1;
  transition: all 0.2s;
  margin: 10px;
  cursor: pointer;
}
#phases_product .infogra main ul.infoGraphic li .numberWrap {
  position: absolute;
}
#phases_product .infogra main ul.infoGraphic li .number {
  font-size: 13em;
  font-weight: 900;
  width: 0.9em;
  text-align: center;
  /* blue */
  /* green */
  /* purple */
  /* gold */
  /* red */
  /* orange */
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor1 {
  color: #fe5c36;
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor2 {
  color: #feb448;
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor3 {
  color: #53afbe;
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor4 {
  color: #fe5c36;
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor5 {
  color: #feb448;
}
#phases_product .infogra main ul.infoGraphic li .number.fontColor6 {
  color: #53afbe;
}
#phases_product .infogra main ul.infoGraphic li .coverWrap {
  transform: rotate(130deg);
  position: absolute;
  width: 18em;
  height: 15em;
  left: -3em;
  top: 0em;
}
#phases_product .infogra main ul.infoGraphic li .coverWrap .numberCover {
  position: absolute;
  background: #fff;
  width: 18em;
  height: 6em;
  border-radius: 50% 50% 0 0;
  border-bottom: 3px solid #fff;
  transition: all 0.4s;
}
#phases_product .infogra main ul.infoGraphic li .coverWrap .numberCover::before {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 4em;
  right: 4em;
  top: 5em;
  box-shadow: 0 0 30px 17px rgba(72, 102, 133, 0.466);
  border-radius: 100px/10px;
  z-index: -1;
}
#phases_product .infogra main ul.infoGraphic li .coverWrap .numberCover::after {
  position: absolute;
  bottom: 0;
  content: "";
  left: -10%;
  width: 120%;
  height: 150%;
  background: radial-gradient(at bottom, rgba(72, 102, 133, 0.2), transparent, transparent);
  z-index: 1;
}
#phases_product .infogra main ul.infoGraphic li .content {
  margin: 8em 3em 1em 7em;
  position: relative;
}
#phases_product .infogra main ul.infoGraphic li .content h2 {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
#phases_product .infogra main ul.infoGraphic li .content p {
  line-height: 1.5em;
}
#phases_product .infogra main ul.infoGraphic li:hover .coverWrap .numberCover {
  border-radius: 100%;
}
#phases_product .infogra .controls {
  position: fixed;
  z-index: 2;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: rgba(215, 215, 215, 0.631372549);
  padding: 0.5rem 2em;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.3019607843);
}
#phases_product .infogra .sliderBox {
  text-align: center;
}
#phases_product .infogra .sliderBox .range-value {
  font-weight: 500;
  font-size: 22px;
}
#phases_product .infogra input[type=range] {
  width: 100%;
  margin: 1em 0;
  -webkit-appearance: none;
}
#phases_product .infogra input[type=range]:focus {
  outline: none;
}
#phases_product .infogra input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.4);
  border: 0;
  border-radius: 1.3px;
  width: 100%;
  height: 2px;
  cursor: pointer;
}
#phases_product .infogra input[type=range]::-webkit-slider-thumb {
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #eee;
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.4), 0px 1px 3px black;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  cursor: pointer;
  -webkit-appearance: none;
}
#phases_product .infogra input[type=range]:focus::-webkit-slider-runnable-track {
  background: #eee;
}
#phases_product .infogra input[type=range]::-moz-range-track {
  background: #000;
  border: 0;
  border-radius: 1.3px;
  width: 100%;
  height: 1px;
  cursor: pointer;
}
#phases_product .infogra input[type=range]::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #151728;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  cursor: pointer;
}
#phases_product .infogra input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 13px 0;
  color: transparent;
  width: 100%;
  height: 1px;
  cursor: pointer;
}
#phases_product .infogra input[type=range]::-ms-fill-lower {
  background: #151728;
  border: 0;
  border-radius: 2.6px;
}
#phases_product .infogra input[type=range]::-ms-fill-upper {
  background: #151728;
  border: 0;
  border-radius: 2.6px;
}
#phases_product .infogra input[type=range]::-ms-thumb {
  width: 25px;
  height: 25px;
  background: #151728;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  cursor: pointer;
  margin-top: 0px;
}
#phases_product .infogra input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
#phases_product .infogra input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}

#Implementation .title {
  text-align: left;
}
#Implementation .title h2 {
  font-size: 3rem;
  color: #f76c5e;
  margin-bottom: 30px;
}
#Implementation .title h2 span {
  color: #000;
}
#Implementation .serviceBox {
  border: 1px solid #ededed;
  padding: 30px 30px 30px 30px;
  position: relative;
  transition: all 0.5s ease 0s;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #Implementation .serviceBox {
    height: auto !important;
  }
}
#Implementation .serviceBox:hover {
  border-color: #fe5c36;
}
#Implementation .serviceBox:before,
#Implementation .serviceBox:after {
  content: "";
  display: block;
  width: 50px;
  height: 5px;
  background: #fe5c36;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
#Implementation .serviceBox:before {
  top: -3px;
}
#Implementation .serviceBox:after {
  bottom: -3px;
}
#Implementation .serviceBox:hover:before,
#Implementation .serviceBox:hover:after {
  left: 40px;
  opacity: 1;
}
#Implementation .serviceBox .service-icon {
  display: inline-block;
  position: absolute;
  top: 33%;
  left: 5px;
  color: #fe5c36;
  opacity: 0.3;
  transition: all 0.5s ease-in 0s;
}
#Implementation .serviceBox:hover .service-icon {
  opacity: 1;
}
#Implementation .serviceBox .title {
  font-size: 16px;
  font-weight: 700;
  color: #fe5c36;
}
#Implementation .serviceBox .description {
  font-size: 13px;
  color: #666;
}
@media only screen and (max-width: 990px) {
  #Implementation .serviceBox {
    margin-bottom: 30px;
  }
}

#benifits_productengineering {
  padding: 5% 0%;
}
#benifits_productengineering .title h2 {
  font-size: 4rem;
  color: #53afbe;
}
#benifits_productengineering .title h2 span {
  color: #fe5c36;
}

#overview .over_sect h2 {
  font-size: 3rem;
  color: #53afbe;
}
#overview .over_sect h2 span {
  color: #feb448;
}
#overview .dynamic_cont h2 {
  font-size: 3rem;
  color: #53afbe;
}

#product_support_sec {
  background-image: url(../images/bg1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#product_support_sec .title_Sec {
  text-align: right;
}
#product_support_sec .title_Sec h2 {
  font-size: 3rem;
  color: #53afbe;
  margin-bottom: 30px;
}
#product_support_sec .title_Sec h2 span {
  color: #feb448;
}
#product_support_sec .main-timeline:after {
  content: "";
  display: block;
  clear: both;
}
#product_support_sec .main-timeline .timeline {
  width: 40%;
  padding: 95px 0 0 0;
  margin: 0 50px 20px 0;
  float: left;
  position: relative;
}
#product_support_sec .main-timeline .timeline:after {
  content: "";
  background-color: #fff;
  height: 110px;
  width: 110px;
  border: 1px solid #333;
  border-radius: 50%;
  position: absolute;
  right: -56px;
  top: 20px;
}
#product_support_sec .main-timeline .timeline-content {
  padding: 10px 60px 10px 10px;
  border-top: 1px solid #555;
  display: block;
  position: relative;
}
#product_support_sec .main-timeline .timeline-content:hover {
  text-decoration: none;
}
#product_support_sec .main-timeline .timeline-year {
  color: #fff;
  background-color: #53afbe;
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  line-height: 98px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: absolute;
  right: -51.7px;
  top: -70.5px;
  z-index: 1;
}
#product_support_sec .main-timeline .timeline-icon {
  color: #555;
  font-size: 35px;
  position: absolute;
  bottom: 0;
  right: 10px;
}
#product_support_sec .main-timeline .title {
  color: #53afbe;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 7px 0;
}
#product_support_sec .main-timeline .description {
  color: #555;
  font-size: 15px;
  text-align: justify;
  margin: 0 0 5px;
}
#product_support_sec .main-timeline .timeline:nth-child(even) {
  padding: 95px 0 0;
  margin: 0 0 20px 50px;
  float: right;
}
#product_support_sec .main-timeline .timeline:nth-child(even):after {
  right: auto;
  left: -56px;
}
#product_support_sec .main-timeline .timeline:nth-child(even) .timeline-content {
  padding: 10px 10px 10px 60px;
}
#product_support_sec .main-timeline .timeline:nth-child(even) .timeline-year {
  right: auto;
  left: -51px;
  top: -72px;
}
#product_support_sec .main-timeline .timeline:nth-child(even) .timeline-icon {
  right: auto;
  left: 7px;
}
#product_support_sec .timeline:nth-child(4n+2) .timeline-year {
  background-color: #fe5c36;
}
#product_support_sec .timeline:nth-child(4n+2) .title {
  color: #fe5c36;
}
#product_support_sec .timeline:nth-child(4n+3) .timeline-year {
  background-color: #feb448;
}
#product_support_sec .timeline:nth-child(4n+3) .title {
  color: #feb448;
}
#product_support_sec .timeline:nth-child(4n+4) .timeline-year {
  background-color: #feb448;
}
#product_support_sec .timeline:nth-child(4n+4) .title {
  color: #feb448;
}
@media screen and (max-width: 767px) {
  #product_support_sec .main-timeline .timeline,
  #product_support_sec .main-timeline .timeline:nth-child(even) {
    width: 100%;
    padding: 60px 0 0;
    margin-bottom: 20px;
  }
  #product_support_sec .main-timeline .timeline:after,
  #product_support_sec .main-timeline .timeline:nth-child(even):after {
    height: 80px;
    width: 80px;
    left: auto;
    right: 0;
    top: 15px;
  }
  #product_support_sec .main-timeline .timeline-content,
  #product_support_sec .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 10px 80px 10px 10px;
  }
  #product_support_sec .main-timeline .timeline-year,
  #product_support_sec .main-timeline .timeline:nth-child(even) .timeline-year {
    font-size: 24px;
    line-height: 70px;
    height: 70px;
    width: 70px;
    right: 5px;
    left: auto;
    top: -41px;
  }
  #product_support_sec .main-timeline .timeline-icon,
  #product_support_sec .main-timeline .timeline:nth-child(even) .timeline-icon {
    top: 40px;
    left: auto;
    right: 20px;
  }
}
@media screen and (max-width: 567px) {
  #product_support_sec .main-timeline .title {
    font-size: 18px;
  }
}

#digitaltrans {
  background-image: url(../images/bg1.png);
  background-size: cover;
}
#digitaltrans .title {
  text-align: right;
}
#digitaltrans .title h2 {
  font-size: 3rem;
  color: #53afbe;
  margin-bottom: 30px;
}
#digitaltrans .title h2 span {
  color: #feb448;
}
#digitaltrans .new_blk .main-timeline:after {
  content: "";
  display: block;
  clear: both;
}
#digitaltrans .new_blk .main-timeline .timeline {
  width: 45%;
  margin: 0 5px 0 0;
  float: left;
}
#digitaltrans .new_blk .main-timeline .timeline-content {
  padding: 60px 20px 20px;
  display: block;
  position: relative;
  margin-bottom: 50px;
}
#digitaltrans .new_blk .main-timeline .timeline-content:hover {
  text-decoration: none;
}
#digitaltrans .new_blk .main-timeline .timeline-content:before {
  content: "";
  background-color: #feb448;
  height: 120px;
  width: 120px;
  border-radius: 50% 50% 0 50%;
  opacity: 0.2;
  position: absolute;
  right: 0;
  bottom: 0;
}
#digitaltrans .new_blk .main-timeline .timeline-icon {
  color: #fff;
  background-color: #feb448;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50% 0 50% 50%;
  box-shadow: -5px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 0;
}
#digitaltrans .new_blk .main-timeline .title {
  color: #000;
  background: linear-gradient(-45deg, transparent 60%, #feb448 60%);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 5px 30px 5px 10px;
  margin: 0 0 7px;
  display: inline-block;
}
#digitaltrans .new_blk .main-timeline .description {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  margin: 0;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(even) {
  margin: 0 0 0 5px;
  float: right;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(even) .timeline-content:before {
  border-radius: 50% 50% 50% 0;
  left: 0;
  right: auto;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(even) .timeline-icon {
  border-radius: 0 50% 50%;
  right: auto;
  left: 0;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+2) .timeline-icon,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+2) .title {
  background-color: #53afbe;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+2) .title {
  background: linear-gradient(-45deg, transparent 60%, #53afbe 60%);
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+3) .timeline-icon,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+3) .title {
  background-color: #53afbe;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+3) .title {
  background: linear-gradient(-45deg, transparent 60%, #53afbe 60%);
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+4) .timeline-icon,
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+4) .title {
  background-color: #fe5c36;
}
#digitaltrans .new_blk .main-timeline .timeline:nth-child(4n+4) .title {
  background: linear-gradient(-45deg, transparent 60%, #fe5c36 60%);
}
@media screen and (max-width: 767px) {
  #digitaltrans .new_blk .main-timeline .timeline,
  #digitaltrans .new_blk .main-timeline .timeline:nth-child(even) {
    width: 100%;
    margin: 0 0 30px;
  }
}

#newaimk_sprt .title {
  text-align: right;
}
#newaimk_sprt .title h2 {
  font-size: 3rem;
  color: #53afbe;
  margin-bottom: 30px;
}
#newaimk_sprt .title h2 span {
  color: #feb448;
}
#newaimk_sprt .aiml_sec section {
  padding: 60px 0;
  min-height: 100vh;
}
#newaimk_sprt .aiml_sec a,
#newaimk_sprt .aiml_sec a:hover,
#newaimk_sprt .aiml_sec a:focus,
#newaimk_sprt .aiml_sec a:active {
  text-decoration: none;
  outline: none;
}
#newaimk_sprt .aiml_sec a,
#newaimk_sprt .aiml_sec a:active,
#newaimk_sprt .aiml_sec a:focus {
  color: #6f6f6f;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
#newaimk_sprt .aiml_sec ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#newaimk_sprt .aiml_sec #features {
  background: #fff;
}
#newaimk_sprt .aiml_sec #features .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  position: relative;
  z-index: 1;
}
#newaimk_sprt .aiml_sec #features .content-left span {
  float: right;
}
#newaimk_sprt .aiml_sec #features .content-right span {
  float: left;
}
#newaimk_sprt .aiml_sec #features .box-item {
  box-shadow: 0 0 12px #f4f4f4;
  padding: 15px;
  line-height: 22px;
  margin-top: 30px;
  border-radius: 3px;
  background-color: #fff;
  -mox-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
  height: 170px;
}
@media (max-width: 991px) {
  #newaimk_sprt .aiml_sec #features .box-item {
    height: auto !important;
  }
}
#newaimk_sprt .aiml_sec #features .box-item .icon {
  text-align: center;
  margin: 12px;
  transition: all 0.2s linear;
}
#newaimk_sprt .aiml_sec #features .box-item .icon i {
  color: #fe5c36;
  font-size: 30px;
  transition: all 0.2s linear;
}
#newaimk_sprt .aiml_sec #features .box-item .text h4 {
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  transition: all 0.2s linear;
}
#newaimk_sprt .aiml_sec #features .box-item .text p {
  font-size: 14px;
  line-height: 26px;
}
#newaimk_sprt .aiml_sec #features .box-item:hover {
  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);
}
#newaimk_sprt .aiml_sec #features .box-item:hover h4 {
  color: #fe5c36;
}
#newaimk_sprt .aiml_sec #features .show-box {
  margin-top: 50px;
}
#newaimk_sprt .aiml_sec #features .show-box img {
  width: 100%;
}

#cloud_dev .title {
  text-align: center;
  margin-bottom: 5%;
}
#cloud_dev .title h2 {
  font-size: 4rem;
  color: #fe5c36;
}
#cloud_dev .title h2 span {
  color: #feb449;
}
#cloud_dev .chooseus-section {
  position: relative;
  background: #fff;
  min-height: 100vh;
}
#cloud_dev .chooseus-section .sec-title {
  margin-bottom: 60px;
}
#cloud_dev #video_block_01 .video-inner {
  position: relative;
  width: 100%;
  padding: 175px 0px 130px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
}
#cloud_dev #video_block_01 .video-inner .pattern-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
#cloud_dev #video_block_01 .video-inner .video-btn {
  position: relative;
  display: inline-block;
  width: 116px;
  height: 115px;
  line-height: 115px;
  text-align: center;
  margin-left: 40px;
  border-radius: 50%;
}
#cloud_dev #video_block_01 .video-inner .video-btn .btn-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 116px;
  height: 115px;
  background-repeat: no-repeat;
}
#cloud_dev #video_block_01 .video-inner .video-btn a {
  position: relative;
  display: inline-block;
  width: 116px;
  height: 115px;
  border-radius: 50%;
  font-size: 24px;
  z-index: 1;
}
#cloud_dev #video_block_01 .video-inner .video-btn a i {
  background: -webkit-linear-gradient(-45deg, #00bb6e, #0156d5 100%);
}
#cloud_dev #video_block_01 .video-inner .video-btn a i {
  position: relative;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#cloud_dev #content_block_04 .content-box .single-item {
  position: relative;
}
#cloud_dev #content_block_04 .content-box .single-item:first-child {
  padding-left: 190px;
  margin-bottom: 25%;
}
#cloud_dev #content_block_04 .content-box .single-item:last-child {
  padding-right: 190px;
}
#cloud_dev #content_block_04 .content-box .single-item .icon-box {
  position: absolute;
  top: -20px;
  width: 158px;
  height: 158px;
  line-height: 158px;
  text-align: center;
  font-size: 70px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}
#cloud_dev #content_block_04 .content-box .single-item .icon-box img {
  padding: 20px;
}
#cloud_dev #content_block_04 .content-box .single-item .icon-box:before {
  position: absolute;
  content: "";
  background: #fbfbfb;
  width: 138px;
  height: 100%;
  left: 10px;
  border-radius: 10px;
  z-index: -9;
}
#cloud_dev #content_block_04 .content-box .single-item:first-child .icon-box:before {
  top: 10px;
}
#cloud_dev #content_block_04 .content-box .single-item:last-child .icon-box:before {
  top: -10px;
}
#cloud_dev #content_block_04 .content-box .single-item .icon-box i {
  background: -webkit-linear-gradient(-45deg, #e273ff, #504bff 100%);
  position: relative;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#cloud_dev #content_block_04 .content-box .single-item .icon-box .bg-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 158px;
  height: 158px;
  background-repeat: no-repeat;
}
#cloud_dev #content_block_04 .content-box .single-item:first-child .icon-box {
  left: 0px;
}
#cloud_dev #content_block_04 .content-box .single-item:last-child .icon-box {
  right: 0px;
}
#cloud_dev #content_block_04 .content-box .single-item .box h4 {
  position: relative;
}
#cloud_dev #content_block_04 .content-box .single-item .box h4:before {
  position: absolute;
  content: "";
  width: 55px;
  height: 2px;
  bottom: 0px;
}
#cloud_dev #content_block_04 .content-box .single-item:first-child .box h4:before {
  left: 0px;
}
#cloud_dev #content_block_04 .content-box .single-item:last-child .box h4:before {
  right: 0px;
}
#cloud_dev #content_block_04 .content-box .single-item .box p {
  margin-bottom: 20px;
  line-height: 28px;
}
#cloud_dev #content_block_04 .content-box .single-item .box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: "Josefin Sans", Sans-serif;
  font-weight: 600;
  color: #040535;
}
#cloud_dev #content_block_04 .content-box .single-item .box a:hover {
  color: #5167f9;
}
#cloud_dev #content_block_04 .content-box .single-item:first-child .box a i {
  margin-right: 10px;
}
#cloud_dev #content_block_04 .content-box .single-item:last-child .box a i {
  margin-left: 10px;
}

#header_title_sec {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 0%;
}
#header_title_sec .mn_title {
  display: flex;
  justify-content: center;
  align-items: center;
}
#header_title_sec .title p {
  padding: 10px;
}
#header_title_sec .title h2 {
  font-size: 2.3rem;
  color: #000;
}
#header_title_sec .title h2 span {
  color: #f76c5e;
}
#header_title_sec img {
  width: 100%;
}

#our_clients {
  padding: 2% 0%;
}
#our_clients .title p {
  padding: 10px;
}
#our_clients .title h2 {
  font-size: 4rem;
  color: #000;
}
#our_clients .title h2 span {
  color: #f76c5e;
}
#our_clients .clint_img {
  padding: 15px;
}

#our_partners {
  padding: 2% 0%;
  margin-top: 3%;
}
#our_partners .title {
  text-align: center;
}
#our_partners .title p {
  padding: 10px;
}
#our_partners .title h2 {
  font-size: 4rem;
  color: #000;
  margin-bottom: 20px;
}
#our_partners .title h2 span {
  color: #f76c5e;
}
#our_partners img {
  width: 65%;
}

#new_whoweare .wav .header-design {
  background-color: #a4508b;
  background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
  height: 120px;
  text-align: center;
}
#new_whoweare .wav .listar-map-button {
  width: 100%;
  position: absolute;
  display: table;
  right: 0;
  top: 0;
  height: 200px;
  line-height: 164px;
  white-space: nowrap;
  font-size: 0;
}
#new_whoweare .wav .listar-map-button {
  right: auto;
  /***
    box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
}
#new_whoweare .wav .listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
}
#new_whoweare .wav .listar-page-header-content .listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
#new_whoweare .wav header .footer-wave {
  max-width: 102%;
  width: 100%;
  height: 187.8px;
  left: 0;
  z-index: 1;
  bottom: -67px;
  animation: wave 10s cubic-bezier(0.44, 0.66, 0.67, 0.37) infinite;
}
@keyframes wave {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 1440px;
  }
}
#new_whoweare .wav .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}
#new_whoweare .wav .listar-feature-item {
  height: calc(100% - 20px);
}
#new_whoweare .wav .listar-feature-item.listar-feature-has-link ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}
#new_whoweare .wav .listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}
#new_whoweare .wav .listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}
#new_whoweare .wav .listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.5);
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15), 10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(100%, rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#new_whoweare .wav .listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}
#new_whoweare .wav .listar-feature-items {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
#new_whoweare .wav .listar-feature-right-border:before,
#new_whoweare .wav .listar-hovering-features .listar-feature-item a:hover ~ .listar-feature-item-inner .listar-feature-right-border:before {
  border: 11px solid #000;
}
#new_whoweare .wav .listar-feature-right-border:before,
#new_whoweare .wav .listar-hovering-features .listar-feature-item a:hover ~ .listar-feature-item-inner .listar-feature-right-border:before,
#new_whoweare .wav .listar-hovering-features-grey .listar-feature-item a:hover ~ .listar-feature-item-inner .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #000;
  border-radius: 800px;
  left: -50%;
}
#new_whoweare .wav .listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 30px;
  height: calc(100% + 100px);
}
#new_whoweare .wav .listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}
#new_whoweare .wav .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}
#new_whoweare .wav .listar-feature-icon-wrapper {
  width: 148px;
  height: 148px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}
#new_whoweare .wav .listar-feature-icon-inner {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
}
#new_whoweare .wav .listar-feature-icon-inner div {
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}
#new_whoweare .wav .listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  transform: translate(-50%);
  height: 55px;
}
#new_whoweare .wav .listar-feature-item img,
#new_whoweare .wav .listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}
#new_whoweare .wav .listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
#new_whoweare .wav .listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-title.listar-feature-counter-added > span {
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12), 5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2), 5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}
#new_whoweare .wav .listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 18px;
}
#new_whoweare .wav .listar-feature-item-excerpt {
  padding: 0 20px;
}
#new_whoweare .wav .listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#new_whoweare .wav .pset {
  padding-top: 180px;
}
#new_whoweare .wav .listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
#new_whoweare .wav .listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  transition: all 0.2s ease-in;
}
#new_whoweare .wav .listar-map-button-text span:after {
  border: 12px solid #fff;
}
#new_whoweare .wav .listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}
#new_whoweare .wav .listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  transition: all 0.2s ease-in;
}
#new_whoweare .wav .listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}
#new_whoweare .wav .col-lg-1,
#new_whoweare .wav .col-lg-2,
#new_whoweare .wav .col-lg-3,
#new_whoweare .wav .col-lg-4,
#new_whoweare .wav .col-lg-5,
#new_whoweare .wav .col-lg-6,
#new_whoweare .wav .col-lg-7,
#new_whoweare .wav .col-lg-8,
#new_whoweare .wav .col-lg-9,
#new_whoweare .wav .col-lg-10,
#new_whoweare .wav .col-lg-11,
#new_whoweare .wav .col-lg-12,
#new_whoweare .wav .col-md-1,
#new_whoweare .wav .col-md-2,
#new_whoweare .wav .col-md-3,
#new_whoweare .wav .col-md-4,
#new_whoweare .wav .col-md-5,
#new_whoweare .wav .col-md-6,
#new_whoweare .wav .col-md-7,
#new_whoweare .wav .col-md-8,
#new_whoweare .wav .col-md-9,
#new_whoweare .wav .col-md-10,
#new_whoweare .wav .col-md-11,
#new_whoweare .wav .col-md-12,
#new_whoweare .wav .col-sm-1,
#new_whoweare .wav .col-sm-2,
#new_whoweare .wav .col-sm-3,
#new_whoweare .wav .col-sm-4,
#new_whoweare .wav .col-sm-5,
#new_whoweare .wav .col-sm-6,
#new_whoweare .wav .col-sm-7,
#new_whoweare .wav .col-sm-8,
#new_whoweare .wav .col-sm-9,
#new_whoweare .wav .col-sm-10,
#new_whoweare .wav .col-sm-11,
#new_whoweare .wav .col-sm-12,
#new_whoweare .wav .col-xs-1,
#new_whoweare .wav .col-xs-2,
#new_whoweare .wav .col-xs-3,
#new_whoweare .wav .col-xs-4,
#new_whoweare .wav .col-xs-5,
#new_whoweare .wav .col-xs-6,
#new_whoweare .wav .col-xs-7,
#new_whoweare .wav .col-xs-8,
#new_whoweare .wav .col-xs-9,
#new_whoweare .wav .col-xs-10,
#new_whoweare .wav .col-xs-11,
#new_whoweare .wav .col-xs-12 {
  align-self: flex-start;
}
#new_whoweare .title {
  text-align: center;
}
#new_whoweare .title p {
  padding: 10px;
}
#new_whoweare .title h2 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 20px;
}
#new_whoweare .title h2 span {
  color: #f76c5e;
}

#industri_sec {
  padding: 2% 0%;
}
#industri_sec .tit_sec {
  margin-bottom: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#industri_sec .tit_sec .main_title h2 {
  font-size: 2.3rem;
}
#industri_sec .tit_sec img {
  width: 100%;
}
#industri_sec .serv_tit h5 {
  color: #f76c5e;
  font-size: 2.3rem;
}
#industri_sec .main_servic {
  margin-bottom: 20%;
}
#industri_sec .main_servic .icon_sec img {
  width: 30%;
}
#industri_sec .main_servic .title_sec {
  margin-top: 15px;
}
#industri_sec .main_servic .title_sec h6 {
  color: #f76c5e;
  font-size: 24px;
  display: flex;
  align-items: center;
}
#industri_sec .main_servic .disc p {
  color: #000;
  transition: 0.5s;
}
#industri_sec .main_servic .disc p:hover {
  color: #53afbe;
  transition: 0.5s;
}

#main_serv_page .main_ser_page_title .title {
  text-align: left;
}
#main_serv_page .main_ser_page_title .title p {
  padding: 10px;
}
#main_serv_page .main_ser_page_title .title h2 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 20px;
}
#main_serv_page .main_ser_page_title .title h2 span {
  color: #f76c5e;
}
#main_serv_page .main_card_sec {
  margin-bottom: 5%;
}

#flow_sec {
  @import "https://fonts.googleapis.com/css?family=Lato:400,700";
}
#flow_sec .ps-timeline-sec {
  position: relative;
  background: #fff;
}
#flow_sec .ps-timeline-sec .container {
  position: relative;
}
@media screen and (max-width: 767px) {
  #flow_sec .ps-timeline-sec .container ol:before {
    background: #000;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }
  #flow_sec .ps-timeline-sec .container ol:after {
    background: #f76c5e;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px solid #f76c5e;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
    /*   &:nth-child(2) {
           .img-handler-bot {
               img {
                   width: 70px;
               }
           }
       } */
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 90% !important;
    float: right !important;
    right: 0;
    top: -10px;
  }
  #flow_sec .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 90% !important;
    float: right !important;
    right: 0;
    top: -60px;
  }
}
#flow_sec .ps-timeline-sec .container ol:before {
  background: #000;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 49.5%;
}
#flow_sec .ps-timeline-sec .container ol:after {
  background: #000;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 49.5%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline {
  margin: 200px 0px 300px 0px;
  padding: 0;
  border-top: 2px solid #000;
  list-style: none;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 16%;
  padding-top: 30px;
  position: relative;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: #fff;
  /*   border-left-color: 4px solid $brand-color-g;
     border-right-color: transparent; 
   border-top: 4px solid $brand-color-g;
   border-bottom-color: transparent; */
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #f76c5e;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top {
  border-top: 4px solid #000;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  color: #000;
  width: 2px;
  height: 50px;
  background: #000;
  position: absolute;
  top: -50px;
  left: 50%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #000;
  width: 8px;
  height: 8px;
  background: #000;
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot {
  border-bottom: 4px solid #000;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #000;
  width: 2px;
  height: 50px;
  background: #000;
  position: absolute;
  bottom: -50px;
  left: 50%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #000;
  width: 8px;
  height: 8px;
  background: #000;
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 100%;
  margin: 5 auto;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li h4 {
  font-size: 16px;
  color: #f76c5e;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 105px;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 50px;
}
#flow_sec .ps-timeline-sec .container ol.ps-timeline li .ps-bottom {
  position: absolute;
  margin: 5px;
  text-align: center;
}

.tile_sec_serv .title {
  text-align: left;
}
.tile_sec_serv .title h2 {
  font-size: 3rem;
  color: #f76c5e;
  margin-bottom: 30px;
}
.tile_sec_serv .title h2 span {
  color: #000;
}

#approch .title {
  text-align: left;
}
#approch .title h2 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 30px;
}
#approch .title h2 span {
  color: #f76c5e;
}
#approch .responsive-tabs {
  margin-top: 20px;
  border: none !important;
}
#approch .responsive-tabs a {
  color: #000;
}
#approch .responsive-tabs-container .tab-content {
  padding: 10px 20px;
  border-top: none;
}
#approch .responsive-tabs-container[class*=accordion-] .tab-pane {
  margin-bottom: 15px;
}
#approch .responsive-tabs-container[class*=accordion-] .accordion-link {
  display: none;
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  color: #333;
}
#approch .responsive-tabs-container[class*=accordion-] .accordion-link.active {
  border-bottom: medium none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #ff6600;
}
@media (max-width: 767px) {
  #approch .responsive-tabs-container.accordion-xs .nav-tabs {
    display: none;
  }
  #approch .responsive-tabs-container.accordion-xs .accordion-link {
    display: block;
  }
  #approch .responsive-tabs-container .tab-content {
    border: none;
  }
  #approch .responsive-tabs-container[class*=accordion-] .tab-pane {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: medium 1px 1px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 10px 10px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #approch .responsive-tabs-container.accordion-sm .nav-tabs {
    display: none;
  }
  #approch .responsive-tabs-container.accordion-sm .accordion-link {
    display: block;
  }
  #approch .responsive-tabs-container .tab-content {
    border: none;
  }
  #approch .responsive-tabs-container[class*=accordion-] .tab-pane {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: medium 1px 1px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 10px 10px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #approch .responsive-tabs-container.accordion-md .nav-tabs {
    display: none;
  }
  #approch .responsive-tabs-container.accordion-md .accordion-link {
    display: block;
  }
}
@media (min-width: 1200px) {
  #approch .responsive-tabs-container.accordion-lg .nav-tabs {
    display: none;
  }
  #approch .responsive-tabs-container.accordion-lg .accordion-link {
    display: block;
  }
}
#approch .nav-tabs > li.active > a, #approch .nav-tabs > li.active > a:focus, #approch .nav-tabs > li.active > a:hover {
  color: #fff;
  cursor: default;
  background-color: #f76c5e;
  border: 1px solid #fff !important;
  border-bottom-color: transparent;
}
#approch .nav-tabs > li {
  width: 50%;
}

.modal-content {
  overflow: scroll;
}

.modal-header h5 {
  color: #ffffff !important;
}

#case_studies_sec .title {
  text-align: center;
}
#case_studies_sec .title p {
  padding: 10px;
}
#case_studies_sec .title h2 {
  font-size: 4rem;
  color: #000;
  margin-bottom: 20px;
}
#case_studies_sec .title h2 span {
  color: #f76c5e;
}
#case_studies_sec .main_case_sty {
  margin-bottom: 5%;
  transition: 0.9s;
}
#case_studies_sec .main_case_sty .discrip p {
  display: -webkit-box; /* Use a flexbox-based layout */
  -webkit-box-orient: vertical; /* Specifies the vertical orientation */
  overflow: hidden; /* Hides overflow */
  text-overflow: ellipsis; /* Adds the ellipsis */
  -webkit-line-clamp: 3; /* Limits the content to 2 lines */
  line-height: 1.5em; /* Adjust line height as needed */
  max-height: 5em; /* Should be line-height * line count */
  white-space: normal; /* Ensures text wraps normally */
}
#case_studies_sec .main_case_sty .main_bg_sec {
  padding: 10px;
}
#case_studies_sec .main_case_sty:hover {
  box-shadow: 0px 0px 8px 2px #ccc;
  transition: 0.9s;
  border-radius: 10px;
}
#total_case_studies h5 {
  font-size: 30px;
  color: #000;
}
#total_case_studies h5 span {
  font-size: 18px;
  color: #fe5c36;
}

/* CSS for mobile view */
@media only screen and (max-width: 768px) {
  .menu-item-has-children > a {
    pointer-events: none;
    cursor: default;
  }
  .menu-item-has-children > a::before {
    content: "";
  }
}
/* Scroll Down Button */
#scroll-down-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #fe5c36; /* Color for the down button */
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 50px; /* Ensure the button is square */
  height: 50px; /* Ensure the button is square */
  display: flex;
  align-items: center;
  justify-content: center;
}

#scroll-down-btn.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1.1); /* Slightly scale up for a unique effect */
}

#scroll-icon {
  width: 24px;
  height: 24px;
  fill: white;
}

/* Scroll Up Button */
#scroll-up-btn {
  position: fixed;
  bottom: 20px; /* Adjust this value to position the up button above the down button */
  right: 20px;
  background-color: #fe5c36; /* Color for the up button */
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 50px; /* Ensure the button is square */
  height: 50px; /* Ensure the button is square */
  display: flex;
  align-items: center;
  justify-content: center;
}

#scroll-up-btn.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1.1); /* Slightly scale up for a unique effect */
}

#scroll-icon-up {
  width: 24px;
  height: 24px;
  fill: white;
}

@media (max-width: 991px) {
  #job-list .card-body {
    display: inline !important;
  }
}

#treeplantation .title h2 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 20px;
}
#treeplantation .title h2 span {
  color: #f76c5e;
}
#treeplantation .gallery_sec {
  width: 100%;
  padding: 80px 0;
}
#treeplantation .heading {
  width: 100%;
  text-align: center;
}
#treeplantation .heading h2 {
  font-size: 30px;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 25px;
}
#treeplantation .gallery_sec img {
  width: 100%;
  margin-bottom: 30px;
  height: 250px;
}
#treeplantation .gallery_sec a {
  position: relative;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
#treeplantation .gallery_sec a::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background: none;
  background-size: contain;
  background-repeat: no-repeat;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#treeplantation .gallery_sec img {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}/*# sourceMappingURL=stylesheet.css.map */