body{
    font-family: 'Poppins', sans-serif;  
}

.container{
    max-width: 1200px;}

.mynavbar{
    background-color: #4741AF;
}
.nav-item{padding: 0 10px;}

.nav-link{
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding: 25px 0;
}
.navbar-brand{
    color: white;
    font-size: 45px;
    font-weight: 700;
}

.banner-title{
    font-size: 72px;
    font-weight: 700;
}
.banner-subtitle{
    font-size: 24px;
    font-weight: 500;
}
.banner-btn{
    background-color: #6C63FF;
    padding: 15px 55px;
    border-radius: 40px;
    text-decoration: none;
    color:  white;
}

.banner-btn:hover{
    color: #6C63FF;
    background-color: white;
}

.text-subtitle{ color:#6C63FF;
    font-size: 24px;
    font-weight: 700;

}

.text-title{
    font-size: 48px;
    font-weight: 700;
}
.text-p{font-size: 18px;

}

.text-link{
    font-weight: 700;
    text-decoration-line: none;

}
.about-img{margin-left: -328px;
}
.service-backgrund{
    background-color:#F3F9FB ;
    width: 624px;
    height: 624px;
    border-radius: 50%;
}
.service-icon{color: white;
background-color: #6C63FF;
padding: 20px;
border-radius: 50px;
}

.mydiv{
    background-color:#F3F9FB;
}

.banner-img-2{
    margin-left: -130px;

}
.icon2{
    color: #6C63FF;
}

.product-card{
    border-bottom: 3px solid #6C63FF;
}

.feature-icon{
    color: white;
background-color: #6C63FF;
padding: 20px;
border-radius: 50px;}

.text-secondary{
    font-size: 18px; 
}
.blog-date{
    font-size: 16px;
}

/* animaition */
.post:hover .post-img{transform: scale(1.1);

}

.post-img{
    transition: all .3s;
}

.product-card:hover{
    margin-top: 15px;
}
.product-card{
    transition: all .3s;
}

.service-card:hover .service-icon{
    margin-left: 80px;
}
.service-icon{
    transition: all .6s;
}

.feature-span:hover .feature-icon{
    margin: 30px;
}
.feature-icon{
    transition: all .3s;
}