/* Template-local contrast and responsive refinements. */
body { color: #263238; font-weight: 400; }
.text, .team .team-text .sub-heading, .stats .sub-heading { color: #505b61; opacity: 1; }
.bg-blue, .blue-btn { background-color: #007580; }
.banner-slider .banner-left-area { background-color: #0596a1; }
.banner-slider .banner-right-area .detail-text .heading,
.banner-slider .banner-right-area .detail-text .sub-heading,
.banner-slider .banner-right-area .detail-text .text { color: #20302a; }
.banner-slider .banner-right-area .detail-text { position: relative; z-index: 2; width: 60%; }
.banner-slider .banner-right-area .detail-text .sub-heading { font-size: 22px; font-weight: 500; }
.banner-slider .banner-right-area .detail-text .heading { font-size: clamp(30px, 3vw, 46px); line-height: 1.12; }
.banner-slider .banner-right-area .detail-text .text { font-weight: 400; line-height: 1.65; }
.banner-slider .white-trans-btn { color: #20302a !important; border-color: #20302a; font-weight: 600; background: transparent; }
.banner-slider .white-trans-btn:hover { color: #20302a !important; background: #fff; }
.banner-slider .img-object { left: 0; bottom: 0; width: 34%; height: 72%; overflow: hidden; }
.banner-slider .img-object.right { right: 0; left: auto; bottom: 0; width: 34%; height: 64%; }
.banner-slider .img-object img { width: 100%; height: 100%; object-fit: cover; }
.banner-slider .bg-yellow .img-object img { object-position: 27% center; }
.banner-slider .banner-left-area .inner-content .heading { font-size: clamp(40px, 4.6vw, 68px); }
.banner-slider .slider-play-btn { white-space: nowrap; font-weight: 400; }
.portfolio-sec .portfolio-footer .text { color: #53616b; opacity: 1; }
.portfolio-sec .portfolio-footer .portfolio-mini-heading { font-size: 22px; line-height: 1.4; }
.portfolio-sec .portfolio-links i { color: #20302a; }
.color-green { color: #547000 !important; }
.color-yellow { color: #806900 !important; }
.color-blue { color: #007580 !important; }
.team .name-img .name { color: #20302a; font-weight: 600; }
#team-carousal .item:hover .name-img .name { color: #fff; }
.team .team-img img { object-fit: cover; }
.pricing-sec .pricing-cards .pricing-box .pricing-box-header .pricing-price { font-size: 36px; white-space: nowrap; }
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .pricing-price,
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-header .sub-text,
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .pricing-price,
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-header .sub-text { color: #20302a !important; }
.pricing-sec .pricing-currency { font-size: 16px; color: #20302a; font-style: normal; }
.pricing-sec .pricing-cards .pricing-box .pricing-detail-overlay { background: #007580; }
.pricing-sec .pricing-cards .pricing-box .pricing-box-detail ul li { font-weight: 400; color: #505b61; }
.pricing-sec .pricing-cards .pricing-card:hover .pricing-box .pricing-box-detail ul li,
.pricing-sec .pricing-cards .pricing-card.active .pricing-box .pricing-box-detail ul li { color: #fff; }
.blue-btn, .green-btn, .yellow-btn { color: #fff; background: #007580; border-color: #007580; }
.btn.btn-hvr:hover { color: #fff; }
.btn.btn-hvr span { background: #285a37; }
.header-appear, .header-appear .sidemenu_btn, .scroll-top-arrow { background-color: #547000; }
.side-menu .bg-overlay { background-color: #174b43; opacity: .75; }
.side-menu .side-nav .nav-link, .side-menu .menu-company-details, .side-menu .side-footer { color: #fff; }
.contact-sec .contact-form .form-control,
.contact-sec .contact-form .form-control::placeholder { color: #52616a; opacity: 1; }
.contact-sec .contact-form .form-control { border-color: #b6c2c6; }
.contact-sec .contact-form .form-control:focus { border-color: #007580; box-shadow: 0 0 0 3px #00758026; }
a:focus-visible, button:focus-visible { outline: 3px solid #20302a; outline-offset: 4px; }
.sponser-sec .sponser-tags .item img { width: 155px; height: 30px; object-fit: contain; opacity: 1; }
.stats .plant-img img { width: 260px; max-width: 100%; border-radius: 3px; object-fit: cover; }
@media (min-width: 992px) {
  .banner-slider, .banner-slider .banner-slider-row { min-height: 820px; }
  .banner-slider .height-50 { min-height: 410px; }
}
@media (max-width: 991px) {
  .banner-slider .banner-right-area .detail-text { width: 66%; }
  .banner-slider .slider-right-box { padding: 70px 0; min-height: 480px; }
}
@media (max-width: 767px) {
  .heading, .team .main-heading { font-size: 34px; line-height: 1.22; }
  .banner-slider .banner-left-area { padding: 150px 16px; min-height: 500px; }
  .banner-slider .banner-left-area .inner-content .heading { font-size: 38px; }
  .banner-slider .banner-right-area .detail-text { width: auto; margin: 0 20px !important; }
  .banner-slider .banner-right-area .detail-text .heading { font-size: 36px; }
  .banner-slider .slider-right-box { padding: 56px 0 205px; min-height: 550px; align-items: flex-start !important; }
  .banner-slider .img-object, .banner-slider .img-object.right { width: 46%; height: 180px; }
  .portfolio-sec .portfolio-heading-area .heading { font-size: 34px; width: 100%; word-break: normal; overflow-wrap: normal; }
  .portfolio-sec .portfolio-heading-area .heading span { display: block; }
  .portfolio-sec .portfolio-heading-area { margin-bottom: 48px; }
  .portfolio-sec .portfolio-footer { gap: 18px; padding-top: 32px; }
  .portfolio-sec .portfolio-footer > .col-4 { flex: 0 0 100%; max-width: 100%; }
  .portfolio-sec .portfolio-footer .portfolio-mini-detail { margin-top: 0; }
  .portfolio-sec .portfolio-footer .portfolio-mini-heading { font-size: 19px; margin-bottom: 0; }
  .portfolio-sec .portfolio-footer .text { padding-top: 2px; margin-bottom: 0; width: 100%; }
  .pricing-sec .pricing-cards { width: 100%; }
  .pricing-sec .pricing-cards .pricing-card { padding-left: 18px; padding-right: 18px; }
  .contact-sec .heading { font-size: 32px; }
  .stats .plant-img { margin-top: 28px; }
}
/* Dark ink keeps small text legible on the original turquoise artwork. */
.banner-slider .slider-play-btn,
.banner-slider .slider-play-btn:hover,
.banner-slider .slider-play-btn span i { color: #102022; }
.banner-slider .slider-play-btn span { border-color: #102022; }