/*
Theme Name: Star Mining
Theme URI: https://aayatinfosys.com/
Author: Shahnawaz Khan
Author URI: https://aayatinfosys.com/
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.3.3
Requires at least: 5.0
Tested up to: 6.3.1
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

body {
  font-family: "Raleway", sans-serif;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}
b,
strong {
  font-weight: 500 !important;
  font-family: "Montserrat" !important;
  font-size: 18px !important;
}
/* Style accordion buttons when not collapsed */
.accordion-button:not(.collapsed) {
  background: linear-gradient(to right, #0a96d2, #044ea9);
  color: #fff;
  border-radius: 5px; /* Add border-radius */
}

/* Style accordion buttons by default */
.accordion-button {
  background: linear-gradient(to right, #0a96d2, #044ea9);
  color: #fff;
  border-radius: 5px; /* Add border-radius */
}

/* Style arrow color for expanded accordion buttons */
.accordion-button:not(.collapsed)::after {
  color: #fff;
}
/* Remove focus outline on accordion buttons */
.accordion-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.accordion-item {
  margin-bottom: 20px;
}
.accordion {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn-primary {
  padding: 10px 20px;
  background: linear-gradient(to right, #0a96d2, #044ea9);
  border: none;
  border-radius: 0px;
  color: #fff;
  transition: background-color 0.3s ease;
  font-weight: 500;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none !important;
  opacity: var(--bs-btn-close-focus-opacity);
}

.btn-primary:hover {
  background: linear-gradient(to right, #044ea9, #0a96d2);
}

.section-head h2 {
  text-align: left;
  text-transform: capitalize;
  padding-bottom: 5px;
  font-weight: 500;
}
h2.widget-title.h5{
    font-weight: 500 !important;
}
.section-head {
  margin-bottom: 30px;
}
.section-head h2:after {
  width: 50px;
  height: 5px;
  display: block;
  content: "";
  position: relative;
  margin-top: 15px;
  background: linear-gradient(to right, #d33128, #d33128);
  border-radius: 8px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.bg-light {
  background-color: #fff !important;
  box-shadow: 0px 0 20px -1px rgba(0, 0, 0, 0.1);
}

.navbar-brand img {
  height: 63px;
}

.top-email .fa {
  font-size: 20px;
}

.top-phone .fa {
  font-size: 20px;
}

.right-area .fa {
  font-size: 16px;
}

.navbar-nav .active > .nav-link {
  color: #ffdf78 !important;
}

.navbar-nav .nav-link {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.navbar-nav * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.navbar-nav .nav-link {
  padding: 0.5em 0.8em;
  margin: 0.2em 0;
  display: block;
  color: #044ea9;
  position: relative;
  text-decoration: none;
  margin-left: 4px;
  margin-right: 4px;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
}

.navbar-nav .nav-link:hover,
.navbar-nav .active > .nav-link {
  color: #fff !important;
  background: linear-gradient(to right, #0a96d2, #044ea9);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #fff !important;
  background: linear-gradient(to right, #0a96d2, #044ea9);
}

.nav-link:hover:before,
.navbar-nav .active > .nav-link:before,
.navbar-nav .nav-link:hover:after,
.navbar-nav .active > .nav-link:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

.quote-btn {
  margin-top: -2px;
  margin-left: 15px;
}

.top-nav {
  background: linear-gradient(to right, #0a96d2, #044ea9);
  height: 45px;
  color: #fff;
}

.left-area {
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
}

.top-nav .top-email {
  flex: 0 0 33%;
}

.left-area a {
  text-decoration: none;
}

.social-right a {
  text-decoration: none;
}

.top-nav .top-phone {
  flex: 1;
}

.top-phone a {
  color: #fff !important;
}

.top-email a {
  color: #fff !important;
}

.top-email a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.top-phone a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.right-area {
  float: right;
  padding-top: 8px;
  padding-bottom: 8px;
}

.right-area .fa-brands {
  font-size: 16x;
  color: #fff;
  padding-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.page-header {
  padding-top: 40px;
  padding-bottom: 30px;
  background: linear-gradient(to right, #0a96d2, #044ea9);
  font-family: "Montserrat", sans-serif;
}

.page-header-csr {
  padding-top: 40px;
  padding-bottom: 30px;
  background: linear-gradient(
      to right,
      rgba(10, 150, 210, 0.85),
      rgba(4, 78, 169, 0.85)
    ),
    url("https://www.starinfracon.com/wp-content/uploads/2025/02/csr-top-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
}

.page-header-title h1 {
  text-transform: capitalize;
  border-left: 5px solid #fff;
  padding-left: 10px;
  color: #fff;
}

.breadcrumb-custom a:hover {
  color: #fff;
}

.breadcrumb-custom a {
  color: #fff !important;
}

.breadcrumb-custom-post .breadcrumb a {
  color: #fff !important;
  text-decoration: none;
}

.breadcrumb-custom-post .breadcrumb a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.breadcrumb-custom {
  color: #fff;
}

.breadcrumb-custom-post .breadcrumb {
  background-color: transparent !important;
  color: #fff !important;
}

.text-justify {
  text-align: justify;
}
/*--------------------------------------------------------------
# End of Header Design
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* SMARTPHONES LANDSCAPE & TABLETS PORTRAIT -start*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .navbar-light .navbar-toggler {
    border: black !important;
    background-color: transparent !important;
  }
  .interested-area h2 {
    font-size: 18px;
  }
  .top-nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .c-1-add {
    margin-left: -5px !important;
  }

  .content-image-inside {
    width: 100%;
    height: 250px !important;
    border-radius: 3px;
  }

  .contact-left {
    padding-bottom: 70px !important;
  }

  .top-nav .top-phone {
    display: none;
  }

  .top-nav .top-email {
    flex: 0 0 100%;
  }

  .page-header-title h1 {
    font-size: 22px;
  }

  .nav-link {
    text-align: center;
  }

  .navbar-brand img {
    height: 40px;
  }

  .social-right {
    display: flex;
    justify-content: center;
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(212, 7, 14, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
  .partner-item img {
    height: auto !important;
  }

  .top-nav .top-phone {
    flex: none;
  }
}

/* SMARTPHONES LANDSCAPE & TABLETS PORTRAIT -end*/

@media only screen and (max-width: 768px) {
  .text-justify {
    text-align: left;
  }
}

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .c-1-add {
    margin-left: -5px !important;
  }
  .interested-area h2 {
    font-size: 18px;
  }
  .partner-item img {
    height: auto !important;
  }
  .top-nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .top-nav .top-phone {
    flex: none;
  }

  .social-right {
    display: flex;
    justify-content: center;
  }

  .content-image-inside {
    width: 100%;
    height: 250px !important;
    border-radius: 3px;
  }

  .page-header-title h1 {
    font-size: 22px;
  }

  .front-boxes {
    display: none !important;
  }

  .contact-left {
    padding-bottom: 70px !important;
  }

  .navbar-brand img {
    height: 40px;
  }

  .nav-link {
    text-align: center;
  }

  .navbar-light .navbar-toggler {
    border: black !important;
    background-color: transparent !important;
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(212, 7, 14, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
}

/*--------------------------------------------------------------
# End of Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.contact-list li {
  color: #fff;
  list-style: none;
  margin-bottom: 15px;
}
.contact-list li a:hover {
  text-decoration: underline;
}
.contact-list li a {
  text-decoration: none;
}
.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px; /* Space between list items */
}

.contact-list li .fa-solid {
  flex-shrink: 0;
  margin-right: 10px;
  background-color: #252432;
  padding: 10px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  text-align: center;
  color: #fff; /* Icon color */
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px; /* Space between icons */
  margin-top: 40px;
}

.social-icons li {
  display: inline-block;
}

.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #252432;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.social-icons a:hover {
  background-color: var(
    --brand-color
  ); /* Replace with your desired hover color */
}

.contact-list li a {
  text-decoration: none;
  color: inherit; /* Inherit the color for better styling */
}

.contact-list li span {
  word-break: break-word; /* This helps long text to wrap to the next line if needed */
}

.contact-list li a:hover {
  text-decoration: underline;
}
.footer-links li a:hover {
  text-decoration: underline;
}
.footer_widget ul li a {
  color: #fff;
}

.bootscore-footer {
  color: #fff;
  background: linear-gradient(to right, #0a96d2, #044ea9);
}
.links {
  margin-top: 20px;
}
.links ul li {
  padding-bottom: 12px;
}
.links ul li a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 8px;
}
.links ul li a:hover {
  color: #fff;
  text-decoration: underline !important;
}
h5,
.h5,
.woocommerce .card .woocommerce-loop-product__title {
  font-family: "Montserrat", sans-serif;
}

small.bootscore-copyright {
  font-size: 16px;
  color: #fff;
}

.links a {
  position: relative;
  padding-left: 20px;
}

.links a::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #fff;
}

.form-control {
  border-radius: 0px;
}

small.bootscore-copyright a {
  text-decoration: none;
  color: #fff;
}

.btn .btn-primary {
  background-color: #044ea9 !important;
}

small.bootscore-copyright a:hover {
  color: #fff;
  text-decoration: underline !important;
}

.bootscore-info {
  background-color: #1b1b1b;
  color: #fff !important;
  padding: 15px;
}

.f-address {
  margin-bottom: 12px;
}

.f-phone {
  margin-bottom: 12px;
}

.f-phone a {
  color: #fff;
  text-decoration: none;
}

.f-email a {
  color: #fff;
  text-decoration: none;
}

.f-email {
  margin-bottom: 12px;
}

.f-time {
  margin-bottom: 12px;
}

/*--------------------------------------------------------------
# End of Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.partner-item {
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #0a96d2, #044ea9);
  border-image-slice: 1;
}
.partner-item img {
  height: 160px;
  width: 100%;
}
.partner-item img {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.about-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  padding: 4rem 0;
  position: relative;
}

.about-section::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 150px;
  height: 150px;
  background: rgba(52, 152, 219, 0.1);
  border-radius: 30px;
  transform: rotate(45deg);
}

.about-section::after {
  content: "";
  position: absolute;
  bottom: -80px;
  right: -80px;
  width: 200px;
  height: 200px;
  background: rgba(52, 152, 219, 0.1);
  border-radius: 50%;
}

.about-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transform: rotate(-2deg);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.about-image:hover {
  transform: rotate(1deg) scale(1.02);
  box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.2);
}

.about-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    rgba(52, 152, 219, 0.1) 0%,
    rgba(41, 128, 185, 0.05) 100%
  );
}

.about-text {
  position: relative;
  padding-left: 20px;
  border-left: 3px solid #d33128;
  margin: 1.5rem 0;
  font-size: 18px;
}

.partner-item:hover img {
  transform: scale(1.1);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.bg-section-grey {
  background-color: #f9f8fa;
}
.owl-prev,
.owl-next {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block !important;
  border: 0px solid black;
}

.owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}
.owl-prev {
  left: -10px;
}
.owl-next {
  right: -10px;
}
.owl-prev i,
.owl-next i {
  transform: scale(2, 2);
  color: #ccc;
}

a.card-link {
  text-decoration: none;
}
/*--------------------------------------------------------------
# End of Homepage
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Single Product Page
--------------------------------------------------------------*/
.interested-area h2 {
  text-transform: uppercase;
  border-bottom: 2px solid #044ea9;
  margin-top: 0px !important;
  padding-top: 0;
  margin-bottom: 25px;
  display: inline-block;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 1px;
  margin-left: 15px;
  font-size: 24px;
}
img.category-image {
  border: 2px solid #044ea9;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 5px;
}
.custom-icon {
  color: #044ea9;
}
.custom-list {
  list-style: none;
}
.custom-list li {
  margin-bottom: 10px;
}
.about-section img {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 2px solid #044ea9;
}

.hover-effect:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# End of Single Product Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# About Us Page
--------------------------------------------------------------*/
.plr0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.experience-banner {
  background: linear-gradient(45deg, #0066cc, #004799);
  border: 3px solid rgba(255, 255, 255, 0.2);
}

.client-item {
  transition: transform 0.3s ease;
  border: 1px solid #dee2e6;
}

.client-item:hover {
  transform: translateY(-3px);
}

.icon-box {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantage-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.advantage-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.network-coverage li,
.services-list li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.feature-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.feature-item:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: scale(1.05);
}

.industries-section .card {
  border: none;
  transition: transform 0.3s ease;
}

.iso-badge {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.process-step {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.process-step:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.step-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

ul.list-unstyled li {
  margin-bottom: 8px;
}

.img-fluid {
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {
  .img-about-top {
    height: 200px !important;
    width: 100%;
  }
  .about-text{
      font-size: 16px;
  }
  .about-section::after {
    content: "";
    position: absolute;
    bottom: -80px;
    right: -5px;
    width: 200px;
    height: 200px;
    background: rgba(52, 152, 219, 0.1);
    border-radius: 50%;
  }
}

.img-about-top {
  height: 340px;
}

.about-content-left {
  padding: 16px;
}

.about-box-top {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

/* Custom Card Styling */
.custom-card {
  background: #ffffff;
  padding: 30px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  height: 100%;
}

.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
}

/* Icon Box */
.icon-box {
  width: 60px;
  height: 60px;
  background: linear-gradient(to right, #0a96d2, #044ea9);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto 20px;
}

/* Card Title */
.card-title {
  font-size: 22px;
  color: #333;
  text-transform: capitalize;
  margin-bottom: 15px;
}

/* Card Text */
.card-text {
  font-size: 16px;
  color: #000;
  line-height: 1.6;
}

.values-operations {
  background: linear-gradient(to bottom right, #f8f9fa 50%, #ffffff 50%);
}

.value-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.infrastructure-map {
  background: linear-gradient(45deg, #0066cc, #004799);
  min-height: 300px;
}

.country-card {
  transition: transform 0.3s ease;
  border: 1px solid #dee2e6;
}

.country-card:hover {
  transform: scale(1.05);
}

.project-highlight {
  border-left: 4px solid #0066cc;
}

.operation-detail li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.company-mission {
  border-left: 4px solid #0066cc;
  background: rgba(0, 102, 204, 0.05);
}

.value-item {
  transition: all 0.3s ease;
}

.value-item:hover {
  transform: translateY(-3px);
  background: rgba(0, 0, 0, 0.02);
}

.safety-priority {
  border: 2px solid #dc3545;
  background: rgba(220, 53, 69, 0.05);
}

.priority-list .priority-item {
  border-bottom: 2px solid #dc3545;
  padding-bottom: 10px;
}

.safety-requirements li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.company-section .icon-box {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.sector-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.sector-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.industry-impact {
  border-left: 4px solid #0066cc;
  background: rgba(0, 102, 204, 0.03);
}

.sector-item {
  transition: transform 0.3s ease;
}

.sector-item:hover {
  transform: scale(1.05);
}

.service-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.service-image {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.05);
}

.front-page .service-content {
  padding: 25px;
}

.service-title {
  font-size: 1.4rem;
  margin-bottom: 15px;
  font-weight: 500;
}

.service-excerpt {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  min-height: 80px;
}

.service-link {
  display: inline-flex;
  align-items: center;
  color: #3498db;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.service-link i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.service-link:hover {
  color: #2980b9;
}

.service-link:hover i {
  transform: translateX(5px);
}

/* Owl Carousel Customization */
.owl-nav button {
  background: #3498db !important;
  color: white !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  transition: all 0.3s ease;
}

.owl-nav button:hover {
  background: #2980b9 !important;
  transform: scale(1.1);
}

.owl-dots {
  margin-top: 20px !important;
}

.owl-dot span {
  background: #dfe6e9 !important;
  transition: all 0.3s ease;
}

.owl-dot.active span {
  background: #3498db !important;
  transform: scale(1.2);
}

@media (max-width: 768px) {
  .service-image {
    height: 200px;
  }

  .service-title {
    font-size: 1.2rem;
  }
}
/*--------------------------------------------------------------
# End of About Us Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Contact Page Design
--------------------------------------------------------------*/
.contact-left {
  overflow: hidden;
}

.right-text {
  margin-top: 10px;
}

.right-detail {
  margin-bottom: 25px;
}

.contact-icon-1 {
  font-size: 50px;
  color: #2d568f;
  text-align: center;
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: center;
}

.contact-detail {
  margin-bottom: 10px;
}

.contact-detail a {
  color: #333 !important;
}

.contact-detail a:hover {
  color: #333 !important;
  text-decoration: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.055) inset,
    0 0 5px rgba(4, 78, 169, 0.3) !important;
  outline: 0 none !important;
  border: 1px solid rgba(4, 78, 169, 1) !important;
}

.plr5 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.contact-heading h2 {
  position: relative;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
  letter-spacing: 1px;
  border-left: solid 5px #d33128;
  margin-left: -10px;
  padding-left: 10px;
}

.contact-right-area {
  margin-left: 5px;
}

.get-touch-icon {
  background: linear-gradient(to right, #0a96d2, #044ea9);
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.get-touch-icon .fa {
  color: #fff;
  margin-top: 5px;
  font-size: 22px;
}

.get-touch-icon .fa-envelope {
  font-size: 18px;
}

.c-add a {
  color: #111;
  text-decoration: none;
}

.c-add a:hover {
  color: #772c44;
  text-decoration: none;
}

.c-1-add {
  margin-left: -60px;
  margin-top: 5px;
}

.c-1-add a {
  color: #111;
}

.c-1-add a:hover {
  color: #044ea9;
  text-decoration: none;
}

.c-add {
  color: #111;
}

.contact-right {
  margin-bottom: 30px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  margin-top: 80px !important;
}

/*--------------------------------------------------------------
## End of Contact Page Design
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## CSR PAGE DESIGN
--------------------------------------------------------------*/

/* CSR Impact Cards */
.csr-impact-section .card {
  background: #fff;
  padding: 20px;
  transition: 0.3s ease-in-out;
  border-radius: 10px;
  height: 100%;
}
.csr-impact-section .card:hover {
  transform: translateY(-5px);
}

/*--------------------------------------------------------------
## SERVICES PAGE DESIGN
--------------------------------------------------------------*/
/* .service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 0px;
  overflow: hidden;
  border: 2px solid transparent;
  border-image: linear-gradient(to right, #0a96d2, #044ea9);
  border-image-slice: 1;
} */

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 15px 40px rgba(4, 78, 169, 0.4);
}

/* Image Container */
.service-card .card-img-top {
  position: relative;
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 0px !important;
}

/* Glass Overlay Effect */
.service-card .image-overlay {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(3px);
  transition: left 0.8s ease-in-out;
}

.service-card:hover .image-overlay {
  left: 100%;
}

.service-item {
  transition: all 0.3s ease-in-out;
}
.service-item:hover {
  background-color: #f8f9fa;
  transform: translateX(5px);
  color: #000 !important;
}
.text-gradient {
  background: linear-gradient(to right, #0a96d2, #044ea9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-transform: capitalize !important;
}

/* Fix for text selection */
.text-gradient::selection {
  background: #0a96d2;
  -webkit-text-fill-color: white;
  color: white;
}

.active-service {
  background-color: #f9f8fa;
  color: #000 !important;
  font-weight: 500;
}

.product-card {
  border: none;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  position: relative;
  background: #ffffff;
  margin-bottom: 1.5rem;
}

.product-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3));
  z-index: 1;
  border-radius: 17px;
}

.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.card-header {
  padding: 1.5rem;
  background: linear-gradient(
    135deg,
    var(--header-color),
    var(--header-color-dark)
  );
  position: relative;
  overflow: hidden;
  border: none;
}

.card-header::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.15));
  transform: rotate(45deg);
}

.card-header h3 {
  position: relative;
  z-index: 2;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
}

.card-header i {
  font-size: 1.4rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  margin-right: 12px;
}

.product-card .card-body {
  padding: 1.5rem;
}

.card-body {
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.product-list {
  list-style: none;
  padding-left: 0;
}

.product-list li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.product-list li:last-child {
  border-bottom: 0;
}

.product-list li:hover {
  transform: translateX(10px);
}

.product-list i {
  margin-right: 12px;
  font-size: 1.1rem;
  min-width: 25px;
}

/* Color Variables */
.bg-primary {
  --header-color: #3498db;
  --header-color-dark: #2980b9;
}
.bg-success {
  --header-color: #27ae60;
  --header-color-dark: #219a52;
}
.bg-danger {
  --header-color: #e74c3c;
  --header-color-dark: #c0392b;
}

@media (max-width: 768px) {
  .section-title h2 {
    font-size: 2.2rem;
  }

  .product-card {
    margin-bottom: 1rem;
  }
}

/* Animation */
@keyframes cardEntrance {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.product-card {
  animation: cardEntrance 0.6s ease forwards;
  opacity: 0;
}

.product-card:nth-child(1) {
  animation-delay: 0.2s;
}
.product-card:nth-child(2) {
  animation-delay: 0.4s;
}
.product-card:nth-child(3) {
  animation-delay: 0.6s;
}