/* Reset and Base Styles */

:root {
    --font-title:  'Helvetica Neue';
    --font-body: 'Helvetica Neue';
    --color-primary: #F05323;
    --color-dark: #0D0D0D;
    --color-text: #000000;
      --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 20s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

html {
  scroll-behavior: auto; /* or simply remove scroll-behavior property */
}

*,
::after,
::before {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

html,
body {
    width: 100%;
    height: 100%;

}

.main{
      overflow: hidden;
}

ul li,
ol li{
  list-style: none;
}

a{
        -webkit-transition: all 0.3s ease-in-out;
       transition: all 0.3s ease-in-out;
}

body {
   font-family: 'Helvetica Neue';
       color: #000000;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
}
.margin-left{
margin-left: calc((100% - (1400px - 0rem))/2);
}

.margin-right{
margin-right: calc((100% - (1400px - 0rem))/2);
}

.padding-left{
padding-left: calc((100% - (1400px - 0rem))/2);
}

.padding-right{
padding-right: calc((100% - (1400px - 0rem))/2);
}
.text-center{
     text-align: center;
}
.pt_80{
        padding-top: 80px;
}

.pb_80{
        padding-bottom: 80px;
}

.pt_60{
        padding-top: 60px;
}

.pb_60{
        padding-bottom: 60px;
}


.pt_50{
        padding-top: 50px;
}

.pb_50{
        padding-bottom: 50px;
}

.pt_90{
        padding-top: 90px;
}

.pb_90{
       padding-bottom: 90px;
}


.pt_100{
        padding-top: 100px;
}

.pb_100{
        padding-bottom: 100px;
}


.pt_110{
        padding-top: 110px;
}

.pb_110{
        padding-bottom: 110px;
}

.pt_120{
        padding-top: 120px;
}

.pb_120{
        padding-bottom: 120px;
}
.pt_140{
     padding-top: 140px;
}

.pb_140{
     padding-bottom: 140px;
}
.pt_150{
     padding-top: 150px;
}

.pb_150{
     padding-bottom: 150px;
}
.otgs-development-site-front-end{
       display: none !important;
}



.error-404,
.search-page-inner,
.search-noresult-inner {
  text-align: left;
  padding: 80px 100px;
}

.error-404 h1,
.search-page h1,
.search-noresult h1 {
  font-size: 30px;
}

.error-404 h1 {
  margin-bottom: 15px;
}

.error-404 h3 {
  margin: 40px 0 25px 0;
}

.error-404 h4 {
  margin-bottom: 15px;
}

.error-404 ul {
  padding-left: 30px;
  list-style: disc;
}

.error-404 ul li {
  font-size: 15px;
  margin-bottom: 0;
  position: relative;
}

.error-404 ul li::after{
       content: "";
    width: 6px;
    height: 6px;
    background-color: #000;
    position: absolute;
    left: -16px;
    top: 8px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.error-404 ul li+li {
  margin-top: 10px;
}

.error-404 .button {
  margin-top: 30px;
}

.error-404 .main-btn{
    margin-top: 30px;
}


img{
       display: block;
       max-width: 100%;
}

/* Typography and Container */

/* main{
      overflow: hidden;
} */

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.flex{
       display: flex;
       flex-wrap: wrap;
}

.flex-center{
       display: flex;
       flex-wrap: wrap;
       align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Helvetica';
    font-weight: bold;
}

p {
    font-family: var(--font-body);
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.main-btn{
  height: 50px;
  line-height: 48px;
     padding: 0 70px 0 30px;
     background-color: #000000;
     border: 1px solid #000;
     color: #fff;
     font-size: 16px;
     /* font-weight: 500; */
     cursor: pointer;
        -webkit-border-radius: 40px;
      border-radius: 40px;
      display: inline-block;
      position: relative;
      margin-top: 10px;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.25);  
}

.main-btn.grey-btn{
    background: rgba(255,255,255,0.3);
     border: 1px solid #fff;
     color: #fff;
}

.main-btn.white-btn{
    background-color: #fff;
     border: 1px solid #fff;
     color: #000;
}

.main-btn.blue-btn{
    background-color: #2C83EC;
      border: 1px solid #2C83EC;
     color: #fff;
}

.main-btn.border-btn{
    background-color: #fff;
     border: 1px solid #2C83EC;
     color: #2C83EC;
}
.border_white{
     border: 1px solid #fff;
     color: #fff;
     background-color: transparent;
}
.main-btn.border-btn::after{
 background-image: url(../images/blue-arrow.svg);
}

.main-btn.white-btn::after{
 background-image: url(../images/btn-arrow-black.svg);
}

.main-btn::after{
      content: "";
    width: 32px;
    height: 9px;
    position: absolute;
    right: 32px;
    top: 20px;
    background-image: url(../images/btn-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
        -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;

}

.main-btn:hover::after{
   right: 20px;
}

.main-title{
     font-size: 50px;
     line-height: 60px;
       font-family: 'Helvetica';
       font-weight: bold;
       color: #000;
       margin-bottom: 10px;
}


p:last-child{
     margin-bottom: 0;
}

a:hover{
    cursor: pointer;
}


.banner_wrap{
        width: 100%;
        position: relative;
}

.scroll_down_arrow{
       width: 15px;
       height: 60px;
       background: rgba(255, 255, 255, 0.2);
       border-radius: 300px;
        bottom: 50px;
       left: 0;
       right: 0;
       margin: 0 auto;
       position: absolute;
       z-index: 4;
         border:2px solid rgba(255, 255, 255, 0.4);
}

.scroll_ball{
    background: #ffffff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    left: 1px;
    top: 1px;
    animation: scrollBallMove 2.8s cubic-bezier(0.4,0,0.2,1) infinite;
}

@keyframes scrollBallMove {
    0% {
        top: 1px;
        opacity: 1;
    }
    80% {
        top: 46px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

.banner{
      width: 100%;
      height: 100vh;
      position: relative;
      overflow: hidden;
}

.banner::after{
     content: "";
     width: 100%;
     height: 100%;
     background:rgba(0, 0, 0, 0.2);
     position: absolute;
     left: 0;
     top:0;
} 



.banner video{
     width: 100%;
}

.hme_about_section{
     padding: 110px 0;
}

.hme_about_img{
      width: 100%;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      overflow: hidden;
}

.hme_about_img img{
     width: 100%;
}

.hme_about_overview{
     width: 100%;
     max-width: 1185px;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     position: relative;
     z-index: 2;
}

.about-overview-img{
     width: 52%;
      overflow: hidden;
}

.about-overview-img img{
     width: 100%;
}

.about-overview-content{
      width: 38%;
      padding-top: 45px;
}

.about-overview-content .main-title{
     margin-bottom: 15px;
}



.banner .swiper {
      height: 100vh;
      width: 100%;
    }

   .banner_swiper .swiper-pagination{
        width: auto;
        text-align: right;
        bottom: 120px;
        right: calc((100% - (1400px - 0rem))/2);
   }

    .banner_swiper .swiper-pagination .swiper-pagination-bullet{
             width: 8px;
             height: 8px;
             background-color: #525265;
             position: relative;
    }
 .banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
   background-color: #24CEDF;
 }

 .banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
      content: "";
      width: 12px;
      height: 12px;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      background-color: #03808D;
      position: absolute;
      left: -2px;
      bottom: -2px;
      z-index: -1;
 }



    .banner-content{
     position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    z-index: 9;
    left: 0;
    }

    
    .banner-content h3{
         font-size: 80px;
         color: #fff;
         line-height: 85px;
         font-weight: bold;
         max-width: 850px;
         margin-bottom: 20px;
    }

    .banner-content p{
      max-width: 700px;
      color:#fff;
    }

    .banner-content-btn{
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
    }

    .hme_overview_counter{
         width: 100%;
         max-width: 1185px;
         margin: 0 auto;
     border-radius: 25px;
  border: solid 1px rgb(82, 82, 82);
  border-bottom: none;
  margin-top: 60px;
  position: relative;
    }

     .hme_overview_counter::after{
           content: "";
    width: calc(100% + 4px);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: -2px;
    background: #525252;
    background: linear-gradient(180deg, rgb(82 82 82 / 0%) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 59%);
    z-index: 2;
     }

     .hme_overview_counter ul{
         width: 100%;
         display: flex;
         flex-wrap: wrap;
     }

     .hme_overview_counter ul li{
         width: 33.3%;
          height: 290px;
         position: relative;
           padding: 25px 50px;
           text-align: center;
           display: flex;
           flex-wrap: wrap;
           justify-content: center;
           align-items: center;
     
     }

         .hme_overview_counter ul li div{
              position: relative;
              z-index: 3;
         }

       .hme_overview_counter ul li:last-child:after{
          display: none;
       }

     .hme_overview_counter ul li::after{
         content: "";
          width: 1px;
          height: 100%;
           border-right: solid 1px rgb(82, 82, 82);
           position: absolute;
           right: 0;
           top: 0;
           z-index: 1;
         
     }

     .hme_overview_counter ul li h3{
          font-size: 85px;
          line-height: 65px;
          font-weight: bold;
          margin-bottom: 10px;
     }

      .hme_overview_counter ul li p{
           font-size: 18px;
           line-height: 26px;
      }
     
     .overview_counter_btn{
          position: relative;
    z-index: 3;
    width: 100%;
    text-align: center;
     }



     .hme_media_section{
          width: 100%;
          padding: 110px 0 90px;
     }

     .title_with_btn{
        padding-right: 250px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
     }

     .title_with_btn p{
          width: 100%;
     }

     .title_with_btn .main-btn{
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          margin:auto;

     }

.service_section{
     width: 100%;
     min-height: 100vh;
     padding: 90px 0 110px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
}

.service_section::after{
     content: "";
     width: 100%;
     height: 100%;
     background: rgba(34, 69, 112, 0.8);
      mix-blend-mode: multiply;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}

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

.service_title{
     text-align: center;
  
}

.service_title h2,
.service_title p{
  text-align: center;
  color: #fff;
}



.hme_media_img{
     overflow: hidden;
}

.hme_media_slider_wrap{
       margin-top: 20px;
}

.hme_media_img img{
       width: 100%;
       height: 290px;
       object-fit: cover;
       object-position: top center;
}

.hme_media_content{
       width: 100%;
       max-width: 370px;
       padding-top: 30px;
}

.hme_media_content h3{
      font-size: 28px;
      line-height: 32px;
      font-weight: bold;
      font-family: 'Helvetica';
      margin-bottom: 10px;
}

.hme_media_content p{
        font-size: 18px;
        line-height: 26px;
        
}
.hme_media_content .main-btn{
margin-top: 0;
}


.hme_future_section{
        width: 100%;
        min-height: auto;
        padding: 100px 0;
        overflow: hidden;
        position: relative;
}

.hme_future_content{
    max-width: 1200px;
}

.hme_future_section::after{
         content: "";
         width: 100%;
         height: 100%;
           background: #394b60;
             mix-blend-mode: hard-light;
             position: absolute;
             left: 0;
             top: 0;
             z-index: 1;
}

.hme_future_section video{
         width: 100%;
         height: 100%;
         object-fit: cover;
         position: absolute;
         left: 0;
         top: 0;
}

.hme_future_inner{
        width: 100%;
          background: rgba(151, 151, 151, 0.15);
          -webkit-border-radius: 25px;
  border-radius: 25px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  border-width: 1px;
  min-height: 455px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  backdrop-filter: blur(12.5px);
  padding: 50px;
  text-align: center;
}

.hme_future_inner h2,
.hme_future_inner p{
    color: #fff;
}
.hme_future_inner p{
    font-weight: 300;
}
.hme_news_section{
        width: 100%;
}

.hme_news_section h2{
       text-align: center;
}

.news_listing_wrap{
        width: 100%;
        margin-top: 40px;
        border: 1px solid #C8C8C8;
        -webkit-border-radius: 25px;
        border-radius: 25px;
}

.news_listing_wrap ul{
        display: flex;
        flex-wrap: wrap;
}

.news_listing_wrap ul li{
     width: 25%;
       min-height: 350px;
       padding: 25px;
       border-inline-end: 1px solid #C8C8C8;
       border-bottom: 1px solid #C8C8C8;
}

.news_listing_wrap ul li.blank {
    position: relative;
    overflow: hidden;
    background-image: url(../images/logo-bg.png);
}

.blank {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-image: url(../images/logo-bg.png);
  background-repeat: repeat;
  background-position: center;
}

/* Overlay to hide the background */
.blank::before {
  content: "";
  position: absolute;
  inset: 0;
  background: white;
  pointer-events: none;
  mask: radial-gradient(circle 120px at var(--x, -100px) var(--y, -100px),
        transparent 0%, 
        transparent 70%,   /* Fully visible center */
        rgba(0,0,0,1) 85%, /* Start fade */
        rgba(0,0,0,1) 100% /* Fully hidden outside */
      );
  -webkit-mask: radial-gradient(circle 120px at var(--x, -100px) var(--y, -100px),
        transparent 0%, 
        transparent 70%, 
        rgba(0,0,0,1) 85%, 
        rgba(0,0,0,1) 100%
      );
}



.news-box{
       width: 100%;
       height: 100%;
       position: relative;
}

.news-box label{
     background-color: #EDEDED;
     line-height: 26px;
     padding: 0 10px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     font-size: 16px;
     display: inline-block;
}

.news-box h3{
     font-size: 24px;
     line-height: 35px;
     margin-top: 10px;
}

.news-box_bottom span{
        width: 100%;
        font-size: 16px;
        display: block;
        color: #000;
        line-height: 24px;
     
}

.news-box .main-btn{
      margin-top: 20px;
}

.news-box_bottom{
      position: absolute;
      bottom: 0;
      left: 0;
}

.news_listing_wrap ul li:nth-child(4n){
     border-inline-end:none;
}

.news_listing_wrap ul li:nth-last-child(-n+4){
    border-bottom: none;
}

.news_listing_wrap ul li:last-child .news-box{
       display: flex;
       align-items: center;
       justify-content: center;
}

.news-box_last{
       text-align: center;
}

.service_tab_section{
        width: 100%;
        padding-top: 40px;
}

.service_tab{
       width: 100%;
       max-width: 460px;
       margin: 0 auto;
       display: flex;
       flex-wrap: wrap;
       border: none;
       border-top: 1px solid #747474;
}

.service_tab li{
       width: 50%;
       position: relative;
}



.service_tab li a.active{
     border-bottom: 3px solid #fff;
     color: #fff;
     font-weight: bold;
}

.service_tab li::after{
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
    180deg,
    rgba(116, 116, 116, 1) 0%,
    rgba(126, 126, 126, 0) 100%
  );
}

.service_tab li.active{
       border-bottom: 1px solid #fff;
}

.service_tab li:last-child:before{
     content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(
    180deg,
    rgba(116, 116, 116, 1) 0%,
    rgba(126, 126, 126, 0) 100%
  );
}

.service_tab li a{
      height: 64px;
      line-height: 64px;
      font-size: 22px;
      color: #B4B4B4;
      font-weight: 400;
      text-align: center;
      display: block;
}



  .tabs_service, .tabs_service2{
        display: flex;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
        border-bottom: 1px solid rgba(222, 222, 222, 0.2);
        margin-top: 100px;
    }
      .tabs_service a, .tabs_service2 a {
        text-decoration: none;
        color: rgba(255,255,255,0.6);
        font-size: 22px;
        line-height: 60px;
        font-weight: 400;
        transition: 0.3s;
            border-bottom: 2px solid transparent;
    }
     .tabs_service a.active, .tabs_service2 a.active {
        color: white;
        font-weight: bold;
        border-bottom: 2px solid white;
    }
    .tab-content, .tab-content2 {
        display: none;
        margin: auto;
    }
    .tab-content.active,.tab-content2.active
     {
        display: block;
    }

   

    .service_tab_content{
     display: none;
    }

   .service_tab_content.active {
        display: block;
    }

    .service_tab_content{
           width: 100%;
           max-width: 1200px;
           margin: 0 auto;
           padding-top: 80px;
    }

      .service_tab_content .tab_main_wrap{
        width: 100%;
        padding: 0 70px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

     .service_tab_content  .tab_main_text{
        width: 45%;
        padding-inline-end: 40px;
    }

        .service_tab_content .tab_main_text h3{
          font-size: 40px;
          line-height: 40px;
          color: #fff;
          font-weight: bold;
          margin-bottom: 15px;
       }

        .service_tab_content .tab_main_text p{
          color: #fff;
       }

      .service_tab_content .tab_main_img{
        width: 55%;
        overflow: hidden;
    }

    .service_tab_content  .tab_main_img img{
       width: 100%;
    }

    .sub-banner{
         width: 100%;
         height: 600px;
         display: flex;
         align-items: flex-end;
         padding-bottom: 80px;
    }

     .sub-banner h1{
      color: #fff;
     }
     .sub-banner h5{
          color: #fff;
          font-size: 18px;
          font-weight: 500;
          line-height: 27px;
          margin-top: 10px;
          text-transform:capitalize;
     }
     .image_half{
         width: 50%;
     }

     .image_half img{
          width: 100%;
     }
     .image_with_text {
          row-gap: 80px;
          justify-content: space-between;
     }
     .content-half{
         width: 44%;
     }
     .content-half .main-title{
          margin-bottom: 20px;
     }
     .about_mission_section{
          width: 100%;
          border: 1px solid #C8C8C8;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          overflow: hidden;
     }

     .vision_text{
         width: 50%;
         padding: 40px 0;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .vision_text_inner{
         width: 100%;
         max-width: 420px;
             height: fit-content;
         position: relative;
     }

     .vision_main:nth-child(2){
         flex-direction: row-reverse;
     }

     .title_center{
          text-align: center;
          max-width: 850px;
          margin: 0 auto;
     }

     .leadership_tabs{
         width: 100%;
         padding-top: 40px;
     }

          .leadership_tab{
             padding-top: 60px;
          }

    .leadership_tabs  .service_tab li a{
         color: #6E6E6E;
     }

         .leadership_tabs .service_tab li a.active {
    border-bottom: 3px solid #000000;
    color: #000;
    font-weight: bold;
}

.leadership-section{
     width: 100%;
     overflow: hidden;
}

.team_swiper{
     overflow: visible;
}

.leadership_tab {
  display: none;
}
.leadership_tab.active {
  display: block;
}

.leader-ship-box{
     width: 100%;
     position: relative;
}

.leader-ship-box img{
     width: 100%;
}
 
.leadership_title .main-title{
    margin-bottom: 20px;
}

/* Board of Directors Swiper Slider Styles */
.board-directors-slider {
    position: relative;
    margin-top: 50px;
}

.board-directors-swiper {
    padding-bottom: 50px;
}

.board-directors-swiper .swiper-slide {
    height: auto;
}

.board-directors-swiper .leader-ship-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.board-directors-swiper .leader-ship-box img {
    width: 100%;
    height: 397px;
    object-fit: cover;
}
/* Custom Navigation Buttons - Matching Timeline Design */
.board-directors-swiper .swiper-button-next,
.board-directors-swiper .swiper-button-prev {
    width: 100px;
    height: 50px;
    border-radius: 35px;
    background: rgb(0, 0, 0);
    color: #666;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    box-shadow: none;
}

.board-directors-swiper .swiper-button-next:hover,
.board-directors-swiper .swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: scale(1.05);
}

.board-directors-swiper .swiper-button-next:active,
.board-directors-swiper .swiper-button-prev:active {
    transform: scale(0.95);
}

/* Hide default Swiper arrows and use custom SVG */
.board-directors-swiper .swiper-button-next::after,
.board-directors-swiper .swiper-button-prev::after {
    display: none;
}

/* Custom arrow styling using background images */
.board-directors-swiper .swiper-button-next,
.board-directors-swiper .swiper-button-prev {
    background-image: url('../images/btn-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 31px 10px;
}

.board-directors-swiper .swiper-button-prev {
    transform: rotate(180deg);
}

.board-directors-swiper .swiper-button-next:hover,
.board-directors-swiper .swiper-button-prev:hover {
    background-size: 34px 11px; /* Slightly larger on hover */
}

.board-directors-swiper .swiper-button-prev:hover {
    transform: rotate(180deg) scale(1.05);
}

/* Navigation positioning */
.board-directors-swiper .swiper-button-next {
    right: -50px;
}

.board-directors-swiper .swiper-button-prev {
    left: -50px;
}


.board-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.board-nav button {
    width: 100px;
    height: 50px;
    border: none;
    border-radius: 35px;
    background: rgb(0, 0, 0);
    color: #666;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    align-items: center;
    justify-content: center;
}

.board-nav button:hover {
    background: rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
}

.board-nav button:active {
    transform: scale(0.95);
}

.board-nav .board-prev-btn img {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.board-nav button:hover img {
    transform: scale(1.1);
}

.board-nav .board-prev-btn:hover img {
    transform: rotate(180deg) scale(1.1);
}

/* Disabled state for navigation buttons */
.board-nav button.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
}

.board-nav button.disabled:hover {
    background: rgba(0, 0, 0, 0.3);
    transform: none;
}

.board-nav button.disabled:hover img {
    transform: none;
}

.board-nav .board-prev-btn.disabled:hover img {
    transform: rotate(180deg);
}

/* Custom Pagination */
.board-directors-swiper .swiper-pagination {
    bottom: 10px;
}

.board-directors-swiper .swiper-pagination-bullet {
    background: #2c3e50;
    opacity: 0.3;
    width: 12px;
    height: 12px;
}

.board-directors-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #2c3e50;
}

/* Responsive adjustments for Board of Directors Slider */
@media (max-width: 768px) {
    .board-directors-swiper .swiper-button-next,
    .board-directors-swiper .swiper-button-prev {
        width: 80px;
        height: 40px;
        border-radius: 25px;
        background-size: 25px 8px;
    }

    .board-directors-swiper .swiper-button-next:hover,
    .board-directors-swiper .swiper-button-prev:hover {
        background-size: 27px 9px;
    }

    .board-directors-swiper .leader-ship-box img {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .board-directors-slider {
        margin-top: 30px;
        padding: 0 20px; /* Reduce padding on mobile */
    }

    .board-directors-swiper {
        padding-bottom: 40px;
    }

    /* Hide side navigation arrows on mobile */
    .board-directors-swiper .swiper-button-next,
    .board-directors-swiper .swiper-button-prev {
        display: none;
    }

    .board-directors-swiper .leader-ship-box img {
        height: 200px;
    }

    .board-directors-swiper .leader-ship-content {
        padding: 15px 0;
    }

    /* Timeline-style navigation responsive */
    .board-nav button {
        width: 80px;
        height: 40px;
        border-radius: 25px;
    }

    .board-nav-container {
        margin-top: 30px;
    }

    .board-nav {
        gap: 15px;
    }
}

/* Listed Entities Portfolio Styles */
.listed-entities-section {
    background: #fff;
}

.listed-entities-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:10px;
    margin-top: 40px;
}

.listed-entity-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #C8C8C8;
    border-radius: 20px;
    padding: 25px 25px 10px 25px;
}

.listed-entity-card:hover {
    transform: translateY(-5px);
}

.listed-entity-image {
    width: 70px;
    height:70px;
    background: #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

.listed-entity-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listed-entity-content h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 300;
    color: #000000;
    margin:30px 0 10px;
    line-height: 1;
}

.listed-entity-content p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
}
.listed-entity-content .main-btn{
    border:none;
    padding-left:0;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 20px;
    height:auto;
}
.listed-entity-content .main-btn span {
    transition: all 0.3s ease;
}

.listed-entity-content .main-btn:hover span {
    transform: translateX(10px);
}

/* Responsive Design for Listed Entities Portfolio */
@media (max-width: 1200px) {
    .listed-entities-grid {
        gap: 30px 15px;
    }
}

@media (max-width: 768px) {
    .listed-entities-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 15px;
    }

  

    .listed-entity-content h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .listed-entity-content p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .listed-entities-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .listed-entity-image {
        height: 250px;
    }

    .listed-entity-content h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .listed-entity-content p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 12px;
    }

    .listed-entity-content .main-btn {
        font-size: 14px;
        padding: 8px 20px;
    }
}

