/* Brand override for index-3: logo green #60BC56 */
.color-primary {
  color: #60BC56;
}

.sk-three-bounce .sk-child {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #60BC56;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce.is-brick-red.sk-three-bounce .sk-child {
  background-color: #60BC56;
}

.sk-three-bounce.is-mainly-blue.sk-three-bounce .sk-child {
  background-color: #60BC56;
}

.sk-three-bounce.is-orange.sk-three-bounce .sk-child {
  background-color: #60BC56;
}

.sk-three-bounce.is-purple.sk-three-bounce .sk-child {
  background-color: #60BC56;
}

a {
  font-weight: 600;
  cursor: pointer;
  font-size: 17px;
  color: #60BC56;
  line-height: 32px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  outline: none !important;
}

.section-title h5 {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #60BC56;
  margin-bottom: 20px;
}

.theme-primary {
  background-color: #60BC56;
}

.color-primary {
  color: #60BC56 !important;
}

#scrollUp {
  right: 20px;
  bottom: 20px;
  height: 40px;
  width: 40px;
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
  border-radius: 50%;
  line-height: 44px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #60BC56;
  box-shadow: 0px 5px 15px 0px rgba(1, 29, 80, 0.1);
  z-index: 2 !important;
}

@keyframes playVideo2 {
  0% {
    box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.5);
  }
  40% {
    box-shadow: 0 0 0px 0px rgba(96, 188, 86, 0.5);
  }
  80% {
    box-shadow: 0 0 0px 5px rgba(96, 188, 86, 0.5);
  }
  100% {
    box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.5);
  }
}

@keyframes playVideo3 {
  0% {
    box-shadow: 0 0 0px 17px #60BC56;
  }
  40% {
    box-shadow: 0 0 0px 6px #60BC56;
  }
  80% {
    box-shadow: 0 0 0px 12px #60BC56;
  }
  100% {
    box-shadow: 0 0 0px 17px #60BC56;
  }
}

@keyframes playVideo4 {
  0% {
    box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.2);
  }
  40% {
    box-shadow: 0 0 0px 0px rgba(96, 188, 86, 0.2);
  }
  80% {
    box-shadow: 0 0 0px 5px rgba(96, 188, 86, 0.2);
  }
  100% {
    box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.2);
  }
}

/* ------------------------------------------------------------------
   Template Default Button, Input Styles - Value Change with Your's Need
 -------------------------------------------------------------------- */
