/* #### Generated By: http://font.download #### */
   @import url(https://db.onlinewebfonts.com/c/0aaa41d286544f50443a49986000ef1f?family=Helvetica+W02+Roman);
    @font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('../font/Helvetica.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Oblique'), url('../font/Helvetica-Oblique.woffHelvetica-Oblique.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Compressed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Compressed'), url('../font/helvetica-compressed-5871d14b6903a.woffhelvetica-compressed-5871d14b6903a.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Rounded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Rounded Bold'), url('../font/helvetica-rounded-bold-5871d05ead8de.woffhelvetica-rounded-bold-5871d05ead8de.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('../font/Helvetica-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Bold Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Bold Oblique'), url('../font/Helvetica-BoldOblique.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Helvetica Light';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Light'), url('../font/helvetica-light-587ebe5a59211.woff') format('woff');
    }
   @font-face {
    font-family: 'Helvetica W01 Roman';
    font-style: normal;
    font-weight: 400;
    src: url('../font/helvetica-w01-roman.woff2') format('woff2');
}


 @font-face {
    font-family: "Helvetica W01 Light";
    src: url("https://db.onlinewebfonts.com/t/e89eb1cff9eb261b0d77a4dea27f1ef1.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/e89eb1cff9eb261b0d77a4dea27f1ef1.woff2")format("woff2"),
}
@font-face {
    font-family: "Helvetica W02 Roman";
    src: url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.eot");
    src: url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0aaa41d286544f50443a49986000ef1f.svg#Helvetica W02 Roman")format("svg");
}
@font-face {
    font-family: "Helvetica W01 Roman";
    src: url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.eot");
    src: url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c5bd605b45237a12c99133fa9d7cae49.svg#Helvetica W01 Roman")format("svg");
}

* {
    border: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-size: 10px;
    

}
a#btn {
    width: 127px;
    height: 127px;
    color: #000;
    opacity: 1;
}
  a#btn:hover{
    background-color:black !important;
    color:white;
    opacity: 1;
  }
  h1{
       font-family: "Helvetica W01 Roman";
      color: white;
  }
  p {
     font-family: "Helvetica W01 Light";
      font-weight: 300;
      font-size: 16px;
    }


h2 {
    color:#3B3A3A;
    font-family: "Helvetica W01 Roman";

   }
h3 {
    color:#3B3A3A;
     font-family: "Helvetica W02 Roman";
  }   

h1 {
    font-size: 72px;
    font-weight: 400;  
}
span{
      font-family: "Helvetica W02 Roman";
    }


.page-id-11 .header-outer{
	  padding-top: 58px;
}

.page-id-11 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-1570 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
	    padding-bottom: 35px;
 
}

.page-id-1570 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-2206 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
 
}

.page-id-2206 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.single.single-casestudy .header-outer {
    background-color: #000;
     padding-top: 45px;
 
}

.single.single-casestudy .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-2037 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
	 padding-bottom: 35px;
}
 


.page-id-2037 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-1363 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
 }

.page-id-1363 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-2047 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
	padding-bottom: 35px;
 }

.page-id-2047 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

 .page-id-2211 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
	padding-bottom: 35px;
 }

 .page-id-2211 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.page-id-2305 .header-outer {
    background-color: #000 !important;
        padding-top: 45px;
	padding-bottom: 35px;
 }

.page-id-2305 .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 0px;
}

.soluction-banner-outer .e-con-inner{
  margin-top: 110px !important;
}

.header-outer .container {
max-width: 100%;
}

    .header-outer {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 35px;
    padding-left: 5%;
    padding-right: 5%;
      transform: translateY(0);
    opacity: 1;

    transition: 
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease;
}
.header-outer {
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block-end: 1rem;
    padding-block-start: 1rem;
}
.header-outer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.header-left img {
    width: 144px;
}

.header-hidden {
    display: none;
    opacity: 0;
}


