.visualise-section {
   position: relative;
 }

 .visualise-steps-container {
   max-width: 1360px;
   width: 100%;
   margin: 0 auto;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 0;

 }

 .visualise-steps-bg {
   width: 100%;
   height: 830px;
 }

 .visualise-steps {
   padding: 60px 0 116px 0;
 }

 .visualise-title {
   font-family: Archivo;
   font-weight: 500;
   font-size: 52px;
   line-height: 110.00000000000001%;
   color: #FFFFFF;
   margin-bottom: 10px;
   text-align: center;

 }

 .visualise-subtitle {
   font-family: Archivo;
   font-weight: 400;
   font-size: 20px;
   line-height: 132%;
   color: #FFFFFF;
   text-align: center;
   margin-bottom: 81px;
 }

 .visualise-steps-wrapper {
   display: flex;
   justify-content: space-between;
   /* gap: 30px; */
   gap: 2%;
   position: relative;
   align-items: start;
 }

 .visualise-step-card {
   /* background: transparent; */
   padding: 30px;
   border-radius: 12px;
   max-width: 243px;
   width: 100%;
   height: 379px;
   position: relative;
   background: #00000003;
   backdrop-filter: blur(60px);
   border: 1px solid #EEEEEF;
 }

 .visualise-step-card:nth-child(1)::after, .visualise-step-card:nth-child(3)::after {
   content: "";
   background: url(../../../content/dam/asianpaintsbeautifulhomes/design-ideas-revamp/third-circle.png) no-repeat center;
   background-size: 100% 100%;
   position: absolute;
   /* height: 162px; */
   /* width: 249px; */
   /* width: 117%; */
   /* bottom: -162px; */
   /* left: 38%; */
   height: 192px;
   width: 128%;
   left: 29%;
   bottom: -193px;


 }

 .visualise-step-card:nth-child(2)::after, .visualise-step-card:nth-child(4)::after {
   content: "";
   background: url(../../../content/dam/asianpaintsbeautifulhomes/design-ideas-revamp/second-circle.png) no-repeat center;
   background-size: 100% 100%;
   position: absolute;
   height: 163px;
   /* width: 294px; */
   width: 122%;
   top: -163px;
   /* left: 110px; */
   left: 47%;
 }

 .visualise-step-card:nth-child(2) {
   top: 120px;
 }

 .visualise-step-card:nth-child(4) {
   top: 120px;
 }


 .visualise-step-card h3 {
   font-family: Archivo;
   font-weight: 700;
   font-size: 60px;
   line-height: 132%;
   letter-spacing: 2%;
   color: #FFFFFF;
   margin-bottom: 30px;
   opacity: 0.5;

 }

 .visualise-step-card h4 {
   font-family: Archivo;
   font-weight: 500;
   font-size: 30px;
   line-height: 120%;
   color: #FFFFFF;
   margin-bottom: 24px;
   max-width: 149px;
   width: 100%;
 }

 .visualise-step-card p {
   font-family: Archivo;
   font-weight: 400;
   font-size: 16px;
   line-height: 132%;
   letter-spacing: 0%;
   color: #FFFFFF;

 }
 .visualise-step-card:nth-child(1) h4{

 }
 .visualise-step-card:nth-child(2) h4{
  max-width: 121px;
 }
 .visualise-step-card:nth-child(3) h4{

 }
 .visualise-step-card:nth-child(4) h4{

 }

 /* Circle with image */

 /* Connectors */

 @media screen and (max-width : 768px) {
   .visualise-steps-container {
     padding: 0 12px 0 16px;
   }

   .visualise-steps {
     padding: 40px 0;
   }

   .visualise-steps-bg {
     height: 1077px;
   }

   .visualise-title {
     font-size: 30px;
     line-height: 114.99999999999999%;
     margin-bottom: 6px;

   }

   .visualise-subtitle {
     font-size: 16px;
     line-height: 136%;
     max-width: 250px;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 40px;
   }

   .visualise-steps-wrapper {
     flex-wrap: wrap;
     /* gap: 16px; */
     gap: unset;
     max-width: 332px;
     width: 100%;
     margin: 0 auto;
     column-gap: 0px;
     row-gap: 0;
   }

   .visualise-step-card {
     background: #00000029;
     max-width: 158px;
     width: 100%;
     height: 240px;
     padding: 20px 14px;
     border: 1px solid #CACBCC;
   }

   .visualise-step-card:nth-child(2) {
     top: 145px;
   }

   .visualise-step-card:nth-child(4) {
     top: 235px;
   }

   .visualise-step-card:nth-child(3) {
     top: 73px;
   }

   .visualise-step-card:nth-child(5) {
     top: 153px;
   }

   .visualise-step-card h3 {
     font-family: Archivo;
     font-size: 24px;
     margin-bottom: 20px;
    opacity: 0.4;
   }

   .visualise-step-card h4 {
     font-size: 20px;
     margin-bottom: 16px;
     font-family: Archivo;
   }

   .visualise-step-card p {
     font-family: Archivo;
     font-weight: 300;
     font-size: 14px;
     color: #CACBCC;
     line-height: 120%;
   }

   .visualise-step-card:nth-child(1)::after, .visualise-step-card:nth-child(3)::after {
     background: url(../../../content/dam/asianpaintsbeautifulhomes/design-ideas-revamp/mob-curv-left-u.png) no-repeat center;
     background-size: 100% 100%;
     height: 62px;
     width: 72%;
     bottom: -62px;
     left: 43%;
   }

   .visualise-step-card:nth-child(2)::after, .visualise-step-card:nth-child(4)::after {
     background: url(../../../content/dam/asianpaintsbeautifulhomes/design-ideas-revamp/mob-curv-right-u.png) no-repeat center;
     background-size: 100% 100%;
     height: 73px;
     width: 76%;
     top: -163px;
     left: -16%;
     top: unset;
     bottom: -74px;
   }
   .visualise-step-card:nth-child(3) h4{
        max-width: 115px;
  }
   .visualise-step-card:nth-child(4) h4{
        max-width: 97px;
  }
   .visualise-step-card:nth-child(5) h4{
        max-width: 100px;
  }
 }