.theme-btn {
  border: 0;
  color: #FFF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  padding: 18px 37.8px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #60BC56;
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.theme-btn.btn-yellow:after {
  background: #60BC56;
}

.theme-btn.btn-yellow:hover, .theme-btn.btn-yellow:focus {
  background: #60BC56;
}

.theme-btn.btn-black:after {
  background: #60BC56;
}

.theme-btn.btn-black:hover, .theme-btn.btn-black:focus {
  background: #60BC56;
}

.theme-btn.btn-transparent:after {
  background: #60BC56;
}

.theme-btn.btn-transparent:hover, .theme-btn.btn-transparent:focus {
  color: #000;
  background: #60BC56;
  border-color: #60BC56;
}

.theme-btn.btn-yellow-transparent:after {
  background: #60BC56;
}

.theme-btn.btn-yellow-transparent:hover, .theme-btn.btn-yellow-transparent:focus {
  color: #FFF;
  border-width: 1px;
  padding: 14px 31.6px;
  border-color: #60BC56;
  background: transparent;
}

.video_btn .theme-btn-wrapper .popup-video {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 85px;
  color: #60BC56;
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: #60BC56;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}

header.header-1 .main-menu.main-menu_4 ul > li:hover > a, header.header-1 .main-menu.main-menu_4 ul > li:focus > a, header.header-1 .main-menu.main-menu_4 ul > li.active > a {
  color: #60BC56;
}

header.header-1 .main-menu ul > li:hover > a, header.header-1 .main-menu ul > li:focus > a, header.header-1 .main-menu ul > li.active > a {
  color: #60BC56;
}

header.header-1 .main-menu ul > li > ul li a:hover {
  color: #60BC56;
}

header.header-1 .top-header.top-header_4 .header-cta i {
  color: #60BC56 !important;
}

header.header-1 .top-header.top-header_4 .social-profile li a:hover, header.header-1 .top-header.top-header_4 .social-profile li a:focus {
  background-color: #60BC56 !important;
}

header.header-1 .main-header-wraper .header-right .header-search.header-search_2 .search-toggle:hover {
  color: #60BC56 !important;
}

header.header-1 .main-header-wraper .header-right .header-search .search-toggle:hover {
  color: #60BC56;
}

header.header-1 .main-header-wraper .header-right .header-search.show .search-toggle {
  color: #60BC56;
}

header.header-3 .top-header .header-right-socail .social-profile ul li a:hover, header.header-3 .top-header .header-right-socail .social-profile ul li a:focus {
  color: #60BC56;
}

header.header-3 .top-header .header-cta ul li a i {
  color: #60BC56;
}

header.header-2 .top-header .header-right-socail .header-contact:hover:any-link .icon i, header.header-2 .top-header .header-right-socail .header-contact:focus:any-link .icon i {
  color: #60BC56;
}

header.header-2 .top-header .header-right-socail .header-contact:hover:any-link .text span,
header.header-2 .top-header .header-right-socail .header-contact:hover:any-link .text h5, header.header-2 .top-header .header-right-socail .header-contact:focus:any-link .text span,
header.header-2 .top-header .header-right-socail .header-contact:focus:any-link .text h5 {
  color: #60BC56 !important;
}

header.header-4 .main-menu li ul > li a {
  color: #60BC56 !important;
}

header.header-4 .header-right .header-search.show .search-toggle {
  color: #60BC56;
}

header.hover-color-green .header-menu ul > li:hover a, header.hover-color-green .header-menu ul > li:focus a {
  color: #60BC56;
}

header.hover-color-green .header-menu ul > li > ul li a:hover, header.hover-color-green .header-menu ul > li > ul li a:focus {
  color: #60BC56 !important;
}

header.hover-color-green .main-header-wraper .header-right .header-search.show .search-toggle, header.hover-color-green .main-header-wraper .header-right .header-search:hover .search-toggle {
  color: #60BC56;
}

header.hover-color-green .main-header-wraper .header-right .header-search .search-box .form-group:before {
  background: #60BC56;
}

header.hover-color-green .main-header-wraper .header-right .header-search .search-box .form-group .search-input,
header.hover-color-green .main-header-wraper .header-right .header-search .search-box .form-group .search-submit {
  color: #60BC56 !important;
}

header.hover-color-green .main-header-wraper .header-right .header-search .search-box .form-group .search-input::placeholder,
header.hover-color-green .main-header-wraper .header-right .header-search .search-box .form-group .search-submit::placeholder {
  color: #60BC56;
}

.page-banner .breadcrumb .breadcrumb-item a:hover {
  color: #60BC56;
}

.page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #60BC56;
  padding-right: 15px;
  content: var(--bs-breadcrumb-divider, "|");
}

.page-banner .breadcrumb .breadcrumb-item.active {
  color: #60BC56;
}

.page-banner__media:before {
  content: "";
  top: -395px;
  z-index: 1;
  left: 790px;
  width: 144.86px;
  height: 1194.97px;
  position: absolute;
  transform: rotate(-30.99deg);
  background: rgba(96, 188, 86, 0.5);
}

.mobile-nav {
  top: 0;
  width: 320px;
  right: -380px;
  max-width: 100%;
  padding: 20px;
  z-index: 1032;
  height: 100vh;
  position: fixed;
  overflow-y: scroll;
  scroll-behavior: smooth;
  background-color: #60BC56;
  transition: right 0.5s ease-in;
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
}

.mobile-nav .navigation ul:not(.dropdown-menu) > li.dropdown .dropdown-menu {
  top: 0;
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
  width: 100%;
  display: block;
  box-shadow: none;
  padding-top: 15px;
  position: absolute;
  background: #60BC56;
  transition: all 0.4s ease;
  transform: translate3d(110%, 0, 0);
}

#hamburger {
  display: none;
  line-height: 1;
  color: #60BC56;
  font-size: 36px;
  text-align: right;
}

