@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
.home{
    background: #F4FEFF;
}
.home_menu li a{
    color: #450B78;
    font-size: 14px;
}
.home_menu li a:hover{
    color: #450B78;
}
.home_btn{
    /* border-radius: 50px; */
    background: #F9218D;
    color: #fff;
}
.home_btn:hover{
    background: #F9218D;
}
.home_content h1{
    font-family: 'Nunito', sans-serif;
    color: #2B044D;
}
.home_content p{
    color: grey;
    line-height: 30px;
}
.circle_icon{
    width: 50px;
    height: 50px;
    background: #D852E8;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.fs-13{
    font-size: 13px;
}
.p{
    color: #450B78;
}
.nunito{
    font-family: 'Nunito', sans-serif;
    color: #2B044D;
}
.card_icon{
    width: 70px;
    height: 70px;
    background: #D852E8;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
}
.services{
    background: #F4FEFF;
}
.icon_div{
    /* margin: 0 auto; */
    margin: 0px auto;
    margin-top: 25px;
    text-align: center;
    line-height: 100px;
    color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #E88CEA;
    position: relative;
    z-index: 10 !important;
}
.img_dod{
    position: absolute;
    width: 80px;
    height: 130px;
    left: 50%;
    top: 30px;
    transition: all .3s linear;
}
.services .card{
    transition: all .3s linear;
    border: 1px solid transparent;
}
.services .card:hover{
    border: 1px solid #835EF8;
}
.services .card:hover>.img_dod{
    left: 51.5%;
}
.pricingPlan{
    background:linear-gradient( to right,rgba(249, 33, 141, 1) 0%,rgba(109, 25, 245, .9) 100%) , url('img/best_pricingbg.jpg.webp');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.pricingPlan_card{
    position: relative;
    top: 200px;
    z-index:10px ;
}
.pricingPlan_card .card{
    border: transparent;
    background: #fff;
    position: relative;
    transition: all .3s linear;
    /* z-index: 10; */
}
.img_dod_card{
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: -1;
    transition: all .3s linear;
}
.pricingPlan_card .card:hover{
    box-shadow: 0px 15px 30px #dddddd86 !important;
}
.pricingPlan_card .card:hover .img_dod_card{
    transform: translate(23px,23px);
}
.pt-100{
    padding-top:100px !important ;
}

.mt-100{
    margin-top: 100px !important;
}
.devise{
    margin-top: 200px;
    background-image: -webkit-linear-gradient(0deg,#6c19f6 0%,#f9218d 100%);
}
.circle_animate{
    width: 40px;
    margin-left: 30px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    animation-name: circle_animate;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes circle_animate{
    0%{transform: scale(1);}
    50%{ transform: scale(1.6);}
    100%{ transform: scale(1);}
}