.leader-ship-content{
 background: rgba(151, 151, 151, 0.43);
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  border-width: 1px;
  padding: 10px 25px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 20px);
  backdrop-filter: blur(6.05px);
}

.leader-ship-content p{
    color: #fff;
    font-size:17px;
    line-height: 20px;
    margin-bottom: 0;
}

.leader-ship-content h4{
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
}

.leadership_btn_wrap{
          width: 100%;
          text-align: center;
          margin-top: 50px;
}

.image_with_text.flex-reverse{
     flex-direction: row-reverse;
}

.image_with_text.flex-reverse .content-half{
      padding-inline-start: 0;
          padding-inline-end: 80px;
}

.about_nav_section{
     width: 100%;
     padding-top: 40px;
}

.about_nav{
     width: 100%;
     max-width: 960px;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-bottom: 2px solid rgba(211, 211, 211, 0.2);
}

.about_nav li a{
     display: block;
     position: relative;
     font-size: 22px;
     padding: 0px 50px;
         line-height: 65px;
     color: #5C5C5C;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}

.about_nav li a:hover{
      color: #000;
}

.about_nav li.active a::after{
      content: "";
      width: 100%;
      height: 2px;
      background-color: #000;
      position: absolute;
      bottom: -2px;
      left: 0;
}

.about_nav li.active a{
     font-weight: bold;
     color: #000;
}

.team_list_main{
     width: 100%;
     padding-top: 45px;
}

.team_list_main ul{
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 25px;
}

.gray-bg{
   background-color: #EDEDED;
}

/* about EIX page */

.about_description{
     text-align: center;
}
.about_description p{
     color: #000;
     font-size: 41px;
     line-height: 45px;
     font-weight: bold;
     max-width: 1245px;
     margin: 0 auto;
}
.approach_text{
     display: flex;
     justify-content: space-between;
     gap: 20px;
}
.approach_text > *{
     width: 46%;
}
.dual-approach-section .approach_text{
     margin-top: 80px;
}
  



/* Timeline Section Styles */
.timeline-section {
    background: #fff;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.timeline-section .title_center {
    text-align: center;
    margin-bottom: 60px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.timeline-section .title_center h2 {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
}

.timeline-section .title_center p {
    max-width: 800px;
    margin: 0 auto;
}

.timeline-slider {
    position: relative;
    overflow: hidden;
}

.timeline-wrapper {
    display: flex;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    gap: 60px;
    will-change: transform;
}


.timeline-slide {
    flex: 0 0 calc(50% - 15px);
    min-width: calc(50% - 15px);
    position: relative;
    z-index: 1;
}
.timeline-slide::before{
     content: "";
     position: absolute;
     left: -35px;
     top: 50%;
     transform: translateY(-50%);
     width: 16px;
     height: 16px;
     background: #2C83EC;
     border-radius: 50%;
     z-index: 2;
 }
 .timeline-slide::after{
     content: "";
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: -60px;
     width: 100%;
     height: 1px;
     background: rgba(0, 0, 0, 0.5);
     z-index: -1;
}
.timeline-block {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    height: 100%;
    border: 1px solid #C8C8C8;
}

.timeline-indicator {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #0066cc;
    border-radius: 50%;
    z-index: 2;
}

.timeline-image {
    flex: 0 0 33%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

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

.timeline-content {
    flex: 1;
    padding:10px 40px;
    position: relative;
}
.timeline-content p{
     line-height: 32px;
     padding-right: 50px;
}
.timeline-year {
    font-size: 36px;
    color: rgba(0, 0, 0, 0.2);
    line-height: 1;
    margin-bottom:15px;
}

.timeline-title {
    font-size:30px;
    font-weight: bold;
    color: #000;
    margin-bottom: 12px;
    line-height: 1.2;
}

.timeline-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    max-width: 500px;
}

/* Timeline Navigation */
.timeline-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 60px;
}

.timeline-nav button {
    width: 100px;
    height: 50px;
    border: none;
    border-radius: 35px;
    background: rgb(0, 0, 0);
    color: #666;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    align-items: center;
    justify-content: center;
}


.timeline-nav button:active {
    transform: scale(0.95);
}

.timeline-nav .prev-btn img{
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.timeline-nav button:hover img {
    transform: scale(1.1);
}

.timeline-nav .prev-btn:hover img {
    transform: rotate(180deg) scale(1.1);
}

.timeline-nav button.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
}

.timeline-nav button.disabled:hover {
    background: rgba(0, 0, 0,.3);
    transform: none;
    box-shadow: none;
}

.timeline-nav button.disabled:hover img {
    transform: none;
}

.timeline-nav .prev-btn.disabled:hover img {
    transform: rotate(180deg);
}
.map_section img{
     width: 100%;
}

/* Dark Theme Map Section Styles */
.dark_map_section {
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.city_map_container {
    position: relative;
    width: 100%;
    height:800px;
}

.map_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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



.content_block {
     background: rgba(151, 151, 151, 0.15);
     border-radius: 25px;
     border-style: solid;
     border-color: #777777;
     border-width: 1px;
     position: relative;
     backdrop-filter: blur(12.5px);
     width:480px;
     padding: 40px 40px 70px 40px;
     position: absolute;
     top: 50%;
     left: 80px;
     z-index: 9;
     transform: translateY(-50%);
}

.content_block .main-title {
    margin-bottom: 25px;
    color: #fff;
}
.content_block p{
     color:#fff;
     line-height:32px;
     font-weight: 300;
     margin-bottom: 35px;
}
.map_description {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.9);
}

.map_button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: #000;
    padding: 12px 34px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s ease;
}