.banner.banner__2:after {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  z-index: -1;
  position: absolute;
  background: rgba(96, 188, 86, 0.6) !important;
}

.banner.banner__2 .banner__content a {
  background-color: #FFF;
  color: #60BC56;
  font-family: "Poppins", sans-serif;
}

.banner__content .theme-btn:hover, .banner__content .theme-btn:focus {
  background: #60BC56;
}

.contact-us__item ul li a:hover, .contact-us__item ul li a:focus {
  color: #60BC56;
}

.employee-friendly .slider-controls .slider-arrows .slick-arrow.slick-next {
  color: #60BC56;
}

.our-company__meida .horizental-bar {
  left: 10px;
  width: 232px;
  height: 15px;
  bottom: 0px;
  max-width: 100%;
  position: absolute;
  background: #60BC56;
  animation: move-right 3s linear infinite;
}

.years-experience {
  background: #60BC56;
  padding: 20px 15px 31px;
  border-radius: 0px 0px 20px 20px;
}

.company-skill__media-wrapper .popup-video {
  left: 27%;
  z-index: 1;
  width: 60px;
  bottom: 20%;
  height: 60px;
  display: flex;
  color: #60BC56;
  font-size: 22px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  background: #FFF;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 500px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.5);
  animation: playVideo2 3s linear infinite;
}

.service_element .service_info > li::after {
  content: "\f14a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  clear: both;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #60BC56;
}

.service_element .area__item .icon {
  font-size: 50px;
  min-height: 100%;
  line-height: 60px;
  padding-right: 20px;
  border-right: 1px solid #FFFFFF;
  color: #60BC56;
}

.service_element .area__item .text_2 .number {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  color: #60BC56;
}

.process__widget .icon__widget {
  margin: 0 auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px dashed #60BC56;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.process__widget .icons {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  height: 100px;
  width: 100px;
  font-size: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(96, 188, 86, 0.15);
}

.process__widget .icons i {
  color: #60BC56;
}

.similar-work__item.reade-more-hidden .top {
  border: 1px solid rgba(96, 188, 86, 0.2);
  border-bottom: none;
}

.similar-work__item .top .icon {
  width: 80px;
  height: 80px;
  font-size: 45px;
  min-width: 80px;
  line-height: 80px;
  background: #60BC56;
}

.similar-work__item .top .title a:hover, .similar-work__item .top .title a:focus {
  color: #60BC56;
}

.similar-work__item .theme-btn:hover, .similar-work__item .theme-btn:focus {
  color: #0E1E36;
  background: #60BC56;
}

.pagination-item:after {
  left: 0;
  width: 100%;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, #60BC56 0%, rgba(96, 188, 86, 0.2) 100%);
}

