/* AOS-like Animation Styles */
[data-aos] {
     opacity: 0;
     transition-property: opacity, transform;
     transition-duration: 0.8s;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-aos].aos-animate {
     opacity: 1;
     transform: translate(0, 0) scale(1);
}

/* Fade animations */
[data-aos="fade-up"] {
     transform: translateY(50px);
}

[data-aos="fade-down"] {
     transform: translateY(-50px);
}

[data-aos="fade-left"] {
     transform: translateX(50px);
}

[data-aos="fade-right"] {
     transform: translateX(-50px);
}

[data-aos="fade-in"] {
     transform: none;
}

/* Zoom animations */
[data-aos="zoom-in"] {
     transform: scale(0.8);
}

[data-aos="zoom-out"] {
     transform: scale(1.2);
}

/* Flip animations */
[data-aos="flip-left"] {
     transform: perspective(1000px) rotateY(-90deg);
}

[data-aos="flip-right"] {
     transform: perspective(1000px) rotateY(90deg);
}

/* Delay options */
[data-aos-delay="100"] {
     transition-delay: 0.1s;
}

[data-aos-delay="200"] {
     transition-delay: 0.2s;
}

[data-aos-delay="300"] {
     transition-delay: 0.3s;
}

[data-aos-delay="400"] {
     transition-delay: 0.4s;
}

[data-aos-delay="500"] {
     transition-delay: 0.5s;
}

[data-aos-delay="600"] {
     transition-delay: 0.6s;
}

[data-aos-delay="700"] {
     transition-delay: 0.7s;
}

[data-aos-delay="800"] {
     transition-delay: 0.8s;
}

/* Duration options */
[data-aos-duration="500"] {
     transition-duration: 0.5s;
}

[data-aos-duration="1000"] {
     transition-duration: 1s;
}

[data-aos-duration="1500"] {
     transition-duration: 1.5s;
}

[data-aos-duration="2000"] {
     transition-duration: 2s;
}


.main {
  overflow: hidden;
}

.px-120 {
  padding-top: var(--padding-120);
  padding-bottom: var(--padding-120);
}

.pt-120 {
  padding-top: var(--padding-120);
}

.pb-120 {
  padding-bottom: var(--padding-120);
}

/* -------------------------------------------------------------- */

.page-menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-menu-list a {
  padding: 60px 30px 40px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
.page-menu-list .active a::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  /* transform: scale(1, 1); */
  transform-origin: center center;
  background: #000000;
}

/* .page-menu-list li:hover a::after{
    transform: scale(1, 1);
} */

/* -------------------------------------------------------------- */

.mission_vision .grid-item {
  border: 1px solid #cecccc;
  padding: 40px;
  background: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.mission_vision h2 {
  color: var(--color-primary);
}

/* -------------------------------------------------------------- */

.fill-block {
  margin-top: 100px;
}

.fill-block .grid {
  --grid-gap: 1%;
  --grid-width: 48%;
}

.fill-block .grig-item {
  min-height: 400px;
  line-height: 400px;
  color: #ffffff;
  font-size: 35px;
  font-weight: 700;
  background: #cecccc;
  text-align: center;
}

.fill-block .item:nth-child(odd) {
  background: var(--color-primary);
}

/* -------------------------------------------------------------- */

.footer {
  background: #16161A;
}

.footer-top {
  padding: 80px 0 0;
}

.footer-top .container {
  display: flex;
  flex-wrap: wrap;
}

.footer-home{
     width: 100px;
}

.footer-links {
  width: 40%;
}

.footer-links h4,
.social-icons h4,
.footer-address h4 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #ffffff;
}

.footer-links-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}

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

.footer-links-list li {
  width: 100%;
}

.footer-links-list a {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
}

.footer-links-list a:hover {
  color: var(--color-primary);
}

.site-connect {
  margin-top: 40px;
}

.site-connect li + li {
  margin-top: 22px;
}

.site-connect a {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
}

.site-connect a:hover {
  color: var(--color-primary);
}

.site-connect img {
  margin-right: 15px;
}

.footer-logo {
  width: max-content;
}

.footer-address {
  width: 28%;
}

.footer-address p {
  margin: 0;
  color: #ffffff;
}

.pre-footer {
  padding: 60px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1%);
}

.pre-footer p {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
}

.social-icons {
  width: fit-content;
}

.social-icons-list {
  display: flex;
  margin-left: auto;
}

.social-icons-list a {
  color: #ffffff;
}

.social-icons-list a:hover {
    color: var(--color-primary);
}

.social-icons-list li:not(:last-child) {
  margin-right: 18px;
}

.social-icons-list li a{
     font-size: 20px;
}

/* -------------------------------------------------------------- */

.badge{
    display: flex;
    align-items: center;
    padding:10px 14px;
    background: var(--color-primary);
    font-size: 14px;
    color:#ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius:0 4px 0 0;
}

.badge img{
    margin-right:10px;
}

.card-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 69px;
  column-gap: 25px;
  padding: 60px 60px 0 60px;
  background: #ffffff;
}
.card-list-item{
    background:#ffffff;
}



.card-list-image {
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
}

.card-list-content{
    position: relative;
    padding-bottom:50px;
}

.card-list-content h4 {
  font-size: 23px;
  font-weight: 400;
}

.card-list-content p{
    min-height: 36px;
}

.card-list-content p:nth-last-child(2){
    margin:0;
}

.card-list-link {
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  position: absolute;
  left:0;
  bottom:0;
}

