.home-repaint-section {

     margin: 0;
     padding-left: 0;
     height: min-content;
 }

 .home-repaint-container {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .home-repaint-image-wrapper {
     width: 70vw;
     /* width: 100%; */
     /* height: 833px; */

     /* aspect-ratio: 846 / 833; */
     position: relative;
     margin-left: auto;
     margin-right: auto;
 }


 .home-repaint-image {
     width: 846px;
     height: 833px;
     object-fit: cover;
 }


 @media (max-width: 768px) {
     .home-repaint-image-wrapper {
         width: 100%;
         min-width: 100%;
         height: 365px;
     }

     .home-repaint-section {
         padding: 0;
         width: 100%;
         height: fit-content;
     }

     .home-repaint-image {
         height: 365px;
         margin: 0;
     }
 }

 .home-repaint-tag {
     position: absolute;
     top: 10%;
     left: 10%;
     background: white;
     padding: 6px 12px;
     border-radius: 6px;

     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     display: flex;
     color: #4B5466;
     align-items: center;
     font-size: 18px;
     line-height: 30px;
     font-weight: 400;
     font-family: Polysans-Neutral;
     gap: 6px;
 }

 .home-repaint-tag-icon {
     height: 20px;
     width: auto;
 }

 .home-repaint-content {
     position: absolute;
     align-content: center;
     top: 12%;
     right: 0%;
     width: 643px;
     height: 653px;
     /* width: 70%; */
     aspect-ratio: 653/643;
     background: #F5F5F5;
     padding: 2rem 4rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

 }

 @media (max-width: 768px) {
     .home-repaint-container {
         position: relative;
         width: 100vw;
         padding-bottom: 300px;
     }

     .home-repaint-content {
         position: relative;

         top: -10px;
         right: auto;
         width: 100% !important;
         min-width: 100vw;
         aspect-ratio: none;
         margin: 0;
         max-height: none;
         height: 635px;
         padding: 5rem 15vw;
         background: #CDE3EC;

     }

     .home-repaint-list-item {
         font-size: 18px;
         line-height: 20px;
     }



     .mobile-highlight {
         padding: 2px 6px;
         border-radius: 4px;
         background: linear-gradient(to right, #1EADD3, #0F596D);
         width: max-content;
         color: white;
     }

     .home-repaint-highlight {
         display: none !important;
     }
 }




 .home-repaint-title {

     font-size: clamp(20px, 2.5vw, 35px);
     font-weight: 300;
     font-family: iBrand;

 }

 .hr {
     width: 100%;
     height: 0.5px;
     background: #BBBFC5;
     margin: 2rem 0;
     padding: 0;

 }

 .home-repaint-highlight {
     display: inline-block;
     background: #CDE3EC;
     width: max-content;
     padding: 2px 6px;
     border-radius: 4px;
 }

 .home-repaint-list {
     font-size: 22px;
     line-height: 26px;
     font-weight: 400;
     font-family: Inter-Regular;

 }

 .home-repaint-list-item {
     margin: 18px 0;
     color: #4B5466;
     height: fit-content;
     box-sizing: border-box;

 }

 /* Desktop View */
 @media (min-width: 768px) {
     .home-repaint-container {
         flex-direction: row;
         align-items: flex-start;
         gap: 20px;
         padding: 4rem 20px;
     }

     .home-repaint-content {
         display: block;

     }
 }

 @media (max-width: 768px) {
     .home-repaint-title {
         font-size: 35px;
     }
 }

 @media (max-width: 426px) {
     .home-repaint-image {
         width: 100%;
         height: 365px;
     }

     .home-repaint-tag {
         font-size: 14px;
             line-height: 22px;
     }

     .home-repaint-title {
         font-size: 28px;
         line-height: 30px;
     }

     .home-repaint-list-item {
         font-size: 16px;
         line-height: 18px;
     }

     .hr {
         margin: 1rem 0;
     }

     .home-repaint-content {
         height: fit-content;
         padding: 2rem 15vw;
     }

     .home-repaint-container {
         padding-bottom: 400px;
     }
 }

 @media (max-width: 321px) {
     .home-repaint-tag {
         font-size: 12px;
             line-height: 20px;
     }

     .home-repaint-container {
         padding-bottom: 420px;
         max-width: 100%;
     }
 }