.map_button:hover {
    background: #f0f0f0;
    box-shadow:0 3px 17pX 10px rgb(255 255 255 / 30%);
    color: #000;
}

.map_button span {
    transition: transform 0.3s ease;
}

.map_button:hover span {
    transform: translateX(4px);
}

/* Map Pins */
.map_pins {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.map_pin {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

/* Map Pin Positions */
.map_pin[data-location="abudhabi"] {
     left: 78%;
     top: 46%;
}

.map_pin[data-location="london"] {
    left: 51%;
    top: 30%;
}

.map_pin[data-location="newyork"] {
     left: 61.5%;
     top: 72%;
}


.pin_shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
}

/* Info Box - positioned beside each pin */
.map_pin .info_box {
    position: absolute;
    top: 20px;
    left: 95px;
    background: #fff;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 20;
    width: 0;
    min-width: 0;
    opacity: 0;
    /* transform: translateX(15px); */
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    visibility: hidden;
}
.map_pin .info_box .info_title,
.map_pin .info_box .info_location,
.map_pin .info_box .info_link{
     transition: all 0.3s ease-in-out;
     font-size: 0;
     opacity: 0;
}
.map_pin:hover .info_box {
    opacity: 1;
    /* transform: translateX(0); */
    pointer-events: auto;
    visibility: visible;
    width: auto;
    min-width: 250px;
    padding: 15px;
}
.map_pin:hover .info_box .info_title,
.map_pin:hover .info_box .info_location,
.map_pin:hover .info_box .info_link{
     opacity: 1;
}
.map_pin:hover .info_box .info_title{
     font-size: 22px;
}
.map_pin:hover .info_box .info_location{
     font-size: 16px;
}
.map_pin:hover .info_box .info_link{
     font-size: 16px;
}
/* Add a subtle scale effect to the pin on hover */

.info_image {
     width: 80px;
     height: 80px;
     border-radius: 15px;
     overflow: hidden;
     position: absolute;
     left: -35px;
     top: -20px;
}

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

.info_content {
     padding-left: 50px;
}

.info_title {
    line-height:25px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

.info_location {
    font-size: 16px;
    line-height:20px;
    color: #000000;
    margin: 0;
}

.info_link {
    color: #2C83EC;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease;
    border-bottom: 1px solid #2C83EC;
}

.info_link:hover {
    color: #004499;
}

.info_connector {
    position: absolute;
    bottom: 15px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


  




  



/* Our Focus Page Styles */

/* Hero Banner */
.hero-banner {
    width: 100%;
    height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #1a1a1a;
}

.hero-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.hero-overlay {
    position: relative;
    z-index: 2;
    width: 100%;
}

.hero-title {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    margin: 0;
}

/* Focus Sections */
.focus-sections {
    width: 100%;
    position: relative;
}

.focus-item {
    width: 100%;
    position: relative;
}

/* Background colors using nth-child */
.focus-item:nth-child(even) {
    background-color: #EDEDED;
}

/* Auto-reverse layout for even items */
.focus-item:nth-child(even) .focus-content {
    flex-direction: row-reverse;
}

.focus-content {
    display: flex;
    align-items: center;
    gap: 50px;
}

.focus-image {
    flex: 0 0 50%;
    overflow: hidden;
}

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

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

.focus-text {
    flex: 1;
    padding: 0 20px;
}

.focus-text .main-title {
    margin-bottom: 25px;
}

.focus-text p {
    line-height: 32px;
    margin-bottom: 30px;
}

.focus-text .main-btn {
    margin-top: 0;
}


  



/* Opportunistic Investing Page Styles */

/* Investment Strategies Section */
.strategies-section {
    background: #fff;
}

.section-header {
    text-align: center;
    margin-bottom: 70px;
}

.section-header .main-title {
    margin-bottom: 20px;
}

.section-header p {
    max-width: 780px;
    margin: 0 auto;
    line-height: 32px;
}

/* Strategies Grid */
.strategies-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.strategy-card {
    background: #fff;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.strategy-image {
    width: 100%;
    height:360px;
    overflow: hidden;
}

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

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

.strategy-content {
    padding: 30px 0 0 0;
}

.strategy-title {
    font-size: 32px;
    line-height: 1;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
}

.strategy-content p {
    margin-bottom: 30px;
    padding-right: 50px;
}

.strategy-content .main-btn {
    margin-top: 15px;
}

/* Sectors Section */
.sectors-section {
    background: #EDEDED;
}

.sectors-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 60px;
}

.sectors-title {
    flex: 0 0 40%;
}

.sectors-title .main-title {
    font-size: 48px;
    margin-bottom: 10px;
}

.sectors-title .sub-title {
    font-size: 36px;
    font-weight: bold;
    color: #000;
    margin: 0;
}

.sectors-description {
    flex: 1;
}


/* Sectors Grid */
.sectors-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    gap: 10px;
}

/* Position the last two cards in the bottom row */
.sector-card:nth-child(5) {
    grid-column: 1;
    grid-row: 2;
}

.sector-card:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
}