.card-list-link img {
  margin-left: 10px;
}

/* -------------------------------------------------------------- */

.news-page {
  padding: 120px 0;
  position: relative;
  z-index: 0;
}

.news-page::after {
  content: "";
  height: 472px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/pattern.jpg) repeat-x;
  z-index: -1;
}

/* -------------------------------------------------------------- */

.shareing{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
}

.shareing li + li{
  margin-left:12px;
}

/* -------------------------------------------------------------- */

.news-detail-section{
  padding:130px 0 160px 0;
  position: relative;
  z-index: 0;
}

.news-detail-section::after {
  content: "";
  height: 712px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/pattern.jpg) repeat-x;
  z-index: -1;
}

.news-detail-content{
  text-align: center;
  max-width:1360px;
  margin:0 auto;
}

.news-detail-content h1{
  font-size:50px;
  font-weight: 300;
  margin-bottom:30px;
}

.news-detail-content h1 span{
  font-weight: 400;
  color: var(--color-primary);
}

.news-detail-content .title{
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: rgba(0, 0, 0, 0.30);
}

.news-detail-content p{
  font-size: 18px;
  line-height: 24px;
}

.news-detail-content img{
  margin: 40px auto 55px auto;
}

.news-detail-content p:not(:last-child){
  margin-bottom:20px;
}

/* -------------------------------------------------------------- */

.related-section{
  padding:150px 0;
  border-top:1px solid rgba(0, 0, 0, 0.10);
}

.related-section h2{
  text-align: center;
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  margin-bottom:80px;
}

