.custom-container-fluid1 {
     padding: 1.5rem 8rem 1.5rem 8rem;
   }



   a {

     text-decoration: none;
   }

   :root {
     --font-cal-sans: 'Cal Sans';
     --font-instrument-sans: 'Instrument Sans';
     --font-gloock: 'Gloock', serif;
   }

   body {
     background-color: #262524;
   }

   :root {
     --font-cal-sans: 'Cal Sans';
     --font-instrument-sans: 'Instrument Sans';
     --font-gloock: 'Gloock', serif;
   }

   body {
     background-color: #262524;
     font-family: var(--font-instrument-sans);
   }

   h1,
   h2 {
     font-family: var(--font-cal-sans) !important;
   }


   button {
     font-family: var(--font-gloock) !important;
   }

   p,
   li,
   span {
     font-family: var(--font-instrument-sans) !important;

   }

   p {
     text-align: left !important;
   }



   .bg-black {
     background: #000;
   }

   .text-header-inner {
     padding: 0 !important;
   }

   .p-0 {
     padding: 0 !important;
     text-align: left;
   }

   /* Margin Top */
   .mt-1 {
     margin-top: 1rem !important;
   }

   .mt-2 {
     margin-top: 2rem !important;
   }

   .mt-3 {
     margin-top: 3rem !important;
   }

   .mt-4 {
     margin-top: 4rem !important;
   }

   .mt-5 {
     margin-top: 5rem !important;
   }

   /* Margin Bottom */
   .mb-1 {
     margin-bottom: 1rem !important;
   }

   .mb-2 {
     margin-bottom: 2rem !important;
   }

   .mb-3 {
     margin-bottom: 3rem !important;
   }

   .mb-4 {
     margin-bottom: 4rem !important;
   }

   .mb-5 {
     margin-bottom: 5rem !important;
   }


   .container-fluid {
     padding: 0px 6rem !important;
   }

   .work-margin{
    margin-top: 30px !important;
   }

   .text-header .text-header-inner h1,
   .text-header .text-header-inner h2.big {
     width: 100%;
     max-width: 1400px;
     color: #505050;
     font-size: 3.8rem;
     font-weight: 600;

   }

   .text-header .text-header-inner h1 span,
   .text-header .text-header-inner h2.big span {
     display: inline;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
   }

   .text-header .text-header-inner h1 span.visible,
   .text-header .text-header-inner h2.big span.visible {
     color: #fff
   }

   .text-header .text-header-inner.split {
     max-width: 100%;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 20px !important
   }

   .text-header .text-header-inner.split .header {
     width: 50%;
     padding: 0 40px 0 0
   }

   .text-header .text-header-inner.split .words {
     width: 50%;
     padding: 0 0 0 40px
   }

   .text-header .text-header-inner .header-body-copy {
     margin: 40px 0 0;
     width: 100%;
     max-width: 50%
   }

   .header-body-copy {
     margin: 20px 0 -40px;
     width: 100%;
     max-width: 50%
   }

   .bg-navbar {
     background-color: #262524;
     margin: 16px 0 0;
   }

   .text-header h1 span.visible:nth-child(1) {
     -webkit-transition-delay: 0s;
     transition-delay: 0s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(1) {
     -webkit-transition-delay: 1s !important;
     transition-delay: 1s !important
   }

   .text-header h2.big span.visible:nth-child(1) {
     -webkit-transition-delay: 0s;
     transition-delay: 0s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(1) {
     -webkit-transition-delay: 1s !important;
     transition-delay: 1s !important
   }

   .text-header h1 span.visible:nth-child(2) {
     -webkit-transition-delay: .1s;
     transition-delay: .1s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(2) {
     -webkit-transition-delay: 1.4s !important;
     transition-delay: 1.4s !important
   }

   .text-header h2.big span.visible:nth-child(2) {
     -webkit-transition-delay: .1s;
     transition-delay: .1s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(2) {
     -webkit-transition-delay: 1.4s !important;
     transition-delay: 1.4s !important
   }

   .text-header h1 span.visible:nth-child(3) {
     -webkit-transition-delay: .2s;
     transition-delay: .2s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(3) {
     -webkit-transition-delay: 1.8s !important;
     transition-delay: 1.8s !important
   }

   .text-header h2.big span.visible:nth-child(3) {
     -webkit-transition-delay: .2s;
     transition-delay: .2s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(3) {
     -webkit-transition-delay: 1.8s !important;
     transition-delay: 1.8s !important
   }

   .text-header h1 span.visible:nth-child(4) {
     -webkit-transition-delay: .3s;
     transition-delay: .3s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(4) {
     -webkit-transition-delay: 2.2s !important;
     transition-delay: 2.2s !important
   }

   .text-header h2.big span.visible:nth-child(4) {
     -webkit-transition-delay: .3s;
     transition-delay: .3s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(4) {
     -webkit-transition-delay: 2.2s !important;
     transition-delay: 2.2s !important
   }

   .text-header h1 span.visible:nth-child(5) {
     -webkit-transition-delay: .4s;
     transition-delay: .4s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(5) {
     -webkit-transition-delay: 2.6s !important;
     transition-delay: 2.6s !important
   }

   .text-header h2.big span.visible:nth-child(5) {
     -webkit-transition-delay: .4s;
     transition-delay: .4s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(5) {
     -webkit-transition-delay: 2.6s !important;
     transition-delay: 2.6s !important
   }

   .text-header h1 span.visible:nth-child(6) {
     -webkit-transition-delay: .5s;
     transition-delay: .5s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(6) {
     -webkit-transition-delay: 3s !important;
     transition-delay: 3s !important
   }

   .text-header h2.big span.visible:nth-child(6) {
     -webkit-transition-delay: .5s;
     transition-delay: .5s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(6) {
     -webkit-transition-delay: 3s !important;
     transition-delay: 3s !important
   }

   .text-header h1 span.visible:nth-child(7) {
     -webkit-transition-delay: .6s;
     transition-delay: .6s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(7) {
     -webkit-transition-delay: 3.4s !important;
     transition-delay: 3.4s !important
   }

   .text-header h2.big span.visible:nth-child(7) {
     -webkit-transition-delay: .6s;
     transition-delay: .6s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(7) {
     -webkit-transition-delay: 3.4s !important;
     transition-delay: 3.4s !important
   }

   .text-header h1 span.visible:nth-child(8) {
     -webkit-transition-delay: .7s;
     transition-delay: .7s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(8) {
     -webkit-transition-delay: 3.8s !important;
     transition-delay: 3.8s !important
   }

   .text-header h2.big span.visible:nth-child(8) {
     -webkit-transition-delay: .7s;
     transition-delay: .7s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(8) {
     -webkit-transition-delay: 3.8s !important;
     transition-delay: 3.8s !important
   }

   .text-header h1 span.visible:nth-child(9) {
     -webkit-transition-delay: .8s;
     transition-delay: .8s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(9) {
     -webkit-transition-delay: 4.2s !important;
     transition-delay: 4.2s !important
   }

   .text-header h2.big span.visible:nth-child(9) {
     -webkit-transition-delay: .8s;
     transition-delay: .8s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(9) {
     -webkit-transition-delay: 4.2s !important;
     transition-delay: 4.2s !important
   }

   .text-header h1 span.visible:nth-child(10) {
     -webkit-transition-delay: .9s;
     transition-delay: .9s
   }

   .text-header.at-top .text-header-inner h1 span:nth-child(10) {
     -webkit-transition-delay: 4.6s !important;
     transition-delay: 4.6s !important
   }

   .text-header h2.big span.visible:nth-child(10) {
     -webkit-transition-delay: .9s;
     transition-delay: .9s
   }

   .text-header.at-top .text-header-inner h2.big span:nth-child(10) {
     -webkit-transition-delay: 4.6s !important;
     transition-delay: 4.6s !important
   }

   @media(max-width: 1023px) {
     .text-header .text-header-inner .header-body-copy {
       width: 100%;
       max-width: 100%
     }

     .header-body-copy {
       width: 100%;
       max-width: 100%;
       margin: 20px 0 -20px
     }
   }

   @media(max-width: 800px) {
     .text-header {
       width: 100%
     }

     .text-header.at-top {
       margin: 70px 0 0
     }

     .text-header.at-top .text-header-inner {
       padding: 30px 0 90px
     }

     .text-header.mt {
       margin: 150px 0 0
     }

     .text-header.mt .text-header-inner {
       padding: 30px 0 90px
     }

     .text-header .text-header-inner {
       width: 100%;
       padding: 90px 0
     }

     .text-header .text-header-inner.split {
       display: block
     }

     .text-header .text-header-inner.split .header {
       width: 100%;
       padding: 0 0 20px 0
     }

     .text-header .text-header-inner.split .words {
       width: 100%;
       padding: 0 0 0 0
     }
   }





    .container-fluid-ex{
       padding: 0; 
  /*margin-left: -4rem;*/
  /*margin-right: -4rem;*/
    }




   .btn-wrapper,
   .posts-navigation {
     width: 100%;
     text-align: center;
     margin: 30px 0 0;
   }


   .btn-wrapper .btn,
   .btn-wrapper .nav-previous a,
   .btn-wrapper .nav-next a,
   .posts-navigation .btn,
   .posts-navigation .nav-previous a,
   .posts-navigation .nav-next a {
     cursor: pointer;
     padding: 20px 130px;
     border: 1px solid #fff;
     border-radius: 222px;
     text-transform: uppercase;
     opacity: .6;
     display: inline-block;
     margin: 0 20px;
     -webkit-transition: all .3s;
     transition: all .3s;
     text-align: center;
   }

   .btn-wrapper .btn:hover,
   .btn-wrapper .nav-previous a:hover,
   .btn-wrapper .nav-next a:hover,
   .posts-navigation .btn:hover,
   .posts-navigation .nav-previous a:hover,
   .posts-navigation .nav-next a:hover {
     background: #fff;
     opacity: 1;
     color: #000;
   }

   .cursor {
     width: 25px;
     height: 25px;
     border: 1px solid #fff;
     border-radius: 50%;
     position: fixed;
     pointer-events: none;
     transition: background-color 0.2s ease, transform 0.1s ease;
     z-index: 9999;
     mix-blend-mode: difference;
   }

   body {

     font-weight: 300;
     font-size: 19px;
     letter-spacing: -.1px;
     color: #333;
     font-feature-settings: "liga", "lnum";
     font-variant-numeric: lining-nums;
     text-rendering: optimizeLegibility;
     cursor: none;
   }

   /* .header {
     margin-bottom: 110px;
   } */



   .navbar-custom {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     padding: 15px 30px;
     background: transparent;
     backdrop-filter: none;
     z-index: 999;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: backdrop-filter 0.3s ease, background 0.3s ease;
   }

   .navbar-custom.scrolled {
     backdrop-filter: blur(10px);
     background: rgba(0, 0, 0, 0.5);
   }

   .logo {
     position: relative;
   }

   .logo img {
     height: 35px;
     transition: opacity 0.4s ease;
   }


   .logo-scrolled {
     margin-left: -3px;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
   }

   .navbar-custom.scrolled .logo-default {
     opacity: 0;
   }

   .navbar-custom.scrolled .logo-scrolled {
     opacity: 1;
     animation: slideInTop 0.6s ease-out forwards;
   }

   /* @keyframes slideInTop {
     from {
       opacity: 0;
       transform: translateY(-20px);
     }

     to {
       opacity: 1;
       transform: translateY(0);
     }
   } */

   .navbar-brand svg {
     height: 60px;
   }

   .navbar-brand svg path {
     transition: fill 0.4s ease;
   }

   .navbar-brand svg #dadich,
   .navbar-brand svg #godfrey,
   .navbar-brand svg #blue-chip path {
     transition: fill 0.6s ease, transform 1s ease;
     transform-origin: center;
   }

   .navbar-brand:hover svg #dadich {
     transform: rotate(-360deg);

   }

   .navbar-brand:hover svg #godfrey {
     transform: rotate(360deg);

   }

   .navbar-brand:hover svg #blue-chip path {
     transform: rotate(360deg);

   }

   .nav-link {
     color: #fff !important;
     margin-left: 1.5rem;
     font-weight: 500;
     position: relative;
     transition: color 0.3s ease;
   }

   .nav-link::after {
     content: '';
     position: absolute;
     bottom: -4px;
     left: 0;
     width: 0;
     height: 2px;
     background: #f04e23;
     transition: width 0.3s ease;
   }

   .nav-link:hover::after {
     width: 100%;
   }




   /* Icon 4 */


   #nav-icon4 {
     width: 40px;
     height: 32px;
     position: relative;
     cursor: pointer;
   }

   #nav-icon4 span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #fff;
     border-radius: 2px;
     left: 0;
     transition: 0.3s;
   }

   #nav-icon4 span:nth-child(1) {
     top: 0;
   }

   #nav-icon4 span:nth-child(2) {
     top: 12px;
   }

   #nav-icon4 span:nth-child(3) {
     top: 24px;
   }















   /* === BASE STYLES === */
   .fullscreen-menu {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background: #262524;
     z-index: 999;
     display: none;
     flex-direction: column;
     padding: 60px 40px;
     justify-content: center;
     align-items: center;
   }

   /* Show overlay */
   .fullscreen-menu.active {
     display: flex;
   }


   .menu-row {
     display: flex;
     gap: 40px;
     margin-bottom: 40px;
     flex-wrap: wrap;
     justify-content: center;
   }



   .menu-item {
     display: flex;
     flex-direction: column;
     gap: 10px;
     opacity: 0;
     transform: translateY(40px);
     animation: none;
     position: relative;
     padding: 0 30px;
   }

   .menu-item:not(:last-child)::after {
     content: "";
     position: absolute;
     right: 0;
     top: 10%;
     height: 80%;
     width: 1px;
     background-color: #999;
   }

   .menu-item a {
     font-size: 64px;
     font-family: var(--font-cal-sans);
     font-weight: 800;
     letter-spacing: 3px;
     text-transform: uppercase;
     color: #44b6e4;
     text-decoration: none;
     transition: color 0.3s ease;
     margin: 0;
     line-height: 50px;

   }

   .menu-item a:hover {
     color: #ffffff;
   }


   .menu-item a::after {
     content: "";
     position: absolute;
     bottom: 50px;
     left: 0;
     width: 0%;
     height: 3px;
     background-color: #fff;
     transition: width 0.4s ease;
     color: #fff;

   }

   /* 
   .menu-item a:hover::after {
     width: 100%;

     transition: width 0.4s ease 0.1s;
   } */


   .language-switcher {
     position: absolute;
     top: 54px;
     right: 167px;
     font-size: 14px;
     color: #999;
     letter-spacing: 1px;
     cursor: pointer;

     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.6s ease, transform 0.6s ease;
   }

   .language-switcher.show {
     opacity: 1;
     transform: translateY(0);
   }

   .menu-close {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 5rem;
     color: #fff;
     background: none;
     border: none;
     z-index: 1001;
     cursor: pointer;
     transition: transform 0.3s ease;
   }

   .menu-close:hover {
     transform: scale(1.2);
   }




   .menu-item p {

     font-size: 22px;
     color: #fff;
     font-family: var(--font-instrument-sans);
     margin: 0;
     text-transform: none;
     text-align: left;
   }

   .menu-row-2 {
     display: flex;
     gap: 40px;
     margin-top: 45px;
     flex-wrap: wrap;
     justify-content: center;
     position: relative;
     padding-bottom: 50px;
     border-bottom: 1px solid #aaa;
   }


   @keyframes slideUpFade {
     0% {
       opacity: 0;
       transform: translateY(40px);
     }

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


   .fullscreen-menu.active .menu-row-2 .menu-item {
     animation: slideUpFade 0.6s ease forwards;
   }

   .fullscreen-menu.active .menu-row-2 .menu-item:nth-child(1) {
     animation-delay: 0.2s;
   }

   .fullscreen-menu.active .menu-row-2 .menu-item:nth-child(2) {
     animation-delay: 0.4s;
   }



   .custom-header-wrapper {
     display: flex;
     gap: 10px;
     width: 100%;
     box-sizing: border-box;
     align-items: center;
   }

   .custom-header-bar {
     height: 10px;
     background-color: #fff !important;
     flex: 3;

   }

   .custom-divider {

     border: none;
     border-top: 1px solid #fff !important;
     flex: 9;
     margin: 0;
     font-weight: 800;
     opacity: 1;
   }

   .view-btn {
     margin: 6rem 0px !important;
   }

   .custom-section {
     padding: 50px 10px;
   }

   .brighten {
     color: #666;
     /* original color */
     transition: color 0.4s ease;
   }

   .brighten.white {
     color: #fff;
   }

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

   .custom-subtitle {
     font-family: var(--font-instrument-sans);
     font-size: 16px;
     letter-spacing: 1px;
     color: #29b6f6;
     margin-bottom: 30px;
     font-weight: 500;
     line-height: 40px;
   }

   .custom-title {
     font-weight: 800;
     font-size: 3.2vw;
     line-height: 1.2;
     color: #000;
   }

   .custom-title span {
     color: #fff;
   }



   .ai-placeholder-box {
     background-color: #4a4949;
     width: 100%;
     height: 0;
     padding-top: 66.66%;
   }

   .ai-description-text {
     color: #fff;
     font-size: 16px;
     line-height: 25px;
     font-weight: 400;
     font-family: var(--font-instrument-sans) !important;
     letter-spacing: 0.3px;
     word-spacing: 1px;
     text-align: left;
     text-transform: none;
     text-decoration: none;
   }

   .col-number-ai {
     font-family: var(--font-instrument-sans);
     font-style: normal;
     font-weight: 400;
     font-size: 26px;
     line-height: 30px;
     letter-spacing: 1px;
     color: #44b6e4;
     margin-bottom: 18px;
   }

   .extra-bg-color-ai {
       background-color: #f2f2f2;
     padding: 40px;
   }

   .extra-bg-color-ai h3{
    font-size: 22px;
    color: #000;
    margin-bottom: 25px;
   }
   .video-card {
     position: relative;
     width: 100%;
     padding-top: 47.9%;
     overflow: hidden;
     height: 100%;

   }

   .art-ai-title {
     font-size: 30px;
     line-height: 40px;
     font-family: var(--font-instrument-sans);
     color: #44b6e4;
     font-weight: 400 !important;
     margin-bottom: 30px;
     text-align: center;
   }

   .art-ai-title-2 {font-family: var(--font-cal-sans) !important;
    font-weight: 400;
    font-size: 50px;
    color:#47b6e4;
    line-height: 62px;
    letter-spacing: 1px;
text-align: center;
}
  

   .art-ai-p {
     font-size: 18px;
     line-height: 26px;
     color: #fff;
     font-family: var(--font-instrument-sans);
     font-weight: 300;
     margin-bottom: 50px;
     text-align: center !important;
     
   }

   .highlight-text {
     font-size: 46px;
   }












   @media (max-width: 768px) {
     .center-container img {
       width: 250px;
       height: 81.2px;
     }


     .text-header .text-header-inner h1,
     .text-header .text-header-inner h2.big {

       font-size: 36px !important;

     }

     .custom-title {

       font-size: 6vw;
       padding: 0 2rem;
     }

     .btn-wrapper .btn,
     .btn-wrapper .nav-previous a,
     .btn-wrapper .nav-next a,
     .posts-navigation .btn,
     .posts-navigation .nav-previous a,
     .posts-navigation .nav-next a {
       cursor: pointer;
       padding: 20px 10px;

       text-align: center;
     }

     .logo img {
       width: 128px;
     }

     #nav-icon4 {
       width: 28px;
       height: 29px;
       position: relative;
       margin: 10px;
       transform: rotate(0deg);
       transition: 0.5s ease-in-out;
       cursor: pointer;
     }

     .mega-black-wrapper {
       background-color: #000;
       padding: 18px 18px 0 !important;
     }

     .header {
       margin-bottom: 70px;
     }

     .custom-section {
       padding: 40px 0px;
     }

     .custom-header-bar {
       margin-left: 20px;
     }

     .custom-divider {

       margin-right: 20px;
     }
   }

   .mega-black-wrapper {
     background-color: #000;
     padding: 40px 50px 0;
   }



   .hero-section {
     background-color: #232323;
     min-height: 90vh;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     position: relative;
     z-index: 1;
   }

   .headline {
     font-size: 4rem;
     font-weight: 900;
     line-height: 1.2;
   }

   .blue-bg {

     color: white;
     display: inline;
     padding: 0 5px;
   }

   .green-underline {
     display: inline-block;
     position: relative;
     padding: 0 5px;
     color: white;
     cursor: pointer;
   }

   .green-underline::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 4px;
     width: 100%;
     background-color: #00ff2a;
     z-index: -1;
     transition: all 0.3s ease;
   }

   .green-underline:hover::after {
     height: 100%;
     bottom: 0;
   }

   .view-underline {
     margin-top: 50px;
     display: inline-block;
     position: relative;
     padding: -12px 5px;
     color: #000;
     cursor: pointer;
     font-size: 16px;
     font-weight: 900;
   }

   .view-underline::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 2px;
     height: 4px;
     width: 100%;
     background-color: #00ff2a;
     z-index: -1;
     transition: all 0.3s ease;
   }

   .view-underline:hover::after {
     height: 100%;
     bottom: 0;
   }

   .footer {
     background-color: #000000 !important;
     padding: 20px 6rem;
   }

   .footer-logo img {
     width: 230px !important;
     font-weight: 900;
     color: white;
   }

   .footer-logo span {
     color: #00ff2a;
   }

   .footer-text {
     color: #fff;
     font-size: 0.9rem;
   }

   .footer-links {
     text-align: right;
   }

   .footer-links a {
     color: white;
     font-weight: 700;
     margin-left: 30px;
     text-decoration: none;
     font-size: 0.9rem;
   }

   .footer-icons a {
     margin-left: 15px;
     color: white;
   }

   @media (max-width: 768px) {
         .footer-icons a {
     margin-left: 0px;
     color: white;
   }
         .footer-icons a:nth-of-type(1) {
     margin-right: 15px;
     color: white;
   }
     .headline {
       font-size: 2.5rem;
     }


     .footer-links {
       text-align: left;
       margin-top: 20px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: baseline;
       gap: 10px;
     }
   }

   .footer-icons {
     margin-top: 10px;
   }


   .capital {}




   .hover-cover-effect {
     position: relative;
     overflow: hidden;

   }

   .hover-cover-effect img {
     width: 100%;
     display: block;
     transition: transform 0.5s ease;
   }

   .hover-cover-effect:hover img {
     transform: scale(1.05);
   }

   .hover-cover-effect::before {
     content: "";
     position: absolute;
     inset: 0;
     background-color: rgba(0, 0, 0, 0);
     transition: background-color 0.3s ease;
     z-index: 1;
   }


   .hover-cover-effect .project-info {
     position: absolute;
     bottom: 20px;
     left: 20px;
     z-index: 2;
     color: white;
   }

   .project-card {

     padding: -1px 0;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
   }

   .project-card img {
     width: 100%;
     height: auto;
     display: block;
   }

   .project-card-border {
     border-top: 1.3px solid #fff;
     padding: 2px 0;
     height: 100%;
     display: flex;
     justify-content: space-between;
   }

   .project-card-border img {
     width: 100%;
     height: auto;
     display: block;
     
   }

   .project-info {
     padding-top: 10px;
   }

   .project-info h5 {
     font-weight: 300;
     font-family: var(--font-instrument-sans);
     margin-bottom: 0.25rem;
     font-size: 24px;
     color: #fff;
     letter-spacing: 0px;
     margin-top: 6px;
   }

   .project-info p {
     color: #666;
     margin-bottom: 0;
   }

   @media (min-width: 768px) {
     .project-card {
       border-right: 1px solid #ccc;
     }

     .project-card:last-child {
       border-right: none;
     }
   }

   .video-card {
     position: relative;
     width: 100%;
     padding-top: 47.9%;
     /* 426/204 = 2.09, 100/2.09 = 47.9% */
     overflow: hidden;

   }

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

   .video-cover {
     background-image: url('./images/home/mumbai-police.png');
     background-position: center;
     background-size: cover;
     transition: opacity 0.5s ease-in-out;
     z-index: 2;
   }


   .video-card:hover .video-cover {
     opacity: 0;
   }


   .project-card-zoom {
     background-color: #000;
     padding: 10px;
   }

   .project-card-zoom img {
     width: 100%;
     height: auto;
     display: block;
     transition: transform 2s ease;

   }

   .project-card-zoom:hover img {
     transform: scale(1.1);
   }



   /* news */


   .news-section {
     padding: 10px 0;
   }

   .news-title {
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 50px;
   }

   .news-item {
     height: 100%;
     display: flex;
     flex-direction: column;
   }





   .news-image-wrapper {

     overflow: hidden;
     border-radius: 4px;
     height: 300px;
     display: flex;
     align-items: end;
     justify-content: center;
   }




   .extra-lay {
     position: relative;

   }

   .extra-lay img {

     width: 100%;

     object-fit: cover;
     transition: transform 0.3s ease;
   }

   .news-overlay {
     position: absolute;
     inset: 0;
     background-color: rgba(0, 0, 0, 0);
     transition: background-color 0.3s ease;
     z-index: 1;
   }

   .news-image-wrapper:hover .news-overlay {
     background-color: rgba(0, 0, 0, 0.5);
   }

   .news-item h6 {
     font-weight: 700;
     font-size: 16px;
     margin-top: 15px;
     margin-bottom: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 22px;
   }

   .news-item p {
     font-size: 15px;
     color: #4b4b4b;
   }

   .view-all {
     text-align: center;
     margin-top: 40px;
   }

   .view-all a {
     font-size: 14px;
     font-weight: 600;
     color: #000;
     text-decoration: underline;
   }

   @media (max-width: 768px) {
     .news-title {
       font-size: 36px;
       text-align: center;
     }
   }

   @media (max-width: 576px) {
     .news-title {
       font-size: 28px;
     }

     .news-item h6 {
       font-size: 15px;
     }

     .news-item p {
       font-size: 14px;
     }
   }




   /* /gallery */


   .image-wrapper {
     position: relative;
     overflow: hidden;
   }

   .image-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     transition: opacity 1s ease-in-out;
     opacity: 1;
     position: relative;
     z-index: 1;
   }

   .fade-out {
     opacity: 0;
   }

   .image-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgba(0, 0, 0, 0.2);
     z-index: 2;
     opacity: 0;
     transition: opacity 0.5s ease-in-out;
   }

   .image-overlay.show {
     opacity: 1;
   }

   .we-make-btn {
     position: absolute;
     bottom: 10px;
     left: 10px;

     color: #fff;
     border: none;
     padding: 6px 12px;
     font-size: 14px;
     z-index: 3;
   }

   .extra-font-btn {

     font-family: "Atlas Grotesk";
     font-style: normal;
     font-weight: bold;
     font-size: 24px;
     color: #fff;
   }



   .right-image {
     height: 50%;
   }

   .left-image {
     height: 100%;
   }

   @media (max-width: 767px) {

     .left-image,
     .right-image {
       height: auto;
     }
   }


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

   .orange-section {

     color: white;
     padding: 60px 0;
     position: relative;
   }

   .top-liner {
     position: absolute;
     top: 0;
     left: 50px;
     background-color: #000;
     height: 10px;
     width: calc(calc((100vw - 84px) / 12 - 24px + 24px / 12) * 3 + 24px * (3 - 1));
   }

   .bottom-liner {
     position: absolute;
     bottom: 0;
     left: 50px;
     background-color: #000;
     height: 10px;
     width: calc(calc((100vw - 84px) / 12 - 24px + 24px / 12) * 3 + 24px * (3 - 1));
   }

   .section-title-main {
     width: 100%;
     font-style: normal;
     font-weight: 900;
     font-size: 5.625vw;
     -webkit-letter-spacing: -0.18vw;
     -moz-letter-spacing: -0.18vw;
     -ms-letter-spacing: -0.18vw;
     letter-spacing: -0.18vw;
     color: #ffffff;
     padding: 4.48vw 0 6.79vw;
     /* margin-bottom: 1rem; */
   }

   .section-title {
     font-weight: bold;
     text-transform: uppercase;
     font-size: 16px;
     letter-spacing: 1px;
     color: #fff;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 30px;
   }

   .intro-paragraph {
     font-size: 1rem;
     color: #f5f5f5;
     line-height: 1.6;
     border-left: 4px solid #000;
     padding-left: 1rem;
   }

   .border-top-bottom {
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
     margin-top: 2rem;
     margin-bottom: 2rem;
     padding-top: 2rem;
     padding-bottom: 2rem;
   }

   .number {
     font-size: 4rem;
     font-weight: 700;
     color: black;
   }

   .section-heading {
     font-weight: 700;
     margin-top: 1rem;
     color: black;
   }

   .section-text {
     color: #fff;
     font-size: 16px;
     line-height: 25px;
     font-weight: 400;
     font-family: var(--font-instrument-sans) !important;
     letter-spacing: 0.3px;
     word-spacing: 1px;
     text-align: left;
     text-transform: none;
     text-decoration: none;
     padding-right: 30px;
   }

   .arow-nold {
     padding-left: 25px;
   }

   .final-text-title {
     /* font-family: "Atlas Grotesk"; */
     font-style: normal;
     font-weight: 800;
     font-size: 45px;
     line-height: 1.04;
     -webkit-letter-spacing: -1px;
     -moz-letter-spacing: -1px;
     -ms-letter-spacing: -1px;
     letter-spacing: -1px;
     color: #000;
   }

   .final-bullets {
     color: white;
     font-style: normal;
     font-weight: 900;
     font-size: 38px;
     line-height: 1.4;
     -webkit-letter-spacing: -1px;
     -moz-letter-spacing: -1px;
     -ms-letter-spacing: -1px;
     letter-spacing: 0px;
   }

   .final-bullets::before {
     content: "";
   }

   .final-bullets {
     /* Replace • with styled spans */
   }

   .final-bullets span.bullet {
     color: black;
     /* bullet color */
     font-weight: bold;
     margin: 0 5px;
   }

   .container-custom {
     max-width: 1100px;
     margin: auto;
     padding: 0px 20px 80px;
     background-color: #f05100;
     color: #000;
   }

   .top-text p {
     font-style: normal;
     font-weight: 300;
     font-size: 24px;
     line-height: 142%;
     -webkit-letter-spacing: -0.01em;
     -moz-letter-spacing: -0.01em;
     -ms-letter-spacing: -0.01em;
     letter-spacing: -0.01em;
     color: #000000;
     max-width: 920px;
     margin-bottom: 50px;
   }

   .divider {
     border-top: 1px solid black;
     margin-bottom: 50px;
   }

   .column-border {
     border-left: 1px solid #fff;
     padding-left: 25px;
     height: 70%;
   }

   .col-number {
     font-family: var(--font-cal-sans);
     font-style: normal;
     font-weight: 400;
     font-size: 44px;
     line-height: 50px;
     -webkit-letter-spacing: -0.0018em;
     -moz-letter-spacing: -0.0018em;
     -ms-letter-spacing: -0.0018em;
     letter-spacing: 1px;
     color: #44b6e4;
     margin-bottom: 18px;
   }

   .final-divider {
     border-top: 1px solid black;
     margin-top: 70px;
   }

   .line {
     border-left: 1px solid #000;
     padding: 0 0px 0 100px;
   }

   .algo {
     max-width: 1100px;
     margin: 0 auto;
   }


   .grid-container {

     padding: 50px 20px;
   }

   .grid-box-1 {

     min-height: 120px !important;

   }

   .topme {
     margin-right: 10px;
   }

   .topms {
     margin-left: 10px;
   }

   .grid-box {
     background-color: #404042;
     color: #fff;
     font-family: 'Gloock', serif;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 130px;
     text-align: center;
     position: relative;
     height: 100%;
   }


   .grid-box::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -10px;
     height: 6px;
     background-color: #29b6f6;
   }

   .grid-text {
     font-size: 30px;
     margin: 0;
   }

   .grid-box:hover {

     background-color: #fcb514;
   }



   @media (max-width: 767.98px) {
     .grid-text {
       font-size: 1.5rem;
     }
   }



   @media (max-width: 768px) {
     .topme {
       margin-right: 0px;
       padding-bottom: 0px;
     }

     .topms {
       margin-top: 30px;

       margin-left: 0px;
     }

     .extra-margin-work {
       padding: 80px !important;
     }

     .arrow-container.left-arrow {
       left: -12px !important;
     }

     .carousel-control-prev {
       left: 0px !important;
     }

     .number {
       font-size: 3rem;
     }
   }


   .center-container {
     display: flex;
     align-items: center;
     justify-content: center;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
     margin: 0;
     width: 100%;
     padding-top: 141px;
     padding-bottom: 148.8px;
     background-color: #ffb600;
   }

   .center-container img {
     width: 548.64px;
     height: 81.2px;
   }



   /* work */




   .bh-hero-section {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;

     background-size: cover;
     background-position: center;
     z-index: -1;
   }

   .bh-main-content {
     position: relative;
     z-index: 1;
     background-color: #262524;
padding: 30px 20px 0px 20px;
   }



   /*  */

   .wwm-breadcrumb {
     font-size: 0.8rem !important;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 600;
   }

   .wwm-breadcrumb a {
     text-decoration: none;
     color: #000;
   }

   .wwm-breadcrumb .active {
     color: #333;
     list-style: none;
     padding: 0px;

     font-weight: 600;
     font-size: 9px;
     line-height: 1.33;
     letter-spacing: 1.92px;
   }

   .wwm-breadcrumb .home-link {
     color: #333 !important;
     list-style: none;
     padding: 0px;

     font-weight: 600;

     font-size: 9px;
     line-height: 1.33;
     letter-spacing: 1.92px;
   }

   .wwm-heading {
     position: relative;
     font-weight: bold;
     font-size: 3.52vw;
     line-height: 0.97;
     letter-spacing: 0.3px;
     margin: 0px 0px 35px;
     color: rgb(0, 0, 0);
   }

   .wwm-underline {
     width: 17.56vw;
     max-width: 33%;
     min-width: 180px;
     height: 7px;
     background-color: #47b6e4;
     margin-top: 7px;
     margin-bottom: 30px;
   }

   .empower-subtext-work {
     font-family: var(--font-instrument-sans);
     color: #fff;
     font-size: 16px;
     line-height: 25px;
     font-weight: 400;
     font-family: var(--font-instrument-sans) !important;
     letter-spacing: 0.3px;
     word-spacing: 1px;
     text-align: left;
     text-transform: none;
     text-decoration: none;

   }



   @media (max-width: 576px) {
     .wwm-heading {
       font-size: 2.2rem;
     }

     .wwm-description {
       font-size: 1rem;
     }

     .wwm-underline {
       width: 70px;
       height: 5px;
     }
   }


   .vidWrap.jsx-2142670793 {
     position: relative;
     width: 100%;
     overflow: hidden;
     height: auto;
   }

   .micro-underline {

     border-bottom: 1px solid #333 !important;
     max-width: calc(calc((100vw - 84px) / 12 - 24px + 24px / 12) * 4 + 24px * (4 - 1));

     vertical-align: top;

     margin: 70px auto 20px;
   }

   .mxaximun-auto {
     max-width: 980px;
     margin: 0 auto;
   }

   .video-card-1,
   .video-iframe {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border: none;
   }



   .section-title {
     font-weight: bold;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
     color: #fff;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 30px;
   }

   .section-title-11 {
     font-size: 14px !important;
     position: relative;

   }

   .section-title-11::after {
     content: "";
     display: inline-block;
     width: 89%;
     height: 1px;
     background-color: #aaa;
     position: absolute;
     top: 50%;
     left: 112px;
   }

   .client-logo {
     filter: grayscale(100%);
     max-width: 120px;
     height: auto;
     margin: 20px auto;
     display: block;
     transition: 0.3s;
   }

   .client-logo:hover {
     filter: grayscale(0%);
     transform: scale(1.05);
   }

   .boder-nich {
     border-top: 1px solid #000;
     padding-top: 10px;
   }


   .section-container {
     background-color: #f2f2f2;
     padding: 60px 20px;
     border-right: 1px solid #ddd;
     height: 100%;
     display: flex;
     justify-content: space-around;
     align-items: center;


   }



   .section-title-1 {
     font-family: 'Georgia', serif;
     font-weight: 700;
     font-size: 40px;
     color: #222;

   }

   .section-link {
     font-weight: 700;
     color: #000;
     padding: 0 2px;
   }

   .boder-nich {
     margin-top: 10px;
     border-top: 1px solid #333 !important;
     padding-top: 10px;

   }

   .extra-left {
     border-left: 1px solid #333;
     padding-left: 6px;
   }

   .bottom-underline {
     position: relative;
     display: inline-block;
     color: #000;
     cursor: pointer;
     font-size: 16px;
     font-weight: 900;
     text-decoration: none;
     z-index: 2;
   }

   .bottom-underline::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 2px;
     height: 4px;
     width: 100%;
     background-color: #00ff2a;
     z-index: -1;
     transition: all 0.3s ease;
   }

   /* 🔥 Trigger underline on parent hover */
   .section-container:hover .bottom-underline::after {
     height: 100%;
     bottom: 0;
   }





   @media (max-width: 767.98px) {
     .section-container {
       border-right: none;
       border-bottom: 1px solid #ddd;
       flex-direction: column;
     }

     .footer {
       background-color: #0A0A0A;
       padding: 20px 22px;
     }

     .section-container:last-child {
       border-bottom: none;
     }

     .footer-links a {
       color: white;
       font-weight: 700;
       margin-left: 0;
       text-decoration: none;
       font-size: 0.9rem;

     }

     .menu-item a {
font-size: 40px;
        line-height: 34px;
        text-align: left;

     }

     .menu-item {
       display: flex;
       flex-direction: column;
       gap: 4px;
       padding: 0 17px;
     }


   }



   .abt-faq-item {
     border-bottom: 1px solid #3a3a3a;
     padding: 20px 0;
   }

   .abt-faq-head {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     cursor: pointer;
     width: 100%;
   }

   .abt-num {
     color: #29b6f6;
     font-weight: 800;
     font-size: 2.5rem;
     margin-bottom: 6px;
   }

   .abt-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
   }

   .abt-title {
     font-size: 2rem;
     font-weight: 500;
     color: #e8e8e8;
     line-height: 2.4rem
   }

   .abt-arrow {
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 12px solid #29b6f6;
     transition: transform .25s ease, border-top-color .25s ease;
   }

   .collapse {
     overflow: hidden;
     transition: height 0.8s ease, opacity 0.4s ease;
   }

   .collapse.collapsing {
     opacity: 0.5;
   }

   .collapse.show {
     opacity: 1;
   }

   .abt-faq-body {
     color: #cfcfcf;
     margin-top: 12px;
     font-size: 16px;
     line-height: 25px;
     font-weight: 400;
     font-family: var(--font-instrument-sans) !important;
     letter-spacing: 0.3px;
     word-spacing: 1px;
     text-align: left;
     text-transform: none;
     text-decoration: none;
   }

   /* active (open) state */
   .abt-active .abt-title {
     color: #ffb400;
   }

   .abt-active .abt-arrow {
     transform: rotate(90deg);
     border-top-color: #fcb514;
   }



   .custom-card {
     background-color: #4a4a4a;
     height: 250px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-weight: 600;
     text-align: center;
   }

   .line-1 {
     color: #29b6f6;
     font-size: 22px;
     font-weight: 600;
   }

   .custom-text {
     display: flex;
     flex-direction: column;

     height: 100%;
   }

   .custom-text .line {
     color: #4cb5f5;
     font-weight: 500;
     font-size: 1rem;
   }

   .custom-text .brief {
     color: #cfcfcf;
     margin-top: 12px;
     font-size: 16px;
     line-height: 25px;
     font-weight: 400;
     font-family: var(--font-instrument-sans) !important;
     letter-spacing: 0.3px;
     word-spacing: 1px;
     text-align: left;
     text-transform: none;
     text-decoration: none;
   }

   .custom-row {
     margin-bottom: 2rem;
   }



   .category-wrapper {
     border-top: 1px solid #fff;
     padding-top: 1rem;
     margin-top: 2rem;
   }

   .category-title {
     color: #4cb5f5;
     font-weight: 600;
     font-size: 2rem;
     border-left: 1px solid #fff;
     padding-left: 0.75rem;

   }

   .img-box {
     background-color: #3c3b3c;
     width: 100%;
     padding-top: 65%;
   }

   .loop img {

     height: 60px;
     margin-bottom: 20px;
   }




   .about-sub h3 {
     color: #29b6f6
   }

   /* aven */


   .avenu-hero {
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
   }

   .avenu-hero video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     transform: translate(-50%, -50%);
     object-fit: cover;
     z-index: 1;
   }

   /* 
   .avenu-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
   } */

   /* .avenu-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 3;
     transform: translate(-50%, -50%);
     background-color: #ccc;
     border: none;
     border-radius: 50%;
     width: 80px;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease;
   } */

   /* .avenu-play-btn:hover {
     transform: translate(-50%, -50%) scale(1.1);
   }

   .avenu-play-btn i {
     font-size: 2rem;
     color: black;
   }

 */



   .newtrt-wrapper {
     padding: 50px 0;
   }

   .newtrt-logo {
     width: 50px;
     height: 50px;
     border: 2px solid #000;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     font-size: 20px;
   }

   .newtrt-title {
     font-size: 28px;
     font-weight: 600;
     margin-bottom: 0;
   }

   .newtrt-subtitle {
     font-size: 12px;
     letter-spacing: 0.5px;
     margin-top: -5px;
   }

   .newtrt-line-title {
     font-weight: 600;
     font-size: 18px;
     line-height: 40px;
   }

   .newtrt-line-sub {
     font-weight: 400;
     font-size: 14px;
     color: #555;
   }

   .newtrt-border {
     border-left: 1px solid #999;
     height: 100%;
   }

   .right-border {
     border-left: 1px solid #000;
     padding-left: 30px !important;
   }

   .newtrt-desc {
     font-size: 14px;
     color: #000;
     line-height: 1.6;
   }

   @media (max-width: 767.98px) {
     .newtrt-border {
       border-left: none;
       border-top: 1px solid #999;
       margin-top: 20px;
       padding-top: 20px;
     }
   }




   .slider-container {
     position: relative;
     width: 100%;
     max-width: 1900px;
     display: flex;
     margin: 80px auto 120px;
     align-items: center;
     justify-content: space-between;
   }

   .background-bar {
     position: absolute;
     top: 50%;
     left: 10%;
     width: 80%;
     height: 290px;
     background: linear-gradient(to right, #e60073, #6e1fff);
     transform: translateY(-50%);
     z-index: 1;
     border-radius: 10px;
   }

   .carousel-box {
     position: relative;
     width: 500px;
     z-index: 2;

   }

   .carousel-item img {
     width: 100%;
     height: 600px;

   }

   .arrow-btn {
     color: #000 !important;
     background: #000;
     border: none;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     z-index: 3;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .arrow-container {
     width: 10%;
     display: flex;
     justify-content: center;
     align-items: center;
   }



   .arrow-btn {
     background: transparent !important;
     border: none;
     box-shadow: none;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
   }


   /* CSS */
   .slider-container {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     padding: 0 0px;
     /* space for arrows */
     margin-top: 50px;
     margin-bottom: 50px;
   }

   .carousel-box {
     position: relative;
     width: 100%;
     z-index: 2;
   }

   .carousel-inner img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 8px;
   }

   .background-bar {
     position: absolute;
     top: 50%;
     left: 20px;
     right: 20px;
     height: 300px;
     width: 100% !important;
     margin: 0 auto;
     background-color: rgba(255, 255, 255, 0.2);
     transform: translateY(-50%);
     z-index: 0;
   }

   .arrow-container {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 3;
   }

   .arrow-container.left-arrow {
     left: -40px;
   }

   .arrow-container.right-arrow {
     right: -40px;
   }

   .arrow-btn {
     background: transparent;
     border: none;
     padding: 0;
   }

   .carousel-control-prev-icon,
   .carousel-control-next-icon {
     filter: brightness(100%) invert(100%) opacity(1);
     width: 90px;
     height: 90px;
   }

   .arrow-btn:hover .carousel-control-prev-icon,
   .arrow-btn:hover .carousel-control-next-icon {
     opacity: 1;
     filter: brightness(100%) invert(100%) opacity(0.9);
   }

   .convrage-div img {
     width: 180px;
   }

   @media (max-width: 768px) {
     .arow-nold {
       padding-left: 0px;
     }

     .right-border {
       border-left: none !important;
       padding-left: 16px !important;
     }

     .center-container img {
       width: 258.64px;
       height: 81.2px;
     }

     .carousel-control-next-icon,
     .carousel-control-prev-icon {
       display: inline-block;
       width: 2rem !important;
       height: 1rem;
       background-repeat: no-repeat;
       background-position: 50%;
       background-size: 100% 100%;
     }

     .arrow-btn {

       width: 28px;
       height: 28px;

     }

     .slider-container {
       position: relative;
       width: 100%;
       max-width: 1939px;
       display: flex;
       margin: 0 auto;
       align-items: center;
       justify-content: space-between;
     }

     .section-title-main {


       font-size: 29px;
       text-align: center;
       padding: 4.48vw 0 3.79vw;

     }

     .col-number {
       font-size: 32px;
       line-height: 36px !important;
       font-weight: 600;
       line-height: 30px;
       margin-top: 4px;
     }

     .custom-container-top {
       padding: 0 18px !important;
     }

     .pb-5 {
       padding-bottom: 1rem !important;
     }

     .container-fluid {
       padding: 15px 1.5rem !important;
     }

     .column-border {
       border-left: none;
       padding-left: 0px;

     }

     .final-text-title {

       font-weight: 800;
       font-size: 40px;

       padding: 0 2rem;
     }

     .line {
       border-left: 1px solid #000;
       padding: 0 48px 0 28px;
     }
   }

   .final-bullets {

     font-size: 30px;

     padding: 0 2rem;
   }

   .carousel-box {
     width: 90%;
   }

   .container-fluid {
     padding: 0px 4rem;
   }

   .section-title-11::after {
     content: "";
     display: inline-block;
     width: 69%;
     height: 1px;
     top: 50%;
     left: 112px;
   }

   .arrow-container {
     width: 0%;
   }

   .background-bar {
     left: 0%;
     width: 90%;
   }










   /* logo */


   .logo-slider {
     overflow: hidden;
     white-space: nowrap;
     padding: 20px 0;
     position: relative;
   }

   .logo-track {
     display: inline-block;
     white-space: nowrap;
     animation: scroll 100s linear infinite;
   }

   .logo-track img {
     height: 80px;
     margin: 0 20px;
     width: auto;
     vertical-align: middle;
   }


   @keyframes scroll {
     0% {
       transform: translateX(0);
     }

     100% {
       transform: translateX(-50%);
     }
   }

   .hero-video-section {
     position: relative;
     /* height: 100vh; */
     width: 100%;
     overflow: hidden;
     background-color: none;
   }

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

   .vimeo-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: none;
     /* hidden initially */
     z-index: 2;
   }

   .vimeo-iframe {
     width: 100%;
     height: 100%;
     border: none;
   }

   .hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
     z-index: 1;
   }

   .hero-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: transparent;
     border: 2px solid #fff;
     border-radius: 50%;
     padding: 20px;
     z-index: 3;
     cursor: pointer;
     transition: 0.3s ease;
   }

   .hero-play-btn:hover {
     background-color: rgba(255, 255, 255, 0.2);
   }

   .custom-container-fluid {
     padding: 0rem 13rem 0rem;
   }



   .carousel-container {
     position: relative;
     margin-bottom: 40px;
   }

   .carousel-control-prev,
   .carousel-control-next {
     width: 5%;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
   }

   .carousel-control-prev {
     left: 0px;
   }

   .carousel-control-next {
     right: 0px;
   }

   .em-padding {
     padding-bottom: 70px;
   }

   /* empowering section home start */
   .empower-section {
     background-color: #262524;
     color: #fff;
     padding: 30px 0px 0px;
     margin-top: 80px;
   }

   .empower-heading {
     font-family: var(--font-cal-sans) !important;
     font-weight: 400;
     font-size: 50px;
     color: #fff;
     line-height: 62px;
     letter-spacing: 1px;

   }

   .empower-hover-text {
     font-family: var(--font-cal-sans) !important;
     color: #fff;
     font-weight: 400;
     transition: color 0.3s ease;

     font-family: 'Cal Sans' !important;
   }

   .empower-section:hover .empower-hover-text {
     color: #44b6e4;
   }

   .empower-subtext {
     font-family: var(--font-instrument-sans);
     font-size: 26px;
     line-height: 32px;
     font-weight: 400;
     color: #fff;
     margin-top: 30px;
   }

   /* empowering section home end*/
   .btn-view-work {
     background-color: #57585b;
     color: #ffffff;
     font-family: var(--font-instrument-sans) !important;
     font-size: 28px;
     padding: 12px 30px;
     border: none;
     border-radius: 0;
     position: relative;
     display: inline-block;
     text-align: center;
     cursor: pointer;
     transition: all 0.3s ease;
   }

   .btn-view-work:hover {
     color: #cd9a28;
   }

   .btn-view-work::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -8px;
     height: 4px;
     background-color: #29b6f6;
   }

   .section-form {
     padding: 80px 0;
   }

   .section-heading {
     color: #ffffff;
     font-weight: 500;
     font-size: 30px;
     margin-bottom: 30px;
     font-family: var(--font-cal-sans);
     letter-spacing: 2px;
   }

   .form-control-custom {
     background-color: transparent;
     border: 3px solid #4d4b4b91 !important;
     border-radius: 0;
     height: 48px;
     color: #fff;
   }

   .form-control-custom:focus {
     background-color: transparent;
     color: #fff;
     border-color: #000;
     box-shadow: none;
   }

   .form-control-custom::placeholder {
     color: #333;
   }




   .branding-section p {
     font-size: 14px;
     line-height: 1.9;
     color: #ffffff;
     margin-bottom: 20px;
   }

   .branding-section h6 {
     color: #44b6e5;
     font-weight: 400;
     font-size: 20px !important;
     margin-top: 25px;
     margin-bottom: 8px;
     font-family: var(--font-cal-sans);
     letter-spacing: 1px;
   }

   .highlight-text {
     text-decoration: none;
     color: #fff;
   }

   .branding-section .desc {
     font-size: 14px;
     line-height: 1.9;
     color: #ffffff;
   }


   /* bhrv card css */


   .replica-row {
     display: flex;
     gap: 28px;
     align-items: flex-start;
   }

   .replica-col {
     flex: 1 1 0;
     min-width: 0;
   }

   .box-card {
     background: #323235;
     color: #ffffff;
     border-radius: 2px;
     position: relative;
     box-shadow: none;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 0;
     margin: 0 0 24px 0;
     overflow: visible;
   }



   .box-text {
     font-weight: 300;
     font-size: 30px;
     line-height: 34px;
     letter-spacing: 0.2px;
     color: #ffffff;
     margin: 0;
     font-family: var(--font-instrument-sans) !important;
     text-align: center;
   }

   .box-large {
     height: 250px;
     border-radius: 2px;
   }

   .box-medium {
     height: 100px;
     border-radius: 2px;
   }

   .box-small {
     height: 100px;
     border-radius: 2px;
   }

   .small-row {
     display: flex;
     gap: 24px;
   }

   .small-row .box-card {
     flex: 1;
     margin-bottom: 0;
   }

   .blue-line {
     position: absolute;
     left: 1px;
     right: 18px;
     height: 4px;
     background: #59d0ff;
     bottom: -6px;
     border-radius: 9px;
     width: 100%;
   }


   .box-medium .card-inner {
     padding-top: 28px;
     padding-bottom: 28px;
   }

   .box-small .card-inner {
     padding-top: 24px;
     padding-bottom: 24px;
   }

   .left-stack .box-card {
     margin-bottom: 24px;
   }

   .right-top {
     margin-top: 0;
   }

   .box-card:hover {
     background-color: #fcb514;
   }

   .second-row {
     margin-top: 64px;
   }
      .sb-em{
      margin-bottom: 50px !important;
     }

   @media (max-width: 768px) {
    .grid-box {

    min-height: 70px !important;
}
    .grid-box-1 {

    height: 70px ;
}
       .sb-em{
      margin-bottom: 30px !important;
      margin-top: 0;
     }
     .section-text {
        text-align: left;
        padding-right: 0;
        border-bottom: 1px solid #fff;
        padding: 0 0px 15px;
        margin: 0px 0 15px 0;
    }
     .project-card {
       padding: -1px 0;
       height: 100%;
       display: block !important;
     }

     .replica-row {
       flex-direction: column;
       gap: 0px;
     }

     .replica-wrap {
       padding: 0px;
       margin: 0px;
     }

     .box-large {
     height: 72px;
     }

     .box-medium {
       height: 72px;
     }

     .box-small {
       height: 72px;
     }
  

     .box-text {
       font-size: 18px;
     }

     .blue-line {
       left: 0px;
       right: 12px;
       bottom: -10px;
       height: 5px;
     }


   }

   @media (min-width: 768px) and (max-width: 991.98px) {
     .replica-wrap {
       max-width: 700px;
     }

     .box-large {
       height: 300px;
     }

     .box-small {
       height: 86px;
     }

     .box-text {
       font-size: 20px;
     }
   }






 