.sector-card {
    background: #fff;
    border-radius: 20px;
    padding:40px 25px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #C8C8C8;
}

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

.sector-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sector-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sector-title {
    font-size: 26px;
    font-weight: 300;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.2;
}

.sector-card p {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0 15px;
}


  



/* Breadcrumb Navigation Styles */
.breadcrumb-section {
    background: #fff;
    padding: 60px 0 0 0;
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size:16px;
    line-height: 1;
    font-weight: 500;
    font-family: 'Helvetica';
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    color: #434343;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item:hover {
    color: #000;
}

.breadcrumb-item.current {
    color: #000;
     font-weight: bold;
}

.breadcrumb-item svg {
    width: 16px;
    height: 16px;
    color: #666;
}

.breadcrumb-item:hover svg {
    color: #000;
}

.breadcrumb-separator {
    color: #999;
    font-size: 14px;
    margin: 0 5px;
}

/* Responsive Design for Breadcrumb */
/* What We Do Section Styles */

 .content-block {
     display: flex;
     align-items: center;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 /* Reverse order for even items */
 .content-block:nth-child(even) {
     flex-direction: row-reverse;
 }
 
 .content-block:last-child {
     margin-bottom: 0;
 }
 
 .content-image {
     flex: 0 0 50%;
     height: 305px;
     overflow: hidden;
 }
 
 .content-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;
 }
 
 .content-block:hover .content-image img {
     transform: scale(1.05);
 }
 
 .content-text {
     flex: 1;
     padding: 0px 60px;
 }
 
 .content-title {
     font-size: 38px;
     font-weight: bold;
     color: #000;
     margin-bottom: 20px;
     line-height: 1.2;
 }

  

/* New Ventures Template Styles */

/* Ventures Showcase Section */
.ventures-showcase {
    background-color: #2C83EC;
}

.venture-block {
    display: flex;
    align-items: center;
}


/* Use nth-child for alternating layout */
.venture-block:nth-child(even) {
    flex-direction: row-reverse;
}

.venture-block:last-child {
    margin-bottom: 0;
}

.venture-image {
    flex: 0 0 50%;
    overflow: hidden;
}

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

.venture-block:hover .venture-image img {
    transform: scale(1.05);
}

.venture-content {
    flex: 1;
    padding:0 60px 15px 60px;
}
.venture-content .main-btn{
     margin-top:0px;
     box-shadow: none;
}

.venture-content h3{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 45px;
}

.venture-content p {
    color: #fff;
    line-height:32px;
    margin-bottom:30px;
}

/* Team Collaboration Section */
.team-collaboration {
    background: #fff;
}
.team-collaboration .main-title{
    margin-bottom: 0px;
}
.team-collaboration .section-header {
     margin-bottom: 50px;
 }

/* Strategy Teams Swiper Navigation */
.strategy_teams {
    position: relative;
    padding-bottom: 100px;
}

.strategy_teams .swiper-button-next,
.strategy_teams .swiper-button-prev {
    width:95px;
    height:50px;
    border-radius:30px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.strategy_teams .swiper-button-prev {
     background: #000;
    left: -100px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    top: auto;
}
.strategy_teams .swiper-button-prev::after{
     transform: rotate(180deg);
}
.strategy_teams .swiper-button-next {
    background: #000;
    right: -120px;
    left: 0;
    margin: 0 auto;
    bottom: 0px;
    top: auto;
}


.strategy_teams .swiper-button-next::after,
.strategy_teams .swiper-button-prev::after {
     background-image: url(../images/btn-arrow.svg);
     background-repeat: no-repeat;
     font-size: 0;
     width: 32px;
     height: 10px;
}

/* Active and Disabled States for Swiper Navigation */
.strategy_teams .swiper-button-disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.strategy_teams .swiper-button-disabled:hover {
    transform: none !important;
}


.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.team-member {
    text-align: center;
    position: relative;
}

.member-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 20px;
    position: relative;
}

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

.team-member:hover .member-image img {
    transform: scale(1.05);
}

.member-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 20px;
    border-radius: 0 0 15px 15px;
}