.banner{
     width: 100%;
     height: calc(100vh - 100px);
     position: relative;
     display: flex;
     align-items: center;
    }

    .banner .container{
          position: relative;
          display: flex;
          align-items: center;
          z-index: 3;
    }

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

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

   .banner_social{
       width: 20%;
       padding-bottom: 30px;
       padding-right: 10px;
       border-bottom: 1px solid #FAEE5E;
   }

     .banner_social ul{
      width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-left: auto;
     }

     .banner_social ul li a{
          font-size: 18px;
          color: #fff;
     }

      .banner_social ul li:last-child a{
              position: relative;
              top: 3px;
      }

      .banner_content{
           width: 60%;
           padding: 0 20px;
           text-align: center;
      }

      .banner_content h1{
        font-size: 85px;
        font-weight: bold;
        line-height: 109%;
        text-transform: uppercase;
        margin-bottom: 20px;
      }

       .banner_content p{
          color: #fff;
          font-size: 24px;
          line-height: 40px;
          font-weight: 100;
       }

       .banner_btn{
          width: auto;
          padding: 0 50px;
          height: 55px;
          line-height: 55px;
          font-size: 22px;
           color: #101014;
          display: inline-block;
        background: #D28B29;
background: linear-gradient(90deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
margin-top: 120px;
transition: all 0.3s ease-in-out;
       }

        .banner_btn:hover{
              background: #FBF05F;
background: linear-gradient(90deg, rgba(251, 240, 95, 1) 0%, rgba(210, 139, 41, 1) 100%);
        }

       .banner_arrow_wrap{
           width: 20%;
           display: flex;
           justify-content: flex-end;
       }

       .banner_arrow_main{
           width: 195px;
           height: 195px;
           display: flex;
           justify-content: center;
           align-items: center;
           position: relative;
       }


        .banner-arrow-img {
              width: 195px;
              height: 195px;
              animation: rotate-infinite 20s linear infinite;
        }

        .banner-arrow-img img {
              width: 100%;
              height: 100%;
              object-fit: contain;
        }

        @keyframes rotate-infinite {
              from {
                  transform: rotate(0deg);
              }
              to {
                  transform: rotate(360deg);
              }
        }

        .banner-arrow-icon{
              width: 48px;
              height: 30px;
              position: absolute;
              margin: auto;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              animation: move-up-down 2s ease-in-out infinite;
        }

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

        @keyframes move-up-down {
              0%, 100% {
                  transform: translateY(0);
              }
              50% {
                  transform: translateY(10px);
              }
        }

        .wrk-marquee{
             width: 100%;
             height: 66px;
             background: #D28B29;
             background: linear-gradient(90deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
             border-top: 1px solid #8B4513;
             border-bottom: 1px solid #8B4513;
             overflow: hidden;
             position: relative;
             display: flex;
             align-items: center;
        }

        .wrk-marquee-wrapper {
             display: flex;
             align-items: center;
             width: 100%;
             animation: marquee-scroll 30s linear infinite;
        }

        .wrk-marquee-content {
             display: flex;
             align-items: center;
             white-space: nowrap;
             flex-shrink: 0;
             color: #101014;
             font-size: 20px;
             font-weight: 500;
             gap: 15px;
        }

        .wrk-marquee-content span {
             display: inline-block;
        }

        .wrk-marquee-content .separator {
             margin: 0 5px;
             color: #101014;
        }

        @keyframes marquee-scroll {
             0% {
                 transform: translateX(0);
             }
             100% {
                 transform: translateX(-33.333%);
             }
        }


        .who_we_are_section{
          width: 100%;
          padding: 130px 0 160px;
          background: #101014;
        }

        .who_we_are_wrapper {
          display: grid;
          grid-template-columns: 1fr 1.3fr 1fr;
          gap: 0;
          align-items: stretch;
        }

        .who_we_are_image {
          overflow: hidden;
          position: relative;
        }

        .who_we_are_image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          filter: grayscale(100%);
          transition: transform 0.3s ease;
        }

        .who_we_are_image:hover img {
          transform: scale(1.05);
        }

        .who_we_are_content {
          background: #101014;
          padding: 20px 40px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
        }

        .main-title {
          color: #ffffff;
          font-size: 85px;
          font-weight: 600;
          margin-bottom: 25px;
          line-height: 1;
        }

        .who_we_are_content p {
          color: #ffffff;
          font-size: 16px;
          text-align: center;
          line-height: 28px;
          font-weight: 300;
        }

         .who_we_are_content  .btn{
            margin-top: 40px;
         }

        .btn {
          color: var(--color-primary);
          font-size: 18px;
          font-weight: 500;
          text-decoration: underline;
          text-decoration-color: var(--color-primary);
          text-underline-offset: 5px;
          transition: color 0.3s ease;
          display: inline-block;
          width: fit-content;
          color: #F1D752;
        }

        .btn:hover {
          color: #D28B29;
          text-decoration-color: #D28B29;
             text-decoration: underline;
        }

        .btn.btn_orange{
          color: #D28B29;
            text-decoration-color: #D28B29;
        }

        .btn.btn_orange:hover{
             color: #F1D752;
               text-decoration-color: #F1D752;
        }

        .what_wedo_section{
             width: 100%;
             padding: 110px 0;
             position: relative;
             background: #101014;
        }

   
        .line_right{
             width: 0;
             height: 1px;
             background: #DBA034;
             position: absolute;
             right: 5%;
             top: 0;
             transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .line_right.inside{
             right: 0;
        } 

        .line_right.left.inside{
             left: 0;
        }

        .line_right.left.bottom.inside{
          left: 0;
          top: unset;
          bottom: 0;
     }

        .line_right.animate {
             width: 45%;
        }

         .line_right.left{
             right: unset;
             left: 5%;
        }

        .line_right.left.animate {
             width: 45%;
        }

        .services_grid {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 40px;
             row-gap: 60px;
             margin-top: 60px;
        }

        .service_item {
             position: relative;
             padding-left: 80px;
        }

        .service_icon {
             width: 50px;
             height: auto;
             margin-bottom: 25px;
              position: absolute;
              left: 0;
              top: 0;
        }

  

        .service_item h3 {
             color: #ffffff;
             font-size: 36px;
             font-weight: 500;
             margin-bottom: 20px;
             line-height: 1.3;
        }

        .service_item p {
             color: #FFFFFF;
             font-size: 16px;
             line-height: 26px;
             margin-bottom: 25px;
             font-weight: 300;
        }

        /* Sub Banner */
        .sub-banner {
             width: 100%;
             padding: 150px 0;
             position: relative;
             background: #101014;
             display: flex;
             align-items: center;
             justify-content: center;
             text-align: center;
        }

        .sub-banner h1 {
             color: #ffffff;
             font-size: 75px;
             font-weight: 700;
             margin-bottom: 20px;
        }

        .what_we_do_title{
             position: relative;
             width: 100%;
             margin-bottom: 40px;
             
        }

        .sub_title{
          color: #DBA034;
    font-size: 37px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.2;
        }

        .sub-banner p {
             color: #ffffff;
             font-size: 20px;
             font-weight: 300;
        }

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

        /* Services Page Accordion Styles */
        .aboutwhat_we_do_section {
             width: 100%;
             padding: 110px 0;
             position: relative;
             background: #101014;
        }

        .what_we_do_top {
          width: 100%;
          max-width: 920px;
          margin: 0 auto;
             text-align: center;
             margin-bottom: 80px;
             
        }

        .what_we_do_top .main-title {
             color: var(--color-primary);
             margin-bottom: 20px;
        }

        .what_we_do_title{
             width: 100%;
        }

        .wave {
             width: 210px;
             height: 20px;
             display: flex;
             align-items: center;
             justify-content: center;
             position: absolute;
             top: 12px;
        }

        .wave.wave_left{
          left: 10px;
        }

        .wave.wave_right{
          right: 10px;
        }

       

        .what_we_do_description p {
             color: #ffffff;
             font-size: 16px;
             line-height: 24px;
             font-weight: 300;
        }

        .services_accordion .services_grid {
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             gap: 30px;
             align-items: start;
        }

        .services_accordion .service_item {
             position: relative;
             background: #16161A;
             padding: 50px;
             cursor: pointer;
             transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
             display: flex;
             align-items: flex-start;
             gap: 20px;
             min-height: 240px;
             padding-left: 30px;
             z-index: 1;
             overflow: visible;
             isolation: isolate;
             width: 100%;
             box-sizing: border-box;
        }

        .services_accordion .service_item:hover {
             border-color: #555555;
        }

        .services_accordion .service_item.active {
             background: #DBA034;
             border-color: var(--color-primary);
             min-height: auto;
             z-index: 10;
        }

        .services_accordion .service_item.active .service_number {
             color: #101014;
        }

        .services_accordion .service_item.active .service_content h3 {
             color: #101014;
        }

        .services_accordion .service_item.active .service_subtitle {
             color: #101014;
        }

        .services_accordion .service_item.active .service_expanded {
             display: block;
        }

        .services_accordion .service_item.active .service_arrow_icon {
             transform: rotate(180deg);
        }

        .services_accordion .service_number {
             font-size: 54px;
             font-weight: 500;
             color: #DBA034;
             line-height: 1;
             flex-shrink: 0;
             min-width: 60px;
        }

        .services_accordion .service_content {
             flex: 1;
        }

        .services_accordion .service_content h3 {
             color: #ffffff;
             font-size: 40px;
             font-weight: 600;
             margin-bottom: 10px;
             line-height: 1.2;
        }

        .services_accordion .service_subtitle {
             color: #fff;
             font-size: 20px;
             line-height: 30px;
             font-weight: 300;
             margin: 0;
        }

        .services_accordion .service_expanded {
             display: none;
             margin-top: 20px;
             color: #101014;
        }

        .services_accordion .service_description {
             font-size: 16px;
             line-height: 26px;
             font-weight: 400;
             margin-bottom: 25px;
             color: #101014;
        }

        .services_accordion .service_ideas {
             margin-bottom: 25px;
        }

        .services_accordion .ideas_title {
             font-size: 16px;
             font-weight: 600;
             margin-bottom: 12px;
             color: #101014;
        }

        .services_accordion .service_ideas ul {
             list-style: none;
             padding: 0;
             margin: 0;
        }

        .services_accordion .service_ideas ul li {
             font-size: 15px;
             line-height: 28px;
             color: #101014;
             position: relative;
             padding-left: 20px;
        }

        .services_accordion .service_ideas ul li::before {
             content: "•";
             position: absolute;
             left: 0;
             color: #101014;
             font-weight: bold;
        }

        .services_accordion .service_tagline {
             font-size: 18px;
             font-weight: 600;
             color: #101014;
             margin: 0;
             font-style: italic;
        }

        .services_accordion .service_info_icon {
             position: absolute;
             bottom: 20px;
             right: 20px;
             width: 30px;
             height: 30px;
             border-radius: 50%;
             background: var(--color-primary);
             display: flex;
             align-items: center;
             justify-content: center;
             color: #101014;
             font-weight: 700;
             font-size: 18px;
        }

        .services_accordion .service_arrow_icon {
             position: absolute;
             bottom: 20px;
             right: 20px;
             width: 34px;
             height: 34px;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
             transition: transform 0.4s ease;
        }

        .services_accordion .service_arrow_icon img {
             width: 100%;
             height: 100%;
             object-fit: contain;
             transition: filter 0.4s ease;
        }

        .services_accordion .service_item.active .service_arrow_icon img {
             filter: brightness(0);
        }

        /* Responsive for Services Accordion */
        @media (max-width: 992px) {
             .services_accordion .services_grid {
                  grid-template-columns: 1fr;
             }
             .services_accordion .service_item {
                  min-height: 100px;
             }
        }

        @media (max-width: 768px) {
             .what_we_do_description {
                  font-size: 16px;
                  line-height: 24px;
             }
             .services_accordion .service_number {
                  font-size: 36px;
                  min-width: 50px;
             }
             .services_accordion .service_content h3 {
                  font-size: 24px;
             }
        }

        .what_wedone_swiper {
             margin: 60px 0;
             display: inline-block;
        }

        .wedone_item {
             position: relative;
             cursor: pointer;
             transition: all 0.3s ease;
        }

        .wedone_image {
             width: 100%;
             overflow: hidden;
             position: relative;
             transition: all 0.3s ease;
        }

        .wedone_item{
          display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
        }

        .wedone_item.active .wedone_image {
             border-color: #4A90E2;
        }

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

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

        .wedone_item:hover .wedone_image img {
             transform: scale(1.05);
        }

        .wedone_item:hover .wedone_image::after{
          opacity: 0;
        }

        .wedone_text {
             color: #ffffff;
             font-size: 20px;
             line-height: 30px;
             font-weight: 400;
             margin-top: 20px;
             min-height: 60px;
             text-align: left;
             padding-right: 30px;
             transition: color 0.3s ease;
        }

        .wedone_item.active .wedone_text,
        .wedone_text.active {
             color: var(--color-primary);
        }

        .owl-stage{
              display: flex;
              flex-wrap: wrap;
              align-items: flex-end;
        }

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


        .clients_section{
             width: 100%;
          padding-bottom: 110px;
        }

        .clients_section .main-title {
             margin-bottom: 0;
        }

        .clients_section_carousel{
             width: 100%;
             margin-top: 60px;
        }

   

        .client_logo_box {
             background: #ffffff;
             width: 100%;
             height: 105px;
             padding: 20px;
             display: flex;
             align-items: center;
             justify-content: center;
             min-height: 150px;
             transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .client_logo_box:hover {
             transform: translateY(-5px);
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .client_logo_box img {
             max-width: 100%;
             max-height: 80px;
             width: auto;
             height: auto;
             object-fit: contain;
        }

        /* Owl Carousel Pagination Dots */
        .clients_section_carousel .owl-dots {
             text-align: center;
             margin-top: 80px;
        }

        .clients_section_carousel .owl-dots .owl-dot {
             width: 9px;
             height: 9px;
             border-radius: 50%;
             background: #ffffff;
             margin: 0 8px;
             display: inline-block;
             transition: all 0.3s ease;
             cursor: pointer;
        }

        .clients_section_carousel .owl-dots .owl-dot.active {
             background:#D5922D;
        }

        .clients_section_carousel .owl-dots .owl-dot:hover {
             background: var(--color-primary);
             opacity: 0.7;
        }

        /* Process Section */
        .process_section {
             width: 100%;
             padding: 50px 0 150px;
             position: relative;
             background: #101014;
        }

        .process_wrapper {
             width: 100%;
             margin-top: 80px;
             display: grid;
             grid-template-columns: 1fr 1.5fr;
             gap: 60px;
             align-items: center;
        }

        .process_content {
             width: 100%;
        }

        .process_steps {
          max-width: 300px;
             display: flex;
             flex-direction: column;
             gap: 100px;
             position: relative;
        }

        .process_item_wrap {
             display: flex;
             align-items: flex-start;
             gap: 30px;
             position: relative;
        }

        .process_item {
             text-align: left;
             opacity: 0;
             transform: translateX(-30px);
             transition: opacity 0.8s ease, transform 0.8s ease;
             flex: 1;
             padding-right: 20px;
        }

        .process_item.animate {
             opacity: 1;
             transform: translateX(0);
        }

        .process_title {
             color: var(--color-primary);
             font-size: 30px;
             font-weight: bold;
             margin-bottom: 5px;
             line-height: 1.2;
             text-decoration-color: var(--color-primary);
             text-underline-offset: 8px;
        }

        .process_description {
             color: #ffffff;
             font-size: 24px;
             line-height: 32px;
             font-weight: 400;
             margin: 0;
        }

        .process_arrow {
          width: 100px;
          opacity: 0;
          transition: opacity 0.8s ease;
          position: absolute;
          right: -125px;
          top: 60px;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 0;
        }

        .process_arrow.animate {
             opacity: 1;
        }

        .process_arrow svg {
             width: 100%;
             height: 100%;
        }

        .process_arrow .arrow-path {
             stroke-dasharray: 300;
             stroke-dashoffset: 300;
             stroke-linecap: round;
             stroke-linejoin: round;
             transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
             opacity: 0;
        }

        .process_arrow.animate .arrow-path {
             stroke-dashoffset: 0;
             opacity: 1;
        }

        .process_arrow .arrow-head {
             opacity: 0;
             transform: translateY(-5px) scale(0.8);
             transition: opacity 0.4s ease 1.3s, transform 0.4s ease 1.3s;
        }

        .process_arrow.animate .arrow-head {
             opacity: 1;
             transform: translateY(0) scale(1);
        }

        .process_image {
             width: 100%;
             height: auto;
             position: relative;
        }

        .process_image img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             transition: transform 0.3s ease, filter 0.3s ease;
        }

        .process_image:hover img {
             transform: scale(1.05);
             filter: grayscale(0%);
        }

        .logo_marquee{
          position: absolute;
          left: -20%;
          top: 22%;
          width: 100%;
          height: 60px;
          background-color: #101014;
          z-index: 1;
          transform: rotate(-39deg);
          overflow: hidden;
        }

        .logo_marquee_track {
          display: flex;
          width: 200%;
          height: 100%;
          animation: marqueeScroll 20s linear infinite;
        }

        .logo_marquee_content {
          display: flex;
          gap: 30px;
          align-items: center;
          justify-content: flex-start;
          flex-shrink: 0;
          width: 50%;
          height: 100%;
        }

        .logo_marquee img{
             width: auto;
             height: auto;
             max-height: 20px;
             flex-shrink: 0;
        }

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

        /* Responsive */
        @media (max-width: 1200px) {
             .process_wrapper {
                  gap: 40px;
             }
             .process_title {
                  font-size: 28px;
             }
        }

        @media (max-width: 992px) {
             .process_wrapper {
                  grid-template-columns: 1fr;
                  gap: 50px;
             }
             .process_image {
                  order: -1;
                  height: 400px;
             }
             .process_item_wrap {
                  gap: 20px;
             }
             .process_arrow {
                  width: 50px;
                  height: 80px;
             }
        }

        @media (max-width: 768px) {
             .process_title {
                  font-size: 26px;
             }
             .process_description {
                  font-size: 16px;
             }
             .process_item_wrap {
                  gap: 15px;
             }
             .process_arrow {
                  width: 40px;
                  height: 60px;
             }
        }


        .meet_team_section{
             width: 100%;
             padding: 110px 0;
             position: relative;
             background: #101014;
        }

        .meet_team_wrapper {
             display: flex;
             flex-wrap: wrap;
             align-items: flex-start;
             gap: 60px;
             margin-bottom: 60px;
        }

        .meet_team_title{
             width: 35%;
             flex-shrink: 0;
        }

        .home_team_list{
             width: 65%;
             flex: 1;
        }

        .home_team_list ul{
             display: flex;
             flex-wrap: wrap;
             gap: 65px;
             list-style: none;
             padding: 0;
             margin: 0;
        }

        .team_member {
             flex: 1;
             min-width: 0;
             max-width: 100%;
        }

        .team_member_image {
             width: 100%;
             height: 255px;
             overflow: hidden;
             margin-bottom: 25px;
             position: relative;
        }

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

        .team_member:hover .team_member_image img {
             transform: scale(1.05);
        }

        .team_member:hover .team_member_image::after {
          content: "";
             width: 100%;
             height: 100%;
             position: absolute;
             left: 0;
             top: 0;
             background:rgba(241, 215, 82, 0.34);
             z-index: 1;
        }

        .team_member_name {
             color: #ffffff;
             font-size: 24px;
             font-weight: 600;
             margin-bottom: 10px;
             line-height: 1.2;
        }

        .team_member:hover .team_member_name {
             color: var(--color-primary);
        }

        .team_member p{
             color: #F1F1F1;
             font-size: 16px;
             line-height: 24px;
             font-weight: 300;
             margin-bottom: 20px;
        }

        .team_member_social {
             margin-top: 30px;
        }

        .team_member_social .social-icons-list {
             display: flex;
             gap: 10px;
             list-style: none;
             padding: 0;
             margin: 0;
        }

        .team_member_social .social-icons-list li {
             list-style: none;
        }

        .team_member_social .social-icons-list li:not(:last-child) {
          margin-right: 10px;
      }

        .team_member_social .social-icons-list li a {
             color: #ffffff;
             font-size: 16px;
             transition: color 0.3s ease;
        }

        .team_member_social .social-icons-list li a:hover {
             color: var(--color-primary);
        }

        .team_view_all {
             margin-top: 60px;
        }

     

      

     


        .service_why_choose_section{
          width: 100%;
          position: relative;
          padding-bottom: 100px;
       
     }  

     .service_why_choose_section .container{
          padding-top: 110px;
     }

     .why_choose_wrapper{
          width: 100%;
              display: flex;
              gap: 50px;
     }

     .why_choose_content{
             width: 50%;
     }

     .why_choose_images{
             width: 50%;
             display: flex;
             align-items: flex-end;
             gap: 10PX;
     }

     .why_choose_image_panel{
          height: 100%;
          display: flex;
            flex: 0.8, 1.6 ,2.4;
     }

     .why_choose_image_panel:nth-child(1){
            height: 85%;
     }

     .why_choose_image_panel:nth-child(2){
          height: 95%;
   }

   .third_title{
         font-size: 54px;
         font-weight: 600;
         margin-bottom: 20px;
         line-height: 1.2;
         color: #fff;
   }

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

     .checkmark_icon{
             width: 25px;
             height: 25px;
             display: flex;
             align-items: center;
             justify-content: center;
           
     }

     .checkmark_icon img{
            width: 100%;
     }

     .why_choose_list{
            margin-top: 40px;
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            margin-bottom: 60px;
     }

     .why_choose_list li{
          width: 100%;
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 10px;
          font-size: 24px;
          font-weight: 300;
     }

     .create_bottom_section{
             width: 100%;
             padding: 50px 0 110px;
     }

     .create_together_wrapper{
             width: 100%;
             padding: 3px;
             text-align: center;
             background: #FBF05F;
background: linear-gradient(173deg, rgba(251, 240, 95, 1) 1%, rgba(210, 139, 41, 1) 100%);
     }

     .create_together_wrapper_inner{
             width: 100%;
             padding: 60px;
             background-color: #101014;
     }

     .create_together_wrapper_inner p{
            font-size: 16px;
            line-height: 34px;
     }

     .create_together_wrapper_inner .btn{
            margin-top: 20px;
     }


     .portfolio_section{
          padding: 100px 0;
     }

     .portfolio_banner{
             width: 100%;
             padding-top: 180px;
             text-align: center;
             background: #101014;
     }

     
     .portfolio_banner .main-title{
            margin-bottom: 60px;
            text-transform: uppercase;
     }

     .portfolio_list_section{
             width: 100%;
             padding-top: 40px;
             padding-bottom: 140px;
             background: #101014;
     }

     .portfolio_image_slider{
             width: 100%;
             padding-top: 110px;
             padding-bottom: 60px;
     }

     /* Portfolio Tabs */
     .portfolio_tabs {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 60px;
          margin-bottom: 80px;
     }

     .portfolio_tab {
          padding: 10px 50px;
          font-size: 24px;
          font-weight: 500;
          background: transparent;
          border: none;
          color: #fff;
          cursor: pointer;
          transition: all 0.3s ease;
          position: relative;
          outline: none;
          background: #D28B29;
          background: linear-gradient(167deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
     }

     .portfolio_tab::after{
          content: "";
          background-color: #101014;
          position: absolute;
          left: 1px;
          top: 1px;
          width: calc(100% - 2px);
          height: calc(100% - 2px);
        z-index: 1;
     }

     .portfolio_tab span{
          position: relative;
          z-index: 3;
     }

    

     .portfolio_tab.active {
          background: #D28B29;
          background: linear-gradient(167deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
          color: #101014;
     }

     .portfolio_tab.active::after{
             display: none;
     }

     .portfolio_tab:hover:not(.active) {
          background:#FBF05F;
     }

     /* Portfolio Grid */
     .portfolio_grid {
          display: none;
          grid-template-columns: repeat(2, 1fr);
          gap:50px 30px;
          width: 100%;
          opacity: 0;
          transition: opacity 0.4s ease;
     }

     .portfolio_grid.active {
          display: grid;
          opacity: 1;
          animation: fadeInGrid 0.5s ease forwards;
     }

     @keyframes fadeInGrid {
          from {
               opacity: 0;
          }
          to {
               opacity: 1;
          }
     }

     .portfolio_item {
          width: 100%;
          position: relative;
          opacity: 0;
          transform: translateY(30px);
          transition: opacity 0.6s ease, transform 0.6s ease;
     }

     .portfolio_item.aos-animate {
          opacity: 1;
          transform: translateY(0);
     }

     .portfolio_image_link {
          display: block;
          text-decoration: none;
          cursor: pointer;
          width: 100%;
          transition: transform 0.3s ease;
     }

     .portfolio_image_link:hover {
          text-decoration: none;
          transform: translateY(-5px);
     }

     .portfolio_image {
          width: 100%;
          height: 400px;
          overflow: hidden;
          margin-bottom: 20px;
          position: relative;
          cursor: pointer;
          transition: all 0.3s ease;
     }

     .portfolio_image::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.3);
          opacity: 0;
          transition: opacity 0.3s ease;
          z-index: 1;
     }

     .portfolio_item:hover .portfolio_image::before {
          opacity: 1;
     }

     .video_icon{
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 80px;
          height: 80px;
          background: rgba(255, 255, 255, 0.8);
          border-radius: 100%;
          z-index: 2;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease;
          transform: scale(0.9);
          opacity: 0.9;
     }

     .portfolio_item:hover .video_icon {
          transform: scale(1.1);
          opacity: 1;
          background: rgba(255, 255, 255, 0.95);
     }

     .video_icon img{
             width: 26px !important;
             height: auto !important;
             transition: transform 0.3s ease;
     }

     .portfolio_item:hover .video_icon img {
          transform: scale(1.1);
     }

     .portfolio_image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     }

     .portfolio_item:hover .portfolio_image img {
          transform: scale(1.08);
     }

     .portfolio_content {
          text-align: left;
          transition: transform 0.3s ease;
     }

     .portfolio_item:hover .portfolio_content {
          transform: translateY(-3px);
     }

     .portfolio_title {
          color: #DBA034;
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 8px;
          line-height: 1.3;
          transition: color 0.3s ease;
     }

     .portfolio_item:hover .portfolio_title {
          color: #F1D752;
     }

     .portfolio_company {
          color: #F1F1F1;
          font-size: 18px;
          font-weight: 300;
          margin: 0;
          transition: color 0.3s ease;
     }

     .portfolio_item:hover .portfolio_company {
          color: #ffffff;
     }

     /* Responsive */
     @media (max-width: 768px) {
          .portfolio_tabs {
               margin-bottom: 40px;
          }

          .portfolio_tab {
               padding: 12px 25px;
               font-size: 16px;
          }

          .portfolio_grid {
               grid-template-columns: 1fr;
               gap: 30px;
          }

          .portfolio_image {
               height: 300px;
          }

          .portfolio_title {
               font-size: 18px;
          }

          .portfolio_company {
               font-size: 14px;
          }
     }

     /* Contact Section */
     .contact_section {
          width: 100%;
          padding: 80px 0 150px;
          background: #101014;
     }

     .contact_wrapper {
          display: flex;
          justify-content: space-between;
          gap: 60px;
          align-items: start;
     }

     /* Contact Form Column */
     .contact_form_column {
          width: 47%;
     }

     .contact_form {
          width: 100%;
     }

     .form_group {
          margin-bottom: 40px;
          width: 100%;
     }

     .form_group label {
          display: block;
          color: #ffffff;
          font-size: 18px;
          font-weight: 400;
          margin-bottom: 12px;
     }

     .contact_input,
     .contact_textarea {
          width: 100%;
          background: transparent;
          border: none;
          border-bottom: 1px solid #DBA034;
          color: #ffffff;
          font-size: 18px;
          font-weight: 300;
          padding: 12px 0;
          outline: none;
          transition: border-color 0.3s ease;
          font-family: var(--font-primary);
     }

     .contact_input:focus,
     .contact_textarea:focus {
          border-bottom-color: #F1D752;
     }

     .contact_input::placeholder,
     .contact_textarea::placeholder {
          color: rgba(255, 255, 255, 0.5);
     }

     .contact_textarea {
          height: 150px;
          resize: none;
     }

     .contact_submit_btn {
          background: #DBA034;
          background: linear-gradient(167deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
          color: #101014;
          border: none;
          padding: 12px 60px;
          font-size: 24px;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.3s ease;
          margin-top: 20px;
          font-family: var(--font-primary);
     }

     .contact_submit_btn:hover {
          background: linear-gradient(167deg, rgba(251, 240, 95, 1) 0%, rgba(210, 139, 41, 1) 100%);
          transform: translateY(-2px);
          box-shadow: 0 5px 15px rgba(219, 160, 52, 0.3);
     }

     /* Contact Info Column */
     .contact_info_column {
          padding: 20px;
          background-color: #16161A;
          width: 40%;
          display: flex;
          flex-direction: column;
          gap: 30px;
     }

     .contact_image {
          width: 100%;
          height: 400px;
          overflow: hidden;
          position: relative;
     }

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

     .contact_image:hover img {
          transform: scale(1.05);
     }

     .contact_cta_box {
          background: #DBA034;
          background: linear-gradient(167deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
          padding: 40px 30px;
          text-align: center;
     }

     .contact_cta_box h3 {
          color: #101014;
          font-size: 40px;
          font-weight: 600;
          line-height: 1.4;
          margin-bottom: 0;
     }

    

     .contact_social {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          flex-wrap: wrap;
          margin: 20px 0;
     }

     .contact_social .social_icon {
          color: #ffffff;
          font-size: 20px;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
     }

     .contact_social .social_icon:hover {
          color: #DBA034;
          transform: translateY(-3px);
     }

   

     .contact_map_section{
              width: 100%;
              padding-bottom: 120px;
     }
     

     .contact_map{
             width: 100%;
             height: 400px;
             background-color: #fff;
     }

     .btn_main{
          width: auto;
    padding: 0 50px;
    height: 55px;
    line-height: 55px;
    font-size: 22px;
    color: #101014;
    display: inline-block;
    background: #D28B29;
    background: linear-gradient(90deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);
    margin-top: 120px;
    transition: all 0.3s ease-in-out;
    margin-top: 30px;
     }

     .btn_main:hover{
          background: #FBF05F;
          background: linear-gradient(90deg, rgba(251, 240, 95, 1) 0%, rgba(210, 139, 41, 1) 100%);
     }
     

     .about_team_section{
            width: 100%;
            padding: 100px 0;
     }

     .team_list{
             width: 100%;
             max-width: 1120px;
             margin: 0 auto;
             margin-top: 70px;
     }

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

     .about_first_section{
             width: 100%;
             padding: 100px 0;
     }

     .about_first_section_inner{
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
     }

     .about_first_content{
             width: 52%;
     }

     .about_first_img{
             width: 40%;
     }

     .about_first_content .btn{
            margin-top: 40px;
     }

     .about_approch_section{
             width: 100%;
     }

     .about_approch_inner{
            width: 100%;
            background-color: #16161A;
            padding: 60px 50px;
     }

     .approch_list{
            width: 100%;
            margin-top: 60px;
     }

     .approch_item{
            position: relative;
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 60px;
            padding-left: 0;
     }

     .approch_item:last-child{
            margin-bottom: 0;
     }

     .approch_number{
            position: relative;
            font-size: 72px;
            font-weight: 700;
            line-height: 1;
            background: linear-gradient(135deg, #D28B29 0%, #FBF05F 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            flex-shrink: 0;
            z-index: 2;
            margin-right: 20px;
     }

     .approch_line{
            position: absolute;
            left: 0;
            top: 36px;
            height: 2px;
            width: 0;
            background: #DBA034;
            transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1;
     }

     /* First item - small line (extends to just past number) */
     .approch_item:nth-child(1) .approch_line.animate{
            width: 30px;
     }

     .approch_item:nth-child(1) {
          padding-left:50px;
     }

     /* Second item - bigger line (extends further) */
     .approch_item:nth-child(2) .approch_line.animate{
            width:250px;
     }

     .approch_item:nth-child(2) {
          padding-left:270px;
     }

     /* Third item - biggest line (extends furthest) */
     .approch_item:nth-child(3) .approch_line.animate{
            width: 570px;
     }

     .approch_item:nth-child(3) {
          padding-left:590px;
     }

     .approch_text{
            flex: 1;
           
     }

     .approch_text.animate{
            opacity: 1;
            transform: translateY(0);
     }

     .approch_text p{
            color: #ffffff;
            font-size: 18px;
            line-height: 28px;
            font-weight: 300;
            margin: 0;
     }

     /* Responsive */
     @media (max-width: 768px) {
          .approch_item{
                 padding-left: 0;
          }

          .approch_number{
                 font-size: 54px;
                 margin-right: 15px;
          }

          .approch_line{
                 top: 27px;
          }

          /* First item - small line (mobile) */
          .approch_item:nth-child(1) .approch_line.animate{
                 width: 70px;
          }

          /* Second item - bigger line (mobile) */
          .approch_item:nth-child(2) .approch_line.animate{
                 width: 100px;
          }

          /* Third item - biggest line (mobile) */
          .approch_item:nth-child(3) .approch_line.animate{
                 width: 130px;
          }

          .approch_text p{
                 font-size: 16px;
                 line-height: 24px;
          }
     }


     .about_believe_section{
              width: 100%;
              padding: 100px 0;
              background: #101014;
     }

     .about_believe_section .third_title{
              margin-bottom: 40px;
     }

     .believe_wrapper{
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              justify-content: space-between;
              padding-bottom: 100px;
     }

     .believe_image_wrap{
              width: 55%;
              flex-shrink: 0;
     }

    

     .believe_list_wrap{
              width: 35%;
            
     }

    

     .vision_section{
             width: 100%;
             padding: 100px 0;
             background-color: #16161A;
         
            
     }

     .vision-main{
             width: 100%;
             margin-top: 60px;
     }

     .vision-main-wrapper{
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
             align-items: stretch;
             gap: 0;
             position: relative;
     }

     .vision-main-wrapper::after{
          content: "";
              width: 1px;
              height: 100%;
              background-color: #232327;
              position: absolute;
              left: 50%;
              top: 0;
              z-index: 1;
     }

     .vision-left{
             width: 40%;
             display: flex;
             flex-direction: column;
          
     }

     .vision-image{
             width: 100%;
             height: auto;
             overflow: hidden;
             position: relative;
     }

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

     .vision-text{
             padding-top: 40px;
           
     }

     .vision-text p{
             color: #ffffff;
             font-size: 16px;
             line-height: 30px;
             font-weight: 300;
             margin: 0;
     }

     .vision-right{
          width: 40%;
          height: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          background: #FBF05F;
          background: linear-gradient(180deg, rgba(251, 240, 95, 1) 0%, rgba(210, 139, 41, 1) 100%);
          padding: 2px;
     }
     .vision-right::after{
             content: "";
             width: calc(100% - 4px);
             height: calc(100% - 4px);
             position: absolute;
             left: 2px;
             top: 2px;
             background: #16161A;
             z-index: 1;
     }

     .vision-cta-panel{
             width: 100%;
             height: auto;
             padding: 20px;
             text-align: center;
             position: relative;
             z-index: 3;
     }



     .vision-right p{
             color: #ffffff;
             font-size: 16px;
             line-height: 30px;
             font-weight: 300;
             margin-bottom: 40px;
     }