#the-list {
  width: 600px;
  font-size: 0;
  margin: 0 auto;
}

#the-list > tr {
  width: calc(100% / 3);
  display: inline-block;
}

#the-list > tr h2 {
  font-size: 20px;
}

span.mcf_indent {
    display: block;
    padding-bottom: 8px;
}


.mcf_tooltip {
    position: relative;
    display: inline-flex !important;
    /* margin-top: 10px; */
  }
  
  .mcf_tooltip .mcf_tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .mcf_tooltip .mcf_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .mcf_tooltip:hover .mcf_tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  #the-list > tr:hover{
    -webkit-box-shadow: 3px 3px 15px -1px rgba(186,173,186,0.72);
    -moz-box-shadow: 3px 3px 15px -1px rgba(186,173,186,0.72);
    box-shadow: 3px 3px 15px -1px rgba(186,173,186,0.72)
}
#the-list > tr{
  transition: all 1s ease;
}
span.sp_contact_branding {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 7px;
  color: #135e96;
  font-weight: bold;
}
/* ---------------Sp -Ads-styles------------------------------------------------------------------- */
.sp-ad {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5%;
  border: 1px solid #bfbfbf;
  padding: 25px 10px;
  width: 97%;
  border-radius: 12px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
  animation: gradientAnimation 1s ease infinite;
  background: linear-gradient(90deg, #0c3c74, #0a2f5a, #0c3c74);
  background-size: 200% 200%;
}


@keyframes gradientAnimation {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.sp-pricing-footer {
  margin-top: 45px;
z-index: 99;
padding-bottom: 2%;
  position: relative;
}
.sp-pricing-list .pricing-item {
  font-size: 24px;
  font-weight: 400;
}

.sp-ad .pricing-button {
  text-decoration: none;
  background-color: #fbb03b;
  color: #fff;
  /* border: none; */
  /* border-radius: 25px; */
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: large;
  position: relative; /* Ensures transform works independently */
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Initial shadow */
}

.sp-ad .pricing-button:hover {
  transform: translateY(-15px); /* Increase move-up to make it more obvious */
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
  background-color: white;
  color: #fbb03b;
  border: 1px solid #fbb03b;

}
.sp-col-12 {
  width: 100%;
  padding-top: 2%;
}

.sp-col-12 * {
  color: white;
}

.sp-col-12 h2 {
  
  margin-top: 0;
  line-height: 1.3;
  margin-bottom: 18px;
  font-weight: 400;
}

.sp-ad-dismiss {
  position: absolute;
  top: -5px;
  right: 10px;
  color: white !important;
  font-size: 18px;
  transition: color 0.3s ease;
}

.sp-ad-dismiss:hover {
  color: #fbb03b;
}
.sp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo-container a img{
  width: 80px;
}

.sp6 .spmain .sp-ad-dismiss::before {
  color: white !important;
}
.sp-ad-dismiss {
  display: flex;
  top: 55px;
  right: 55px;
}
.notice-dismiss:before{
  color: white !important;
}

 


/* ---------------------------------------- */