@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Hindi:ital@0;1&display=swap');
@import url(bootstrap.min.css);
@import url(aos.css);
@import url(swiper-bundle.min.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);
@import url(stellarnav.css);

:root {
    --font-roboto-serif: 'Roboto', sans-serif;
    --font-raleway-serif: 'Raleway', sans-serif;
    --font-montserrat-serif: 'Montserrat', sans-serif;
    --font-60: min(max(30px, calc(1.875rem + ((1vw - 3.2px) * 1.875))), 60px);
    --font-40: min(max(22px, calc(1.375rem + ((1vw - 3.2px) * 1.125))), 40px);
    --font-30: min(max(22px, calc(1.375rem + ((1vw - 3.2px) * 0.5))), 30px);
    --font-25: min(max(20px, calc(1.25rem + ((1vw - 3.2px) * 0.3125))), 25px);
    --font-22: min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.25))), 22px);
    --font-20: min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.125))), 20px);
    --font-18: min(max(15px, calc(0.9375rem + ((1vw - 3.2px) * 0.1875))), 18px);
    --font-16: min(max(15px, calc(0.9375rem + ((1vw - 3.2px) * 0.0625))), 16px);
    --font-15: min(max(14px, calc(0.875rem + ((1vw - 3.2px) * 0.0625))), 15px);
    --font-14: min(max(13.5px, calc(0.84375rem + ((1vw - 3.2px) * 0.0313))), 14px);
    --color-1: #324670;
    --color-2: #EC5A3B;
    --color-3: #c80000;
    --color-4: #71468a;
    --color-5: #781fda;
    --color-6: #0172b9;
    --color-7: #1e98a7;
    --color-8: #ee941e;
    --color-9: #013334;
    --color-10: #ececec;
    --color-11: #f0f8ff;
    --color-dark: #000000;
    --color-white: #ffffff;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: var(--font-open-serif);
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    max-width: 100%;
    width: 100%;
}

summary {
    display: list-item;
}

body,
html {
    height: 100%;
}

html {
    font-size: 100%;
}

body {
    line-height: 1.4;
    overflow: hidden;
    overflow-y: scroll;
}

p {
    font-family: var(--font-open-serif);
    font-size: var(--font-14);
    color: var(--bs-dark);
    line-height: 1.9;
    margin-bottom: 1rem;
    font-weight: 400;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-Poppins-serif);
    color: var(--color-dark);
}

h1,
.h1 {
    font-size: var(--font-30);
}

h2,
.h2 {
    font-size: var(--font-25);
}

h3,
.h3 {
    font-size: var(--font-22);
}

h4,
.h4 {
    font-size: var(--font-20);
}

h5,
.h5 {
    font-size: var(--font-18);
}

h6,
.h6 {
    font-size: var(--font-18);
}


/* header start */
.header_mid {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
}

.header_section {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    background: #4a4a4ab3;
}
.header_mid a:hover{
    color: #55b0e1;

}

.logo {}