.mega-menu-linkedin .mega-menu-link {
    display: flex;
    align-items: center;
    gap: 8px; /* space between icon and text */
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-linkedin > a.mega-menu-link {
    display: flex !important;
    align-items: center;
    
}

.mega-menu-linkedin {
    margin-top: 140px !important;
}
.mega-menu-linkedin {
    padding-bottom: 20px !important;
}

.mega-menu-linkedin > a.mega-menu-link {
    text-indent: -9999px;   /* hides text */
    overflow: hidden;
    
    width: 40px;
    height: 40px;
    display: inline-block;

    background-image: url("https://thewebsitedemo.in/eartheon/wp-content/uploads/2026/04/11062b_7dcffe5daf2944b7be0a46ac6d472634mv2-1.avif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.mega-menu-linkedin > a.mega-menu-link {
    position: relative;
    color: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 a.mega-menu-link:before {
    display: none;
}
#mega-menu-wrap-menu-1 a.mega-menu-link:before {
    display: none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-linkedin > a.mega-menu-link:before {
    display: inline-block !important;
    content: "" !important;

    width: 25px !important;
    height: 25px !important;

    margin-right: 8px;

    background-image: url("https://thewebsitedemo.in/eartheon/wp-content/uploads/2026/04/11062b_7dcffe5daf2944b7be0a46ac6d472634mv2-1.avif") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
    /* home-banner-start */

    .home-banner-outer {
    height: 100vh !important;
}

  .page-content.home-banner-outer .row {
      display: flex !important;
      justify-content: center !important;
      width: 100%;
      height: 100vh;
  }

  a#homebtn {
    width: 90px;
    height: 90px;
    background-color: transparent;
    color: #fff;
    border: 1.5px solid #fff;
	  opacity: 1;
}

svg.e-font-icon-svg.e-fas-arrow-down {
    width: 50px;
    height: 34px;
    border-width: -86px;
}


/* mission-section-start */
  .home-mission-right .image img {
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      width: 100%;
      border-radius: 20px;
  }

  .home-mission-left {
    
    height: -webkit-fill-available !important;
    
    padding-top: 30px !important;
    padding-left: 30px !important;
}

  .home-mission-left .home-left-content p {
      font-size: 18px;
      font-weight: 300;
      color: #3B3A3A;
      line-height: normal;
      font-style: normal; 
      margin-top: 10px; 
  }

  .home-challenges-conent p {
    font-size: 25px !important;
    line-height: 40px !important;
    font-weight: 400;
        margin-top: 32px !important;
}

  .home-mission-left .home-left-content h2{
      font-size: 55px;
      font-style: normal;
      font-weight: 400;
      color: #3B3A3A;
       
  }

  .home-mission-left .home-left-content h5 {
      font-size: 17.7891px;
      font-style: normal;
      font-weight: 400;
  }

/* mission-section-end*/

/* .home-ced- start */

  .home-ced-outer {
      width: 100%;
  }

  .rics-right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    
    width: 480px;
}
  .home-ced-outer img {
      border: 1px solid;
  }

  .home-ced-outer .row p {
      font-size: 16px;
  }
  /* .home-business-outer h1 {
      font-size: 57.3206px;
      font-style: normal;
      font-weight: 400;
  } */

  .home-banner-content h1 {
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 86px;

}
/* .home-ced-end */

  .page-content.home-banner-outer .row {

      font-size: 24px;
      margin: 0px 66px 0px 66px;
      padding-top: 20px;
  }

  .home-saas-outer .home-saas-title h2{
        color: white;
      font-size: 22px;
      font-weight: 700;
      line-height: 32px;
  }
  .home-saas-outer .home-saas-title p{
        font-size: 28px;
      font-weight: 400;
      color: white;
      line-height: 39px;
      
      display: flex;
      justify-content: center;
      text-align: center;
     
    }
    .home-saas-outer .saas-grid h2  {
              font-size: 21px;
            font-weight: 400;
            color: white;
            line-height: 29px;
      }
      .home-saas-outer .saas-grid p  {
              font-size: 16px;
            font-weight: 400;
           color: white;
          line-height: 26px;
         
      }
  .home-saas-outer .saas-grid h3 {
      font-weight: bold;
      font-size: 18px;
      font-style: normal;
      letter-spacing: 0em;
      line-height: 1.4;
      color: white;
  }

  .saas-grid-box {
      gap: 20px;
  }
  .home-rics-outer .row .rics-right p {
      font-size: 17px;
      font-weight: 400;
   
  }

  /* stack section start */
  .stack-outer, .stack-inner {
    width: 80vw;
    margin: 0 auto;
  }
  .stack-outer {
    height: 8vh;
    display: grid;
    place-items: center;
    margin-bottom: 80px;
  }

  .stack-outer .banner-content h2{
      color: white !important;
  }

  #cards {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin);
    padding-bottom: calc(var(--numcards) * var(--card-top-offset));
    margin-bottom: var(--card-margin);
    padding: 0px;
  }
  .elementor-11 .elementor-button {
      background-color: #000000;
      opacity: 40%;   
  }
  #card-1 .card-content.stack-1{
    --index: 1;
    position: relative;
    height: 100vh;
    background: url('https://thewebsitedemo.in/eartheon/wp-content/uploads/2026/02/asian-two-business-man-construction-engineers-supervising-progress-construction-project_jp.avif') center/cover no-repeat;
    
  }
  #card-1 .card-content.stack-1::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 102, 204, 0.75); 
      z-index: 1;
  }
  #card-1 .stack-1 .banner-content p,
  #card-1 .stack-1 .banner-content h2,
  #card-1 .stack-1 .banner-content .desc,
  #card-1 .stack-1 figure a {
      color: #ffffff !important;
      position: absolute;
      z-index: 2;
      top: 13%;
  }
  #card-1 .stack-1 .banner-content p {
      text-align: center;
  }
  .stack-outer, .stack-inner {
      width: 100%;
      margin: 0 auto;
  }
  #card-1::bef {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      rgba(18, 128, 175, 0.95) 0%,
      rgba(18, 128, 175, 0.85) 40%,
      rgba(18, 128, 175, 0.6) 70%,
      rgba(18, 128, 175, 0.4) 100%
    );
    z-index: 1;
  }

  #card-2 {
    --index: 2;
  }

  #card-3 {
    --index: 3;
  }

  #card-4 {
    --index: 4;
  }

  .card {
    position: sticky;
    top: 0;
    padding-top: calc(var(--index) * var(--card-top-offset));
  }

  .card-content {
    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.1), 0 1em 2em rgba(0, 0, 0, 0.1);
    background: #ffffff;
    color: #ffffff;
    border-radius: 2rem;
    overflow: hidden;
    display: grid;
    grid-template-areas: "text img";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    align-items: stretch;
    padding: 1.4em;
  }
  .banner-content{
  color: white;
  }

  .card-content > div {
    grid-area: text;
    width: 95%;
    max-width: 800px;
    text-align: left;
    place-items: start;
    color: rgb(255, 255, 255);
    margin-left: 22px;
  }

  .card-content > figure {
    grid-area: img;
    overflow: hidden;
    display: flex;
    justify-content: end;
  }

  .card-content > figure > img {
    width: 70%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
        padding: 5px;

  }

  .card h1 {
    font-weight: 300;
    font-size: 3rem;
    margin-bottom: 1rem;
    font-family: 'Cormorant Garamond', serif;
  }

  .card h2 {
       
      
      margin: 0;
      font-size: 45px;
      color: #3b3a3a;
        font-weight: 400;
  }

  .card p {
      font-weight: 300;
      line-height: 26px;
          width: 500px;
      font-size: 16px;
        color: #3B3A3A;
      margin-top: 50px;
      padding-top: 35px;
  font-family: "Helvetica W01 Light";
    

  }

  @supports (animation-timeline: scroll()) {

    .card__content {
      animation: scale linear forwards;
      animation-timeline: scroll(root);
      animation-range: entry 0% exit 100%;
    }

    @keyframes scale {
      to {
        transform: scale(0.9);
      }
    }
  }
  /* stact section end  */

  /* home-Eartheonplatform-outer start */

    /* digital section start */
  .home-digital-outer .digital-left h2 {
      font-style: normal;
      font-weight: 400;
      padding-bottom: 32px;
      font-size: 55px;
        color: #3B3A3A;
     
  
    

  }
 


  .home-digital-sub-head p {
    font-size: 18px !important;
}

  .elementor-button-text {


      display: inline-block;
      display: flex;
      justify-content: center;

  }
  .elementor-element.elementor-element-ab1b240.e-con-full.digital-left
  {
      padding-top: 56px;
  }
  .home-digital-outer .digital-left .btn {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .home-digital-outer .digital-left a {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .home-digital-outer .digital-left p{
      font-size: 20px;
      text-align: left;
      letter-spacing: 0em;
      line-height: 1.6;
      color: #3B3A3A;

   
  }
  /* digital section end */


/* value section start */

  .home-values-outer h1{
          font-size: 55px;
          font-weight: 400;
        color: #3B3A3A;
       
  }
  .home-values-outer .row .grid-box p { 
      font-size: 18px;
      line-height: 29px;
      

  }
   .home-values-outer .row .grid-box h6 { 
      font-size: 19px;
      font-family: "Helvetica W01 Light";
       color: #3B3A3A;
      

  }
  .home-values-outer .row h2 {    
    font-size: 30px;
      font-weight: 400;
        color: #3B3A3A;
    
  }

/* value section end */



/* about page */

  .about-eartheon-outer h2{
  font-size: 55px;
      font-style: normal;
      font-weight: 400;
    color:white ;

      
  }
  .about-eartheon-outer p{
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
  }
  .about-eartheon-outer h3{
    font-size: 25px;
     padding-bottom: 20px;
  font-weight: 700;
  color: white;
  line-height: 32px;
  width: 80%;
   font-family: "Helvetica W01 Light";
}


   /* end */

   /* start */
   .about-platform-outer p{
   font-size: 16px;
   color: #464646;
    font-weight: 400;
   }
   .about-platform-outer h2{
   font-size: 55px;
      font-style: normal;
    font-weight: 400;
       color: #3B3A3A;   
   }
   .about-platform-outer h3{
    font-size: 22px;
   }

   /* start */

   .about-value-outer p{
           font-size: 16px;
    letter-spacing: 0em;
    line-height: 1.6;
    font-weight: 400;
    color: #3B3A3A;
   }   
   .about-value-outer h2{
        font-size: 55px;
    color: #3B3A3A;
    font-weight: 400;
   }
   .about-value-outer h3{
        font-size: 30px;
    color: #3B3A3A;
    font-weight: 400;
   }
   /* end */
  /* start */
   .about-soluction-outer h3{
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px;
    color: #6f6f70;
   }
    .about-soluction-outer h2{
        font-size: 24px;
        font-weight: 400;
       color: #3B3A3A;
        
    }
  /*  */
    /* start */
    .soluction-banner-outer p{
    font-size: 16px;
    font-weight: 300;
    color: #3B3A3A;
    }
       .soluction-banner-outer h2{
    font-size: 55px;
    font-weight: 400;
       color: #3B3A3A;
    }
    /* end */
    /* start */

    .soluction-twins-work-outer p{
   font-size: 16px;
    font-weight: 400;
    }

     .soluction-twins-work-outer h2{    
    font-weight: 400;
    font-size: 55px;
       color: #3B3A3A; 
    }
    /* end */

    /* start */
      .soluction-enterprise-outer h2{
        font-size: 55px;
        font-weight: 400;
       color: #3B3A3A;
      }
      .soluction-enterprise-outer p{
        font-size: 18px;
        font-weight: 300;
        line-height: 29px;
        color: #3B3A3A;
      }

    .soluction-enterprise-outer h3{
       font-size: 30px;
      font-weight: 400;
      background-color: transparent;
      letter-spacing: 0em;
      line-height: 1.6;
        color: #3B3A3A;
      }

      
/* accrodion-outer start */
    .accrodion-outer .accrodion-title {
        font-size: 44px;
        color: #3B3A3A;
    }
    .accrodion-outer p{
        font-size: 15px;
        font-weight: 400;
        color: #3B3A3A;
    }
  h2.e-n-accordion-item-title-text{
      color: black;
      font-size: 18px;
  }
/* accrodion-outer end */
    /* end */ 
      /*  Terms-Conditions start */

    
   .Terms-Conditions h2 {
            font-weight: 400;
          font-size: 44px;
          letter-spacing: 0em normal;
          line-height: 1.6;
           color: #3B3A3A;
           padding-bottom: 35px;
           padding-top: 10px;
    
   }

   .Terms-Conditions li {
    font-size: 16px;
    font-weight: 300;
    color: #3B3A3A;
    font-family: 'Helvetica W01 Light', Arial, sans-serif;

   }
   .Terms-Conditions p {
    font-size: 16px;
    font-weight: 300;
           color: #3B3A3A;

   }
      /*  Terms-Conditions end */

  /* privacy-policy start */
       .privacy-policy-outer h3 {
         font-size: 16px;
         font-weight: 400;
                    color: #3B3A3A;

       }
         .privacy-policy-outer li {
         font-size: 16px;
        font-weight: 400;
        font-family: 'helvetica-w01-light', sans-serif;
          color: #3B3A3A;

       }

     .privacy-policy-outer h2 {
    font-weight: 400;
    font-size: 44px;
    letter-spacing: 0em normal;
    line-height: 1.6;
           color: #3B3A3A;
           padding-bottom: 35px;
        padding-top: 10px;

     }
      .privacy-policy-outer p {
       font-size: 16px;
    font-weight: 300;
           color: #3B3A3A; 
      }
      .privacy-policy-outer h4{
          font-size: 16px;
          font-weight: 400;
           color: #3B3A3A;
      }
    

    /* privacy-policy end */

      /* Cookie Policy start */
      .Cookie-Policy-outer h3{
        font-size: 16px;
        font-weight: 400;
        padding-bottom: 35px;
        padding-top: 10px;
         color: #3B3A3A;
}
.Cookie-Policy-outer h2{
       font-weight: 400;
       font-size: 44px;
        letter-spacing: 0em normal;
       line-height: 1.6;
      color: #3B3A3A;
      padding-bottom: 35px;
       padding-top: 10px;
}
  .Cookie-Policy-outer p{
      font-size: 16px;
     font-weight: 300;
      padding-bottom: 35px;
      padding-top: 10px;   
}
.Cookie-Policy-outer li{
     font-size: 16px;
     font-weight: 300;
     color: #3B3A3A;

}
/* Cookie Policy end */


   /* case studio */
  .casestudy-heading .container{
        max-width: 1600px;
    width: 100%;
    margin: 0% auto;
    padding: 40px;
  }

  .casestudy-outer .container{
    max-width: 1600px;
    width: 100%;
    margin: 0% auto;
    padding: 0px 40px 40px 40px;
  }



    section.casestudy-heading {
      background-color: white;
      color: #3B3A3A;
      margin-top: 130px !important;
      padding-top: 20px;
      
  }
    .casestudy-heading p{
   
      margin-block-start: 0;
      font-size: 22px;
      margin-bottom: 0px;
      
      color: #3B3A3A;
  }
    .casestudy-heading h2 {
      font-size: 20px;
      padding-top: 0px;
      font-weight: 400;
      padding-bottom: 20px;
  }
  .container{
      max-width: 1200px;
      width: 100%;
      margin: 0% auto;
  }
    section.casestudy-outer {
      background-color: white;
      margin-bottom: 40px;
  }
  section.casestudy-outer .row {
      padding-top: 25px;
      padding-bottom: 10%;
  }
  section.casestudy-outer .grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      row-gap: 14%;
      padding: 10px;
      padding-bottom: 8%;
  }
 

  .casestudy-link span {
    font-size: 12px;
    font-weight: 400;
    padding: 0px !important;
    margin: 0px;
}

    section.casestudy-outer .casestudy-grid img {
      background-color: white;
      border-radius: 20px;
  }
    section.casestudy-outer .casestudy-grid h4 {
       color: #3B3A3A;
        padding: 10px 0px 5px 5px;
        font-size: 22px;
        font-weight: 400;
        text-decoration: none;
        font-family: "Helvetica W01 Roman";
  }
  section.casestudy-outer .casestudy-link  {
      margin-left: 6px;
      text-decoration: underline;
      gap: 6px;
      margin-bottom: 0px;
    
  }
  section.casestudy-outer .casestudy-grid a{
      color: #000000;
  }
  /* Urban Sustainability start */

  .casestudy-single-outer{
      width: 100%;
      background-color: #ffffff;
       color: black;


  }
  section.single-casestudy-tittle-outer {
      background-color: white;
      color: #3B3A3A;
      margin-top: 130px;
  }
  section.single-casestudy-tittle-outer h1 {
      color: #3B3A3A;
      margin-bottom: 0px;
      padding-bottom: 40px;
      padding-top: 55px;
      padding-left: 23px;
      font-size: 44px;
  }
.single-right-content {
    padding-top: 10px;
}

.single-right-content {
    padding-top: 0px;
    margin: 0px;
}

  .casestudy-single-outer .row{
  display: flex;
  padding: 20px;
  gap: 40px;
  }

  .casestudy-single-outer .row .casestudy-single-left{
    width: 60%;
  }
 



  .casestudy-single-outer .row .casestudy-single-right{
      width: 67%;
  }
  .casestudy-single-outer .row .casestudy-single-right h2{
      font-size: 30px;
      font-weight: 400;
      color: #3B3A3A;
  }
  .casestudy-single-outer .row .casestudy-single-right p{
           font-size: 16px;
           font-weight: 400;
          line-height: 1.6;
  }


.casestudy-div-outer  {
   width: 100%;
   background-color: white;
    color: #3B3A3A;
       padding-top: 50px;
       margin-bottom: 40px;
        padding-bottom: 50px;

}  
.casestudy-div-outer .row {
    display: flex;
    padding-top: 20px;
    padding: 20px;
}
.casestudy-div-outer .casestudy-div-left {
    width: 50%;
}
.casestudy-div-outer .casestudy-div-right{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.casestudy-div-outer .casestudy-div-right img{
    max-width: 100%;
    width: 75%;
    border-radius: 20px;
}
.casestudy-div-outer .casestudy-div-left h2{
    font-size: 30px;
    font-weight: 400;
}
.casestudy-div-outer .casestudy-div-left p{
    font-size: 16px;
    font-weight: 300;
}
 /* Urban Sustainability end */

 


  /* footer start */
  

  .footer-outer{
    color: #ffffff;
    height: 60%;
  }

   .footer-outer .row{
   background-color: #ffffff;
    color: #000000;
    border-radius: 20px 20px 20px;
    
    margin-bottom: 4%;
   }
 .footer-outer .footer-top-content{
  display: flex;
  justify-content: space-between;
  padding: 40px;
  margin-bottom: 40px;
 }
 .footer-outer .footer-top-content img{
  max-width: 100;
  width: 30%;
 }
 .footer-outer .footer-top-content a{
	color: #3b3a3a;
  font-size: 14px;
  font-family: "Helvetica W01 Light";
}
 .footer-outer .footer-bottum-content{
   padding: 40px;
 }

  /* footer end */


  /* home-case-study start */


.home-case-study-outer .home-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.home-case-study-outer .home-case-study-card{
    position: relative;
    display: block;
    overflow: hidden;
}


.home-case-study-outer .home-case-study-img{
    width: 100%;
    height: 90%;
    
}

.home-case-study-outer .home-case-study-img img{
       width: 100%;
    height: 90%;
    object-fit: cover;
    display: block;
    border-radius: 15px 15px 15px 15px;
}


.home-case-study-outer .home-case-study-card::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 70, 160, 0.35); 
    z-index: 1;
    transition: 0.3s ease;
      height: 100%;
      border-radius: 6%;
}
.home-case-studio-outer {
	margin-bottom: 30px !important;
}