.featured-work{
  display: none;
}

.Policy {
  font-size: 12px;
  color: #ffffffce;
  font-weight: 400;
}
.Policy a{
  font-size: 15px;
  color: #ffffffce;
  font-weight: 400;
}
.footer-divider{
  color: #fff;
}
   @media (min-width: 768px) {


     .branding-section p,
     .branding-section .desc {
       font-size: 16px;
       line-height: 28px
     }

     .branding-section h6 {
       font-size: 17px;
     }
   }

   @media(max-width:768px) {
       .ai-description-text{
           margin-top: 20px;
       }
           .container-fluid-ex{
       padding: 0; 
  margin-left: 0rem;
  margin-right: 0rem;
    }

       .fullscreen-menu {
    justify-content: normal !important;}
/*    .list-inline-item {*/
/*    display: flex*/
/*;*/
/*}*/
    .mtr-mb{
      margin-top: 30px;
    }
    .project-card-border img {
 
    border-radius: 8px;
}
    .menu-row-2

 {

    margin-top:42px;
 }
 .fullscreen-menu { 
  padding: 100px 15px;
 }
    .home-view{
      display: none;
    }
    .featured-work {
   
      font-size: 1rem;
      font-weight: 400;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: #ffffff;
      margin-bottom: 25px;
    }

    .text-ins{
      padding: 15px;
    }
    .featured-work-arrow {
      display: inline-block;
      font-size: 1.5rem;
      transform: translateY(2px);
    }
    .cursor{
      display: none;
    }
    .project-card-border

 {
    border-top: none;
    padding: 0px 0;
    height: 100%;
    display: flex
;
    justify-content: space-between;
}
 
     .replica-col {
       flex: 1 1 0;
       min-width: 100%;
     }

     .bh-main-content {

       padding: 1px 0px;
     }

     .footer-text {
       color: #fff;
       font-size: 0.9rem;
       margin-top: 13px;
     }

     .custom-container-fluid1 {
       padding: 0rem 18px !important;
     }

     .view-btn {
       margin: 0rem 0px !important;
     }

     .menu-item p {
      display: none;
       font-size: 16px;

       margin: 0;

       text-align: center !important;
     }

     .section-text h3 {
       font-size: 22px !important;
       line-height: 30px !important;
       font-weight: 500;
       color: #fff;
       padding-left: 0px !important;

     }

     .btn-view-work {
       background-color: #57585b;
       color: #ffffff;
       font-family: var(--font-instrument-sans) !important;
       font-size: 24px;
       padding: 10px 30px;
     }

     .menu-item:not(:last-child)::after {
       content: "";
       position: absolute;
       right: 0;
       top: 10%;
       height: 80%;
       width: 1px;
       background-color: transparent;
     }

     .empower-section {

       padding: 00px 0px 0px;
       margin-top: 0px;
     }

     .custom-subtitle {


       margin-bottom: 20px;

     }


     .col-number-ai {
       font-size: 18px;
       line-height: 22px;
       margin-top: 18px;

       text-align: left;

     }

     .custom-container-fluid {
       padding: 0px 0rem;
     }

     .section-text {

       text-align: left;
       padding-right: 0;

     }

     .ai-section-wrap {
       padding-top: -20px !important;
       padding-bottom: 10px;
     }

     .extra-bg-color-ai {
       background-color: #f2f2f2;
       padding: 17px;
       color: #000;
     }
     .extra-bg-color-ai h3{
      
       color: #000;
     }

     .hover-cover-effect {
       flex: 0 !important;
       min-height: auto;
       overflow: hidden;
     }

     .logo-track img {
       height: 40px;
       margin: 0 10px;
       width: auto;
       vertical-align: middle;
     }

     .art-ai-title {
       font-size: 26px;
       line-height: 32px;
     }

     .section-heading {
       font-size: 20px;
     }

      .empower-heading {
        font-size: 30px;
        line-height: 38px;
    }
    
    .fullscreen-menu {
      align-items: flex-start;
    }
        
     .menu-row-2 {
 display: flex;
        gap: 42px;
        flex-wrap: wrap;
        justify-content: left;
        position: relative;
        padding-bottom: 0px;
        border: none;
        flex-direction: column;

     }

     .menu-close {
       position: absolute;
       top: 20px;
       right: 20px;
       font-size: 3rem;
     }

     .navbar-custom {

       padding: 15px 18px;
     }

     .second-row {
       margin-top: 0px;
     }

     .form-control-custom {

       height: 44px !important;

     }

     .em-padding {
       padding-bottom: 10px;
     }

     .abt-title {
       font-size: 1.3rem;

       line-height: 2rem;
     }

     .loop img {
       height: 40px;
       margin-bottom: 20px;
     }

     .abt-num {
       color: #29b6f6;
       font-weight: 800;
       font-size: 1.8rem;
       margin-bottom: 0px;
     }

     .arow-nold {
       font-weight: 600;
       font-size: 32px !important;
       line-height: 36px;
     }

     .column-border-we-do {
       border-left: none !important;
       padding-left: 0px !important;
       height: 100%;
     }

     .project-info h5 {
       font-weight: 600;
       font-family: var(--font-instrument-sans);
       margin-bottom: 15px;
       font-size: 18px;
       color: #fff;
     }


     .empower-subtext {
       font-size: 1rem;
     }

     .carousel-control-next {
       right: -21px;
     }



     .arrow-container.right-arrow {
       right: -12px;
     }
.art-ai-title-2{    font-size: 30px;
    color: #47b6e4;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;}
    .full-underline {

    display: none;
}
     .art-ai-p {
      margin-bottom: 17px;
       margin-top: 17px;
     }

     .background-bar {

       height: 100px;
     }

     .gallery-grid {
       grid-template-columns: auto !important;
     }

     .custom-container-fluid {
       padding: 0px 1.5rem;
     }

     .avenu-hero {
       position: relative;
       width: 100%;
       height: 100%;
       overflow: hidden;

     }



     .carousel-item img {
       width: 100%;
       height: 200px;
     }

     .carousel-box {
       width: 110%;
     }
   }