.banner-img{
    height: 75%;
}

.banner-content{
    align-items: center;
    justify-self: center;
    display: flex;
}

.carousel{
    width: 550px;
   
}

.thumbs .carousel-inner{
    border-radius: 10px;
    
}

.carousel-item img{
    animation: zoom 5s linear;
}

@keyframes zoom{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.06);
    }
}

.design-process{

    padding:20px 8%;
    /* background:#fff; */

}

.section-heading h2{
     margin-top: 50px;
     font-size: 50px;
   font-weight: bolder;
    background: linear-gradient(90deg,#ca8ce0,#340338);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

/* .line{
    width:70px;
    height:4px;
    background:linear-gradient(90deg,#7B2FF7,#F107A3);
    margin-top:10px;
    border-radius:50px;

} */

.process-container{
    margin-top:60px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

}

.process-step{
    width:220px;
    text-align:center;
    position:relative;
}

.icon-circle{
    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#7B2FF7,#F107A3);
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    font-size:30px;
    box-shadow:0 15px 30px rgba(123,47,247,.25);
    transition: all 0.6s ease;
     transform: scale(1);
}

.icon-circle:hover{
    transform: scale(1.2);
}

.process-step h3{
    margin-top:25px;
    font-size:22px;
    color:#222;
}

.process-step p{
    margin-top:12px;
    line-height:28px;
    color:#666;
}

.connector{
    flex:1;
    border-top:2px dashed #987dcf;
    margin-top:40px;
}

/* .why-choose{
    padding:80px 8%;
    background:#fff;
} */

.choose-container{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.choose-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:15px;
    transition:.4s;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.choose-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(123,47,247,.18);
}

.choose-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    color:#fff;
    background:linear-gradient(135deg,#7B2FF7,#F107A3);
    margin-bottom:20px;
}

.choose-card h3{
    font-size:22px;
    color:#222;
    margin-bottom:15px;
}

.choose-card p{
    color:#666;
    line-height:28px;
    font-size:16px;
}

.choose-me h2{
     margin-top: 50px;
     font-size: 50px;
   font-weight: bolder;
    background: linear-gradient(90deg,#ca8ce0,#340338);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.section-image img{
    height: auto;
    width: 100%;
}

.section-image{
    display:inline-block;
    animation: float 2s ease-in-out infinite;
}

/* .floating-img img{
    width:450px;
} */

@keyframes float{
    0%{
        transform: translateY(0px);
    } 
    50%{
        transform: translateY(-20px);
    }
    
    100%{
        transform: translateY(0px);
    }
}