.pagination-item.flex-row-reverse:after {
  background: linear-gradient(90deg, rgba(96, 188, 86, 0.2) 0%, #60BC56 100%);
}

.our-project-details-meta .meta-item .icon {
  width: 60px;
  height: 60px;
  font-size: 20px;
  min-width: 60px;
  color: #60BC56;
  line-height: 60px;
  border-radius: 500px;
  background: #E2E9FF;
}

.our-project-details__content h6 {
  color: #60BC56;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.our-project-details__content ul li:after {
  left: 0;
  width: 30px;
  content: "\f00c";
  height: 30px;
  color: #60BC56;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  border-radius: 500px;
  top: calc(50% - 13px);
  background: #EFF0F6;
  font-family: "Font Awesome 5 Pro";
}

.testimonial__item.border-primary {
  border-color: #60BC56;
}

.pricing__content .description span {
  color: #60BC56;
}

.pricing__controller .theme-btn {
  color: #60BC56;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  border-radius: 500px;
  padding: 5.7px 23.7px;
  background: transparent;
  border: 1.5px solid #E2E9FF;
  filter: drop-shadow(0px 0px 10px rgba(14, 10, 1, 0.1));
}

.pricing__controller .theme-btn:after {
  background: #60BC56;
}

.pricing__controller .theme-btn.active, .pricing__controller .theme-btn:hover {
  color: #FFF;
  background: #60BC56;
}

.pricing__card-yellow .pricing__card-body .theme-btn:after {
  background: #60BC56;
}

.pricing__card-yellow .pricing__card-body .theme-btn:hover, .pricing__card-yellow .pricing__card-body .theme-btn:focus {
  background: #60BC56;
  border-color: #60BC56;
}

.pricing__card-header {
  position: relative;
  padding: 39px 40px 29px;
  border-bottom: 1px solid rgba(96, 188, 86, 0.1);
}

.pricing__card-header .price {
  min-width: 348px;
  max-width: 100px;
  font-size: 36px;
  margin-left: -40px;
  font-weight: 600;
  line-height: 46px;
  padding: 20px 40px;
  position: relative;
  background: #60BC56;
  display: inline-block;
  border-radius: 0px 10px 10px 0px;
}

.pricing__card-body ul li i {
  color: #60BC56;
  font-size: 15px;
  margin-right: 20px;
}

.pricing__card-body .theme-btn {
  color: #60BC56;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  padding: 13.5px 30.2px;
  background: transparent;
  border: 1.5px solid rgba(96, 188, 86, 0.3);
}

.pricing__card-body .theme-btn:after {
  background: #60BC56;
}

.pricing__card-body .theme-btn:hover, .pricing__card-body .theme-btn:focus {
  color: #FFF;
  background: #60BC56;
}

.why-choose__media-wrapper .global-country {
  margin-left: auto;
  margin-top: -210px;
  display: inline-block;
  background-size: auto;
  padding: 59.8px 68.5px;
  background-color: #60BC56;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0px 0px 20px 0px;
  background-image: url(../img/services/map.png);
}

.faq .accordion-item .accordion-header button {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  background: #60BC56;
  border-radius: 0;
  padding: 12px 20px;
}

.video-play-btn {
  z-index: 1;
  top: 60px;
  left: -74px;
  width: 160px;
  height: 160px;
  display: flex;
  position: absolute;
  align-items: center;
  background: #60BC56;
  justify-content: center;
  animation: move-bottom 3s linear infinite;
}

.video-play-btn a {
  width: 60px;
  height: 60px;
  display: flex;
  color: #60BC56;
  font-size: 22px;
  line-height: 60px;
  text-align: center;
  background: #FFF;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  box-shadow: 0 0 0px 20px rgba(255, 255, 255, 0.2);
  animation: playVideo1 3s linear infinite;
}

.mfp-move-from-top .mfp-container .mfp-arrow.mfp-arrow-left:hover:before {
  color: #60BC56;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}

.mfp-move-from-top .mfp-container .mfp-arrow.mfp-arrow-right:hover:before {
  color: #60BC56;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.mfp-move-from-top .mfp-container .mfp-bottom-bar .mfp-title {
  color: #60BC56;
}

.mfp-move-from-top .mfp-container .mfp-bottom-bar .mfp-counter {
  color: #60BC56;
}

.gallery-bar {
  top: 10px;
  width: 30px;
  left: -15px;
  height: 300px;
  position: absolute;
  background: #60BC56;
  animation: move-bottom 3s linear infinite;
}

.counter-area__item.counter-area__item-three .icon {
  background: rgba(96, 188, 86, 0.1);
}

.counter-area__item .icon {
  font-size: 60px;
  min-height: 100%;
  line-height: 120px;
  background: rgba(96, 188, 86, 0.1);
}

.counter-area__item .text .number {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(96, 188, 86, 0.1);
}

.get-free__content-wrapper {
  background: #60BC56;
  background-position: 89% -1%;
  margin-left: calc(-50vw + 50%) !important;
}

.digital-area .why-choose__item a {
  display: block;
  font-size: 16px;
  margin-top: 20px;
  color: #60BC56;
  font-weight: 500;
  line-height: 24px;
}

.services-details__content ul li:after {
  left: 0;
  width: 30px;
  content: "\f00c";
  height: 30px;
  color: #60BC56;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  border-radius: 500px;
  top: calc(50% - 13px);
  background: #EFF0F6;
  font-family: "Font Awesome 5 Pro";
}

.blog-item .blog-featured-thumb .date {
  color: #FFF;
  left: 30px;
  bottom: -20px;
  font-size: 16px;
  min-width: 80px;
  padding: 19px 12px;
  border-radius: 10px;
  position: absolute;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  background-color: #60BC56;
}

.blog-item .content .post-author a {
  font-size: 12px;
  color: #60BC56;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.blog-item .content .post-meta a i, .blog-item .content .post-meta a img {
  color: #60BC56;
  margin-right: 10px;
}

.blog-item .content .post-meta a:hover, .blog-item .content .post-meta a:focus {
  color: #60BC56;
}

.blog-item .content h4 a:hover, .blog-item .content h4:focus {
  color: #60BC56;
}

.blog-item .content h3 a:hover, .blog-item .content h3:focus {
  color: #60BC56;
}

.blog-item .content .btn-link-share .theme-btn.btn-border {
  color: #60BC56;
  font-size: 15px;
  line-height: 22px;
  padding: 9px 20px;
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: 1.5px solid #E2E9FF;
}

.blog-item .content .btn-link-share .theme-btn.btn-border:after {
  background: #60BC56;
}

.blog-item .content .btn-link-share .theme-btn.btn-border:hover, .blog-item .content .btn-link-share .theme-btn.btn-border:focus {
  color: #FFF;
  background-color: #60BC56;
}

.blog-item .content .btn-link-share .theme-btn.btn-border.btn-fill {
  border: 0;
  color: #FFF;
  padding: 10.5px 21.4px;
  background-color: #60BC56;
}

.blog-item.blog-item-two .content .post-author a:hover, .blog-item.blog-item-two .content .post-author a:focus {
  color: #60BC56;
}

.page-nav-wrap ul li a {
  width: 40px;
  height: 40px;
  color: #60BC56;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  display: inline-block;
  border: 1px solid #E2E9FF;
  transition: all 0.3s ease-in-out;
}

.page-nav-wrap ul li a:hover {
  color: #FFF;
  background: #60BC56;
}

.blog-post-details blockquote:after {
  top: 0;
  left: 0;
  content: "\f10e";
  color: #60BC56;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}

.tag-share_wrapper .social-profile ul li a {
  padding: 0;
  width: 40px;
  height: 40px;
  color: #60BC56;
  display: block;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
  background-color: #E2E9FF;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  border-radius: 500px;
}

.tag-share_wrapper .social-profile ul li a:hover, .tag-share_wrapper .social-profile ul li a:focus {
  color: #FFF;
  background-color: #60BC56;
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  transform: translate(0, -5px);
}

.comments-item-list li .author-info-comment .comment-text a {
  color: #60BC56;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  line-height: 20px;
}

.comment-form .submit-btn {
  font-size: 15px;
  margin-top: 10px;
  line-height: 22px;
  display: inline-block;
  background: #60BC56;
  padding: 10.5px 20.1px;
  transition: all 0.3s ease-in-out;
}

.search_widget form button {
  top: 0;
  right: 0;
  width: 56px;
  height: 100%;
  font-size: 20px;
  color: #60BC56;
  text-align: center;
  position: absolute;
  background-color: #E2E9FF;
  transition: all 0.3s ease-in-out;
}

.search_widget form button:hover, .search_widget form button:focus {
  color: #FFF;
  background-color: #60BC56;
}

.widget_categories ul li a i {
  color: #60BC56;
  font-size: 20px;
  font-weight: 400;
}

.widget_categories ul li a:hover, .widget_categories ul li a:focus {
  color: #FFF;
  background-color: #60BC56;
}

.tags ul li a {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #60BC56;
  background: #FFF;
  border-radius: 4px;
  padding: 8.5px 20.1px;
}

.tags ul li a:hover, .tags ul li a:focus {
  color: #FFF;
  background-color: #60BC56;
}

.download-service-doc .theme-btn.btn-fdf {
  color: #FFF;
  background: #60BC56;
}

.download-service-doc .theme-btn i {
  color: #60BC56;
  font-size: 25px;
}

.team__content .title a {
  color: #60BC56;
  margin-left: 5px;
  text-decoration: underline;
}

.team-item.team-about-item .text .icon {
  width: 50px;
  left: 527px;
  height: 50px;
  color: #60BC56;
  font-size: 13px;
  line-height: 50px;
  text-align: center;
  border-radius: 500px;
  transition: all 0.3s ease;
  background: rgba(96, 188, 86, 0.14);
}

.team-item.team-about-item .icons_team a:hover {
  background-color: #60BC56;
}

.team-item.team-item-two .theme-btn::after {
  background: #60BC56;
}

.team-item .media::after {
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 10px;
  position: absolute;
  background: #60BC56;
  transition: height 1s;
}

.team-item .media.media_2::before {
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
  width: 100%;
  height: 20px;
  position: absolute;
  background: #60BC56;
  transition: height 1s;
}

.single_card_item .card_content {
  border-bottom: 1px solid rgba(96, 188, 86, 0.2);
  border-left: 1px solid rgba(96, 188, 86, 0.2);
  border-right: 1px solid rgba(96, 188, 86, 0.2);
}

.single_card_item .card_content button {
  height: 50px;
  width: 100%;
  background: #E2E9FF;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #60BC56;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.single_card_item .card_content button:hover {
  background-color: #60BC56;
  color: #FFF;
}

.team-details__media .social-profile span {
  color: #60BC56;
  font-weight: 500;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  transform-origin: 77px -46px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.team-details__media .social-profile ul li a:hover, .team-details__media .social-profile ul li a:focus {
  color: #EFF0F6;
  background-color: #60BC56;
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  transform: translate(5px, 0);
}

.team-details__content h6 {
  color: #60BC56;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.team-details__content ul li:after {
  left: 0;
  width: 25px;
  content: "\f00c";
  height: 25px;
  color: #60BC56;
  line-height: 25px;
  font-size: 10px;
  text-align: center;
  position: absolute;
  border-radius: 500px;
  background: #EFF0F6;
  font-family: "Font Awesome 5 Pro";
}

.team-details__block .educational-item .number {
  width: 66px;
  height: 66px;
  color: #60BC56;
  min-width: 66px;
  line-height: 66px;
  text-align: center;
  border-radius: 500px;
  background: #E2E9FF;
}

.team-details__block .educational-item .text p span {
  color: #60BC56;
}

.can-help__content .help-text a {
  display: block;
  color: #60BC56;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}

.can-help__content-btn-group .theme-btn {
  gap: 15px;
  width: 100%;
  border-radius: 4px;
  padding: 20.5px 22px;
  background: transparent;
  border: 1.5px solid rgba(96, 188, 86, 0.3);
}

.can-help__content-btn-group .theme-btn .icon {
  color: #60BC56;
}

.can-help__content-btn-group .theme-btn:hover .text span, .can-help__content-btn-group .theme-btn:hover .text h5, .can-help__content-btn-group .theme-btn:focus .text span, .can-help__content-btn-group .theme-btn:focus .text h5 {
  color: #60BC56 !important;
}

.progress-bar__wrapper .single-progress-bar .progress-bar .placeholder {
  z-index: 1;
  width: 40px;
  height: 40px;
  bottom: 6px;
  color: #60BC56;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  margin-left: -40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/team-details/comment.png);
  opacity: 0;
  animation: show 0.35s forwards ease-in-out 0.5s;
}

.our-team.our-porfolio .our-project__item .content .theme-btn::after {
  background: #60BC56;
}

.delivery__media-theme-btn-wrapper:after {
  z-index: -1;
  content: "";
  width: 433px;
  height: 433px;
  bottom: -380px;
  position: absolute;
  border-radius: 500px;
  left: calc(50% - 216px);
  background: rgba(96, 188, 86, 0.9);
}

.delivery__media-theme-btn-wrapper .popup-video {
  width: 85.71px;
  height: 85.71px;
  display: flex;
  color: #60BC56;
  font-size: 27px;
  line-height: 85px;
  display: block;
  text-align: center;
  background: #FFF;
  position: relative;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  animation: playscale 3s linear infinite;
}

.delivery__wrapper:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: rgba(96, 188, 86, 0.7);
  -webkit-transition: all all 0.3s ease ease-in-out;
  -moz-transition: all all 0.3s ease ease-in-out;
  -ms-transition: all all 0.3s ease ease-in-out;
  -o-transition: all all 0.3s ease ease-in-out;
  transition: all all 0.3s ease ease-in-out;
}

.company-skill-home-3 .popup-video {
  top: 17px;
  width: 85px;
  z-index: 1;
  left: 307px;
  height: 85px;
  display: flex;
  color: #60BC56;
  font-size: 27px;
  line-height: 85px;
  position: absolute;
  text-align: center;
  background: #FFF;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  box-shadow: 0 0 0px 17px #60BC56;
  animation: playVideo3 3s linear infinite;
}

.competitive-edge__item {
  gap: 20px;
  margin-bottom: 30px;
  background: #F1F2F7;
  padding: 32.5px 10px 34px 30px;
  border: 1px solid rgba(96, 188, 86, 0.2);
}

.competitive-edge__item.competitive-edge__item_2::after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  content: "";
  clear: both;
  display: flex;
  background: linear-gradient(270deg, rgba(96, 188, 86, 0.96) 0%, rgba(96, 188, 86, 0.7) 190.8%);
  border-radius: 6px;
}

.competitive-edge__item-video {
  gap: 10px;
  border: none;
  padding: 33px 45px 39px 34px;
  background: linear-gradient(106.81deg, #60BC56 0%, #0125A9 100%);
}

.competitive-edge__item-video .arrow-right .popup-video {
  width: 50px;
  height: 50px;
  display: flex;
  line-height: 50px;
  text-align: center;
  align-items: center;
  background: #FFF;
  border-radius: 500px;
  justify-content: center;
  box-shadow: 0 0 0px 10px rgba(96, 188, 86, 0.2);
  animation: playVideo4 3s linear infinite;
}

.competitive-edge__item-video .arrow-right .popup-video i {
  margin: 0;
  font-size: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #60BC56 !important;
}

.competitive-edge__item .arrow-right i {
  width: 50px;
  height: 50px;
  color: #60BC56;
  font-size: 12px;
  min-width: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 500px;
  background: rgba(96, 188, 86, 0.14);
}

.competitive-edge__item .arrow-right i:hover, .competitive-edge__item .arrow-right i:focus {
  color: #FFF;
  background: #60BC56;
}

.error__content .text .theme-btn:hover, .error__content .text .theme-btn:focus {
  background: #60BC56;
}

.cta-banner__content {
  gap: 30px;
  z-index: 1;
  padding-top: 52px;
  position: relative;
  padding-bottom: 52px;
  background-color: #60BC56;
}

.dark .similar-work .similar-work__item .title {
  color: #60BC56 !important;
}

.dark .competitive-edge__item.competitive-edge__item_2::after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  content: "";
  clear: both;
  display: flex;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.96) 0%, rgba(96, 188, 86, 0.7) 190.8%);
  border-radius: 6px;
}

.footer-1 .single-footer-wid ul li:hover a, .footer-1 .single-footer-wid ul li:focus a {
  color: #60BC56;
}

.footer-1 .recent_post_widget .recent-post-list .single-recent-post .post-data span i {
  color: #60BC56;
  font-size: 15px;
  margin-right: 5px;
  transition: all 0.3s ease;
}

.footer-1 .recent_post_widget .recent-post-list .single-recent-post .post-data h5:hover {
  color: #60BC56;
}

.footer-1 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data h5, .footer-1 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data span, .footer-1 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data i, .footer-1 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data h5, .footer-1 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data span, .footer-1 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data i {
  color: #60BC56 !important;
}

.footer-1 .newsletter_widget .newsletter_box form input {
  width: 100%;
  color: #FFF;
  font-size: 16px;
  line-height: 19px;
  border-radius: 2px;
  background: transparent;
  padding: 21px 200px 21px 20px;
  border: 1px solid rgba(96, 188, 86, 0.3);
}

.footer-1 .newsletter_widget .newsletter_box form button {
  border: 0;
  right: 9px;
  color: #FFF;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  position: absolute;
  font-family: "Poppins", sans-serif;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
  padding: 9.5px 18px;
  top: calc(50% - 21.5px);
  background-color: #60BC56;
  transition: all 0.4s ease-in-out;
}

.footer-1 .social-profile ul li a:hover, .footer-1 .social-profile ul li a:focus {
  color: #FFF;
  background-color: #60BC56;
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  transform: translate(0, -5px);
}

.footer-1 .wid-contact ul li .icon i {
  color: #60BC56;
  font-size: 15px;
}

.footer-1 .footer-bottom-content .coppyright.coppyright-2 a:hover, .footer-1 .footer-bottom-content .coppyright.coppyright-2 a:focus {
  color: #60BC56;
}

.footer-1 .footer-bottom-content .coppyright a {
  color: #60BC56;
  font-weight: 500;
}

.footer-1 .footer-bottom-list.footer-bottom-list_2 li:hover a, .footer-1 .footer-bottom-list.footer-bottom-list_2 li:focus a {
  color: #60BC56;
}

.footer-1 .footer-bottom-list ul li:hover a, .footer-1 .footer-bottom-list ul li:focus a {
  color: #60BC56;
}

.footer-2 .newsletter_widget .newsletter_box form button.btn-yellow:hover {
  background: #60BC56;
}

.footer-2 .contact-wrapper .wid-contact ul li .icon i:hover, .footer-2 .contact-wrapper .wid-contact ul li .icon i:focus {
  background: #60BC56;
}

.footer-2 .single-footer-wid ul li:hover a, .footer-2 .single-footer-wid ul li:focus a {
  color: #60BC56;
}

.footer-2 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data h5, .footer-2 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data span, .footer-2 .recent_post_widget .recent-post-list .single-recent-post:hover .post-data i, .footer-2 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data h5, .footer-2 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data span, .footer-2 .recent_post_widget .recent-post-list .single-recent-post:focus .post-data i {
  color: #60BC56 !important;
}

.footer-2 .footer-bottom-content .coppyright a:hover, .footer-2 .footer-bottom-content .coppyright a:focus {
  color: #60BC56;
}

.header-logo .logo img,
.site_info_box > a img {
  height: 48px;
  width: auto;
}

.progress-bar__wrapper .single-progress-bar .progress-bar {
  background-color: #60BC56;
}

.our-team.our-team-home-3 .team-item .media img {
  object-fit: cover;
  object-position: center;
}