.logo a img {
    width: 100%;
    max-width: 300px;
}
.company_name a{color: #fff; font-weight: 600;font-size: 14px;}
.company_name a:hover{color: #9fcb54;}
.swiper-pagination {
  display: none !important;
}
/* header end */

/* home slide start*/
.home_slide_section {
    position: relative;
    max-height: 1080px;
}

/* .home_slide_section::before{ background: rgba(33, 33, 33, 0.67); 
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 2;} */

.swiper-slide {
    transition: opacity 1s ease-out;
}

.home_slide_capction {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 39%;
    max-width: 1050px;
    margin: auto;
}

.home_slide_title {
    font: normal normal bold 40px/62px Montserrat;
    letter-spacing: 0px;
    color: #fff;
    transform: translateY(-100%);
    animation: slideFromTop 2s ease-out forwards;
    text-align: center;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

.home_slide_dec {
    font: normal normal normal 18px/32px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    transform: translateY(-100%);
    animation: slideFromTop 2s ease-out forwards;
    text-align: center;
}
.home_slide_logo img{max-width: 138px; width: 100% !important;  height: auto !important;display: inline-block;}

@keyframes slideFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.swiper-slide .home_slide_main.active img {
    transform: scale(1.1);
    /* Zoom in effect */
}
.home_slide_main img {
  width: 100%;
  height: 100vh; 
  object-fit: cover; 
}
.home_slide_main {
  position: relative;
  width: 100%;
  height: 100vh; 
  overflow: hidden;
}

.swiper-slide.active {
    opacity: 1;
}

.home_slide_section .swiper-pagination {
    bottom: 7% !important;
}

.home_slide_section .swiper-pagination-bullet {
    background: #fff !important;
    width: 15px;
    height: 15px;
}


.bg_about {
    background: url(../images/bg-about.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}



.bg_about::before {
    background: #212121 0% 0% no-repeat padding-box;
    opacity: 0.76;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.about_main_section {
    position: relative;
}

.about_mani {
    padding: 120px 25px 120px;
}

@keyframes vanish {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

.vanish-effect {
  animation: vanish 5s infinite;
}




.bg_about .title {
    background: #55B0E1 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0%;
    top: 30px;
    padding-left: 340px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9;
    color: #fff;
    text-transform: uppercase;
}

.read_more {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    text-align: center;
    font: normal normal medium 14px/25px Roboto;
    letter-spacing: 0px;
    color: #9FCB54;
    padding: 8px 12px;
    font-weight: 700;
    transition: 0.3s ease;
}

.text_rightread {
    text-align: right;
}

.read_more:hover {
    background: #55B0E1 0% 0% no-repeat padding-box;
    color: #fff;
}



.counter-box {
    display: block;
    padding: 40px 20px 37px;
    text-align: -webkit-center;
}

.counternum {
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 40px;
    font-family: var(--font-roboto-serif);
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    font-family: var(--font-roboto-serif);
}


.counter {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    font-family: var(--font-roboto-serif);
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

/* marquee */
.sectors_marquee_wrapper {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
}

.sectors_marquee {
  display: flex;
  animation: marqueeScroll 40s linear infinite;
  width: max-content;
}

.sectors_content {
  display: flex;
  gap: 30px;
}


@keyframes marqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.what_we_sec {
    position: relative;
}

.what_we_sec::after {
    content: "";
    background: transparent radial-gradient(closest-side at 50% 50%, #FFAD3E 0%, #623CEA00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.18;
    position: absolute;
    right: 0;
    width: 50%;
    height: 100vh;
    top: -20%;
}

.what_do_mainsection {
    text-align: center;
    position: relative;
}

.what_do_mainsection::before {
    text-align: center;
    color: #0F354E;
    text-transform: uppercase;
    opacity: 0.05;
    content: "WHAT WE DO";
    font-size: 274px;
    font-family: var(--font-roboto-serif);
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    font-weight: 400;
}

.what_do_mainsection .title {
    font: normal normal bold 50px/59px Raleway;
    letter-spacing: 0px;
    color: #212121;
    text-transform: uppercase;
}

.what_do_mainsection .title span {
    color: #55B0E1;
}

.sector_mid_section {
   
    padding: 180px 50px 60px;
    margin-top: 55px;
}

.sector_mid_section::before {
    /*background: #212121 0% 0% no-repeat padding-box;*/
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
}

.sector_cards {
    background: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 15px;
}

.sector_icon {
    margin-bottom: 15px;
}

.sector_icon img {
    max-width: 60px;
    display: inline-block !important;
}

.home_sect{ background: url(../images/sector-bg.jpg) no-repeat bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;}

.sector_mainsection {
    
    position: relative;
}

.sector_mainsection .title {
    background: #55B0E1 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0%;
    top: 62px;
    padding-left: 340px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9;
    color: #fff;
}
.sector_mainsection1 .title {
    background: #55B0E1 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0%;
    top: -65px;
    padding-left: 340px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9;
    color: #fff;
}
.client_sec {
    position: relative;
}

.client_sec::before {
    content: "";
    background: transparent radial-gradient(closest-side at 50% 50%, #FFAD3E 0%, #623CEA00 100%) 0% 0% no-repeat padding-box;
    opacity: 0.18;
    position: absolute;
    left: 0;
    width: 30%;
    height: 70vh;
    top: -10%;
}

.client_mainsection {
    text-align: center;
    position: relative;
}

.client_mainsection::before {
    text-align: center;
    color: #0F354E;
    text-transform: uppercase;
    opacity: 0.05;
    content: "CLIENTS";
    font-size: 250px;
    font-family: var(--font-roboto-serif);
    position: absolute;
    left: 0;
    right: 0;
    top: 185px;
    font-weight: 400;
}

.client_mainsection .title {
    font: normal normal bold 30px/39px Raleway;
    letter-spacing: 0px;
    color: #212121;
    text-transform: uppercase;
}

.client_mainsection .title span {
    color: #55B0E1;
}

.client_tabmain .nav-tabs {
    position: relative;
    z-index: 9;
    justify-content: flex-end;
    border: none;
    margin-bottom: 25px;
}

.client_tabmain .nav-tabs li button {
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #70707085;
    border-radius: 10px;
    color: #000;
    margin-left: 5px;
}

.client_tabmain .nav-tabs li button.active {
    background: #0172b9;
    color: #fff;
}

.client_cards {  
    text-align: center;   
   
}

.client_icon {
    margin-bottom: 15px;
}

.client_icon img {
    max-width: 150px;
    display: inline-block !important;
    background-color: #fff;
     border: 1px solid #70707030;
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
   
}

.client_marquee_wrapper {
      overflow: hidden;
      width: 100%;
      padding: 20px 0;
      background-color: #fff;
    }

    .client_marquee {
      display: flex;
      width: max-content;
    }

    .client_content {
      display: flex;
      gap: 40px;
    }

    .client_cards {
      min-width: 150px;
      flex-shrink: 0;
      text-align: center;
    }
    
    .marquee-left {
      animation: scrollLeft 20s linear infinite;
    }


    .marquee-right {
      animation: scrollRight 20s linear infinite;
    }

    @keyframes scrollLeft {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes scrollRight {
      0%   { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }
    .stellarnav li a:hover{
        color: #fff !important;
        background: #9fcb54;
    }

    .abt-stats{
        z-index: 1 !important;
        position: relative;
    }
    .abt-stats p {
      margin: 8px 0;
      font-size: 16px;
      color: #fff;
    }

    .abt-stats span {
      font-size: 25px;
      color: #9fcb54;
      font-weight: bold;
      display: inline-block;
      width: 60px;
    }

    
   /* project */
   .geo-stats {
  max-height: 780px; 
  overflow-y: auto;
  overflow-x: auto;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.geo-stats thead th {
  position: sticky;
  top: 0;
  background-color: #9fcb54; /* same as your green header */
  z-index: 1;
}
    .geo-stats{
        z-index: 1 !important;
        position: relative;
    }
    .geo-stats p {
      margin: 8px 0;
      font-size: 16px;
      color: #fff;
    }

    .geo-stats span {
      font-size: 30px;
      color: #9fcb54;
      font-weight: bold;
      display: inline-block;
      width: 50px;
    }

    .geo-right {
      flex: 1 1 50%;
      height: 500px;
    }

   table {
      width: 100%;
      margin: auto;
      border-collapse: collapse;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      background-color: white;
    }
    thead {
      background-color:#9fcb54;
      color: #fff;
    }
    th, td {
      padding: 12px 18px;
      text-align: center;
      border-bottom: 1px solid #ddd;
    }
    th {
      font-size: 14px;
      text-transform: uppercase;
    }
    tbody tr:hover {
      background-color: #f5faff;
    }
    tfoot td {
      font-weight: bold;
      background-color: #eef3f8;
    }

    @media (max-width: 768px) {
      .geo-section {
        flex-direction: column;
      }

      .geo-left, .geo-right {
        flex: 1 1 100%;
      }

      .geo-right {
        height: 400px;
      }
    }
.project_section {
    position: relative;
    overflow: hidden;
    /* max-height: 950px; */
     min-height: 100vh; /* ✅ Optional fallback */
}

.projectsector_mainsection {
    position: absolute;
    padding: 180px 50px 60px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.projectsector_mainsection::before {
    background: #212121 0% 0% no-repeat padding-box;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
}
#map {
  width: 100%;
  height: 400px; /* Ensure visibility */
}
.projectsector_mainsection .title {
    background: #55B0E1 0% 0% no-repeat padding-box;
    position: absolute;
    left: 0%;
    top: 62px;
    padding-left: 340px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9;
    color: #fff;
}

.project_section video {
    width: 100%;
    height: 100%;
}

.project_cards {
    background: #fff;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #70707030;
    border-radius: 5px;
    padding: 15px;
}

.project_icon {
    margin-bottom: 15px;
}

.project_icon img {
    display: inline-block !important;
}

.map_timeline {
    /* overflow-y: scroll; 
    overflow-x: hidden;
    border: 2px solid #ccc;*/
}

/*Cstm section start */
/* SECTION: grows with content; video stays behind */
.section_main.project_section{
  position: relative;
  min-height: 100vh;     /* at least full screen; grows if content is taller */
  overflow: visible;     /* don't crop tall content */
}

/* VIDEO: background layer confined to this section */
.section_main.project_section > video{
  position: absolute;
  inset: 0;              /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;     /* fill without distortion */
  z-index: 0;
  pointer-events: none;  /* content stays clickable */
}


/* CONTENT: sits above the video */
.projectsector_mainsection{
  position: relative;
  z-index: 1;
  /*padding: 48px 0;*/
}
/* Layout hygiene */
.project_mid_section { width: 100%;   
/*margin-top: 100px; */
}
.project_mid_section .row{ align-items: stretch; }

.geo-stats table{
  width: 100%;
  border-collapse: collapse;
}
.geo-stats th, .geo-stats td{ padding: 8px 12px; }

.countery_map_section img{
  display: block;
  width: 100%;
  height: auto;
}
.section_main.project_section + section{
  position: relative;
  z-index: 0;
}
/*Cstm section End */

.timeline,
.timeline-horizontal {
    list-style: none;
    padding: 20px;
    position: relative;
}

.timeline:before {
    top: 40px;
    bottom: 0;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
}

.timeline .timeline-item {
    margin-bottom: 10px;
    position: relative;
}

.timeline .timeline-item:after,
.timeline .timeline-item:before {
    content: "";
    display: table;
}

.timeline .timeline-item:after {
    clear: both;
}

.timeline .timeline-item .timeline-badge {
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: 18px;
    left: 50.5%;
    margin-left: -25px;
    background-color: #61b6e3;
    z-index: 100;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon,
.timeline .timeline-item .timeline-badge i {
    top: 2px;
    left: 0;
}

.timeline .timeline-item .timeline-badge.primary {
    background-color: #1f9eba;
}

.timeline .timeline-item .timeline-badge.info {
    background-color: #5bc0de;
}

.timeline .timeline-item .timeline-badge.success {
    background-color: #59ba1f;
}

.timeline .timeline-item .timeline-badge.warning {
    background-color: #d1bd10;
}

.timeline .timeline-item .timeline-badge.danger {
    background-color: #ba1f1f;
}

.timeline .timeline-item .timeline-panel {
    position: relative;
    width: 46%;
    top: 15px;
    float: left;
    right: 16px;
    border-radius: 2px;
    padding: 10px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    background: #fff;
}

.timeline .timeline-item .timeline-panel:before {
    position: absolute;
    top: 15px;
    right: -10px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: " ";
}

.timeline .timeline-item .timeline-panel .timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-item .timeline-panel .timeline-body>p+p {
    margin-top: 5px;
}

.mCS_img_loaded,
.timeline .timeline-item:last-child:nth-child(2n) {
    float: right;
}

.timeline .timeline-item:nth-child(2n) .timeline-panel {
    float: right;
    left: 16px;
}

.timeline .timeline-item:nth-child(2n) .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}


.latest_umtcsect {}

.latest_umtcsect h2 {
    text-align: center;
    margin-bottom: 30px;
    font: normal normal bold 30px / 39px Raleway;
    letter-spacing: 0px;
    color: #212121;
    text-transform: uppercase;
}

.latest_umtcsect h2 span {
    color: #55B0E1;
}

.latest_cards {
    background: #55b0e1;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #70707030;
    border-radius: 5px;
    position: relative;
}

.latest_cards:hover .overlay {
    height: 100%;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #008bbacb;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.latest_text {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.latest_icon {
    margin-bottom: 15px;
}

.latest_text .latest_date {
    font-size: 12px;
    color: #fff;
}

.latest_text .latest_title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}

.latest_text .read_more {
    color: #000;
    background: inherit;
    box-shadow: inherit;
    padding: 0;
}

.suscribe_main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0px 15px 50px 0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 30px 0;
}

.suscribe_left {
    width: 28%;
}

.suscribe_left h3 {
    margin: 0px;
    font-size: 28px;
}

.suscribe_left p {
    font-size: 13px;
    margin: 0px;
}

.suscribe_right input {
    height: 56px;
}

.suscribe_right button {
    background: #55b0e1;
    color: #fff;
    border-color: #55b0e1;
}


.bg_footer {
    background: url(../images/look-from-highways-crossing-night-city.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 60px 0px 10px;
    margin-top: 0px;
}

.bg_footer::before {
    background: #212121 0% 0% no-repeat padding-box;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
}

.footer_sec {
    position: relative;
    z-index: 9;
}

.footer_address_section {}

.footer_address_section h4 {
    color: #9FCB54;
    font-size: 20px;
    font-family: var(--font-roboto-serif);
    font-weight: 600;
    margin-bottom: 20px;
}

.footer_address_section p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--font-roboto-serif);
    line-height: 28px;
    margin: 10px 0;
}

.footer_address_section p span {
    color: #9FCB54;
    font-weight: 400;
}

.footer_address_section p a {
    color: #fff;
}

.quick_link h4 {
    color: #9FCB54;
    font-size: 20px;
    font-family: var(--font-roboto-serif);
    font-weight: 600;
    margin-bottom: 20px;
}

.quick_link ul {
    padding: 0;
    column-count: 2;
    list-style: none;
}

.quick_link li {}

.quick_link li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--font-roboto-serif);
    margin-bottom: 10px;
    display: flex;
}

.quick_link li a:hover {
    color: #9FCB54;
}

.footersocial_link h4 {
    color: #9FCB54;
    font-size: 20px;
    font-family: var(--font-roboto-serif);
    font-weight: 600;
    margin-bottom: 20px;
}

.footersocial_link ul {
    padding: 0;
    display: flex;
    gap: 20px;
    list-style: none;
}

.footersocial_link li {}

.footersocial_link li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--font-roboto-serif);
    margin-bottom: 10px;
    display: flex;
}

.footersocial_link li a:hover {
    color: #9FCB54;
}

.copy_main {
    text-align: center;
    border-top: solid 1px #fff;
    padding-top: 20px;
}

.copy_main p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--font-roboto-serif);
}

/* table */
.tble-cont{
    margin-top: 118px;
}
.tble-cont1{
    margin-top: 118px;
}
/* team */


.team-desc {
  background:#f3fbff;
  border-radius: 10px;
  padding: 20px 15px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  text-align: center;
}

.team-desc:hover {
  transform: translateY(-5px);
}

.team-desc p {
  margin: 0;
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
}



.tble-cont > p:first-child {
  font-size: 18px;
  margin-bottom: 30px;
  margin-top: 20px;
  
  color: #444;
}

.tble-cont > p:last-child {
  font-size: 16px;
  color: #666;
  margin-top: 30px;
  
}



.team-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


.team-desc {
  background: #f0f9ff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  min-height: 120px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #222;
  height: 100%;
}

.team-desc i {
  color: #9fcb54;
  font-size: 20px;
  background: #e4f4e4;
  border-radius: 50%;
  padding: 6px;
  margin-right: 10px;
}



.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.team-desc {
  background: #e9f6ff;
  border-radius: 12px;
  padding: 20px;
  font-weight: 500;
  color: #111;
  display: flex;
  align-items: center;
  min-height: 120px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
}

/* service */
.tble-cont1 img{
    max-width: 900px;
    margin-top: 20px;
    margin-bottom: 20px;


}
/* expertise */

.competency-list {
  padding-left: 0;
  list-style: none;
  columns: 2;
  column-gap: 30px;
}

.competency-list li {
  font-size: 15px;
  padding: 6px 0;
  color: #333;
  display: flex;
  align-items: center;
  break-inside: avoid;
  transition: all 0.3s ease-in-out;
}

.competency-list li i {
  color: #9fcb54;
  margin-right: 8px;
  font-size: 16px;
}
.competency-list li:hover {
  color: #3498db;
  transform: translateX(5px);
}

.competencies-row img {
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  transition: transform 0.4s ease, box-shadow 0.3s ease;
}

.competencies-row img:hover {
  transform: scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.expertise-contact {
  margin-top: 25px;
  font-weight: 500;
  font-size: 15px;
}

.expertise-contact a {
  color: #007bff;
  text-decoration: none;
}

.expertise-contact a:hover {
  text-decoration: underline;
}


/* contact */
.contact-section {
  margin-top: 40px;
  margin-bottom: 60px;
}

.contact-details,
.contact-form {
  background: #f9f9f9;
  border-radius: 12px;
}

.icon-box {
  background-color: #9fcb54;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-top: 3px;
}

.contact-details h5 {
  font-size: 18px;
  color: #222;
}

.contact-details p,
.contact-form p {
  font-size: 14px;
  line-height: 1.5;
}
.contact-details a{
    color: #212121;
}
.contact-form input,
.contact-form textarea {
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 14px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #9fcb54;
  box-shadow: none;
}

/* Latest News Card Section Styling */
.latest-news-row {
  margin-top: 40px;
}

.latest-card {
  border: 1px solid #9fcb54;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}

.latest-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.latest-card img {
  height: 320px;
  object-fit: cover;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.latest-card .card-body {
  padding: 15px;
}

.latest-card .card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

.crunt_opninig{ margin: 0; padding: 0;}
.crunt_opninig li{background: #f1f1f1;display: flex;align-items: center;gap: 20px;padding: 12px;justify-content: space-between;}
.crunt_opninig li::before{top: 15px!important;    left: 10px !important;display: none;}
.crunt_opninig li .left{}
.crunt_opninig li .left p{margin: 0; padding: 0;}
.crunt_opninig li .left .head a{color: #1ea3b1;font-weight: 700;    font-size: 20px;}
.btnBuyNow{ background: #55b0e1;color: #fff;display: inline-block;   padding: 10px;   margin-bottom: 15px;   border-radius: 4px;}
.job_list{ margin: 0 0 15px; padding: 0;}
.job_list li{margin: 0!important; font-weight: 400!important;padding-bottom: 0;}
.job_list li::after{content: "\F133";  font-family: bootstrap-icons !important;left: 0;    position: absolute;color: #55b0e1;}

/* Responsive for small devices */
@media (max-width: 576px) {
  .latest-card img {
    height: 180px;
  }

  .latest-card .card-text {
    font-size: 14px;
  }
}
.card-head{
    color:#55B0E1 ;
}

/*.mega-sub-menu{*/
/*    top: 70px!important;*/
/*}*/

#mega-menu-303-0-1 {
    column-count: 2;
}

.tble-cont1 ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 600;
}
.tble-cont1 ul li::before {
    position: absolute;
    content: '\f101';
    font-family: "FontAwesome";
    left: 0;
    color: #10a3b1;
    font-size: 16px;
    top: 0px;
}

.tble-cont2 ul li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}
.tble-cont2 {
    margin-top: 118px;
    height: 100vh;
}
.btn-wrapper {
      position: relative;
      border: 1px solid #9fcb54;
      background: #fff;
      margin-bottom: 15px;
      transition: all 0.3s ease;
      border-radius: 4px;
    }
    .btn-wrapper:hover {
      background: #9fcb54;
      box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
    }
    .btn-wrapper::before {
      content: '\f63d'; /* bootstrap pdf/file icon */
      font-family: "bootstrap-icons" !important;
      font-size: 18px;
      color: #fff;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background-color: #9fcb54;
      padding: 10px;
      border-right: 1px solid #9fcb54;
    }
    .btn-wrapper::before:hover {
      background-color: #6a9324;
    }
    .btn-content {
      padding: 12px 15px 12px 45px; /* leave space for icon */
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
    }
    .btn-content a {
      color: #588c00;
      text-decoration: none;
      display: block;
      width: 100%;
    }
    .btn-content a:hover {
      color: #ffffff;
    }
    .ptb-140{ padding-top: 20px;padding-bottom: 120px;}
    
    .expa_main{position: relative;
    min-height: 100vh;
    overflow: visible;}
    .expa_main video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.expa_main_cont{padding-top: 40px;}
  .expa_main_cont::before {
    background: #212121 0% 0% no-repeat padding-box;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
}
.expa_main_cont .competency-list li a{color: #fff;}
.expa_main_cont .competency-list li a:hover{color: #3498db;}
.expa_main_cont p{color: #fff; z-index: 1;  position: relative;}
.unclaimed { display: flex; padding: 0;gap: 20px;}
.annual_general{column-count: 2;}
    
    /* Medium screens */
@media (min-width: 360px) and (max-width: 480px) {
 .client_mainsection::before { font-size: 70px;}
 .home_slide_title {font: normal normal bold 24px / 40px Montserrat;}
 .about_mani { padding: 110px 25px 45px;}
 .bg_about .title { padding-left: 80px;}
 .sector_mainsection .title {padding-left: 80px;}
 .projectsector_mainsection .title{padding-left: 80px;}
 .sector_mid_section {background: url(../images/sector-bg.jpg) no-repeat bottom;background-size: contain;margin-top: 0px;}
 .projectsector_mainsection {padding: 180px 0px 60px;}
 .geo-stats { margin-bottom: 20px;}
 .latest_umtcsect h2 {font: normal normal bold 30px / 18px Raleway;}
 .tble-cont2 { height: auto;}
 .competency-list {columns: 1;}
 ul.custom-list { padding: 0; margin-bottom: 40px;}
 .annual_general{column-count: 1;}
 .unclaimed { gap: 0px; flex-wrap: wrap;idth: 100%;}
}