.btn-demo2 {
    background: rgba(30, 72, 199, 1);
    color: #fff;
     padding: 13px 30px;
    border-radius: 30px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
}
.btn-team2 {
    background: transparent;
    color:rgba(30, 72, 199, 1);
    border: 2px solid rgba(30, 72, 199, 1);
     padding: 12px 20px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
}
.text-image { 
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;   
    padding-top: 6% ;
     flex-wrap: nowrap; 
     z-index:2;
     opacity:0.9;
     gap:40px;
}
.left-side-text {
     font-family: Inter, sans-serif;
   flex: 0 0 30%;
   font-weight:400;
   font-size:22px;
   color:rgba(42, 42, 42, 1);
   opacity:0.9;
   z-index:2;
}
.right-image {
    display: flex;
    gap: 30px;
    width: 100%;  
    justify-content: center;
    align-items: center;            
}
.right-image img {
    width:25%;
     object-fit: contain;        
}

/* .shade-right img{
-webkit-mask-image: linear-gradient(to right,
        rgba(0,0,0,1) 70%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(to right,
        rgba(0,0,0,1) 70%,
        rgba(0,0,0,0) 100%
    );} */

.why {
  padding: 8%;
  text-align: center;

}
.why h2 {
  margin-bottom: 5%;
   font-family: Bagoss Standard TRIAL, sans-serif;
   font-weight:400;
   font-size:50px;
}
.boxs {
  display: flex;
  gap: 30px;
}
.box {
  flex: 1;
  padding: 30px 20px;
  background-color: rgba(250, 250, 250, 1);
  display: flex;            
  flex-direction: column;
  align-items: center;          
  justify-content: center;      
  color: #fff;
  border-radius: 40px;     
   min-height: 320px; 
  border: 3px solid transparent; /* Add transparent border to maintain consistent width */
  box-sizing: border-box; /* Ensure border is included in width calculation */
    transition: 
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease,
    border-color 0.3s ease;      
}
.box:hover {
  background-color: white;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  border: 3px solid rgba(250, 250, 250, 1); /* Border color changes, but size stays same */
}
.box-image {
  width: 25%;               
  height: auto;
  margin-bottom: 14%;
}
.box h3 {
  margin: 0 0 10px;
  color:rgba(7, 17, 23, 1);
  font-family: Bagoss Standard TRIAL, sans-serif;
  font-weight:400;
  font-size:20px;
}
.box p {
    font-family: Inter, sans-serif;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
  color:rgba(42, 42, 42, 1);
  font-weight:400;
  font-size:15px;
}