@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* =====================================================
   DROPDOWN FIX — paste into styles.css
   (replaces / overrides the conflicting overflow rules)
   ===================================================== */

/* 1. The root overflow-x rule must NOT apply to the header/navbar,
      because Bootstrap dropdowns are position:absolute and get clipped. */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* 2. Allow header & navbar to overflow visually so dropdowns are visible */
.header,
.navbar,
.navbar .container,
.navbar-collapse,
.navbar-nav {
  overflow: visible !important;
}

/* 3. Fix: the global rule  section, .container { overflow-x: hidden }
      clips the dropdown. Override for the header only. */
header.header .container {
  overflow: visible !important;
  max-width: 100% !important;   /* keep existing max-width intact */
}

/* 4. Ensure the dropdown menu itself is never clipped */
.navbar .dropdown-menu {
  overflow: visible !important;
  /* Bootstrap already sets position:absolute; make sure z-index wins */
  z-index: 99999 !important;
}

/* 5. Remove the horizontal scrollbar that appears inside the collapsed
      mobile navbar. The scrollbar was caused by a wide child element
      inside .navbar-collapse. */
.navbar-collapse {
  overflow-x: hidden !important;   /* hide any horizontal bleed */
  overflow-y: auto  !important;   /* allow vertical scroll on tiny screens */
  max-height: 80vh;               /* prevent it growing off-screen */
}

/* 6. On desktop (lg+) the collapse is always open — no scroll needed */
@media (min-width: 992px) {
  .navbar-collapse {
    overflow: visible !important;
    max-height: none !important;
  }
}

/* 7. Hover-open dropdowns on desktop (already in your main.js but
      added here as a pure-CSS fallback so it works without JS too) */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block !important;
    margin-top: 0;
  }
}




/* ── PREVENT HORIZONTAL SCROLL ── */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

/* Fix Bootstrap row negative margins causing overflow */
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Fix any section/container overflowing */
section,
.container,
.container-fluid {
 /* max-width: 100% !important;
  overflow-x: hidden !important; */
}

