/*replaced */

/*#D28B29 to  #E20303;

*/

/* 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: flex-end;

          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 #E20303;

   }



     .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: #E20303;

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: #E20303;

            /* background: linear-gradient(90deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%); */

            border-top: 1px solid #e20303;

            border-bottom: 1px solid #e20303;

            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: #ffffff;

            font-size: 20px;

            font-weight: 500;

            gap: 15px;

        }



        .wrk-marquee-content span {

             display: inline-block;

        }



        .wrk-marquee-content .separator {

             margin: 0 5px;

             color: #ffffff;

        }



        @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: #E20303;

        }



        .btn:hover {

          color: #E20303;

          text-decoration-color: #E20303;

             text-decoration: underline;

        }



        .btn.btn_orange{

          color: #E20303;

            text-decoration-color: #E20303;

        }



        .btn.btn_orange:hover{

             color: #E20303;

               text-decoration-color: #E20303;

        }



        .what_wedo_section{

             width: 100%;

             padding: 110px 0;

             position: relative;

             background: #101014;

        }



   

        .line_right{

             width: 0;

             height: 1px;

             background: #E20303;

             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: 70px;

        }



        .service_icon {

             width: 50px;

             height: auto;

             margin-bottom: 25px;

              position: absolute;

              left: 0;

              top: 0;

        }



  



        .service_item h3 {

             color: #ffffff;

             font-size: 34px;

             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: #E20303;

    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: #E20303;

             border-color: var(--color-primary);

             min-height: auto;

             z-index: 10;

        }



        .services_accordion .service_item.active .service_number {

             color: #fff;

        }



        .services_accordion .service_item.active .service_content h3 {

             color: #fff;

        }



        .services_accordion .service_item.active .service_subtitle {

             color: #fff;

        }



        .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: #E20303;

             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: #fff;

        }



        .services_accordion .service_description {

             font-size: 16px;

             line-height: 26px;

             font-weight: 400;

             margin-bottom: 25px;

             color: #fff;

        }



        .services_accordion .service_ideas {

             margin-bottom: 25px;

        }



        .services_accordion .ideas_title {

             font-size: 16px;

             font-weight: 600;

             margin-bottom: 12px;

             color: #fff;

        }



        .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: #fff;

             position: relative;

             padding-left: 20px;

        }



        .services_accordion .service_ideas ul li::before {

             content: "•";

             position: absolute;

             left: 0;

             color: #fff;

             font-weight: bold;

        }



        .services_accordion .service_tagline {

             font-size: 18px;

             font-weight: 600;

             color: #fff;

             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: #fff;

             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) invert(1);

        }



        /* 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:15px;

             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: #E20303;

        }



        .clients_section_carousel .owl-dots .owl-dot:hover {

             background: #E20303;

             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: 10px;

          align-items: center;

          justify-content: flex-start;

          flex-shrink: 0;

          width: 50%;

          height: 100%;

        }



        .logo_marquee img{

             width: auto;

             height: auto;

             max-height: 40px;

             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;
             display: none;

             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;

           border: 3px solid #E20303;

     }



     .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: #E20303;

          background:#E20303;

     }



     .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: #E20303;

          color: #fff;

     }



     .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: #E20303;

          font-size: 20px;

          font-weight: 500;

          margin-bottom: 8px;

          line-height: 1.3;

          transition: color 0.3s ease;

     }



     .portfolio_item:hover .portfolio_title {

          color: #E20303;

     }



     .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 #E20303;

          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: #E20303;

     }



     .contact_input::placeholder,

     .contact_textarea::placeholder {

          color: rgba(255, 255, 255, 0.5);

     }



     .contact_textarea {

          height: 150px;

          resize: none;

     }



     .contact_submit_btn {

          background: #E20303;

          /*background: linear-gradient(167deg, rgba(210, 139, 41, 1) 0%, rgba(251, 240, 95, 1) 100%);*/

          color: #ffffff;

          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: #E20303;

          background: linear-gradient(167deg, #E20303 0%, rgb(212 85 85) 100%);

          padding: 40px 30px;

          text-align: center;

     }



     .contact_cta_box h3 {

          color: #fff;

          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: 0 0 10px;

     }



     .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: #E20303;

          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: #E20303;

    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;
            display: none;

     }



     .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, #E20303 0%, #E20303 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: #E20303;

            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: #E20303;

          /*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;

     }



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

       .contact_cta_box_details a{
          color: #fff;
          font-size: 18px;
          transition: all 0.3s ease-in-out;
       }

        .contact_cta_box_details a:hover{
            color: #E20303;
        }