.tooltip {
    position: relative;
    display: inline-block;
    
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #F2F2F2;
    color: black;
    text-align: center;
    border-radius: 2px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: -178%;
    margin-left: -60px;
    border: 1px solid #4F46E5;
    font-size: 16px;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #4F46E5 transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }




  /* //Pricng page */


  .header-bg{
    background-color: #4F46E5;
    padding:8px 0; 
}
.navbar-flex{
    display: flex;
    align-items:center;
}
.logo-img{
    width:50px;
    height:50px;
}
.container-fluid-sec{
    padding:0px 20px;
    max-width:1280px;
    margin:0 auto;
}
.navbar-list ul {
    margin:0;
    padding:0px;
}
.navbar-list ul li a{
    color:#fff;
    padding:0px 25px;
}
.navbar-list ul li {
    display:inline-block;
}
.main-row{
    display:flex;
    flex-wrap:wrap;
    column-gap: 20px;
}
.three-col{
    width:32%
}
.pricing-card{
    border:2px solid #4F46E5;
    padding:15px;
    border-radius:40px;
    min-height:785px;
}
.margin-top-100{
    margin-top:100px;
}
.pricing-price-sec{
    text-align:center;
    margin:10px 0;
}
.content-container {
    max-width:1170px;
    margin: 0 auto;
    padding:0px 20px;
}
.pricing-card-icon{
    text-align:center;
    margin-bottom: 20px;
}
.pricing-card-icon img{
    max-width:80px;
    margin: 0 auto;
}
.btn-global{
    background-color: #4F46E5;
    padding:8px 30px;
    border-radius: 5px;
    color:#fff;
}
.pricing-card.active {
    background-color: #4f46e5;
    cursor: pointer;
    color: #fff;
}
.pricing-price-sec h4, .pricing-price-sec p{
    font-size: 26px;
}
.pricing-price-sec p{
    margin-bottom: 10px;
}

.pricing-features ul li span img {
    max-width: 24px;
    display: inline-block;
    height: 24px;
}
.pricing-features ul li span {
    margin-right: 15px;
}
.pricing-features ul li{
    margin-bottom: 24px;
    color: #4F46E5;

}
.pricing-features {
    margin-top: 30px;
}
.pricing-details h3{
    text-align:center;
    margin-top: 30px;
    font-size:26px;
    font-weight:600;

}
.pricing-detail-list{
    border:2px solid #4F46E5;
    padding: 20px;
    margin-top:20px;
    border-radius:40px;
}
.pricing-detail-list ul li{
    margin-bottom:10px;
}
.pricing-detail-list ul li img{
    display:inline-block;
    max-width:20px;
    margin-right: 10px;
}
.pricing-details{
    padding-bottom:100px;
}
.pricing-details.active{
    background-color:#F2F2F2;
}
.pricing-card.active h4, .pricing-card.active p {
    font-weight: 500;
}

.pricing-card.active li {
    color: #fff;
}
.pricing-card.active li img , .pricing-card.active  .pricing-card-icon img{
    filter: invert(1) brightness(100);
}
.pricing-card.active .btn-global {
    background-color: #fff;
    color: #4f46e5;
}


/* Media Query */
@media only screen  and (max-width:767px){
    .three-col{
        width:100%;
    }
   .pricing-card{
    min-height:auto;
    margin-bottom: 20px;
   }
   .navbar-list ul li a{
    padding:0px 8px;
   }

}    

.appsumo-pricing-card{
    border:2px solid #4F46E5;
    padding:15px;
    border-radius:40px;
    min-height:350px;
}