.member-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #fff;
}

.member-name {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

/* Team Navigation */
.team-navigation {
    text-align: center;
    margin-top: 40px;
}

.nav-btn {
    background: #ccc;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-btn.prev-btn {
    background: #ccc;
    margin-right: 10px;
}

.nav-btn.next-btn {
    background: #000;
}

.nav-btn:hover {
    transform: scale(1.1);
}

.nav-btn span {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

/* Responsive Design for New Ventures */











  








/* Portfolio Search and Filter Section */
.portfolio-search-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 30px 0;
}

.search-box {
    flex: 1;
    max-width: 400px;
}

.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}


.search-input {
     width: 100%;
     padding: 12px 15px 10px 0px;
     border: none;
     border-bottom: 1px solid #e0e0e0;
     font-size: 22px;
     background: transparent;
     outline: none;
     transition: border-color 0.3s ease;
     margin-left: 15px;
     color: rgba(92, 92, 92,.3);
}

.search-input::placeholder {
     color: rgba(92, 92, 92,.3);
}

/* .search-input:focus {
    border-bottom-color: #2C83EC;
} */

.filter-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sort-label {
    font-size: 22px;
    color: #5C5C5C;
    white-space: nowrap;
}

.select-wrapper {
    position: relative;
}

.category-select {
     min-width: 150px;
     padding:15px 40px 15px 15px;
    border: 1px solid #2C83EC;
    border-radius:30px;
    font-size:18px;
    background: #fff;
    color: #2C83EC;
    cursor: pointer;
    appearance: none;
    outline: none;
    transition: all 0.3s ease;
}

.category-select:hover {
    border-color: #1a6fd4;
}

.category-select:focus {
    border-color: #1a6fd4;
    box-shadow: 0 0 0 3px rgba(44, 131, 236, 0.1);
}

.select-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #2C83EC;
    pointer-events: none;
    transition: transform 0.3s ease;
    width: 20px;
    height: 20px;
}

.select-wrapper:hover .select-arrow {
    transform: translateY(-50%) rotate(180deg);
}

/* Responsive Design for Search and Filter */
  

/* Portfolio Grid Section */

.strategies-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:40px 20px;
    margin-top: 40px;
}

.strategy-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.strategy-card:hover {
    transform: translateY(-5px);
}

.strategy-image {
    width:100%;
    height:360px;
    background: #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

.strategy-content h3 {
    font-size: 32px;
    line-height: 35px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 10px;
    line-height: 1;
}

.strategy-content p {
     line-height: 32px;
    margin-bottom: 20px;
}

.strategy-content .main-btn span{
     transition: all 0.3s ease;
}
.strategy-content .main-btn:hover span{
     transform: translateX(10px);
}

/* Responsive Design for Portfolio Grid */
  








/* Al Noor Engineering Template Styles */


.entity-detail-section {
    background: #fff;
}

.entity-content-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.entity-image-column {
    width: 23%;
    margin-top: 50px;
}

.entity-image-placeholder {
    width: 100%;
    height: 220px;
    background: #f5f5f5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.entity-image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.entity-content-column {
     width:69%;
}

.entity-title {
    font-size: 36px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
    line-height: 1.2;
}

.entity-description {
    margin-bottom: 40px;
}

.entity-description p {
    margin-bottom: 20px;
}

.entity-description p:last-child {
    margin-bottom: 0;
}


.visit-website-btn:hover {
    background: #1a6fd4;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(44, 131, 236, 0.3);
}

.arrow-icon {
    transition: transform 0.3s ease;
}

.visit-website-btn:hover .arrow-icon {
    transform: translateX(3px);
}

/* Businesses Section */
.businesses-section {
    background: #f8f9fa;
}

.section-title-center {
    text-align: center;
    margin-bottom: 60px;
}

.businesses-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    gap: 10px;
}

/* Position the last two cards in the bottom row */
.business-card:nth-child(5) {
    grid-column: 1;
    grid-row: 2;
}

.business-card:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
}

.business-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

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

.business-image {
    width: 100%;
    height: 274px;
    overflow: hidden;
}

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

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

.business-overlay {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 20px;
    color: #fff;
    background: rgba(151, 151, 151, 0.43);
     border-radius: 7.92px;
     border-style: solid;
     border-color: rgba(255, 255, 255, 0.2);
     border-width: 0.79px;
     backdrop-filter: blur(4.79px);
     margin: 0 15px;
}

.business-overlay h3 {
    font-size:22px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    text-align: center;
}

/* Responsive Design for Al Noor Engineering */
@media (max-width: 1200px) {
    .entity-content-layout {
        gap: 40px;
    }
    
    .businesses-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .entity-content-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .entity-image-placeholder {
        height: 300px;
    }
    
    .entity-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .entity-description p {
        font-size: 15px;
    }
    
    .businesses-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .business-image {
        height: 150px;
    }
    
    .section-title-center .main-title {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .breadcrumb-nav {
        font-size: 12px;
        gap: 8px;
    }
    
    .entity-title {
        font-size: 24px;
    }
    
    .entity-description p {
        font-size: 14px;
    }
    
    .visit-website-btn {
        padding: 12px 25px;
        font-size: 14px;
    }
    
    .businesses-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .business-image {
        height: 180px;
    }
    
    .business-title {
        font-size: 16px;
    }
    
    .section-title-center .main-title {
        font-size: 24px;
    }
}
  








/* News Page Template Styles */

/* News Search and Filter Section */
.news-search-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 30px 0;
}

/* News Detail Page Template Styles */

/* News Detail Hero Banner */
.news-detail-banner {
    width: 100%;
    height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #1a1a1a;
}

.news-detail-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}



.banner-video{
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
}

.banner-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;  
}

.banner-title {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
}

.banner-subtitle {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
    opacity: 0.9;
}

.banner-date {
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
}

/* Article Content Section */
.article-content-section {
    background: #fff;
}

.article-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
    align-items: start;
}

.article-main {
    width: 100%;
}

.article-date {
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}
.article-date-time{
     display: flex;
     gap: 15px;
     margin-bottom: 20px;
}
.article-time{
     font-size: 16px;
     line-height: 24px;
     color: #000000;
     background: #EDEDED;
     border-radius: 5px;
     font-style: italic;
     padding: 0px 10px;
}
.article-body {
    line-height: 1.8;
}

.article-body p {
    font-size: 18px;
    line-height: 28px;
    color: #454545;
    margin-bottom: 25px;
}

.article-image {
    margin: 40px 0;
}

.article-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Article Sidebar */
.article-sidebar {
    width: 100%;
    position: sticky;
    top: 100px;
}

.sidebar-section {
    margin-bottom: 100px;
}

.sidebar-title {
    font-size: 22px;
    font-weight: 400;
    color: #000;
    margin-bottom: 15px;
}

.topic-tag {
    display: inline-block;
    background: transparent;
    border: 1px solid #2C83EC;
    color: #2C83EC;
    padding: 7px 36px;
    border-radius: 25px;
    font-size: 20px;
    line-height: 28px;
}

.social-share ul{
    display: flex;
    gap:20px;
}

.social-share a {
 color: #000000;
 font-size: 20px;
}


/* Related News Section */
.related-news-section {
    background: #F9F9FF;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-title {
    font-size: 48px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}


.related-news-swiper {
    position: relative;
}

.related-news-swiper .swiper-slide {
    height: auto;
}



/* Related News Swiper Navigation */
.related-news-swiper .swiper-button-next,
.related-news-swiper .swiper-button-prev {
    width: 95px;
    height: 50px;
    background: #2C83EC;
    border-radius: 30px;
    color: #fff;
    transition: all 0.3s ease;
}

.related-news-swiper .swiper-button-next::after,
.related-news-swiper .swiper-button-prev::after {
    font-size: 18px;
    font-weight: bold;
}

.related-news-swiper .swiper-button-next:hover,
.related-news-swiper .swiper-button-prev:hover {
    background: #1a5bb8;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(44, 131, 236, 0.3);
}

.related-news-swiper .swiper-button-disabled {
    background: #ccc !important;
    color: #999 !important;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* Careers Page Styles */
.why-join-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.why-join-content .section-title {
    font-size: 48px;
    font-weight: bold;
    color: #000;
    margin-bottom: 30px;
}

.why-join-description p {
    margin: 0;
}

.team-image {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.team-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Open Positions Section */
.open-positions-section {
    background: #fff;
}

.section-header.text-center {
    text-align: center;
    margin-bottom: 60px;
}

.section-header .section-title {
    font-size: 48px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.section-header .section-subtitle {
    font-size: 20px;
    color: #666;
    margin: 0;
}

.positions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
}

.position-card {
    border: 1px solid #C8C8C8;
    border-radius:20px;
    padding: 25px 35px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    text-decoration: none;
    color: inherit;
}
.position-card p{
     font-size: 16px;
     line-height: 24px;
}
.position-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    color: inherit;
}

.position-meta {
    margin-bottom: 8px;
}

.time-posted {
    font-size: 14px;
    color: #999;
    font-weight: 500;
}

.position-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 3px;
    line-height: 25px;
}

.position-skills {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.5;
}

.position-location {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #454545;
    margin-top: 25px;
}



/* Responsive Design for News Detail */
@media (max-width: 1200px) {
    .article-layout {
        gap: 40px;
    }
    
    .banner-title {
        font-size: 42px;
    }
    
    
}