/* Fix the banner specifically */
.banner-slider,
.banner-slider .carousel,
.banner-slider .carousel-inner,
.banner-slider .carousel-item {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Fix project stats row */
.project-stats .row {
  margin: 0 !important;
}

body, button, input, select, textarea {
  font-family: "Inter", sans-serif;
}
img {
    width: 100%;
    height: auto;
}
p{font-size: 15px;}
/* ================= HEADER ================= */
.header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.bg-sm-grd1 img {
    width: 80%;
    padding: 7pc 0 3pc 0;
}

.bg-sm-grd1 {
    margin: auto;
    text-align: center;
}
.glide__bullets {
  margin-top: 30px;
  text-align: center;
}
.testimonial-card.dark {
  min-height:290px
}
.hero-text.text-white {
    margin-top: 145px;
}
.glide__bullet {
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  border: none;
  transition: 0.3s;
}

.glide__bullet--active {
  background: #f5a623; /* your orange color */
 
}
.heading-pagecs {
    width: 100%;
}
section.heading-pagecs.full_h_banner .bh_image {
    height: 100vh;
}
/* ===== FIX OVERLAP ISSUE ===== */

/* Overview Section (previous section) */
.about-section_overview {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  padding-bottom: 60px;
}

/* About Section (your current section) */
.about-section {
  position: relative;
  z-index: 2;
  background: #ffffff;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Ensure content stays above everything */
.about-section .container {
  position: relative;
  z-index: 2;
}

/* Fix right content box */
.col-ricon {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
}

/* Read More hidden by default */
.read-more-content {
  display: none;
}
section.about-section .image-wrapper {
    position: relative;
    z-index: -9;
    overflow: hidden;
    padding: 25px;
}

section.about-section .image-wrapper:before {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #FFB800;
    content: "";
    right: 3px;
    bottom: 3px;
    z-index: -9;
}
.text-justify {
    text-align: justify;
}
.bh_image {
    width: 100%;
    height: 60vh; /* Full screen height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.ourteam_top-gray .bh_image::before{
     background: rgba(0,0,0,0);
    
}
/* Optional dark overlay */
.bh_image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}

/* Keep text above overlay */
.bh_image .container {
    position: relative;
    z-index: 2;
}

.hero-text_title h2, .hero-text_title h1 {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}

.min-pargapc p {
    max-width: 700px;
    margin: 15px auto 0;
}
.testimonial-card {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  height: 100%;
}
ul.glide__slides .testimonial-card.dark:hover h6, ul.glide__slides .testimonial-card.dark:hover p, ul.glide__slides .testimonial-card.dark:hover small {
    color: #000;
}
ul.glide__slides .testimonial-card.dark:hover {
    background: #f5b400;
}
.c_brk {
    white-space: nowrap;
}
.btbx img {width: 28px; }
.content-image-section h3.section-heading {
    color: #000;
    font-weight: 700;
}
.service-card:hover .icon-circle {
    background: #ffb800;
}
.why-us-section .tab-content p {color: #fff;}
button.why-btn.nav-link.active {background: #fff;color: #000;}

.top-bar .center-logoc img { width: 250px;}
#heroSlider .carousel-item {position: relative;}
div#heroSlider .carousel-inner .carousel-item .container { z-index: 9999; position: relative;}
div#heroSlider .carousel-inner .carousel-item .container .hero-text, div#heroSlider .carousel-inner .carousel-item .container .hero-text h5, div#heroSlider .carousel-inner .carousel-item .container .hero-text h1 {
    color: #fff !important;
}
.about-section .section-text { font-size: 16px;}
.about-section h3.section-title {color: #000;}
#heroSlider .carousel-item:before {
/*background: rgb(0 0 0 / 58%);*/
 background: linear-gradient(
      to right,
      rgb(0 0 0 / 58%) 0%,
      rgb(0 0 0 / 40%) 35%,
      rgb(0 0 0 / 0%) 60%
    );
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:rgb(0 0 0 / 70%); /* HEADER OVERLAY ONLY */
    z-index: -1;
}
.service-card .icon-circle img {
    width: 70px;
}
.read-more .arrow .fa {
    line-height: 32px;
}
.top-bar {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.enquire-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    text-decoration: none;
}

.navbar-dark .nav-link {
    color: #fff;
    margin: 0 12px;
    font-size: 14px;
}

.navbar-dark .nav-link.active,
.navbar-dark .nav-link:hover, .navbar-dark li.active a,
.navbar-dark .nav-item:hover > a{
    color: #fdb716;
}

/* ================= SLIDER ================= */
.banner-slider,
#heroSlider .carousel-item {
    height: 100vh;
}

.carousel-item {
    background-size: cover;
    background-position: center;
}

/* ================= CONTENT ================= */
.hero-text {
    max-width: 600px;
}

.know-more {
    background: #fdb716;
    color: #000;
    padding: 10px 22px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

/* ================= CUSTOM ARROWS ================= */
.slider-arrows {
    position: absolute;
    right: 40px;
    bottom: 120px;
    display: flex;
    gap: 10px;
    z-index: 999999;
}

.slider-arrows button {
    background: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.slider-arrows button:hover {
    background: #fdb716;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .top-bar {
        display: none;
    }
    header.header {
    position: relative;
}

header.header nav.navbar {
    background: #fff;
}

header.header nav.navbar > .container {
    width: 100%;
    max-width: 100%;
}
header.header nav.navbar > .container a.navbar-brand img {
    width: 225px;
}
body .team-box{
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
button.navbar-toggler{background:#000;}
.navbar-dark .nav-link {
    color: #1c1c1c;}
}
/* ================= PROJECT STATS ================= */
.project-stats {
    margin-top: 0px; /* overlaps slider like your image */
    position: relative;
    z-index: 5;
}

.stat-box h2 {
    font-size: 75px;
    font-weight: 700;
    margin-bottom: 5px;
}

.stat-box p {
    font-size: 16px;
    margin: 0;
}

.highlight {
    color: #fdb716;
}

.cta-box {
    border-radius: 20px;
    background: #f5f5f5;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.cta-box h3 {
    font-size: 58px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
    border-bottom: 2px solid #fdb716;
    padding-bottom: 10px;
}
.btbx a.cta-arrow {
    color: #222;
}
.cta-box p {
    font-size: 14px;
    color: #555;
}

.cta-arrow {
   font-size: 18px;
    display: flex;
    justify-content: space-between;
        text-decoration: none;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .project-stats {
        margin-top: 0;
    }

    .cta-box {
        text-align: center;
    }

    .cta-arrow {
        position: static;
        margin-top: 15px;
    }
}

/* ================= ABOUT SECTION ================= */
.about-section {
    background: #fff;
}

.image-wrapper {
    position: relative;
}

.main-img {
    width: 100%;
    border-radius: 4px;
}

.sub-img {
    width: 55%;
    position: absolute;
    bottom: -40px;
    right: 0;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.experience-box {
    position: absolute;
    top: 20%;
    right: 10%;
    background: #fdb716;
    padding: 25px 20px;
    text-align: center;
    width: 150px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.experience-box h2 {
    font-size: 48px;
    font-weight: 700;
    margin: 0;
}

.experience-box span {
    display: block;
    font-weight: 700;
    letter-spacing: 2px;
}

.experience-box p {
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.4;
}

/* CONTENT */
.section-title, .section-heading,.why-label1  {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-text {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
}


section.why-section:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgb(0 0 0 / 70%);
    top: 0;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .sub-img {
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .experience-box {
        position: static;
        margin: 20px 0;
        width: 100%;
    }
}
/* ================= WHY SECTION ================= */
.why-section {
    position: relative;
    background: url('../images/banner-1.jpg') center/cover no-repeat;
    padding: 80px 0;
}

.why-section .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.75);
}

.why-section .container {
    position: relative;
    z-index: 2;
}

.why-section p {
    font-size: 15px;
    line-height: 1.7;
    color: #ddd;
    margin-bottom: 15px;
}

.highlight-heading {
    color: #fdb716;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
}





/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .why-section {
        padding: 50px 0;
    }

    .why-section p {
        font-size: 14px;
    }
}


/* ================= SERVICES GRID ================= */
.services-section {
    background: #fff;
}

.service-card {
    position: relative;
    background: #fff;
    border-radius: 12px;
    padding: 30px 25px 70px;
    height: 100%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);

    overflow: hidden; 
}



.service-card h5 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fcb819;
  }

.service-card p {
    font-size: 15px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Read More */
.read-more {
    position: absolute;
    bottom: 25px;
    left: 25px;

    font-size: 14px;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.read-more .arrow {
    width: 32px;
    height: 32px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    transition: all 0.3s ease;
    line-height: 34px;
    box-shadow: 0 2px 25px rgb(0 0 0 / 10%);
}
.read-more .arrow .fa {
    line-height: 32px;color: #fdb716;
}
.read-more:hover {
    color: #fdb716;
}

.read-more:hover .arrow {
    background: #000;
    color: #fdb716;
    transform: translateX(6px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}


/* Icon Circle */
.icon-circle {
    position: absolute;
       bottom: -15px;
    right: -15px;
    width: 120px;
    height: 120px;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #444;
}
.icon-circle {
   
}

/* Hover effect */
.service-card:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {
    .icon-circle {
        width: 90px;
        height: 90px;
        font-size: 36px;
    }
}

/* Hover ONLY on Read More */

.read-more:hover .arrow {
    transform: translateX(6px) scale(1.05);
}
.read-more {
    cursor: pointer;
}

.icon-box {
  width: 60px;
  height: 60px;
}

.gear {
  position: relative;
  width: 60px;
  height: 60px;
  font-size: 50px;
  color: #f4b400;
}

.gear i.bi-gear {
  position: absolute;
  top: 0;
  left: 0;
}

.inner-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #000;
}

.footer-section {
  background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)),
              url('https://via.placeholder.com/1600x600') center/cover no-repeat;
}

.footer-title {
  color: #f6b800;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 23px;  
}
.txt-c p {
    font-size: 20px;
}
.txt-c1 strong {
    font-size: 22px;
    font-weight: 500;
}
.footer-list,
.footer-links {
  list-style: none;
  padding: 0;
}

.footer-list li {
  margin-bottom: 8px;
  font-size: 14px;
}

.footer-list i {
  color: #f6b800;
  margin-right: 8px;
}

.footer-links li a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
}

.footer-links li a:hover {
  color: #f6b800;
}

.social-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
}

.social-icon.fb { background: #1877f2; }
.social-icon.ig { background: #e4405f; }
.social-icon.in { background: #0a66c2; }

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.2);
  padding: 15px 0;
  font-size: 20px;
  color: #aaa;
}
/* FULL WIDTH BACKGROUND */
.why-us-full {
  background: url('https://via.placeholder.com/1920x700') center/cover no-repeat;
  position: relative;
  padding: 80px 0;
}

/* DARK OVERLAY */
.why-us-full .overlay {
  background: rgba(0,0,0,0.65);
  padding: 60px 0;
}

/* IMAGE FLOAT */
.floating-img {
  animation: floatUp 3s ease-in-out infinite alternate;
}

@keyframes floatUp {
  from { transform: translateY(0); }
  to   { transform: translateY(-18px); }
}

.more-content.show {
  opacity: 1;
}

/* BUTTON COLUMN */
.button-box {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.info-btn {
  background: #ffffff;
  color: #000;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  width: fit-content;
}

.info-btn:hover,
.info-btn.active {
  background: #f5b400;
  color: #000;
  transform: translateX(8px);
}

/* RESPONSIVE */

@media (max-width: 991px) {
   
  .why-us-full {
    padding: 60px 0;
  }

  .content-box {
    text-align: center;
  }

  .button-box {
    align-items: center;
  }

  .info-btn {
    width: 100%;
    text-align: center;
  }
}

/* SECTION */
.portfolio-section {
  background: #fff;
}

/* LEFT PANEL */
.left-panel {
  background: url('https://via.placeholder.com/600x900') center/cover no-repeat;
  position: relative;
}

.left-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

.left-text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 60px;
  font-weight: 800;
  line-height: 0.9;
  color: #fff;
  z-index: 1;
}

/* RIGHT PANEL */
.right-panel {
  padding: 60px 50px;
}

.content-wrap {
  max-width: 1100px;
}

.content-wrap h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

/* GRID */
.grid-img {
  border-radius: 6px;
  object-fit: cover;
}

/* YELLOW OVERLAY BOX */
.overlay-box {
  background: #f5b400;
  height: 100%;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* BUTTON */
.view-btn {
  background: #f5b400;
  color: #000;
  padding: 12px 26px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: 0.3s ease;
}
.abt-cntcss h3 {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    padding-left: 45px;
    line-height: 50px;
    padding-bottom: 20px;
}
.stat-box {
    
}

/* CIRCLE DESIGN */
.circle {
    width: 130px;
    height: 130px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        conic-gradient(#f5b400 0deg, #f5b400 360deg);
    position: relative;
}

/* Inner white space */
.circle::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
}

/* First circle partial grey effect */
.circle-1 {
    background:
        conic-gradient(#f5b400 0deg, #f5b400 300deg, #e5e5e5 300deg 360deg);
}
h3.ben-css1 {
    margin: 0;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}
section.feature-section .feature-box img {
    width: 100px;
    margin-bottom: 13px;
}
.gray-bg-ad .feature-box {
    background: rgb(147 147 147 / 75%) !important;
}

.co_wht-css img {filter: brightness(0) invert(1);}
.co_wht-css  h6 { color: #fff !important;}
section.feature-section .feature-box h6 {font-size: 19px;}
h3.ben-css1 span {
    color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px  10px gray;
    padding: 10px;
}
/* Number style */
.circle h2 {
    position: relative;
    font-size: 29px;
    color:#000;
    font-weight: 700;
    margin: 0;
}

/* Text below */
.stat-box p {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.abt-cntcss h3 span {
    color: #666;
}

.abt-cntcss h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    background: #666;
    content:"";
    width: 70%;
}
.view-btn:hover {
  background: #000;
  color: #fff;
}
.vision-card img {width: 70px;}
.about-section .container .row .col-ricon {
  background: #fff;
    padding: 35px 35px 35px 45px;
    box-shadow: 1px 1px 5px gray;
    border-radius: 10px;
    margin-left: -35px;
    z-index: 9;
    position: relative;
   /* margin-top:26%; */
}
section.vision-section:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 58%);
    content: "";
}
@media (min-width: 1024px) {
    .pro-team-card3 {width: 97%;}
    .core_team_id {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.team-tabspro { width: 80%;}
.award-img img {    width: 300px;}
.vision-section1{margin-top: -150px;}
.about-section.about-section_overview .container .row {margin-top: -190px;}
.ourteam_top-m, .contact_top-m{margin-top: -150px;}
.cta-box{margin-top: -70px;}
section.vision-section {margin-top: 75px;}
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .right-panel {
    padding: 40px 20px;
  }

  .left-text {
    font-size: 40px;
  }
  .about-section .container .row .col-ricon
  {
    margin-top:0px;
    margin-left:0px;
  }
}
/* SECTION */
.portfolio-full {
  background: #fff;
}
.testimonial-tabs li.nav-item button.nav-link.active {
    font-size: 20px;
    font-weight: 700;
}
.testimonial-card.active-card h6 {
    color: #000;
}
/* LEFT FULL HEIGHT */
.left-full {
    background-image: url(../images/portfolio.jpg);
    position: relative;
    background-size: cover;
    background-position: bottom;
}
.left-full:before {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
  /*  background: rgb(0 0 0 / 66%); */
    height: 100%;
    width: 100%;
}
.why-us-section:before {
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
}
.left-full .img_portf::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}
.why-us-section .container {
    z-index: 999;
    position: relative;
}
.why-btn {
    width: 100%;
    text-align: center;
}
/* LEFT TEXT */
.left-text {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 64px;
  font-weight: 800;
  line-height: 0.9;
  color: #fff;
  z-index: 1;
}

/* RIGHT CONTENT */
.right-content {
  padding: 60px 50px;
}

.content-wrap {
  max-width: 1200px;
}

.content-wrap h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

/* PORTFOLIO GRID */
.portfolio-item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.portfolio-item img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

/* OVERLAY */
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(245, 180, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.4s ease;
}

.overlay span {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  transform: translateY(12px);
  transition: 0.4s ease;
}

/* HOVER */
.portfolio-item:hover img {
  transform: scale(1.06);
}

.portfolio-item:hover .overlay {
  opacity: 1;
}

.portfolio-item:hover .overlay span {
  transform: translateY(0);
}

/* BUTTON */
.view-btn {
  background: #f5b400;
  color: #000;
  padding: 12px 28px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: 0.3s ease;
}

.view-btn:hover {
  background: #000;
  color: #fff;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .right-content {
    padding: 40px 20px;
  }

  .left-text {
    font-size: 42px;
  }
}
/* TABS */
.nav-tabs .nav-link {
  border: none;
  font-weight: 500;
  color: #000;
}

.nav-tabs .nav-link.active {
  border-bottom: 3px solid #f5b400;
}

/* TESTIMONIAL CARD */
.testimonial-card {
  padding: 25px;
  border-radius: 20px;
  height: 100%;
  transition: 0.3s ease;
}

.testimonial-card.dark {
  background: #2f2f2f;
  color: #fff;
}

.testimonial-card.active-card {
  background: #f5b400;
  color: #000;
}

/* CAROUSEL */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

/* DOTS */
.carousel-indicators [data-bs-target] {
  background-color: #aaa;
}

.carousel-indicators .active {
  background-color: #f5b400;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .testimonial-card {
    text-align: center;
  }
}
.carousel-indicators {
  position: static;          /* IMPORTANT */
  margin-top: 20px;
  justify-content: center;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cfcfcf;
  opacity: 1;
  margin: 0 6px;
}

.carousel-indicators .active {
   background-color: #f5b400;
}
.carousel {
  padding-bottom: 0 !important;
}

.carousel-item {
  
}

/* Remove extra bottom space */
.testimonial-tabs {
  padding-bottom: 0;
}
.testimonial-card {
  height: auto;
  margin-bottom: 0;
}

.carousel.dragging {
  cursor: grabbing;
}
.carousel {
  cursor: grab;
}
.clients-section h3 {
  font-weight: 600;
}

.highlight {
  color: #f5b400;
}

/* BUTTON */
.know-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f5b400;
  color: #000;
  padding: 12px 22px;
  font-weight: 600;
  text-decoration: none;
}

.know-btn span {
  background: #000;
  color: #fff;
  padding: 4px 10px;
}

/* LOGOS */
.logo-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-box img {
  max-width: 100%;
  
  transition: 0.3s;
}
.clients-section .carousel-item .logo-box img {width:70px;}
.clients-section .logo-box img {/*box-shadow: 1px 1px 5px #cfcfcf; */}
.logo-box img:hover {
  filter: grayscale(0);
  filter: grayscale(100%);
}
.clients-section h3 {color: #000; font-weight: 700;}

.clients-section  p {font-size: 20px;}
/* DOTS FIX */
.carousel-indicators {
  position: static;
  margin-top: 15px;
}

.carousel-indicators [data-bs-target] {
  background-color: #ccc;
}

.carousel-indicators .active {
  background-color: #f5b400;
}
.tcs_1 {
    font-size: 10pc;
    text-align: center;
    opacity: 0.1;
    top: 62%;
    position: absolute;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
        z-index: -1;
        width: 100%;
}
.testimonial-tabs .tab-content .tab-pane {
    position: relative;
}
div#videos h2.tcs_1, div#projects h2.tcs_1 {
    font-size: 6pc;    top: 74%;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .logo-box {
    flex: 0 0 33.333%;
  }
}

/* SECTION BACKGROUND */
.enquiry-strip {
 
  padding: 25px 0;
  color: #fff;
}

/* LEFT FLEX */
.left-strip {
  display: flex;
  align-items: center;
  gap: 25px;
}

/* LOGOS */
.brand-logo img {
  max-height: 60px;
}

.cert-logos {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cert-logos img {
  max-height: 55px;
}

/* DIVIDER */
.divider {
  width: 1px;
  height: 55px;
  background: rgba(255,255,255,0.3);
}

/* BUTTON */
.enquire-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #fff;
  padding: 10px 24px;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease;
}

.enquire-btn:hover {
  background: #f5b400;
  color: #000;
  border-color: #f5b400;
}

.enquire-btn .icon {
  
  border-radius: 50%;
  padding: 6px;
}
.enquire-btn span.icon img {width: 33px;}
/* RESPONSIVE */
@media (max-width: 768px) {
  .left-strip {
    flex-wrap: wrap;
    gap: 15px;
  }

  .divider {
    display: none;
  }
}
@media (max-width: 550px) {
    .team-section .team-tabspro .team-tabpro {
    margin-bottom: 20px;
}
    .team-section .team-tabspro{display:block;}
.mb-tcxt .col {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.mb-tcxt .col:last-child {
    margin: 0;
}    
    
}
.core-values-section {
  width: 100%;
}

/* LEFT IMAGE */
.core-left-img {
  background: url('your-image.jpg') center center / cover no-repeat;
  min-height: 100%;
}
.our_corevalue .section-heading {
    color: #000;
    font-weight: 700;
}
/* VALUE BOX */
.core-value-item {
  display: flex;
  gap: 20px;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  background: #fff;
  cursor: pointer;
  border-left: 0px;
}

/* ICON */
.icon-box {
  min-width: 60px;
  height: 60px;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.icon-box img {
  width: 30px;
}

/* CONTENT */
.core-value-item h5 {
  margin-bottom: 8px;
  font-weight: 600;
}

.core-value-item ul {
  padding-left: 18px;
  margin: 0;
}

/* HOVER EFFECT */
.core-value-item:hover {
  background: #ffc107;
  border-color: #ffc107;
}

.core-value-item:hover h5,
.core-value-item.active h5 {
  color: #000;
}

.core-value-item:hover .icon-box,
.core-value-item.active .icon-box {
  background: #fff;
  border-color: #fff;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .core-left-img {
    min-height: 300px;
  }
}


.core-values-section .our_corevalue .core-value-item {
    position: relative;
}

.core-values-section .our_corevalue .core-value-item:before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../images/icon/gear-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}
.value-item {
  position: relative;
  margin-bottom: 30px;
  padding-left: 70px; /* space for icon */
}

/* ICON */
.value-icon .val_icon1{
  position: absolute;
  left: 0;
  top: 5%;
  /*transform: translateY(-50%); */
  width: 130px;
   width: 130px;
   display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.value-icon .val_icon2 {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.our_corevalue .value-item .value-icon .val_icon1 {
  transition: transform 0.6s ease-in-out;
}

.our_corevalue .value-item:hover .value-icon .val_icon1 {
  transform: rotate(180deg);
}
.our_corevalue .value-item:hover .value-icon .val_icon2

 {
    filter: brightness(0) saturate(100%) invert(77%) sepia(45%) saturate(1380%) hue-rotate(2deg) brightness(103%) contrast(101%);
}



.value-icon img {
  width: 100%;
  height: auto;
}

/* CONTENT BOX */
.value-content {
  border: 1px solid #000;
  border-radius: 20px;
  padding: 15px 25px 15px 60px;
  background: #fff;
      min-height: 148px;
}

/* TEXT */
.value-content h5 {
  font-weight: 700;
  margin-bottom: 8px;
}

.value-content ul {
  padding-left: 18px;
  margin: 0;
}

.value-content li {
  margin-bottom: 4px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .value-item {
    padding-left: 0;
  }

  .value-icon {
    position: relative;
    transform: none;
    margin-bottom: 10px;
  }

  .value-content {
    padding-left: 25px;
  }
}

.our_corevalue .value-item:hover .value-content {background: #fdb716;}
.our_corevalue .value-item:hover .value-content h5 {color: #000;}
footer.footer-section {
    background: url(../images/footer-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.icn-adrs li, .icn-adrs li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.icn-adrs li {
    position: relative;
    padding-left: 31px;
    margin-bottom: 20px;
}

.icn-adrs li:before {
 font: normal normal normal 21px / 1 FontAwesome;
    position: absolute;
    left: 0;
    top: 5px;
}
.icn-adrs li:nth-child(1):before {content: "\f041";}
.icn-adrs li:nth-child(2):before {content: "\f0e0";}
.icn-adrs li:nth-child(3):before {content: "\f095";}


footer.footer-section ul.footer-links li a {
    font-size: 20px;
    color: #ffff;
}

footer.footer-section ul.footer-links li {
    margin-bottom: 3px;
}
.why-us-section {
  position: relative;
  background: url("../images/why-us-bg.jpg") center/cover no-repeat;
  padding: 50px 0;
  overflow: visible;
}

/* DARK OVERLAY */
.why-us-section .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 1;
}

/* CONTENT ABOVE OVERLAY */
.why-us-section .container-fluid {
  position: relative;
  z-index: 2;
}

/* LEFT IMAGE */
.left-img img {
  border-radius: 6px;
}

/* TOP LEFT YELLOW BLOCK */
.why-label {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #fdb716;
  color: #000;
  padding: 18px 30px;
  font-weight: 700;
  border-radius: 18px;
  z-index: 3;
}

/* BUTTON STYLE */
.why-btn {
  background: rgb(255 255 255 / 70%);
  color: #000;
  padding: 10px 18px;
  border-radius: 8px;
  margin-bottom: 10px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}
.portfolio-full h3 {
    color: #000;
}
/* BUTTON HOVER */
.why-btn:hover {
  background: #ffffff;
  color: #000;
}
.left-img2 {
    position: relative;
}



.left-img1 {
    position: relative;
}

.left-img1 .why-label1 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    top: 10%;
}
.left-img2 {    position: relative; margin-top: -50px;}
.left-img1 { position: relative;}

.img_portf {
    position: relative;
}
.btn-container:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(220,53,69,0.4);
}
  .btn-container {
    display: inline-flex;
    align-items: center;
    background-color: #FFB800; /* Main Yellow/Orange */
    
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
  }

  .btn-container:hover {
    opacity: 0.9;transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(220,53,69,0.4);
  }

  .btn-container .btn-text {
    padding: 9px 30px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
  }
.btn-container.btn-bg-wt .btn-arrow-section{ background-color: #ffffff;   }
.btn-container.btn-bg-wt .arrow { border: solid #000000;border-width: 0 3px 3px 0;}
   .btn-container .btn-arrow-section {
    background-color: #000000;
    padding: 15px 20px;
    /* This creates the diagonal cut */
    clip-path: polygon(40% 0%, 100% 0%, 80% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

   .btn-container .arrow {
    border: solid #ffffff;
    border-width: 0 2.4px 2.4px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /* Second arrow for the double arrow effect */
  .btn-container  .arrow-inner {
    margin-left: -4px;
  }
  .tab-content .tcs_1 {font-size: 9pc;width: 100%;}
  @media (max-width: 1399px) {
.value-icon .val_icon2 {
    position: absolute;
    top: 35%;
    left: 9%;
    width: 43px;}
body .tab-content .tcs_1 {font-size: 4pc;width: 100%;}
body .tcs_1 {top: 81%;}
body div#videos h2.tcs_1, body div#projects h2.tcs_1{font-size: 4pc;}
}
@media (max-width: 991px)
{
  .left-img1 .why-label1
  {
    margin-top: 20px
  }
}

/* SECTION BACKGROUND */
.vision-section {
  position: relative;
  background: url('../images/vision-mission-bg.jpg') center/cover no-repeat;
  padding: 60px 0;
}



/* CARD STYLE */
.vision-card {
  background: #fff;
  padding: 25px 25px;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  height: 100%;
  position: relative;
  transition: 0.3s ease;
}

.vision-card h5 {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #f5b400;
}

.vision-card p {
  font-size: 16px;
  color: #555;
}

/* ICON */
.vision-card .icon {
  font-size: 40px;
  color: #000;
}

/* YELLOW CARD */
.vision-card:hover {
  background: #f5b400;
  color: #000;
}

.vision-card:hover h5 {
  color: #fff;
}

.vision-card:hover p {
  color: #222;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .vision-section {
    padding: 70px 0;
  }
}
/* COMMON BACKGROUND */
.feature-section {
  background: url('https://via.placeholder.com/1920x700') center/cover no-repeat;
  position: relative;
}

/* EACH BOX */
.feature-box {
  height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  transition: 0.3s ease;
}

/* ICON */
.feature-box i {
  font-size: 42px;
  margin-bottom: 15px;
}

/* TITLE */
.feature-box h6 {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  margin: 0;
  color:#000;
}

/* DARK OVERLAY */
.feature-box.dark {
  background: rgba(0,0,0,0.75);
  color: #fff;
}

/* LIGHT OVERLAY */
.feature-box.light {
  background: rgba(255,255,255,0.85);
  color: #000;
}

/* YELLOW OVERLAY */
.feature-box.yellow {
  background: rgba(245,180,0,0.95);
  color: #000;
}



/* RESPONSIVE */
@media (max-width: 991px) {
  .feature-box {
    height: 180px;
  }
}

/* SECTION BACKGROUND */
.award-section {
 /* background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)),
              url('https://via.placeholder.com/1920x800') center/cover no-repeat; */
  padding: 80px 0;
  color: #fff;
  position: relative;
}

/* LEFT TIMELINE COLUMN */
.timeline-col {
  min-height: 650px;
}

/* VERTICAL LINE */
.timeline-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 2px;
  background: #c9a24d;
}
.team-tabpro .pro-team-card3 {
    margin-top: 0;
}
/* CIRCLE POINT */
.timeline-point {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background: #1a1a1a;
  border: 3px solid #c9a24d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-point img {
  width: 30px;
}

/* AWARD ITEMS */
.award-item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  gap: 30px;
}

.award-img img {
  border: 4px solid #c9a24d;
}

.award-content h5 {
  color: #e3b65b;
  font-weight: 600;
  margin-bottom: 10px;
}

.award-content p {
  color: #ddd;
  font-size: 14px;
  line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 991px) {

  .timeline-col {
    display: none;
  }

  .award-item {
    flex-direction: column;
    text-align: center;
  }

  .award-item {
    margin-bottom: 50px;
  }
} 

/* our team */
.team-section {
  padding: 80px 0;
  
  background: url('https://via.placeholder.com/1920x600') center/cover no-repeat;
}
.cor-doc:hover {
     background: url(../images/cor-bg-shape1.png);
     background-size: contain;
    transform: scale(1.05);
      background-repeat: no-repeat;
}
.cor-doc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px; 
    width: 0;
    background: #F5A800; 
    transition: width 0.4s ease;
}
.cor-doc:hover:before {width: 100%;}
h3.c-t-mt {
    text-align: center;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: bold;
}

h3.c-t-mt span {
    color: #000;
}
.cor-doc1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-bottom: 25px;
}

.cor-doc1 .icons_team img {
    width: 50px;
}

.cor-doc1 .icons_team {
       position: relative;
    width: 40%;
    height: 100px;
    text-align: center;
    line-height: 85px;
}

.cor-doc1 h3 {
    color: #000;
    font-size: 22px;
        width: 60%;
}
section.cor-doc-section {
    background-image: url(../images/cor-bg1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.cor-doc1 .icons_team:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/icon/icons-bg-sh.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.cor-doc {
  position: relative;
    background: url(../images/icon/cor-bg-shape.png);

  padding: 83px 30px;
  text-align: center;
  transition: 0.4s ease;
  overflow: hidden;
     background-size: contain;
    background-repeat: no-repeat;
}
/* MAIN BOX */
.team-box {
  position: relative;
    background: url(../images/our-team-bg-y.png);

  padding: 83px 30px;
  text-align: center;
  transition: 0.4s ease;
  overflow: hidden;
      background-size: cover;
}

/* WHITE DEFAULT FOR FIRST */
.team-box:not(.yellow) {
  background: url(../images/our-team-bg-w.png);
      background-size: cover;
  color: #000;
}

/* ICON */
.team-box .icon i {
  font-size: 60px;
  margin-bottom: 20px;
  transition: 0.4s ease;
}
.team-box h3::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

/* Bottom Right Corner */
.team-box h3::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.team-box:hover h3::before{
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;   
    
}
.team-box:hover h3::after{  border-bottom: 1px solid #000000;
    border-right: 1px solid #000000; }
/* TITLE */
.team-box h3 {
font-weight: 600;
    letter-spacing: 1px;
    transition: 0.4s ease;
    color: #fff;
    font-size: 23px;
    position: relative;
    display: inline-block;
    padding: 5px 10px;
}
.team-box.yellow .icons_team img {
    width: 120px; 
    /*margin-top:80px;*/
    margin-bottom: 30px;
}

/* HOVER EFFECT */
.team-box:hover {
  background: #ffffff;
  transform: scale(1.05);
}

.team-box.yellow:hover {  
 
  background: url(../images/our-team-bg-w.png);
     background-size: cover;
}

.team-box:hover h3,
.team-box:hover .icon i {
  color: #000;
}
.team-section-board h5.team-tab.active {
    color: #503b02;
}
/* RESPONSIVE */
@media (max-width: 991px) {
  .team-box {
    padding: 60px 20px;
  }
}
.team-section-board .team-tab {
    color: #000000;
}

/* TOP TABS */
.team-tab {
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    font-size: 24px;
}
.top_border_radi {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-top: -20px;
    position: relative;
    background: #fff;
}
.pro-team-cont p b {
    color: #fdb716;
}
.team-tab.active::after {
content: "";
    width: 25%;
    height: 3px;
    background: #f5b400;
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* CARD */
.board-team-card1 {
  text-align: center;
}

/* IMAGE AREA */
.img-wrapper {
  position: relative;
  margin-bottom: 20px;
}

/* LIGHT CIRCLE BEHIND IMAGE */
.bg-circle {
  width: 220px;
  height: 220px;
  background: #efe3c4;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* PROFILE IMAGE */
.img-wrapper img {
  width: 100%;
  position: relative;
  z-index: 2;
}

/* NAME STRIP */
.name-box {
  background: #f5b400;
  padding: 12px;
  font-weight: 600;
}

/* ROLE STRIP */
.role-box {
  background: #333;
  color: #fff;
  padding: 10px;
  min-height: 62px;
  font-size: 14px;
}
.aw_ful_bg .bh_image:before {
    display: none;
}
/* RESPONSIVE */
@media (max-width: 991px) {
    .team-tab{font-size:20px;}
  .bg-circle {
    width: 180px;
    height: 180px;
  }

  .img-wrapper img {
    width: 220px;
  }
}

@media (min-width: 1024px) {
.core_team_id .col-lg-3.col-md-6 {
    margin-bottom: 20px;
}

.core_team_id {
    overflow-x: auto;
    padding-top: 20px; 
}


.core_team_id::-webkit-scrollbar {  height: 8px; }
.core_team_id::-webkit-scrollbar-track {background: #000;border-radius: 10px;
}
.core_team_id::-webkit-scrollbar-thumb {
    background: #fff; /* white scroll */
    border-radius: 10px;
}
.team-scroll::-webkit-scrollbar {  width: 4px;  }
.core_team_id { scrollbar-color: #f5b400 #000; scrollbar-width: thin;}
}
.lop_crei h5, .lop_crei h6 {
    font-size: 17px;
    text-align: center;
    color: #333;
}
.pro-team-card1 img, .pro-team-card3 img { border-radius: 25px;}
.pro-team-card1,  .pro-team-card3 {position: relative;}

.team-tabpro.active .pro-team-card2 h3 {
    color: #000;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 0;
}
 .team-tabspro{
display:flex;
gap:20px;

align-items:stretch;
}

/* default small cards */

.team-tabpro{
flex:1;
cursor:pointer;
transition:0.4s;

opacity:1;
position:relative;
overflow:hidden;
border-radius:10px;
}

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

/* active card bigger */

.team-tabpro.active{
flex:2.5;
filter: grayscale(0);
opacity:1;
}

.team-tabpro h5{
position:absolute;
bottom:10px;
left:15px;
color:#fff;
}

/* content */

.team-conten_ts{
margin-top:25px;
}

.team-contentpro{
display:none;
}

.team-contentpro.active{
display:block;
}
.team-tabpro .pro-team-card2 h3 {
    font-size: 23px;
    z-index: 999;
    position: relative;
    color: #fff;
}
.team-tabpro .pro-team-card1 img {
    transition: 0.4s;
    filter: grayscale(100%);
}
.pro-team-card2 {
    position: absolute;
    height: auto;
    bottom: 10px;
    padding: 10px;
}
.team-tabpro.active  .pro-team-card1 img { filter: grayscale(0);}
.pro-team-card2  p{display:none;}
.pro-team-card3 img {width: 100%;}
.pro-team-card3 { margin-top: 30px;}
 .team-tabpro.active    .pro-team-card2  p {    display:block;font-size: 21px;margin: 0;}
.team-tabpro.active .pro-team-card2 {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: auto;
    background: linear-gradient(to right, rgba(253, 183, 22, 1) 0%, rgba(253, 183, 22, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    padding: 10px;
}
.team-tabpro.active .pro-team-card1:after, .team-tabpro.active .pro-team-card1:before{  opacity:0; }
.pro-team-card1:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 97%;
    background: #f5b400;
    left: 0;
    bottom: 15px;
    z-index: 999999;
}
.pro-team-card1:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.89) 99%, rgb(0 0 0) 100%);
}
.title_qs h3 {
    text-align: center;
    color: #222;
    font-weight: bold;
}
.pro-team-card4 h3 {color: #fff;}
.pro-team-card4 {
    position: absolute;
    bottom: 40px;
    z-index: 999;
    width: 100%;
    height: auto;
   
    padding: 10px;
}
.qs-card img {
    width: 80px;
    margin-bottom: 13px;
}

.qs-card h6 {
    color: #000;
    font-size: 19px;
    margin-bottom: 15px;
}

.qs-card  ul {
    margin: 0;
    padding: 0;
}
.qs-card:hover {
    box-shadow: 1px 1px 15px #c1bebe;
    border-radius: 12px;
    transition: 0.4s ease;
}

.qs-card {
    margin: 10px;
    padding: 10px;
}
.commercial_css1 {
    width: 50%;
    margin: auto;
      position: relative;  /* ADD THIS */
    z-index: 2;          /* ADD THIS */
    background: #fff;    /* ADD THIS (very important) */
    padding: 30px; 
}

.commercial_css1 p {
    text-align: justify;
}
.commercial_css1 h3.commercial_title1 span.cl_qw1 {
    color: #fdb716;
}
.commercial_css1  h3.commercial_title1 {
    font-size: 43px;
    font-weight: bold;    color: #222222;
    margin-bottom: 33px;
}
/*section.our-commercial {*/
/*    position: relative;*/
/*}*/
/*section.our-commercial:after{*/
/*        position: absolute;*/
/*    right: 0;*/
/*    width: 26%;*/
/*    height: 100%;*/
/*    content: "";*/
/*    background: url(../images/commercial_right.jpg);*/
/*    background-repeat: no-repeat;*/
/*    bottom: -30px;*/
/*}*/
/*section.our-commercial:before {*/
/*    position: absolute;*/
/*    left: -15px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: "";*/
/*    background: url(../images/commercial_left.jpg);*/
/*    background-repeat: no-repeat;*/
  
/*    bottom: 0;*/
/*}*/
section.our-commercial {
    position: relative;
    z-index: 1;
}

section.our-commercial:before {
    position: absolute;
    left: -15px;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/commercial_left.jpg);
    background-repeat: no-repeat;
    bottom: 0;
    z-index: 0; /* ADD THIS */
}

section.our-commercial:after {
    position: absolute;
    right: 0;
    width: 26%;
    height: 100%;
    content: "";
    background: url(../images/commercial_right.jpg);
    background-repeat: no-repeat;
    bottom: -30px;
    z-index: 0; /* ADD THIS */
}

.qs-card ul li {
    list-style: none;
    font-size: 15px;
    position: relative;
    padding-left: 23px;
    margin-bottom: 11px;
    color: #555555;
}

.qs-card ul li:before {
    width: 10px;
    height: 10px;
    margin: auto;
    background: #ffc107;
    content: "";
    left: 0;
    top: 6px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0px 4px 5px rgb(255 193 7 / 32%);
}


section.commercial_page_slider:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 80%);
    z-index: 1999;
}
section.commercial_page_slider {
    background: url(../images/services-sec-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0 110px 0px;
    position: relative;
}


.whtwe-card p span.cor_cngcs {color: #fdb716;}

.whtwe-card1:before {
    position: absolute;
    top: 20%;
    content: "";
    background: url(../images/arrow-icon-wwd.png);
    background-size: contain;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    left: -3px;
}
section.commercial_page_slider:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 80%);
    z-index: 1999;
}
.whtwe-card1 { position: relative;padding: 30px 45px;}
.whtwe-card1 h2 {  font-weight: bold;}
.whtwe-card1 h3 {
    font-size: 35px;
    color: #000;
    font-weight: bold;
    margin-bottom: 35px;
    position: relative;
    padding-bottom: 15px;
}

.whtwe-card1 h3:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 35%;
    background: #000;
    height: 3px;
}
section.commercial_page_slider .container { z-index: 9999;position: relative;}
.btn_arw-style .btn-arrow-section {
    padding: 15px 20px;
    clip-path: polygon(40% 0%, 100% 0%, 80% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_arw-style .btn-arrow-section .arrow {
    border: solid #000000;
    border-width: 0 3px 3px 0;
}
.btn_arw-style button {
    top: auto;
    bottom: -60px;
    opacity: 1;
}
.btn_arw-style button.carousel-control-prev .btn-arrow-section .arrow {
    border-width: 5px 0px 0px 5px;
}
.btn_arw-style .btn-arrow-section .arrow {
    border: solid #ffffff;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    }

.btn_arw-style .btn-arrow-section .arrow.arrow-inner {
    margin-left: -4px;
}
.service-item_ser .content h5 {color: #000;}
.cng_con_sliders { box-shadow: 0px 0px 25px rgb(218 193 7 / 34%);color: #fff;}
.whtwe_icrt1 { background: #fff;}
.cng_con_sliders .whtwe_icrt {     min-height: 445px;background: #000;padding: 45px;}
.cng_con_sliders .whtwe_icrt .whtwe-card p {font-size: 19px;}
section.commercial_page_slider .container {z-index: 9999;position: relative;}
@media (min-width: 992px) {
    .bh_image.d-flex.align-items-center.justify-content-center.text-center {
    height: 75vh;
}
     .service-item_ser .content {
    width: 65%;
}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
}
.service-item_ser .content p {
    margin: 0;
}
}
.service-box_ser{
height:450px;
overflow-y:auto;
padding-right:10px;
}

/* service row */
.service-item_ser{
display:flex;
align-items:center;
margin-bottom:40px;
}

/* number_sers */
.number_ser{
font-size:72px;
font-weight:bold;
color:#f5b000;
width:120px;
}

/* content_ser */
.content_ser{
flex:1;
}

/* image */
.service-item_ser img{
width:200px;
margin-left:20px;
}

/* scrollbar */
.service-box_ser::-webkit-scrollbar{
width:6px;
}
.header_wt header.header {
    position: relative;
    background: rgb(0 0 0 / 71%);
}
.service-box_ser::-webkit-scrollbar-track{
background:#ddd;
}

.service-box_ser::-webkit-scrollbar-thumb{
background:#f5b000;
border-radius:10px;
}
.service-box_ser h3.section-title {
    text-align: center;
    color: #000;
}
section.heading-pagecs_dif .bh_image::before {
    display: none;
}
section.heading-pagecs_dif {
    position: relative;
}
section.heading-pagecs_dif:after {
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: 100%;
    background: url(../images/setting-element.png);
    content: "";
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: bottom left;
}
section.heading-pagecs_dif .hero-text_title h2 {
    text-align: left;
    color: #929292;
    font-size: 50px;
}
section.heading-pagecs_dif .bh_image {
    height: 70vh;
}
 .projects-section-table {
      background: url('../images/our-projects_table.jpg') no-repeat center center/cover;
      position: relative;
      padding: 60px 0;
      color: #fff;
    }

    /* Dark overlay */
    .projects-section-table::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.9);
      z-index: 1;
    }

    .projects-content_t {
      position: relative;
      z-index: 2;
    }

    .section-title {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 20px;
    }

   projects-content_t .section-title span {
      border-bottom: 3px solid #ffc107;
      padding-bottom: 5px;color: #fff;
    }
.projects-content_t .table-responsive th {
    color: #000;
}
    .table-custom {   background: transparent;    color: #fff;    }
.projects-content_t .table-responsive th, .projects-content_t .table-responsive td {background: transparent;color: #fff;}
    .table-custom thead {
      background: #ffc107;
      color: #000;
    }

    .table-custom tbody tr {
      background: rgba(255,255,255,0.05);
    }

    .table-custom tbody tr:nth-child(even) {
      background: rgb(255 255 255 / 27%) !important;
    }

    .capacity_t {
      color: #ffc107 !important;
      font-weight: 600;
    }
    .status_t { color: #28a745 !important; font-weight: 500;    }
   .team-section_tb:before {
      position: absolute;
    top: -58px;
    left: -21px;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../images/team_table_bg.png);
    background-size: 104px;
    background-repeat: no-repeat;
} 
      .team-section_tb:after {
       position: absolute;
    bottom: 0;
    right: -40px;
    width: 15%;
    height: 39%;
    content: "";
    background-image: url(../images/team_table_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
} 
.projects-content_t h2.section-title span {
    color: #fff;
    border-bottom: 2px solid #ffc107;
    padding-bottom: 3px;
}

.projects-content_t h2.section-title {
    margin-bottom: 35px;
}
.team-section_tb { padding: 60px 0;
    background: #f5f5f5;
    border-radius: 25px !important;
    margin-top: -25px;
    z-index: 888;
    position: relative;
    overflow: hidden;}

/* LEFT BOX STYLE */
.team-box_tb {
  position: relative;
  border: 2px solid #f4a300;
  border-radius: 50px 10px 50px 10px;
  padding: 20px 25px;
  margin-bottom: 25px;
  background: #fff;
  transition: border-radius 0.3s ease-in-out, background-color 0.3s;
}
.team-box_tb:hover {
    border-radius: 10px 50px 10px 50px;
}
.team-box_tb h5 {color:#000;  font-weight: 600;  margin-bottom: 5px;}
.team-box_tb p {  margin: 0;  color: #777;  font-size: 14px;}
.team-right_tb {  text-align: center;}
.team-title_tb {color:#000;  font-size: 50px;  font-weight: 700;}
.team-title_tb span {color: #f4a300;}
.team-img_tb {max-width: 450px;margin-top: 20px;}
.carbon-section {
  background: #f4a300;
  padding: 0px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  overflow: hidden;
}

/* QUOTE ICON */
.carbon-section::before {
    content: "";
    position: absolute;
    top: 37px;
    left: 23%;
    height: 150px;
    width: 102px;
    background-image: url(../images/quotation-marks.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.our_clientele{
   background: url('../images/our-clientele-bg.jpg') no-repeat center center/cover;
      position: relative;
      padding: 60px 0;
      color: #fff; 
    
}
/* LEFT IMAGE */
.carbon-img {
  flex: 0 0 270px;
}

.carbon-img img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
}

/* RIGHT CONTENT */
.carbon-content {
  color: #222;
}

.carbon-content h3 {
font-weight: 700;
    margin-bottom: 10px;
    color: #000000;
    font-size: 23px;
}

.carbon-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}

.carbon-content .highlight {color:#000;font-weight: 700;}
.carbon-img {
    position: relative;
    z-index: 99999;
}

.carbon-img:before {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    background: #fff;
    content: "";
    z-index: -9;
}
.box_grsd {
    background: #fff;
    border-radius: 100px;
}

.box_grsd .d_clsnts {}

.box_grsd .d_clsnts img {
    width: 115px;
    height: auto;
}
.gallery-grid_tb {
    position: relative;
}

.gallery-grid_tb:before {
    background: #fdb716;
    width: 200px;
    height: 200px;
    left: -10px;
    top: -10px;
    content: "";
    position: absolute;
}
.gallery-grid_tb:after {
    background: #fdb716;
    width: 200px;
    height: 200px;
    right: -10px;
    bottom: -10px;
    content: "";
    position: absolute;
    z-index: -9;
}
.gallery-grid_tb {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 200px 200px 200px;
  gap: 15px;
}


.gallery-grid_tb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.item_tb1 {grid-row: span 2;}
.item_tb2 {grid-column: span 2;}
.item_tb3 {  grid-column: 2;}
.item_tb4 {  grid-column: 3;  grid-row: span 2;}
.item_tb5 {  grid-column: 1;}
.item_tb6 {  grid-column: 2;}

.our_grdg_prot_comt table thead tr td {
    background: #000000;
    padding: 10px;
}
.our_grdg_prot_comt table  tbody tr:nth-child(even) {
    background: rgb(221 221 221 / 60%) !important
}
.our_grdg_prot_comt table tr td {font-size: 14px;
    padding: 10px;
}

.our_grdg_prot_comt table thead tr td {
    color: #fdb716;
    text-transform: uppercase;
    font-size: 17px;
}
.peb_con_chn header.header {
    position: relative;
    background: #000;
}
.our_grdg_prot_comt table tbody tr td:last-child span{
   color: #2e9506;
    background: #edf9e8;
    padding: 6px;
    border-radius: 100px;
    font-size: 15px;
}
.hero_bg-sm-grd {
    position: relative;
}

.hero_bg-sm-grd .bg-sm-grd {
    width: 100px;
    height: 100%;
    background: #fdb716;
    position: absolute;
    z-index: -9;
}
.hero_bg-sm-grd .bg-bgm-grd h3 {
    color: #000;
    padding: 30px;
    font-size: 30px;
}
.hero_bg-sm-grd .bg-bgm-grd {
    width: 500px;
    height: 100%;
    background: #fdb716;
    position: absolute;
    z-index: -9;
    top: 0;
    right: 0;
    border-bottom-right-radius: 100px;

}

@media (max-width: 768px) 
{
    section.heading-pagecs_dif .hero-text_title h2
    {
        font-size:40px;
    }
}
section.peb-section_tb {border-bottom-right-radius: 100px;border-bottom-left-radius: 100px;}
section.peb-section_tb1 { background: #fdb717;}
section.peb-section_tb1 {    background: #fdb717;}
.peb-segrd3 .btn-container {background: #000;}
.peb-segrd3 .btn-container .btn-text {color: #fff;}
.peb-segrd3 .btn-container  .btn-arrow-section {background-color: #fff;}
.peb-segrd3 .btn-container .btn-arrow-section .arrow {
    border: solid #000000;
    border-width: 0 2.4px 2.4px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.peb-segrd2 h3 {color: #000;}
.peb-segrd1 {
    font-size: 8pc;
    font-weight: bold;
    color: rgb(0 0 0 / 25%);
}
.more-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease;
  opacity: 0;
}

/* When active */
.more-content.show {
  max-height: 300px; /* adjust based on content */
  opacity: 1 !important;
}
.peb-segrd .read-btn {
     margin-top: 20px;
    padding: 10px 20px;
    background: black;
    color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    margin-top: auto;
    width: 40%;
}
.peb-segrd {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.peb-segrd2.content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.row.border-cols > [class*="col-"] {
  border-right: 1px solid #000; /* change color as needed */
}

.row.border-cols > [class*="col-"]:last-child {
  border-right: none; /* remove last border */
}
 .ppx-tab-item img {
    width: 25px;height:25px;
} 
#ppx-sec-wrap {
  padding: 60px;
  background: #f7f7f7;

}

.ppx-sec-head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}
.ppx-sec-head h2 span {  color: #f4a300;}
.ppx-sec-line {  flex: 1;  height: 3px;  background: #f4a300;}
.ppx-sec-grid {  display: flex;  gap: 40px;}
.ppx-tab-list {  width: 350px;}
.ppx-tab-item { background: #ffffff; padding: 15px;  display: flex;  gap: 10px;  cursor: pointer;  border-radius: 6px;  margin-bottom: 10px;}
.ppx-tab-item.active {  background: #f4a300;  color: #fff;}
.ppx-tab-content {  flex: 1;background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 1px 2px 5px gray;}
.ppx-content-box {  display: none;}
.ppx-content-box.active {  display: block;}
.contact-box {
    border-radius: 20px;
    background: #fdb717;
    color: #000;
    text-align: center;
    padding: 30px;
    transition: 0.4s ease;
    height:310px;
    box-shadow: 0px 0px 12px rgb(128 128 128 / 47%);
    margin-top:50%;
}
.contact-box:hover {
    background: #ffffff;
    transform: scale(1.02);
}
.contact-box p.c-ph {
    margin: 0;
}
.contact-box h3 {
    color: #000;
    font-weight: 600;
    padding: 10px 0;
}

.ourteam_top-m, .contact_top-m {z-index: 9999; position: relative;}
.contact-icons_team .fa {
    font-size: 4pc;
}
.contact-box h3 {
    color: #000;
    font-weight: 600;
    padding: 10px 0;
    margin: 0;
}
.contact-box p.c-ph, .contact-box p.c-ph a {
    color: #000;
    text-decoration: none;
    font-size: 17px;
}
.ak-contact-wrap {
  background: #f5f5f5;
  padding: 60px 0;
}

.ak-map-frame iframe {
  width: 100%;
  height: 300px;
  border-radius: 20px;
  border: none;
}

.ak-branch-title {
  margin-bottom: 15px;
  font-weight: 500;    color: #000;
}

.ak-branch-card {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  font-size: 14px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  height: 100%;
}

.ak-branch-card span {
  color: #ff3b3b;
  font-weight: 500;
}

.ak-form-heading {
  font-size: 40px;
  margin-bottom: 25px;color:#000;
}

.ak-input {
  border-radius: 30px;
  padding: 12px 18px;
  border: 1px solid #ddd;
}

.ak-textarea {
  border-radius: 20px;
  padding: 12px 18px;
  border: 1px solid #ddd;
}
form.ak-form label {
    margin-bottom: 4px;
    padding-left: 15px;
}
.contact-box:hover .contact-icons_team .fa {
    color: #fdb717;
}
.ak-submit-btn {
  background: #f5a623;
  border: none;
  padding: 12px;
  border-radius: 30px;
  width: 100%;
  font-weight: 500;
}

/* Top Section */
.top-section_so {
  background: #f3f3f3;
}

.title_so {
  font-size: 40px;
  font-weight: 700;
}

.description_so {

  margin: auto;
  font-size: 14px;
  color: #666;
}


.image-section_so img {  height: 400px;  object-fit: cover;}
.card-section_so {  margin-top: -80px;}
.card-box_so {
  background: #fff;
  border-radius: 20px;
  padding: 10px;
  z-index: 999;
    position: relative;
}


.card-item_so {
     text-align: left;
    transition: transform 0.3s ease;
    border: 2px solid #f4a30000;
    border-radius: 15px;
    padding: 20px;
}

.card-item_so .icon {
  font-size: 28px;
  color: #aaa;
  margin-bottom: 10px;
}

.card-item_so h5 {font-weight: 600;color: #555;}
.card-item_so p {  font-size: 13px;  color: #777;}
.card-item_so:hover {
border: 2px solid #f4a300;
    border-radius: 15px;
    padding: 20px;
     transform: scale(1.01);
    box-shadow: 1px 1px 20px #dbdbdb;
}
.card-item_so:hover h5 {  color: #f4a300;}
.card-item_so img {    width: 70px;    margin-bottom: 20px;}
section#thnk-sec-wrap{min-height: 80vh;
  overflow: hidden;position:relative;}
section#thnk-sec-wrap:before {
    content: "";
     position: absolute;
     top: -30%;
     left: -10%;
     width: 500px;   /* adjust size */
     height: 500px;
     background-image: url(../images/bg-thank.jpg);
     background-size: contain;
     pointer-events: none;
     opacity: 0.2;
     background-repeat: no-repeat;
}
section#thnk-sec-wrap:after {
      content: "";
  position: absolute;
 bottom: -30%;
    right: -10%;
  width: 500px;   /* adjust size */
  height: 500px;
 background-image: url(../images/bg-thank.jpg);
  background-size: contain;
  pointer-events: none;
  opacity: 0.3;
  background-repeat: no-repeat; 

}

.for_thtex img {
    width: 90%;
    margin-bottom: 55px;
    margin-top: 20px;
}
.for_thtex p {
    font-size: 21px;
}
.for_thtex {
    margin: auto;max-width: 65%;
    text-align: center;z-index: 9;
}
.border-end_so { border-right: 1px solid #f4a300 !important;}
@media(max-width: 768px) {
    .contact-box
    {
      margin-top:0px;
    }
    body .tcs_1{ display:none !important;}
  .border-end_so {border-right: none !important;border-bottom: 1px solid #f4a300;  }
  .card-section_so {    margin-top: -50px;  }
}
h1.title_so span {    color: #555;}

.card-item_so1 {
  position: relative;
  height:70px;width:70px;
margin-bottom: 20px;
}
.card-item_so p { margin: 0;}

.icon_so {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease;
}
.icon_so1 { opacity: 1;}
.icon_so2 {  opacity: 0;}
.card-item_so:hover .icon_so1 {  opacity: 0;}
.card-item_so:hover .icon_so2 {  opacity: 1;}
section.solar_page_slider{position:relative;}
section.solar_page_slider:before {
    top:0;
    opacity: 0.2;
     position:absolute;
     content:"";
     height:100%;
     width:100%;
    background-image: url(../images/solar-bg-slider.jpg);
    background-size: contain;
    background-repeat: repeat;
    background-position: bottom;
}
.solar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 250px 250px;
  gap: 20px;
}

/* Common */
.box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Layout Control */
.box-a {
  grid-column: 1;
  grid-row: 1;
}

.box-b {
  grid-column: 2;
  grid-row: 1 / 3; /* 👈 FULL HEIGHT CENTER */
}

.box-c {
  grid-column: 3;
  grid-row: 1;
}

.box-d {
  grid-column: 1;
  grid-row: 2;
}

.box-e {
  grid-column: 2;
  grid-row: 2; /* optional extra */
}
.service-box_ser ul li {list-style: none;width: 95px;display: inline-block;padding: 5px;box-shadow: 1px 1px 15px #dddddd;margin: 10px;}

.service-box_ser ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.box-f { grid-column: 3; grid-row: 2;}
.L-csst img {width: 60%;}
.L-csst h3 {color: #000;font-size: 30px;}
.L-csst h5 {font-size: 25px;}
.L-csst h5 span {color: #000;}
/* Responsive */
@media (max-width: 768px) {
  .solar-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .box-b {
    grid-row: auto;
  }
}
section.solar_page_slider1 {background: #282828;}
.energy-wrapper {
  padding: 0px;
 
}

.energy-table {
  width: 100%;
  border-collapse: collapse;

}

/* Header */
.energy-table thead {
  background: #0f0f0f;
}

.energy-table th {
  color: #ffc107;
  padding: 15px;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
}

/* Body */
.energy-table td {
  padding: 14px 15px;
  font-size: 15px;
  color: #333;
}


.energy-table tbody tr:nth-child(even) {
  background: #ececec;
}


.child-row td {
  background: #e2e2e2 !important;
  font-size: 14px;
}


.badge-complete {
  background: #d1f0d8;
  color: #2e7d32;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  display: inline-block;
}
.solar_page_tab_det .team-tab{position: relative;  color: #000;}
.solar_page_tab_det .team-tab::after {
    content: "";
    width: 25%;
    height: 3px;
    background: #f5b400;
    position: absolute;
    left: 0;
    bottom: -8px;
}
.energy-table strong {font-weight: 700;}
.career_s {
  position: relative;
  background: #f4f4f4;
  padding: 80px 60px;
  overflow: hidden;

}

/* Layout */
.career_s_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

/* LEFT */
.career_s_left {
  max-width: 40%;
}

.career_s_left h1 {
  font-size: 52px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}

.career_s_left h1 span {
  color: #f4b400;
}

.career_s_line {
  width: 80px;
  height: 4px;
  background: #f4b400;
  margin: 20px 0;
  border-radius: 2px;
}

.career_s_tag {
  display: inline-block;
  background: #f4b400;
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
  font-weight: 600;
  margin-bottom: 15px;
}

.career_s_left p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
}

/* FORM */
.career_s_formbox {
  width: 420px;
  margin-right: 220px;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.career_s_formbox h3 {
  margin-bottom: 20px;
  font-size: 22px;
}

.career_s_formbox input[type="text"],
.career_s_formbox input[type="email"] {
  width: 100%;
  padding: 14px;
  margin-bottom: 15px;
  border: none;
  background: #eee;
  border-radius: 8px;
  font-size: 14px;
}

/* Upload */
.career_s_upload {
 /* display: flex; */
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.career_s_upload label {
  font-size: 14px;
  color: #555;
}

.career_s_upload input {
  background: #ddd;
  padding: 8px;
  border-radius: 6px;
}

/* Bottom row */
.career_s_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.career_s_captcha {
  background: #f1f1f1;
  padding: 12px;
  border-radius: 8px;
  font-size: 13px;
  color: #666;
}

/* Button */
.career_s_formbox button {
  background: #f4b400;
  border: none;
  padding: 12px 30px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}

/* RIGHT IMAGE */
.career_s_img {
  position: absolute;
  right: 0;
  top: 0;
  width: 35%;
  height: 100%;
  overflow: hidden;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 0px;
}

.career_s_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 992px) {
  .career_s_wrap {
    flex-direction: column;
  }
  section#thnk-sec-wrap{min-height: auto !important;
  overflow: hidden;position:relative;}
.for_thtex{max-width: 100% !important;}
  .career_s_left {
    max-width: 100%;
    margin-bottom: 30px;
  }
section#thnk-sec-wrap:before,section#thnk-sec-wrap:after{display:none;}
  .career_s_formbox {
    width: 100%;margin: auto;
  }
.career_s_container {
    display: block;
}

.career_s_container .career_s_img1 {
    display: none;
}

.career_s_container .career_s_form_area {
    width: 100%;
    padding: 15px;
}
  .career_s_img {
    display: none;
  }
}


.career_s {
  background: #f3f3f3;
  padding: 50px;
}

.career_s_container {
  display: flex;
}
.career_s_img1 {
  width: 30%;
}
/* LEFT IMAGE */
.career_s_img {
  width: 30%;
}

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

/* RIGHT SIDE */
.career_s_form_area {
  width: 70%;
  padding: 20px 40px;
}

/* TITLE */
.career_s_title {
  font-size: 30px;
  border: 2px solid #f4b400;
  padding: 15px 30px;
  border-radius: 50px;
  margin-bottom: 40px;
}

.career_s_title span {
  color: #f4b400;
}

/* STEPS */
.career_s_steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}

.career_s_steps::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ccc;
}

.step {
  position: relative;
  font-size: 13px;
  text-align: center;
}

.step::before {
  content: "";
  display: block;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
  background: #fff;
}

.step.active::before {
  background: #f4b400;
  border-color: #f4b400;
}

/* INPUT STYLE */
.step-content {
  display: none;
}

.step-content.active {
  display: block;
}

.step-content input {
  width: 100%;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 12px 5px;
  margin-bottom: 25px;
  background: transparent;
}

.step-content input:focus {
  outline: none;
  border-color: #f4b400;
}

/* BUTTONS */
.career_s_btns {
  display: flex;
  justify-content: space-between;
}

#prevBtn {
  background: #ddd;
  border: none;
  padding: 10px 20px;
}

#nextBtn {
  background: #f4b400;
  border: none;
  padding: 10px 25px;
}
.career_s_field {
  position: relative;
  margin-bottom: 25px;
}


.career_s_select {
  width: 100%;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 12px 5px;
  background: transparent;
  appearance: none;
  font-size: 14px;
  cursor: pointer;
}


.career_s_select:focus {
  outline: none;
  border-color: #f4b400;
}


.career_s_field::after {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 12px;
  color: #999;
  pointer-events: none;
}

.custom-boxz {
     background: #ffffff;
    border-radius: 15px;
    border-bottom: 6px solid #f4a300;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    margin: auto;
    border-top: 1px solid #f4a300;
    border-right: 1px solid #f4a300;
    border-left: 1px solid #f4a300;
}

.title-textz {
  font-weight: 500;
  font-size: 22px;
  color: #333;
}

.info-boxz {
  background: #eaeaea;
  border-radius: 10px;
}

.name-textz {
  font-weight: 700;
  font-size: 20px;
  color: #333;
}


.spg-wrapper {
  margin: 20px auto;
}


.spg-tabs {
  display: flex;
  justify-content: center;
  background: #eee;
  padding: 6px;
  border-radius: 50px;
  width: fit-content;
  margin: auto;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.spg-tab-btn {
  border: none;
  padding: 10px 25px;
  border-radius: 50px;
  background: transparent;
  font-weight: 500;
  cursor: pointer;
}

.spg-tab-btn.active {
  background: linear-gradient(to right, #f4a300, #ffcc33);
}

/* ===== CONTENT ===== */
.spg-tab-pane {
  display: none;
}

.spg-tab-pane.active {
  display: block;
}

/* ===== IMAGE GRID ===== */
.spg-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
}

/* ===== VIDEO ===== */
.spg-video-thumb img {
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
}

/* ===== MODAL ARROWS ===== */

#spgModalImg {
  transition: opacity 0.3s ease;
}


.spg-slide-left {
  animation: spgSlideLeft 0.4s ease;
}

.spg-slide-right {
  animation: spgSlideRight 0.4s ease;
}

@keyframes spgSlideLeft {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes spgSlideRight {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.spg-nav-btn:hover {
  background: #f4a300;
}
.spg-nav-btn {
      position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: #fff;
    font-size: 24px;
    padding: 2px 14px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.spg-modal-img {
  max-width: 100%;
  max-height: 80vh;   
  width: auto;
  height: auto;
  display: block;
  margin: auto;
  object-fit: contain;
}
h3.ih_grv {
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
}
.pdfwd .cor-doc {
    width: 100%;
    height: 281px;
    padding: 30px;
}

.pdfwd .cor-doc1 {
    text-align: center;
    display: block;
}

.pdfwd .cor-doc1 h3 {
    width: 100%;
}

.fiocn .fa {
    font-size: 40px;
    margin-bottom: 20px;
    color: #fdb716;
}
.poli_css .cor-doc1 h3 {
    font-size: 14px;
    margin-bottom: 0 !important;
}
 /* Section */
#ak-profile-section {
  background: #f9f9f9;
  padding: 40px 0;
}

/* Image */
.ak-profile-img-wrap {
  height: 100%;
}

.ak-profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section#ak-profile-section1 .glide__bullets {
    display: none;
}
/* Content */
.ak-profile-content {
  position: relative;
  padding: 30px;
}

/* Name Badge */
.ak-name-badge {
  background: #f4b400;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 0 40px 40px 0;
  position: relative;
  left: -55px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.ak-name-badge h4 {
  margin: 0;
  font-size: 18px;
}

.ak-name-badge span {
  font-weight: normal;
  margin-left: 10px;
}

/* Description with left border */
.ak-desc-box {
  border-left: 5px solid #f4b400;
  padding-left: 15px;
  margin-top: 20px;
}
.testimonialGliden {}

.testimonialGliden  .testimonial-card {
    border: 0;
    box-shadow: 0 0;
    padding: 0;
}

.testimonialGliden .testimonial-card img {
    width: 103px;
}
.ak-desc-box p {
  font-size: 14px;
  color: #555;
}

/* Icons */
.ak-icon-list {
  margin-top: 20px;
}

.ak-icon-item {
display: block;
    padding: 7px;
    text-decoration: none;
    color: #333;
    transition: 0.3s;
    font-size: 13px;
    margin-bottom: 5px;
}
a.ak-icon-item img {
    width: 18px;
}
.row.ak-icon-list div {
    padding: 0;
    margin: 0;
}
.ak-name-badge h4 span, .ak-name-badge h4 strong{color:#000;}
/* Hover Effect */
.ak-icon-item:hover {
    background: #f4b400;
    color: #000000;
}
.ak-icon-item:hover img {
    filter: brightness(0) invert(0);
}
.ak-icon-item:hover i {
  color: #fff;
}
.pdfwd .cor-doc {}
h3.ih_grv span {color: #000;}
.spg-prev { left: 10px; }   
.spg-next { right: 10px; }  

.read-more-content {
  display: none;
}

.read-more-btn {
  background: #fdb716;
  color: #000;
  border: none;
  padding: 8px 15px;
  cursor: pointer;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 5px;
}
.spg-video-item {
  width: 100%;
  height: 220px;          /* 🔥 IMPORTANT */
  object-fit: cover;      /* keeps proper crop */
  border-radius: 10px;
  background: #000;
}
.spg-tab-pane {
  display: none;
}

.spg-tab-pane.active {
  display: block;
}

/* SECTION */
.benefits-section {
  background: #f8f9fa;
}

.benefits-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #f4a300;
}

/* GRID */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.benefit-card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  transition: 0.3s;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  position: relative;
}

/* NUMBER */
.badge-num {
  font-size: 28px;
  font-weight: bold;
  color: #2e7d32;
  margin-bottom: 10px;
}

/* TITLE */
.benefit-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* DESCRIPTION */
.benefit-card p {
  font-size: 14px;
  color: #555;
}

/* HOVER */
.benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .benefits-title {
    font-size: 24px;
  }
}

/* === PHASES LIST === */
.phases-list {
    display: inline-block;
    text-align: left;
}

.phases-list p {
    font-size: 16px;
    color: black;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.phase-label {
    color: #fdb716;
    font-weight: 700;
    font-style: italic;
    margin-right: 4px;
}

/* CARD CLEAN FIX */
.board-team-card1 {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  transition: 0.3s;
  height: 100%;
}

.short-text {
  font-size: 14px;
  color: #666;
}

/* HIDE FULL TEXT */
.full-text {
  display: none;
  font-size: 14px;
  color: #444;
  margin-top: 10px;
  text-align: left;
}

/* ROLE BOX IMPROVED */
.role-full {
  background: #333; /* your existing color */
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  margin-top: 10px;
  text-align: left;
}

/* TITLE */
.role-full strong {
  display: block;
  font-size: 15px;
  margin-bottom: 8px;
}
.c_cs1c {
    text-align: center;
}
.contactcoursec select, .contactcoursec input {width: 100%;}
.bgcler {
    background: #f1941f;
    border-radius: 6px;
    padding: 9px;
}

.modal-content .wpcf7-submit, .modal-content p.bolcls {
    text-align: center;
}
.wpcf7-form .bgcler p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0 !important;
    padding: 0;
    font-weight: 700 !important;
    color: #fff;
}
.bgcler p {
    line-height: 19px;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.clserser {
    font-size: 13px;
    color: #767676;
    padding: 9px 8px;
    background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    outline: 0;
    margin-bottom: 4px;
    width: 100%;
}
 .contactcoursec input.wpcf7-form-control.wpcf7-submit {
   background: #d9870e;
    width: 100px;
    border: 0;
    color: #fff;
    font-size: 13px;
    padding: 7px;
    font-weight: bold;
    border-radius: 10px;
}
/* DESCRIPTION */
.role-desc {
  font-size: 13px;
  line-height: 1.6;

  /* CONTROL HEIGHT */
  display: block;
  max-height: 120px;
  overflow-y: auto;
}
.bgcler p, .bgcler p a {
    color: #fff;
    text-align: center;
    margin-bottom: 1px;
    text-decoration: none;
    font-size: 13px;
}
/* SCROLLBAR (optional) */
.role-desc::-webkit-scrollbar {
  width: 4px;
}
body {overflow-x: hidden;}
body .sh-whd {z-index: 999999;}
.c_cs1c img {
    width: 60px;
}
.role-desc::-webkit-scrollbar-thumb {
  background: #c8e6c9;
  border-radius: 10px;
}
div#promoModal {
    z-index: 999999;
}
.com_cs3 {
    position: absolute;
    top: 20%;
    width: 60%;
}

.com_cs1 {
    position: relative;
}
h2.w_under {
    color: #000;
    font-weight: bold;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

h2.w_under:before {
    position: absolute;
left: 0;width: 41%;
height: 1px;
content: "";
background: #ffb800;bottom: 0;}
.com_cs3 h3 {
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    border-left: 5px solid #ecad20;
    padding-left: 20px;
}

.com_cs3 p {
    color: #fff;
    margin-bottom: 31px;
}