.home-case-study-outer .home-case-study-content-section{
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
   
    width: 80%;
    z-index: 2;
        padding-bottom: 35px;
}
.home-case-study-count h5 {
    font-size: 44px;
}



.home-case-study-outer .home-case-study-link{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 2;
}

.studio-title h2 {
    font-size: 55px;
    padding-bottom: 15px;
    padding-top: 10px;
}



.home-case-study-title-works p {
    font-size: 24px;
        line-height: 26px;
}

.studio-title h2 {
    font-weight: 400 !important;
}

.home-case-study-img{
    height: 90%;
}

.home-case-study-img img{
    height: 90%;
}

.twin-solution-inner {
    padding-right: 0px !important;
}

.solution-digital-outer .e-con-inner {
    max-width: 100%;
    padding-left: 4% !important;
    padding-right: 0% !important;
}

.twins-right-image {
    width: 50%;
    height: 50%;
}

.inner-image-digital img {
    border-radius: 71px 0px 0px 71px !important;
}

.inner-image-digital {
    position: absolute;
        top: 10%;
    bottom: 10%;
}

.inner-image-digital img {
    position: relative;
}

.discover-btn span.elementor-button-text {
    font-size: 14px;
    line-height: 20px;
}

/* header-css-start */
.site-header {
	position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    top: 35px;
    padding-left: 5%;
    padding-right: 5%;
}
.site-header .header-inner {
width: 100%;
max-width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.site-header .header-inner .site-branding .site-logo img {
	width: 144px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
	background: #3b3a3a;
    border-radius: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-center, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left {
	display: none;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right{
	       width: 59px;
    justify-content: center;
    padding-left: 10px;
  
}
.mega-toggle-blocks-right::after{
	display: none;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
	margin-left: 0px;
}
.elementor-element.home-banner-outer  {
	padding: 60px 0px 0px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
	background-color: #3b3a3a;
	width: 660px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	font-size: 30px;
	line-height: 48px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
	padding-top: 55px;
    padding-left: 50px;
	padding-right: 60px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	background: transparent;
	background: transparent;
    padding: 0px 0px 10px;
    height: auto;
	font-family: "Helvetica W01 Roman";


}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background-color: transparent;
	color: #cda17c;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        visibility: visible;
        opacity: 1;
        right: 3%;
        left: auto;
        top: 67px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle ~ button.mega-close:before {
	font-size: 35px;
}
.banner-btn .elementor-button-icon svg {
    width: 40px;
    animation: motion-breathe-1 3s linear infinite;
}

@keyframes motion-breathe-1 {
    0%, 100% {
        transform: translateY(0) rotate(270deg);
    }
    50% {
        transform: translateY(-10px) rotate(270deg);
    }
}


/* Remove accordion outer border */
.e-n-accordion,
.e-n-accordion-item,
.e-n-accordion-item[open] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove content container border */
.e-n-accordion-item .e-con,
.e-n-accordion-item .content {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove summary focus outline */
.e-n-accordion-item summary:focus {
    outline: none !important;
}


section.home-case-study-outer {
    height: auto;
}
.elementor-element.elementor-element-53735fb.accrodion-title.elementor-widget.elementor-widget-n-accordion {
    border: none;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	background-color: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-size: 20px;
	padding-left: 15px;
	color: #fff;
	background-color: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
background-color: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background-color: transparent;
	color: #fff;
}

.digital-right {
    overflow: hidden;
    background-size: 100% 100% !important;
    background-position: center center !important; /* FIX */
    transition: background-size 0.4s ease;
}

.digital-right:hover {
    background-size: 110% 110% !important;
    background-position: center center !important; /* keep center on hover */
}

.home-challenges-image{
  overflow: hidden;
    background-size: 100% auto !important;
    background-position: center center !important; /* FIX */
    transition: background-size 0.4s ease;
    border-radius: 20px !important;
}


 .home-challenges-image img:hover {
    transform: scale(1.08);
    border-radius: 20px !important;
    
}

.home-challenges-image img {
  transition: transform 0.4s ease;
  border-radius: 20px !important;
}

.card-content figure img {
    transition: transform 0.6s ease;
     width: 70%; 
    height: 100%;
     border-radius: 30px !important;
}

.card-content:hover figure img {
    transform: scale(1.06);
     border-radius: 30px !important;
}

.about-banner-image{
 overflow: hidden;
    background-size: 100% auto !important;
    background-position: center center !important; /* FIX */
    transition: background-size 0.4s ease;
}

.about-banner-image:hover {
    background-size: 105% auto !important;
    background-position: center center !important; /* keep center on hover */
    
}

.about-value-right{
   overflow: hidden;
    background-size: 100% auto !important;
    background-position: center center !important; /* FIX */
    transition: background-size 0.4s ease;

}

.about-value-right:hover {
     background-size: 110% auto !important;
    background-position: center center !important; /* keep center on hover */
    
}

/* Outer container */
.elementor-element-734cda1 {
    overflow: hidden;
}

/* Image wrapper (your custom class) */
.digital-work-inner {
    overflow: hidden;
      border-radius: 50px 0px 0px 50px !important;
}

/* Image */
.digital-work-inner img {
   
    transition: transform 0.5s ease;
       
}

/* Hover effect */
.elementor-element-734cda1:hover .digital-work-inner img {
    transform: scale(1.08);
     
}

/* Card wrapper */
.casestudy-card {
    display: block;
    overflow: hidden;
    border-radius: 20px; /* adjust as needed */
}

/* Image wrapper */
.casestudy-img {
    overflow: hidden;
    border-radius: 20px !important; /* IMPORTANT */
}


/* Image */
.casestudy-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}



/* Hover zoom */
.casestudy-card:hover .casestudy-img img {
    transform: scale(1.08);
}


.casestudy-single-left:hover .casestudy-img img{
    transform: scale(1.06);
    
}

/* Wrapper */
.casestudy-div-right {
    overflow: hidden;
    border-radius: 20px; /* adjust if needed */
        width: 75%;
}

/* Image */
.casestudy-div-right img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
        width: 75%;
}

/* Hover zoom */
.casestudy-div-right:hover img {
    transform: scale(1.06);
        width: 75%;
}

.solution-single-pane {
    overflow: hidden;
    border-radius: 20px; /* adjust if needed */
    width: 75%;
} 

/* Image */
.solution-single-pane img {
    
    transition: transform 0.5s ease;
}

/* Hover zoom */
.solution-single-pane:hover img {
    transform: scale(1.08);
    
}

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


 /*  RESPONSIVE */

/* Mobile */
@media (max-width: 767px) {

  /* Make all rows stack vertically */
  .row {
    flex-direction: column !important;
  }

  /* Case study single and div sections */
  .casestudy-single-outer .row,
  .casestudy-div-outer .row {
    flex-direction: column !important;
  }

  /* Text above image */
  .casestudy-single-left,
  .casestudy-single-right,
  .casestudy-div-left,
  .casestudy-div-right {
    width: 100% !important;
    height: auto !important;
    order: unset; /* reset any previous order */
  }

  /* Make card-content stack vertically */
  .card-content {
    grid-template-columns: 1fr !important;
  }

  /* Optional: ensure banner content stacks nicely */
  #card-1 .stack-1 .banner-content p,
  #card-1 .stack-1 .banner-content h2 {
    position: relative !important;
    top: 0 !important;
    text-align: center;
    margin: 0 auto 20px auto;
  }

  /* Images full width below content */
  .casestudy-single-left img,
  .casestudy-div-right img {
    width: 100% !important;
    max-width: 100%;
    margin: 10px 0 0 0;
  }
}



.studio-title .contact-section-content a{
       color: rgb(0, 0, 0);
       font-size: 20px;
}





/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

  section.casestudy-outer {
    grid-template-columns: repeat(2, 1fr) !important;
  }

}
/* TAB */
@media (min-width: 768px) and (max-width: 1024px) {

  .row {
    flex-wrap: wrap;
  }
  .casestudy-single-left,
  .casestudy-single-right,
  .casestudy-div-left,
  .casestudy-div-right {
    width: 100% !important;
  }

  section.casestudy-outer {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .card-content {
    grid-template-columns: 1fr !important;
  }

}

/* DESKTOP */
@media (min-width: 1025px) {

  section.casestudy-outer {
    grid-template-columns: repeat(4, 1fr);
  }

}