/* Heading */ 

h2.a-h2 .text-center {
  padding-bottom:100px;
}

/*  plan cards */

.logo-image {
  width:96px;
  height:96px;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.card {
  position: relative; /* Essential for absolute positioning of child elements */
  overflow: visible; /* Allows the logo to extend beyond the card's bounds if needed */
  /* Add some margin-right if you want space between the card and subsequent content */
  /* margin-right: 50px; */
  border-radius:19.55px!important;
  margin-top:80px;
  width:100%;
  
}
.title-section {
  height:100px;
}

.card-title-1 {
 font-size:100px; 
 margin-top:12px;
 margin-bottom:-20px;!important;
}

@media (max-width:1399px) {
  .card-title {
 font-size:25px; 
  }
 
}
.card-body {
 border: 1px solid #8800FF;
  border-radius:19.55px;
  padding:20px 40px!important;
}

@media (max-width:576px) {
 .card-body {
    padding: 20px 20px !important;
}  
}

@media (min-width:992px) and (max-width:1199px) {
  .card-body {
  padding:20px 20px!important;
}  
}

.btn.category {
 background-color:#ffffff;
 border: 1px solid #8800FF;
 color:#8800FF;
 border-radius:13.74px;
 font-weight:bold;
 padding:10px 20px;
 font-size: 1rem;
 line-height: 1.5;
}

.btn.card-btn {
 background-color: #8800FF; 
  color:#ffffff;
  margin-bottom:20px;
  border-radius:4.35px;
  padding: 10px 20px;
  font-size: 21.53px;
  font-weight:bold;
  border: 1px solid #8800FF;
  line-height:1.2em;
}

.btn.card-btn:hover {
  background-color: #ffffff; 
  color:#8800FF;
  border: 1px solid #8800FF;
}

.btn.card-btn-2 {
 background-color: #4C008F; 
  color:#ffffff;
  margin-bottom:20px;
  border-radius:4.3px;
  margin-left:auto;
  margin-right:auto;
  border: 1px solid #8800FF;
  font-weight:bold;
  padding:10px 20px;
  line-height:1.2em;
  
  font-size:21.73px;
}

.btn.card-btn-2:hover {
 background-color: #ffffff; 
 color:#4C008F;
 border: 1px solid #8800FF;  
}   

.logo-module {
  position: absolute;
  top: 0%; /* Adjust as needed for vertical alignment */
  right: 20px; /* Adjust this value to move the logo more or less to the right,
                   half of the logo's width to center it on the edge */
  transform: translateY(-50%); /* Vertically centers the logo */
  z-index: 2; /* Ensures the logo appears above other card content */

}

.purple {
 color: #8800FF;
}
/* rounded pill and line  */
.rounded-pill-1 {
  background-color: #F8F4FC;
  border: 1px solid grey;
  color:#534A55;
  border-radius: 13.74px!important;
}

.pill-line {
  border-top: 1px solid #534A55!important;
}

@media (max-width:1201px) {
 .rounded-pill-1 {
   font-size:14px;
  } 
}
/*  list 1 */

.list-1 li,.list-3 li {
  font-size:16px; 
}



/* list 2   */

.list-2 li  {
  color:#534A55;
  font-size:16px;
}


@media (min-width:1199px) and (max-width:1399px) { 
  .list-2 {
    height:170px;
}
}

@media (min-width:992px) and (max-width:1198px) { 
  .list-2 {
    height:190px;
}
}



/* list 3 */
.list-3 {
 margin-bottom:20px;
}


.list-1, .list-2, .list-3 {
margin-top:0;
  margin-bottom:1rem;
  padding-left:2rem;
  
}

.list-2 li::marker {
  color: #8800FF;    
}
/* quote section */
img.quote-img {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  margin-bottom:20px!important;
}

.company-name {
  color:#8800FF;
  font-size:28px;
  font-weight:bold;
}

.sub-title {
 font-weight:bold; 
  font-size:25px;
  padding-top:10px;
  
}
::marker {
 color:#8800FF;  
}