@media (max-width: 768px) {
    .news-detail-banner {
        height: 400px;
    }
    
    .banner-title {
        font-size: 32px;
    }
    
    .banner-subtitle {
        font-size: 20px;
    }
    
    .article-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .article-sidebar {
        position: static;
    }
    
    .article-body p {
        font-size: 16px;
    }
    
    .section-title {
        font-size: 36px;
    }
    
    .related-news-swiper {
        padding: 0 40px;
    }
    
    .related-news-swiper .news-content {
        padding: 20px;
    }
    
    .related-news-swiper .news-image {
        height: 220px;
    }
    
    .related-news-swiper .swiper-button-next,
    .related-news-swiper .swiper-button-prev {
        width: 80px;
        height: 45px;
    }

    .why-join-content .section-title{
        margin-bottom: 0;
    }

        .why-join-layout {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .news-detail-banner {
        height: 300px;
    }
    
    .banner-title {
        font-size: 28px;
    }
    
    .banner-subtitle {
        font-size: 18px;
    }
    
    .article-body p {
        font-size: 15px;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .social-share {
        gap: 10px;
    }
    
    .social-icon {
        width: 40px;
        height: 40px;
    }
    
    .related-news-content {
        padding: 15px;
    }
    
    .related-news-image {
        height: 160px;
    }
    
    .related-news-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* News Grid Section */
.news-grid-section {
    background: #fff;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px 35px;
    margin-bottom: 60px;
}

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


.news-image {
    width: 100%;
    height: 295px;
    overflow: hidden;
}

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

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

.news-content {
    padding:20px 0 0 0;
}

.category {
    display: inline-block;
    background: #EDEDED;
    color: #000000;
    font-size: 16px;
    line-height: 1;
    padding: 6px 11px;
    border-radius:5px;
    margin-bottom: 5px;
}
.news-content p{
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}
.news-meta {
    margin-bottom: 20px;
}

.news-date {
    font-size: 16px;
    color: #000000;
}
.news-content .main-btn{
    margin-top: 0px;
    background-color: transparent;
}
/* Load More Section */
.load-more-section {
    text-align: center;
    margin-top:100px;
}

.load-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #2C83EC;
    color: #fff;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.load-more-btn:hover {
    background: #1a6fd4;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(44, 131, 236, 0.3);
    color: #fff;
}

/* Responsive Design for News Page */
@media (max-width: 1200px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .news-search-filter {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .news-card {
        margin-bottom: 0;
    }
    
    .news-content {
        padding: 20px;
    }
    
    .news-image {
        height: 200px;
    }
    
    .news-description {
        font-size: 14px;
    }
    
    .news-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .load-more-btn {
        padding: 12px 30px;
        font-size: 16px;
    }

.contact-form-section{
    margin-top: 0;
}

    
}

@media (max-width: 480px) {
    .news-search-filter {
        padding: 20px 0;
    }
    
    .news-content {
        padding: 15px;
    }
    
    .news-image {
        height: 180px;
    }
    
    .category {
        font-size: 12px;
        padding: 4px 10px;
    }
    
    .news-description {
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    .news-date {
        font-size: 12px;
    }
    
    .news-btn {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .load-more-btn {
        padding: 10px 25px;
        font-size: 14px;
    }
}

/* Career Detail Page Styles */
.job-details-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;

}

.job-main-content {
    background: #fff;
    width: 47%;
}

.job-overview {
    margin-bottom: 40px;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 30px;
    width: 90%;
}

.job-overview .section-title {
    font-size: 36px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
}

.job-description {
    font-size: 18px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

.job-responsibilities,
.job-requirements,
.job-benefits {
    margin-bottom: 35px;
}
.job-responsibilities h3{
     font-size: 26px;
     font-weight: 500;
     color: #000;
     margin-bottom: 15px;
}
.subsection-title {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
}

.responsibilities-list {
    list-style: none;
    padding: 0;
}

.responsibilities-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
    color: #454545;
}

.responsibilities-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2C83EC;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.requirements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.requirement-category h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.requirement-category ul {
    list-style: none;
    padding: 0;
}

.requirement-category li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

.requirement-category li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: bold;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.benefit-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.benefit-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
}

.benefit-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    margin: 0;
}

/* Sidebar Styles */
.job-sidebar {
     position: sticky;
     top: 30px;
     width:44%;
}

/* Contact Form Section */
.contact-form-section {
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 15px;
     padding: 50px 50px 170px 50px;
     margin-top: 135px;
}
.contact-form-section h2{
     font-size: 38px;
     font-weight: 500;
     color: #000;
     margin-bottom: 25px;
}
.contact-form-section h3,
.contact-form-section h4 {
     font-size: 24px;
     font-weight: bold;
     color: #000;
     margin-bottom: 25px;
}

.contact-form-section .wpcf7-form {
     margin: 0;
}
.contact-form-section .wpcf7-form ul li{
     margin-top: 15px;
}
.contact-form-section .wpcf7-form p {
     margin-bottom: 25px;
     position: relative;
}

.contact-form-section .wpcf7-form p:last-child {
     margin-bottom: 0;
}

.contact-form-section .wpcf7-form label {
     display: block;
     font-size: 14px;
     font-weight:300;
     color: #353A3F;
     margin-bottom: 8px;
}

.contact-form-section .wpcf7-form input[type="text"],
.contact-form-section .wpcf7-form input[type="email"],
.contact-form-section .wpcf7-form input[type="tel"],
.contact-form-section .wpcf7-form textarea,
.contact-form-section .wpcf7-form select {
     width: 100%;
     padding: 5px 20px;
     height: 50px;
     border: none;
     background: #F8F8F8;
     border-radius: 35px;
     font-size: 14px;
     transition: all 0.3s ease;
     font-family: var(--font-body);
     color: #353A3F;
}

.contact-form-section .wpcf7-form input[type="text"]::placeholder,
.contact-form-section .wpcf7-form input[type="email"]::placeholder,
.contact-form-section .wpcf7-form input[type="tel"]::placeholder,
.contact-form-section .wpcf7-form textarea::placeholder {
     color: #353A3F;
}

.contact-form-section .wpcf7-form input[type="text"]:focus,
.contact-form-section .wpcf7-form input[type="email"]:focus,
.contact-form-section .wpcf7-form input[type="tel"]:focus,
.contact-form-section .wpcf7-form textarea:focus,
.contact-form-section .wpcf7-form select:focus {
     outline: none;
     border-color: var(--color-primary);
     box-shadow: 0 0 0 1px #2C83EC;
     transform: translateY(-2px);
}

.contact-form-section .wpcf7-form textarea {
     min-height: 90px;
     resize: vertical;
     line-height: 1.5;
     padding-top: 15px;
     resize: none;
}

/* Custom File Input Styling */
.contact-form-section .wpcf7-form input[type="file"] {
     display: none;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap {
     position: relative;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap input[type="file"] + .wpcf7-form-control-wrap {
     position: relative;
}

/* Custom File Upload Button */
.contact-form-section .wpcf7-form .wpcf7-form-control-wrap input[type="file"] {
     position: absolute;
     opacity: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
     z-index: 2;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap:has(input[type="file"]) {
     position: relative;
      font-size: 0;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap:has(input[type="file"])::before {
   content: attr(data-filename) !important;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #F8F8F8;
     border-radius: 35px;
     display: flex;
     align-items: center;
     font-size: 14px;
     color: #353A3F;
     font-weight: 400;
     font-family: var(--font-body);
     cursor: pointer;
     transition: all 0.3s ease;
     z-index: 1;
     padding: 0 20px;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap:has(input[type="file"])::after {
     content: "Browse";
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
     color: #2C83EC;
     font-family: var(--font-body);
     font-size: 17px;
     font-weight: 600;
     cursor: pointer;
     z-index: 1;
}

.contact-form-section .wpcf7-form .wpcf7-form-control-wrap:has(input[type="file"]):hover::before {
     border-color: var(--color-primary);
     background: rgba(240, 83, 35, 0.05);
}

/* Alternative approach for file input styling */
.contact-form-section .wpcf7-form .wpcf7-file {
     position: relative;
     display: block;
     width: 100%;
     height: 60px;
     background: #f8f9fa;
     border: 2px dashed #ddd;
     border-radius: 10px;
     cursor: pointer;
     transition: all 0.3s ease;
     overflow: visible;
     z-index: 1;
     /* Ensure it's clickable */
     pointer-events: auto;
}

/* Ensure the file wrapper is clickable */
.contact-form-section .wpcf7-form .wpcf7-file {
     pointer-events: auto;
     /* Ensure it's properly positioned */
     position: relative;
     z-index: 1;
}

/* Make sure the file input is above other elements and accessible */
.contact-form-section .wpcf7-form .wpcf7-file input[type="file"] {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
     z-index: 999;
     font-size: 0;
     pointer-events: auto;
}

/* Debug: Temporarily make file input visible */
.contact-form-section .wpcf7-form .wpcf7-file input[type="file"] {
     opacity: 0.1;
     background: red;
     /* Ensure it's properly positioned and accessible */
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 999;
     cursor: pointer;
}

.contact-form-section .wpcf7-form .wpcf7-file:hover {
     border-color: var(--color-primary);
     background: rgba(240, 83, 35, 0.05);
}

.contact-form-section .wpcf7-form .wpcf7-file::before {
     content: "Upload Resume";
     position: absolute;
     top: 50%;
     left: 20px;
     transform: translateY(-50%);
     font-size: 16px;
     color: #666;
     pointer-events: none;
}

.contact-form-section .wpcf7-form .wpcf7-file::after {
     content: "Browse";
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
     background: var(--color-primary);
     color: white;
     padding: 8px 16px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 600;
     pointer-events: none;
     z-index: 5;
}

/* Show selected filename */
.contact-form-section .wpcf7-form .wpcf7-file.has-file::before {
     content: attr(data-filename);
     color: var(--color-primary);
     font-weight: 600;
}

.contact-form-section .wpcf7-form input[type="submit"] {
     width: 100%;
     height: 100%;
     font-size: 16px;
     font-weight:300;
     cursor: pointer;
     font-family: var(--font-body);
     background-color: transparent;
     padding-right: 35px;
     color: #fff;
     font-family: var(--font-body);
     border: none;

}
.contact-form-section .submit_btn {
     width:160px;
     height: 50px;
     border-radius: 35px;
     background: #2C83EC;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 100px;
}
.contact-form-section .submit_btn:hover p::after{
     transform: translateX(10px);
}
.contact-form-section .submit_btn p{
     height: 100%;
}
.contact-form-section .submit_btn p::after{
     content: "";
     width: 32px;
     height: 9px;
     position: absolute;
     right: 30px;
     top: 21px;
     background-image: url(../images/btn-arrow.svg);
     background-repeat: no-repeat;
     background-position: center;
     transition: all 0.3s ease;
}
.fileUpload .wpcf7-form-control-wrap{
     width: 100%;
     height: 50px;
     border-radius: 35px;
     background: #F8F8F8;
     border: none;
     font-size: 14px;
     font-weight:300;
     color: #353A3F;
     display: block;;
}

.contact-form-section .wpcf7-response-output {
     margin: 20px 0 0 0;
     padding: 15px 20px;
     border-radius: 10px;
     font-size: 14px;
     font-weight: 500;
     border: none;
}

.contact-form-section .wpcf7-not-valid-tip {
     color: #dc3545;
     font-size: 13px;
     margin-top: 5px;
     font-weight: 500;
}

.contact-form-section .wpcf7-form-control-wrap.wpcf7-not-valid {
     margin-bottom: 5px;
}

.contact-form-section .wpcf7-form-control-wrap.wpcf7-not-valid input,
.contact-form-section .wpcf7-form-control-wrap.wpcf7-not-valid textarea {
     border-color: #dc3545;
     background: rgba(220, 53, 69, 0.05);
}

.contact-form-section .wpcf7-response-output.wpcf7-mail-sent-ok {
     background: #d4edda;
     color: #155724;
     border: 1px solid #c3e6cb;
}

.contact-form-section .wpcf7-response-output.wpcf7-validation-errors {
     background: #f8d7da;
     color: #721c24;
     border: 1px solid #f5c6cb;
}

/* Immediate Joiner Text */
.immediate-joiner {
     font-size: 18px;
     font-weight: bold;
     color: var(--color-primary);
     margin-top: 20px;
     padding: 15px;
     background: #f8f9fa;
     border-left: 4px solid var(--color-primary);
     border-radius: 5px;
}

.job-meta-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.card-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
}

.meta-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.meta-item:last-child {
    border-bottom: none;
}

.meta-label {
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.meta-value {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.application-section {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.apply-btn {
    width: 100%;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.application-note {
    font-size: 14px;
    color: #666;
    margin: 0;
}

.share-job-section {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.share-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
}

.share-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f8f9fa;
    color: #666;
    transition: all 0.3s ease;
    text-decoration: none;
}

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

.share-btn.linkedin:hover {
    background: #0077b5;
    color: #fff;
}

.share-btn.twitter:hover {
    background: #1da1f2;
    color: #fff;
}

.share-btn.email:hover {
    background: #ea4335;
    color: #fff;
}

/* Related Positions Section */
.related-positions-section {
    background: #f8f9fa;
}

.related-positions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

/* Responsive Design for Careers Page */
@media (max-width: 1200px) {
    .why-join-layout {
        gap: 40px;
    }
    
    .positions-grid {
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .why-join-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .why-join-content .section-title {
        font-size: 36px;
    }
    
    .why-join-description p {
        font-size: 16px;
    }
    
    .section-header .section-title {
        font-size: 36px;
    }
    
    .section-header .section-subtitle {
        font-size: 18px;
    }
    
    .positions-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .position-card {
        padding: 25px;
    }
    
    .position-title {
        font-size: 20px;
    }
    
    .position-skills {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .why-join-content .section-title {
        font-size: 32px;
    }
    
    .section-header .section-title {
        font-size: 32px;
    }
    
    .position-card {
        padding: 20px;
    }
    
    .position-title {
        font-size: 18px;
    }
    
    .position-link {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* Responsive Design for Contact Form 7 */
@media (max-width: 768px) {
    .contact-form-section .wpcf7-form {
        padding: 20px;
    }
    
    .contact-form-section .wpcf7-form input[type="text"],
    .contact-form-section .wpcf7-form input[type="email"],
    .contact-form-section .wpcf7-form input[type="tel"],
    .contact-form-section .wpcf7-form textarea,
    .contact-form-section .wpcf7-form select {
        padding: 12px 15px;
        font-size: 16px;
    }
    
    .contact-form-section .wpcf7-form input[type="submit"] {
        padding: 15px 25px;
        font-size: 16px;
    }
    
    .contact-form-section .wpcf7-form .wpcf7-file {
        height: 50px;
    }
    
    .contact-form-section .wpcf7-form .wpcf7-file::before {
        font-size: 14px;
        left: 15px;
    }
    
    .contact-form-section .wpcf7-form .wpcf7-file::after {
        padding: 6px 12px;
        font-size: 12px;
        right: 15px;
    }
}

@media (max-width: 480px) {
    .contact-form-section .wpcf7-form {
        padding: 15px;
    }
    
    .contact-form-section .wpcf7-form input[type="text"],
    .contact-form-section .wpcf7-form input[type="email"],
    .contact-form-section .wpcf7-form input[type="tel"],
    .contact-form-section .wpcf7-form textarea,
    .contact-form-section .wpcf7-form select {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .contact-form-section .wpcf7-form input[type="submit"] {
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* Contact Us Page Styles */
.map-section {
    position: relative;
    height:800px;
    background: #1a1a1a;
    overflow: hidden;
}

.map-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.map-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/map.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.map-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.map-pin svg {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

.map-popup {
    position: absolute;
    top: 42%;
    left: 53%;
    background: white;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding:15px 15px 15px 55px;
    z-index: 3;
    min-width: 200px;
    border: 1px solid rgba(0,0,0,0.1);
}

.popup-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

.popup-image {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    left: -40px;
    top: -15px;
}

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

.popup-text h4 {
    margin: 0 0 2px 0;
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    line-height: 1;
}

.popup-text p {
    margin: 0;
    font-size: 16px;
    color: #000;
    line-height: 1;
}

.get-direction {
    color: #2C83EC;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.2s ease;
}

.get-direction:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Contact Information & Form Section */
.contact-info-form-section {
    background: white;
}

.contact-layout {
    display: flex;
    justify-content: space-between;
}

.contact-info {
    width: 45%;
}
.contact-info .main-title{
     margin-top: 10px;
}
.section-label {
    display: block;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.contact-info p{
     border-top: 1px solid #E0E0E0;
     padding-top: 25px;
     margin-top: 30px;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 75px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-text span {
    font-size: 18px;
    line-height: 1;
    color: #454545;
    font-weight: 400;
}

.location-detail {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

/* Contact Form Styles */
.contact-form-wrapper {
    width: 49%;
}
.contact-form-wrapper .contact-form-section{
     padding: 40px 25px 50px 25px;
}
.contact-form-wrapper .contact-form-section .submit_btn{
     margin-top: 30px;
     width: 215px;
}
.contact-form-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    font-size: 16px;
    background: white;
    transition: all 0.3s ease;
    font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.submit-btn:hover {
    background: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.submit-btn svg {
    transition: transform 0.3s ease;
}

.submit-btn:hover svg {
    transform: translateX(4px);
}

/* Responsive Design for Career Detail Page */
@media (max-width: 1200px) {
    .job-details-layout {
        gap: 40px;
    }
    
    .requirements-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    
    .benefits-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    
    .related-positions-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

            @media (max-width: 768px) {
                .job-details-layout {
                    grid-template-columns: 1fr;
                    gap: 40px;
                }
                
                .job-sidebar {
                    position: static;
                }
                
                .contact-form-section {
                    padding: 25px;
                }
                
                .contact-form-section h3,
                .contact-form-section h4 {
                    font-size: 20px;
                }
                
                .contact-form-section .wpcf7-form input[type="submit"] {
                    padding: 12px 25px;
                    padding-right: 40px;
                    font-size: 16px;
                    text-align: left;
                }
    
    .job-overview .section-title {
        font-size: 28px;
    }
    
    .subsection-title {
        font-size: 24px;
    }
    
    .requirements-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .benefit-item {
        padding: 15px;
    }
    
    .job-meta-card,
    .application-section,
    .share-job-section {
        padding: 25px;
    }
    
    .related-positions-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

            @media (max-width: 480px) {
                .job-overview .section-title {
                    font-size: 24px;
                }
                
                .subsection-title {
                    font-size: 20px;
                }
                
                /* Contact Us Page Mobile Styles */
                .contact-layout {
                    grid-template-columns: 1fr;
                    gap: 40px;
                }
                
                .contact-info {
                    padding-right: 0;
                }
                
                .contact-info .main-title {
                    font-size: 32px;
                }
                
                .contact-form-wrapper {
                    padding: 25px;
                }
                
                .form-row {
                    grid-template-columns: 1fr;
                    gap: 15px;
                }
                
                .map-section {
                    height: 350px;
                }
                
                .map-popup {
                    top: 65%;
                    left: 50%;
                    transform: translateX(-50%);
                    min-width: 200px;
                    padding: 12px;
                }
                
                .popup-content {
                    flex-direction: column;
                    text-align: center;
                    gap: 10px;
                }
                
                .popup-image {
                    width: 50px;
                    height: 50px;
                }
                
                .popup-text h4 {
                    font-size: 14px;
                }
                
                .popup-text p {
                    font-size: 12px;
                }
                
                .get-direction {
                    font-size: 12px;
                }
                
                .job-description {
                    font-size: 16px;
                }
                
                .responsibilities-list li,
                .requirement-category li {
                    font-size: 14px;
                }
                
                .benefit-content h4 {
                    font-size: 16px;
                }
                
                .benefit-content p {
                    font-size: 13px;
                }
                
                .card-title {
                    font-size: 20px;
                }
                
                .meta-label,
                .meta-value {
                    font-size: 14px;
                }
                
                .apply-btn {
                    padding: 12px 25px;
                    font-size: 16px;
                }
                
                .share-buttons {
                    gap: 10px;
                }
                
                .share-btn {
                    width: 45px;
                    height: 45px;
                }
            }

/* Portfolio Company Support Styles */
.support-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.process-step {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

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

.step-number {
    width: 60px;
    height: 60px;
    background: var(--color-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto 20px;
    position: relative;
}

.step-number::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -45px;
    width: 30px;
    height: 2px;
    background: #e0e0e0;
    transform: translateY(-50%);
}

.process-step:last-child .step-number::after {
    display: none;
}

.process-step h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-dark);
    margin-bottom: 15px;
    line-height: 1.2;
}

.process-step p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

.section-title {
    font-size: 42px;
    font-weight: 300;
    color: var(--color-dark);
    margin-bottom: 20px;
    line-height: 1.2;
}

.section-subtitle {
    font-size: 20px;
    color: #666;
    margin-bottom: 0;
    line-height: 1.5;
}

/* Responsive Design for Portfolio Company Support */
@media (max-width: 1200px) {
    .support-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .step-number::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .support-process-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 40px;
    }
    
    .process-step {
        padding: 25px 15px;
    }
    
    .step-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .process-step h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .process-step p {
        font-size: 14px;
    }
    
    .section-title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    
    .section-subtitle {
        font-size: 18px;
    }

    .focus-item:nth-child(even) .focus-content {
   flex-direction: column; 
}

    .sectors-title .main-title {
        font-size: 28px;
        text-align: center;
    }

     .timeline-wrapper {
        gap: 0;
    }

    .timeline-slide {
        flex: 0 0 100%;
        min-width: 100%;
        padding: 0 5px;
    }

    .timeline-slide::after{
        display: none;
    }

}

@media (max-width: 480px) {
    .support-process-grid {
        gap: 15px;
        margin-top: 30px;
    }
    
    .process-step {
        padding: 20px 12px;
    }
    
    .step-number {
        width: 45px;
        height: 45px;
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .process-step h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .process-step p {
        font-size: 13px;
    }
    
    .section-title {
        font-size: 28px;
        margin-bottom: 12px;
    }
    
    .section-subtitle {
        font-size: 16px;
    }
}

/* ========================================
   CONSOLIDATED RESPONSIVE DESIGN
   ======================================== */

/* Mobile Portrait (480px and below) */
@media (max-width: 480px) {
    /* Hero Banner */
    .hero-banner {
        height: 300px;
    }

    .hero-title {
        font-size: 36px;
    }

    /* Focus Page */
    .focus-text .main-title {
        font-size: 28px;
    }

    .focus-image img {
        height: 250px;
    }

    /* Intro Content */
    .intro-text .main-title {
        font-size: 36px;
    }

    .intro-image img {
        height: 250px;
    }

    /* AUM */
    .aum-number {
        font-size: 28px;
    }

    .aum-description {
        font-size: 16px;
    }

    /* Services */
    .service-title {
        font-size: 20px;
    }

    /* News Grid */
    .news-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .news-title {
        font-size: 18px;
    }

    /* Sectors Grid */
    .sectors-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* Reset grid positioning on mobile */
    .sector-card:nth-child(5),
    .sector-card:nth-child(6) {
        grid-column: auto;
        grid-row: auto;
    }

    .sectors-title .main-title {
        font-size: 28px;
    }

    .sectors-title .sub-title {
        font-size: 24px;
    }

    .strategy-title {
        font-size: 20px;
    }

    .sector-title {
        font-size: 18px;
    }

    /* Content Blocks */
    .content-text {
        padding: 30px 25px;
    }

    .content-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .content-text p {
        font-size: 14px;
    }

    .content-image {
        height: 200px;
    }

    /* Breadcrumb */
    .breadcrumb-section {
        padding: 15px 0;
    }

    .breadcrumb-nav {
        font-size: 13px;
        gap: 6px;
    }

    .breadcrumb-separator {
        font-size: 11px;
        margin: 0 2px;
    }

    /* Timeline */
    .timeline-section .title_center h2 {
        font-size: 28px;
    }

    .timeline-wrapper {
        gap:0;
    }

  

    .timeline-content {
        padding: 20px 15px;
    }

    .timeline-year {
        font-size: 36px;
    }

    .timeline-title {
        font-size: 20px;
    }

    .timeline-description {
        font-size: 13px;
    }

    /* Dark Map */
    .dark_map_section {
        min-height: 400px;
    }

    .city_map_container {
        height: 400px;
    }

    .content_block {
        padding: 25px 20px;
        max-width: 300px;
    }

    .map_title {
        font-size: 24px;
    }

    .map_description {
        font-size: 13px;
        margin-bottom: 25px;
    }

    .map_button {
        padding: 10px 20px;
        font-size: 13px;
    }

    .info_box {
        right: 10px;
        left: 10px;
        max-width: none;
    }

    /* New Ventures */
    .team-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

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

    .venture-content p {
        font-size: 14px;
    }

    .member-image {
        height: 200px;
    }

    /* Portfolio Search and Filter */
    .portfolio-search-filter {
        padding: 20px 0;
    }

    .search-input,
    .category-select {
        font-size: 14px;
        padding: 10px 15px 10px 40px;
    }

    .search-input {
        padding-left: 10px;
    }

    .search-icon {
        left: 10px;
        width: 20px;
        height: 20px;
    }

    .sort-label {
        font-size: 14px;
    }

    .select-wrapper {
        min-width: 100px;
    }

    .category-select {
        padding-right: 30px;
    }

    .select-arrow {
        right: 10px;
        width: 10px;
        height: 10px;
    }

    /* Portfolio Grid */
    .strategies-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }




    .strategy-title {
        font-size: 15px;
    }



    /* News Detail */
    .news-detail-banner {
        height: 300px;
    }

    .banner-title {
        font-size: 28px;
    }

    .banner-subtitle {
        font-size: 18px;
    }

    /* News Page */
    .news-search-filter {
        padding: 20px 0;
    }

    .news-content {
        padding: 15px;
    }

    .news-image {
        height: 180px;
    }

    /* Careers */
    .why-join-content .section-title {
        font-size: 32px;
    }

    .section-header .section-title {
        font-size: 32px;
    }

    .position-card {
        padding: 20px;
    }

    /* Contact Form */
    .contact-form-section .wpcf7-form {
        padding: 15px;
    }

    .contact-form-section .wpcf7-form input[type="text"],
    .contact-form-section .wpcf7-form input[type="email"],
    .contact-form-section .wpcf7-form input[type="tel"],
    .contact-form-section .wpcf7-form textarea,
    .contact-form-section .wpcf7-form select {
        padding: 10px 12px;
        font-size: 13px;
    }

    /* Career Detail */
    .job-overview .section-title {
        font-size: 24px;
    }

    .subsection-title {
        font-size: 20px;
    }

    /* Contact Us Page */
    .contact-layout {
        flex-direction: column;
        gap: 40px;
    }

    .contact-info,
    .contact-form-wrapper {
        width: 100%;
    }

    /* Portfolio Company Support */
    .support-process-grid {
        gap: 15px;
        margin-top: 30px;
    }

    .process-step {
        padding: 20px 12px;
    }

    .step-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .process-step h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .process-step p {
        font-size: 14px;
    }

    .section-title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .section-subtitle {
        font-size: 16px;
    }
}

/* Tablet Portrait (768px and below) */
@media (max-width: 768px) {
    /* Hero Banner */
    .hero-banner {
        height: 400px;
    }

    .hero-title {
        font-size: 48px;
    }

    /* Focus Page */
    .focus-content {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .focus-content.flex-reverse {
        flex-direction: column;
    }

    .focus-image {
        flex: none;
        width: 100%;
    }

    .focus-image img {
        height: 300px;
    }

    .focus-text {
        padding: 0;
    }

    .focus-text .main-title {
        font-size: 36px;
    }

    .focus-text p {
        font-size: 16px;
    }

    /* Intro Content */
    .intro-content {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }

    .intro-image {
        flex: none;
        width: 100%;
    }

    .intro-image img {
        height: 300px;
    }

    /* AUM Grid */
    .aum-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .aum-card {
        padding: 30px 20px;
    }

    .aum-number {
        font-size: 36px;
    }

    /* Services Grid */
    .services-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .service-image {
        height: 200px;
    }

    .service-content {
        padding: 25px;
    }

    /* News Grid */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Strategies Grid */
    .strategies-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* Sectors Section */
    .sectors-header {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .sectors-title {
        flex: none;
        width: 100%;
    }

    .sectors-title .main-title {
        font-size: 36px;
    }

    .sectors-title .sub-title {
        font-size: 28px;
    }

    .sectors-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 20px;
    }

    /* Reset grid positioning on mobile */
    .sector-card:nth-child(5),
    .sector-card:nth-child(6) {
        grid-column: auto;
        grid-row: auto;
    }

    .sector-card {
        padding: 30px 20px;
    }

    .sector-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    .strategy-content {
        padding: 25px;
    }

    .strategy-image {
        height: 200px;
    }

    /* Content Blocks */
    .content-block {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .content-block:nth-child(even) {
        flex-direction: column;
    }

    .content-image {
        flex: none;
        width: 100%;
        height: 250px;
    }

    .content-text {
        padding: 40px 30px;
    }

    .content-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .content-text p {
        font-size: 16px;
    }
}

.menu-arrow{
    display: none;
}