/*------------------------------------------------------------------
 * template Name: emyUI - Multipurpose UI Kit for Web Hosting providers with WHMCS Template
 * Author: coodiv (nedjai mohamed) (nbames.mohamed@gmail.com)
 * Author URI: https://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS template
 * Bootstrap v4.5 (http://getbootstrap.com)
 * Love Our work & support team? 😍 Buy us a coffee! https://ko-fi.com/coodiv
 * Copyright 2022 coodiv.
 -------------------------------------------------------------------*/
 
.indian-flag-cursor {
  cursor: url('https://cdn.pixabay.com/animation/2022/08/21/20/03/20-03-41-348_512.gif'), auto;
}

/* Ensure consistent sizing */
* {
  box-sizing: border-box;
}

/* Restore page scrolling globally */
html, body {
  height: auto;
  min-height: 100%;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
}

/* Prevent widget from causing horizontal scroll */
#thMount {
  max-width: 100vw;
  overflow: visible;
}

/* Ensure floating button doesn’t stretch layout */
#thFab {
  max-width: none;
}

/* Mobile responsiveness for review tab */
@media (max-width: 768px) {
  #thMount .th-fab,
  #thFab {
    right: -50px;
    top: 45%;
    width: 130px;
    height: 36px;
    transform: translateY(-50%) rotate(-90deg);
  }
}

/* Ensure opening the panel does NOT lock scroll */
body.th-open {
  overflow-y: auto !important;
}

/*Same Price When You Renew Section*/
.plan-highlight {
  background-color: #0052cc;
  color: #ffffff;
  font-weight: 600;
  border-radius: 6px;
  padding: 6px 12px;
  position: relative;
  overflow: hidden;
}

.plan-highlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 80%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.05), rgba(255,255,255,0.7), rgba(255,255,255,0.05));
  transform: skewX(-25deg);
  animation: shine 5s infinite;
}

@keyframes shine {
  0% { left: -100%; }
  50% { left: 100%; }
  100% { left: 100%; }
}

/*Top Header*/

.top-header-annonce {
  background-color: #0a1633;
  color: #ffffff;
  padding: 10px 0;
  text-align: center;
}

.top-header-annonce-text {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.coodiv-text-11.white-text {
  color: #ffffff;
}

.top-header-annonce a {
  color: #ffffff;
  text-decoration: underline;
}

/* Default logo styling (desktop/tablet remains same) */
.brand-logo img {
  height: auto;
  max-height: 60px; /* Adjust if needed for desktop */
}

/* Mobile-specific adjustment */
@media (max-width: 768px) {
  .brand-logo img {
    max-height: 40px; /* Reduce height for mobile */
  }
}

/*Reseller Hosting features */
.trustedhosting_resellerfeatures {
  background: #ffffff;
  padding: 80px 0;
  font-family: 'Inter', sans-serif;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.03);
}

.trustedhosting_title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #0b0b45;
  margin-bottom: 15px;
}

.trustedhosting_desc {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
  color: #444;
  font-size: 16px;
  line-height: 1.7;
}

.trustedhosting_tabs {
  display: flex;
  justify-content: center;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  max-width: 900px;
  margin: 0 auto 50px;
  background: #fff;
}
.trustedhosting_tabs::-webkit-scrollbar {
  display: none;
}

.trustedhosting_tab {
  flex: 1;
  min-width: 200px;
  background: transparent;
  border: none;
  color: #111;
  font-weight: 600;
  padding: 16px 26px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.trustedhosting_tab:not(:last-child) {
  border-right: 1px solid #e5e7eb;
}

.trustedhosting_tab.active {
  background: linear-gradient(90deg, #0b57d0 0%, #57a4ff 100%);
  color: #fff;
  box-shadow: 0 0 10px rgba(11, 87, 208, 0.15);
}

.trustedhosting_tab:hover:not(.active) {
  background: #f3f7ff;
}

.trustedhosting_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.trustedhosting_grid li {
  position: relative;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  transition: all 0.25s ease;
  cursor: help;
}

.trustedhosting_grid li:hover {
  background: #f9fbff;
  border-color: #0b57d0;
  box-shadow: 0 4px 10px rgba(11, 87, 208, 0.08);
}

.trustedhosting_grid li::before {
  content: "✔";
  color: #16a34a;
  font-weight: 700;
  margin-right: 8px;
}

.trustedhosting_grid li::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  bottom: 110%;
  background: linear-gradient(180deg, #0b0b45 0%, #142468 100%);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 13px;
  width: 260px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(0.98);
  transition: opacity 0.25s ease, transform 0.25s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  z-index: 20;
  backdrop-filter: blur(2px);
}

.trustedhosting_grid li:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.trustedhosting_subtitle {
  margin-top: 40px;
  font-size: 22px;
  font-weight: 600;
  color: #0b0b45;
  border-top: 1px solid #e9edf4;
  padding-top: 20px;
}

.trustedhosting_tabcontent {
  display: none;
  animation: fadeIn 0.5s ease;
}

.trustedhosting_tabcontent.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablet view (≤768px) */
@media (max-width: 768px) {
  .trustedhosting_resellerfeatures {
    padding: 60px 0;
  }
  .trustedhosting_title {
    font-size: 28px;
  }
  .trustedhosting_desc {
    font-size: 15px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .trustedhosting_tabs {
    flex-wrap: nowrap;
    margin: 0 15px 40px;
    border-radius: 10px;
  }
  .trustedhosting_tab {
    min-width: 160px;
    padding: 12px 16px;
    font-size: 14px;
  }
  .trustedhosting_grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px 20px;
    padding: 0 20px;
  }
}

/* Mobile view (≤480px) */
@media (max-width: 480px) {
  .trustedhosting_resellerfeatures {
    padding: 50px 0;
  }
  .trustedhosting_title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .trustedhosting_desc {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 16px;
  }
  .trustedhosting_tabs {
    flex-direction: row;
    overflow-x: scroll;
    border-radius: 10px;
    margin: 0 10px 30px;
  }
  .trustedhosting_tab {
    min-width: 140px;
    font-size: 13px;
    padding: 10px 14px;
  }
  .trustedhosting_grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px 16px;
    padding: 0 12px;
  }
  .trustedhosting_grid li {
    font-size: 14px;
    padding: 12px 14px;
  }
  .trustedhosting_subtitle {
    font-size: 18px;
    padding-top: 15px;
  }
}


/*Reseller Hosting FAQ Section*/

.trustedhosting_reseller_faq_finalwhite {
  background: #ffffff;
  color: #071029;
  font-family: 'Inter', sans-serif;
  padding: 100px 18px;
}
.th_faq_inner {max-width: 1200px; margin: 0 auto;}
.th_faq_header {text-align: center; margin-bottom: 50px;}
.th_faq_title {font-size: 34px; font-weight: 700; margin-bottom: 8px;}
.th_faq_underline {width: 80px; height: 4px; margin: 0 auto 14px; border-radius: 10px; background: linear-gradient(90deg,#0066ff,#33a1ff);}
.th_faq_subtitle {color: #58606b; font-size: 16px; max-width: 760px; margin: 0 auto; line-height: 1.6;}
.th_faq_row {display: flex; gap: 30px; margin-bottom: 40px; flex-wrap: wrap;}
.th_faq_col {flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 18px;}
.th_faq_card {background: #fff; border: 1px solid rgba(0,102,255,0.1); border-radius: 12px; box-shadow: 0 8px 22px rgba(0,102,255,0.06); transition: all 0.3s ease; opacity: 0; transform: translateY(40px);}
.th_faq_card.visible {opacity: 1; transform: translateY(0);}
.th_faq_card:hover {transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,102,255,0.15); border-color: rgba(0,102,255,0.25);}
.th_faq_question {width: 100%; background: none; border: none; text-align: left; font-size: 16px; font-weight: 600; color: #071029; padding: 18px 24px; cursor: pointer; position: relative;}
.th_faq_question::after {content: '+'; position: absolute; right: 24px; top: 18px; font-size: 20px; color: #0066ff; transition: transform 0.3s ease;}
.th_faq_question.active {color: #0066ff; background: rgba(0,102,255,0.03); border-bottom: 1px solid rgba(0,102,255,0.1);}
.th_faq_question.active::after {content: '−'; transform: rotate(180deg);}
.th_faq_answer {max-height: 0; overflow: hidden; background: #f9fcff; transition: max-height 0.4s ease, opacity 0.3s ease; opacity: 0; padding: 0 24px;}
.th_faq_answer p {margin: 0; padding: 0 0 16px; color: #444; font-size: 15px; line-height: 1.7;}
.th_faq_answer.open {opacity: 1;}
.th_faq_cta {text-align: center; margin-top: 60px; background: #f9fbff; padding: 50px 20px; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,102,255,0.06);}
.th_faq_cta_title {font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.th_faq_cta_text {color: #58606b; font-size: 16px; margin-bottom: 20px;}
.th_faq_cta_btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 30px;
  background: linear-gradient(90deg, #0066ff, #2e85ff);
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 12px 36px rgba(0,102,255,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.th_faq_cta_btn:hover {
  color: #fff !important;
  transform: translateY(-3px);
  box-shadow: 0 18px 46px rgba(0,102,255,0.25);
  background: linear-gradient(90deg, #005ae0, #1e7fff);
}
.fade-in {opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease;}
.fade-in.visible {opacity: 1; transform: translateY(0);}
@media (max-width: 768px) {.th_faq_title {font-size: 26px;}.th_faq_row {flex-direction: column;}.th_faq_cta {padding: 40px 18px;}}

/* Scoped only for #extensions */
#extensions {
  background: #ffffff;
  padding: 90px 0;
  font-family: 'Inter', sans-serif;
}

#extensions .trusted-heading {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #0b0c10;
  text-align: center;
  margin-bottom: 20px;
}

#extensions .trusted-desc {
  font-size: 16px;
  color: #475569;
  line-height: 1.8;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 50px;
}

/* Feature Card Group */
#extensions .main-webhosting-features-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  padding: 0 20px;
}

/* Individual Feature Card */
#extensions .main-webhosting-features-item {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 28px 24px;
  flex: 0 0 calc(25% - 26px);
  max-width: calc(25% - 26px);
  text-align: center;
  transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

#extensions .main-webhosting-features-item i {
  font-size: 30px;
  color: #0070bc;
  margin-bottom: 14px;
  transition: color 0.35s ease;
}

#extensions .main-webhosting-features-item h5 {
  font-size: 17px;
  font-weight: 600;
  color: #0b0c10;
  margin-bottom: 10px;
}

#extensions .main-webhosting-features-item p {
  font-size: 14.5px;
  color: #475569;
  line-height: 1.75;
}

/* Hover (desktop only) */
#extensions .main-webhosting-features-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0, 112, 188, 0.16);
  border-color: #00a0ff;
}

#extensions .main-webhosting-features-item:hover i {
  color: #00a0ff;
}

/* ===================== */
/* RESPONSIVE BREAKPOINTS */
/* ===================== */

/* Tablet (≤992px) */
@media (max-width: 992px) {
  #extensions {
    padding: 70px 0;
  }
  #extensions .trusted-heading {
    font-size: 30px;
  }
  #extensions .trusted-desc {
    font-size: 15px;
    margin-bottom: 40px;
  }
  #extensions .main-webhosting-features-item {
    flex: 0 0 calc(33.333% - 24px);
    max-width: calc(33.333% - 24px);
    padding: 24px 18px;
  }
  #extensions .main-webhosting-features-item i {
    font-size: 28px;
  }
}

/* Tablet (≤768px) */
@media (max-width: 768px) {
  #extensions {
    padding: 60px 0;
  }
  #extensions .trusted-heading {
    font-size: 26px;
    line-height: 1.4;
  }
  #extensions .trusted-desc {
    font-size: 14.5px;
    padding: 0 18px;
  }
  #extensions .main-webhosting-features-item {
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    padding: 22px 16px;
  }
  #extensions .main-webhosting-features-item h5 {
    font-size: 15.5px;
  }
  #extensions .main-webhosting-features-item p {
    font-size: 13.5px;
  }
}

/* Mobile (≤576px) */
@media (max-width: 576px) {
  #extensions {
    padding: 50px 0;
  }
  #extensions .trusted-heading {
    font-size: 22px;
    line-height: 1.35;
  }
  #extensions .trusted-desc {
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 35px;
  }
  #extensions .main-webhosting-features-group {
    gap: 18px;
  }
  #extensions .main-webhosting-features-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 16px;
    border-radius: 10px;
  }
  #extensions .main-webhosting-features-item i {
    font-size: 26px;
  }
  #extensions .main-webhosting-features-item h5 {
    font-size: 15px;
  }
  #extensions .main-webhosting-features-item p {
    font-size: 13.5px;
  }
}

/*TrustedHosting.in Indedx Type 1*/

.trustedhosting-in-index-type1 h1{font-size:52px;font-weight:800;line-height:1.2;color:#0a1633;margin-bottom:24px;}
.trustedhosting-in-index-type1 .capsule-wrapper{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;}
.trustedhosting-in-index-type1 .status-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#00e676 0%,#00c853 80%);box-shadow:0 0 8px #00e676aa,0 0 16px #00e67666;}
.trustedhosting-in-index-type1 .dual-capsule{display:inline-flex;align-items:center;border-radius:50px;background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);box-shadow:0 4px 18px rgba(0,102,255,0.1),inset 0 0 0 1px rgba(255,255,255,0.6);}
.trustedhosting-in-index-type1 .dual-capsule span{font-weight:600;font-size:13px;padding:8px 22px;}
.trustedhosting-in-index-type1 .dual-capsule .left{background:linear-gradient(90deg,#0066ff,#1a82ff);color:#fff;}
.trustedhosting-in-index-type1 .dual-capsule .right.black{background:#000;color:#fff;}
.trustedhosting-in-index-type1 p{font-size:17px;line-height:1.7;color:#555;margin:18px 0 36px;}
.trustedhosting-in-index-type1 .shine-btn{background:linear-gradient(90deg,#0066ff,#1a82ff,#0066ff);color:#fff;padding:13px 36px;border-radius:10px;font-weight:600;text-decoration:none;font-size:15px;background-size:200% 200%;animation:shineGradientTH 3s linear infinite;box-shadow:0 4px 18px rgba(0,102,255,0.4);}
@keyframes shineGradientTH{0%{background-position:0 0;}100%{background-position:200% 0;}}
.trustedhosting-in-index-type1 .outline-btn{border:2px solid #0066ff;padding:13px 36px;border-radius:10px;font-weight:600;color:#0066ff;text-decoration:none;font-size:15px;transition:all .3s ease;}
.trustedhosting-in-index-type1 .outline-btn:hover{background:#0066ff;color:#fff;}
.trustedhosting-in-index-type1 .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;margin-top:10px;}
.trustedhosting-in-index-type1 .feature-item{display:flex;align-items:center;gap:10px;background:#f5f8ff;padding:10px 16px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04);}
.trustedhosting-in-index-type1 .feature-item img{width:18px;height:18px;}
.trustedhosting-in-index-type1 .feature-item span{font-size:14px;font-weight:600;color:#0a1633;}
.trustedhosting-in-index-type1 .plan-box{border:1px solid rgba(0,0,0,0.07);background:linear-gradient(145deg,#ffffff 0%,#f7f9ff 100%);border-radius:16px;padding:28px 18px;max-width:260px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s ease;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.03);}
.trustedhosting-in-index-type1 .plan-box:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,102,255,0.25);border-color:#0066ff;}
.trustedhosting-in-index-type1 .plan-box h4{font-weight:700;color:#005ce6;margin-bottom:6px;}
.trustedhosting-in-index-type1 .plan-box p{font-size:14px;color:#555;margin-bottom:10px;}
.trustedhosting-in-index-type1 .plan-box h3{font-size:26px;font-weight:800;color:#000;margin-bottom:8px;}
.trustedhosting-in-index-type1 .plan-box a{background:#0066ff;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;display:inline-block;font-weight:600;font-size:14px;margin-top:10px;box-shadow:0 4px 10px rgba(0,102,255,0.35);transition:all .2s ease;}
.trustedhosting-in-index-type1 .plan-box a:hover{background:#0044cc;transform:scale(1.05);box-shadow:0 6px 16px rgba(0,102,255,0.45);}
.trustedhosting-in-index-type1 .plan-box.featured{border:2px solid #0066ff;background:#f5f9ff;padding-top:40px!important;}
.trustedhosting-in-index-type1 .plan-box.featured .badge{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#0066ff,#00aaff);color:#fff;font-size:12px;font-weight:700;padding:7px 22px;border-radius:60px;letter-spacing:0.5px;box-shadow:0 0 14px rgba(0,102,255,0.45),0 2px 8px rgba(0,102,255,0.35);text-shadow:0 1px 2px rgba(0,0,0,0.25);}
.trustedhosting-in-index-type1 .trusted-note{font-size:14px;color:#666;margin-top:-4px;}
.trustedhosting-in-index-type1 .cursor{font-weight:800;color:#0066ff;animation:blinkTH 1s infinite;}
@keyframes blinkTH{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes fadeUpTH{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}
.trustedhosting-in-index-type1 .trusted-divider{width:100%;height:2px;margin-top:100px;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,#0066ff 50%,rgba(0,0,0,0) 100%);opacity:0.2;}
.trustedhosting-in-index-type1 .button-wrap{display:flex;flex-wrap:wrap;gap:14px;margin:36px 0 16px;}
.trustedhosting-in-index-type1 .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;justify-items:center;align-content:center;}
@media(max-width:991px){
.trustedhosting-in-index-type1{padding:80px 0 60px;}
.trustedhosting-in-index-type1 h1{font-size:32px!important;text-align:center;}
.trustedhosting-in-index-type1 .col-lg-6{text-align:center!important;margin-bottom:40px;}
.trustedhosting-in-index-type1 .capsule-wrapper{justify-content:center;}
.trustedhosting-in-index-type1 .shine-btn,.trustedhosting-in-index-type1 .outline-btn{width:100%;text-align:center;}
.trustedhosting-in-index-type1 .feature-grid{grid-template-columns:1fr;justify-items:center;}
.trustedhosting-in-index-type1 .feature-item{width:100%;max-width:340px;justify-content:center;}
}

.menu-new-badge {
  background: #16A34A;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  border-radius: 3px;
  padding: 0px 4px 1px 4px;
  margin-left: 6px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  position: relative;
  top: -0.5px;
}

/* This ensures any previous pseudo-element is disabled */
.menu-new-badge::after {
  content: none !important;
}


/* =========================================
   TrustedHosting Accepted Payment Methods
   ========================================= */
.trustedhosting-accepted-payments {
  padding: 45px 0;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
  position: relative;
  overflow: hidden;
}

.trustedhosting-accepted-payments .trustedhosting-container {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.trustedhosting-accepted-payments .trustedhosting-title {
  font-size: 24px;
  font-weight: 800;
  color: #0a1f44;
  margin-bottom: 28px;
  letter-spacing: -0.2px;
  position: relative;
  display: inline-block;
}

.trustedhosting-accepted-payments .trustedhosting-title-line {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 55px;
  height: 2.5px;
  background: linear-gradient(90deg, #4f46e5 0%, #60a5fa 100%);
  border-radius: 2px;
}

/* Glacier Glass Panel */
.trustedhosting-accepted-payments .trustedhosting-panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  padding: 18px 25px;
  background: linear-gradient(115deg, rgba(255,255,255,0.95) 0%, rgba(245,248,255,0.97) 50%, rgba(255,255,255,0.93) 100%);
  border-radius: 12px;
  border: 1px solid rgba(226,232,240,0.8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 5px 15px rgba(0,0,0,0.05);
  max-width: 620px;
  margin: 0 auto;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: trustedhosting-panel-shine 8s ease-in-out infinite;
}

/* Moving Shine Beam */
.trustedhosting-accepted-payments .trustedhosting-beam {
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 55%);
  animation: trustedhosting-beam-shine 7s linear infinite;
  z-index: 1;
  pointer-events: none;
}

/* Ambient Light Reflection */
.trustedhosting-accepted-payments .trustedhosting-reflect {
  position: absolute;
  bottom: -40%;
  left: 0;
  width: 100%;
  height: 140%;
  background: radial-gradient(circle at 50% 90%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 70%);
  animation: trustedhosting-reflect 10s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

/* Logos */
.trustedhosting-accepted-payments .trustedhosting-logos {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}

.trustedhosting-accepted-payments .trustedhosting-logos img {
  width: 90px;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: brightness(1);
}

.trustedhosting-accepted-payments .trustedhosting-logos img:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Supporting Text */
.trustedhosting-accepted-payments .trustedhosting-text {
  font-size: 14px;
  color: #4b5563;
  margin-top: 18px;
  line-height: 1.6;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* Animations */
@keyframes trustedhosting-beam-shine {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(50%); }
}

@keyframes trustedhosting-reflect {
  0%,100% { transform: translateY(0) scaleX(1); opacity: 0.55; }
  50% { transform: translateY(-6%) scaleX(1.05); opacity: 0.8; }
}

@keyframes trustedhosting-panel-shine {
  0% {
    background: linear-gradient(115deg, rgba(255,255,255,0.95) 0%, rgba(245,248,255,0.97) 50%, rgba(255,255,255,0.93) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 5px 15px rgba(0,0,0,0.05);
  }
  50% {
    background: linear-gradient(115deg, rgba(255,255,255,0.97) 0%, rgba(250,253,255,1) 50%, rgba(245,248,255,0.95) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 7px 18px rgba(0,0,0,0.07);
  }
  100% {
    background: linear-gradient(115deg, rgba(255,255,255,0.95) 0%, rgba(245,248,255,0.97) 50%, rgba(255,255,255,0.93) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 5px 15px rgba(0,0,0,0.05);
  }
}

/* Responsive */
@media (max-width: 600px) {
  .trustedhosting-accepted-payments .trustedhosting-title { font-size: 20px; }
  .trustedhosting-accepted-payments .trustedhosting-logos img { width: 70px; }
}
/* ==================================================
   TRUSTEDHOSTING BIGGEST SALE OFFER BLOCK
================================================== */

.trustedhosting_biggest_sale_offer_block {
    width: 100%;
    padding: 40px 20px;
    display: flex;
    justify-content: center;
}

/* MAIN BANNER */
.trustedhosting_biggest_sale_offer_block .promo-banner {
    width: 100%;
    max-width: 1500px;
    padding: 38px 64px;
    border-radius: 48px;
    text-align: center;
    position: relative;
    overflow: hidden;

    background:
        /* top & bottom vignette */
        linear-gradient(
            180deg,
            rgba(0,0,0,0.9) 0%,
            transparent 35%,
            transparent 65%,
            rgba(0,0,0,0.9) 100%
        ),
        /* horizontal blue streak */
        linear-gradient(
            100deg,
            rgba(20,90,255,0.0) 0%,
            rgba(20,90,255,0.55) 18%,
            rgba(20,90,255,0.95) 28%,
            rgba(20,90,255,0.55) 38%,
            rgba(20,90,255,0.15) 52%,
            rgba(0,0,0,0.0) 65%
        ),
        #000000;

    box-shadow: 0 26px 60px rgba(0,0,0,0.45);
}

/* BACKGROUND SHINE */
.trustedhosting_biggest_sale_offer_block .promo-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 45%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.08),
        transparent
    );
    animation: trustedhosting_bg_shine 8s infinite ease-in-out;
    pointer-events: none;
}

@keyframes trustedhosting_bg_shine {
    0% { left: -60%; }
    50% { left: 120%; }
    100% { left: 120%; }
}

/* CONTENT LAYER */
.trustedhosting_biggest_sale_offer_block .promo-banner * {
    position: relative;
    z-index: 2;
}

/* BADGE */
.trustedhosting_biggest_sale_offer_block .promo-badge {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #2fffe6;
}

/* HEADLINE */
.trustedhosting_biggest_sale_offer_block h2 {
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
    line-height: 1.2;
}

/* SUBTEXT */
.trustedhosting_biggest_sale_offer_block p {
    font-size: 15px;
    color: #d6deeb;
    margin-bottom: 24px;
}

/* BUTTON */
.trustedhosting_biggest_sale_offer_block .promo-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 38px;
    background: #1e73ff;
    color: #ffffff;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;

    box-shadow: 0 10px 28px rgba(30,115,255,0.45);
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.trustedhosting_biggest_sale_offer_block .promo-btn span {
    position: relative;
    z-index: 2;
}

/* BUTTON SHINE */
.trustedhosting_biggest_sale_offer_block .promo-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.55),
        transparent
    );
    transition: left 0.6s ease;
}

/* BUTTON HOVER */
.trustedhosting_biggest_sale_offer_block .promo-btn:hover {
    background: #0b5cff;
    color: #ffffff;
    box-shadow: 0 14px 34px rgba(11,92,255,0.6);
    transform: translateY(-1px);
}

.trustedhosting_biggest_sale_offer_block .promo-btn:hover::before {
    left: 120%;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .trustedhosting_biggest_sale_offer_block .promo-banner {
        padding: 30px 24px;
        border-radius: 28px;
    }

    .trustedhosting_biggest_sale_offer_block h2 {
        font-size: 26px;
    }
}
/* ==============================
   TRUSTEDHOSTING TOOLTIP LIST
============================== */
.trustedhosting_tooltip_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.trustedhosting_tooltip_list li {
    position: relative;
        margin-top: 14px !important;

    margin-bottom: 12px;
    font-size: 14px;
    color: #0b1126;
}
/* Small divider between feature list and extra benefits */
.pricing-feature-divider {
    width: 100%;
    height: 1px;
    margin: 12px 0 10px;
    background: linear-gradient(
        to right,
        transparent,
        rgba(16,193,190,0.6),
        transparent
    );
}

/* tooltip enabled items */
.trustedhosting_tooltip_list li[data-tooltip] {
    cursor: help;
}

/* ==============================
   TOOLTIP BOX – DESKTOP
============================== */
.trustedhosting_tooltip_list li[data-tooltip]::after {
    content: attr(data-tooltip);

    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 8px;

    /* DARK + BLUE GRADIENT */
    background: linear-gradient(
        135deg,
        #050b1e 0%,
        #0b1f4a 60%,
        #0a66ff 100%
    );

    color: #ffffff;
    padding: 11px 13px;
    width: 180px;

    /* TEXT – DESKTOP */
    font-size: 13.2px;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.25px;

    border-radius: 7px;

    box-shadow:
        0 16px 40px rgba(5,11,30,0.75),
        inset 0 0 0 1px rgba(255,255,255,0.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;

    z-index: 999;
    pointer-events: none;
}

/* ==============================
   TOOLTIP ARROW
============================== */
.trustedhosting_tooltip_list li[data-tooltip]::before {
    content: "";
    position: absolute;
    top: calc(100% + 3px);
    left: 16px;

    width: 9px;
    height: 9px;

    background: linear-gradient(
        135deg,
        #050b1e 0%,
        #0b1f4a 60%,
        #0a66ff 100%
    );

    transform: rotate(45deg);

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.08);

    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease;
}

/* ==============================
   SHOW ON HOVER
============================== */
.trustedhosting_tooltip_list li[data-tooltip]:hover::after,
.trustedhosting_tooltip_list li[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* subtle brand emphasis */
.trustedhosting_tooltip_list li[data-tooltip]:hover b {
    color: #0a66ff;
}

/* ==============================
   MOBILE ADJUSTMENT
============================== */
@media (max-width: 768px) {
    .trustedhosting_tooltip_list li[data-tooltip]::after {
        width: 160px;
        font-size: 12.4px;
        line-height: 1.55;
        letter-spacing: 0.2px;
    }
}


/* Google Reviews */


.trustedhosting_google_reviews_type1.th-reviews{background:#ffffff;padding:80px 6%;font-family:Inter,Arial}
.trustedhosting_google_reviews_type1 .th-head{text-align:center;margin-bottom:40px}
.trustedhosting_google_reviews_type1 .th-google-summary{display:flex;justify-content:center;gap:12px;margin-bottom:14px}
.trustedhosting_google_reviews_type1 .th-google-summary img{height:24px}
.trustedhosting_google_reviews_type1 .th-rating-line{display:flex;align-items:center;gap:6px}
.trustedhosting_google_reviews_type1 .th-based{font-size:12px;color:#6b7280}
.trustedhosting_google_reviews_type1 .th-head h2{font-size:34px;color:#111827}
.trustedhosting_google_reviews_type1 .th-head p{font-size:14px;color:#6b7280}

.trustedhosting_google_reviews_type1 .th-slider{overflow:hidden;margin-bottom:20px}
.trustedhosting_google_reviews_type1 .th-track{display:flex;gap:16px;width:max-content;animation:trustedhosting_scroll 15s linear infinite}
.trustedhosting_google_reviews_type1 .th-track.reverse{animation-direction:reverse}
.trustedhosting_google_reviews_type1 .th-track:hover{animation-play-state:paused}

.trustedhosting_google_reviews_type1 .th-card{width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.trustedhosting_google_reviews_type1 .th-time{font-size:12px;color:#9ca3af}
.trustedhosting_google_reviews_type1 .th-card h4{font-size:15px;margin:6px 0;color:#111827}
.trustedhosting_google_reviews_type1 .th-card p{font-size:14px;color:#374151;line-height:1.55}

.trustedhosting_google_reviews_type1 .th-user{display:flex;align-items:center;margin-top:12px}
.trustedhosting_google_reviews_type1 .th-avatar{width:34px;height:34px;border-radius:50%;background:#e5edff;color:#1e40af;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:8px}

.trustedhosting_google_reviews_type1 .th-stars{display:flex;gap:2px}
.trustedhosting_google_reviews_type1 .star{width:12px;height:12px;background:#fbbc04;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}

@keyframes trustedhosting_scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}


/* ===============================
   TrustedHosting.in FAQ – TYPE 1
   Clean Divider Accordion
   =============================== */

.th_faq_type1_wrap {
    max-width: 900px;
    margin: 60px auto;
    padding: 0 20px;
    background: #ffffff;
}

.th_faq_type1_title {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}

.th_faq_type1_item {
    border-bottom: 1px solid #e5e7eb;
}

.th_faq_type1_question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 22px 40px 22px 0;
    font-size: 17px;
    font-weight: 500;
    color: #111827;
    text-align: left;
    cursor: pointer;
    position: relative;
}

/* Arrow */
.th_faq_type1_question::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #111827;
    border-bottom: 2px solid #111827;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}

/* Active arrow */
.th_faq_type1_item.active .th_faq_type1_question::after {
    transform: translateY(-50%) rotate(-135deg);
}

/* Answer */
.th_faq_type1_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.th_faq_type1_answer p {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 15px;
    line-height: 1.7;
    color: #4b5563;
}

/* Open state */
.th_faq_type1_item.active .th_faq_type1_answer {
    max-height: 300px;
}

/* Mobile */
@media (max-width: 600px) {
    .th_faq_type1_question {
        font-size: 16px;
        padding-right: 35px;
    }
}

/* Layout Wrapper */
.th-affiliate-wrap {
    max-width: 1200px;
    margin: 70px auto 50px;
    padding: 0 20px;
}

/* CTA Container */
.th-affiliate-cta {
    position: relative;
    padding: 80px 40px;
    background: linear-gradient(135deg, #0f62fe 0%, #1f7cff 100%);
    border-radius: 28px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 98, 254, 0.18);
}

/* Soft Glow Overlay */
.th-affiliate-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at top right,
        rgba(255,255,255,0.18),
        transparent 60%
    );
    pointer-events: none;
}

/* Subtitle */
.th-affiliate-subtitle {
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
}

/* Title */
.th-affiliate-title {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 34px;
}

/* CTA Button */
.th-affiliate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 42px;
    background: #ffffff;
    color: #0f62fe;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 12px 22px rgba(0,0,0,0.12);
    transition: 
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.th-affiliate-btn:hover {
    background: #f5f8ff;
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(0,0,0,0.18);
}

/* Decorative Corners */
.th-affiliate-cta::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border: 2px solid rgba(255,255,255,0.15);
    border-radius: 24px;
    top: 20px;
    left: 20px;
}

/* Responsive */
@media (max-width: 992px) {
    .th-affiliate-title {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .th-affiliate-cta {
        padding: 60px 25px;
        border-radius: 20px;
    }

    .th-affiliate-title {
        font-size: 26px;
    }

    .th-affiliate-btn {
        padding: 14px 34px;
    }
}

/*Pricing Table Plans*/

  /* =========================================================
           SCOPED CSS - WILL NOT AFFECT YOUR EXISTING WEBSITE
           ========================================================= */
        
        .shaiksaimeera-container, 
        .shaiksaimeera-container * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif;
        }

        .shaiksaimeera-container {
            /* Background and text color restricted only to this section */
            background: #ffffff;
            color: #0f172a;
            max-width: 1400px;
            margin: 0 auto;
            padding: 60px 20px;
            /* Added to prevent list styles from external CSS bleeding in */
            text-align: left;
        }

        /* Section Header */
        .shaiksaimeera-section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .shaiksaimeera-section-subtitle {
            color: #0066cc;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
        }

        .shaiksaimeera-section-title {
            font-size: 42px;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .shaiksaimeera-section-title span {
            color: #0066cc;
        }

        .shaiksaimeera-section-desc {
            color: #64748b;
            font-size: 18px;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.5;
        }

        /* Billing Toggle */
        .shaiksaimeera-billing-toggle-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-bottom: 40px;
            background: white;
            padding: 10px;
            border-radius: 60px;
            box-shadow: 0 4px 10px rgba(0, 102, 204, 0.08);
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
        }

        .shaiksaimeera-billing-option {
            padding: 12px 30px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            background: transparent;
            color: #64748b;
        }

        .shaiksaimeera-billing-option.shaiksaimeera-active {
            background: #0066cc;
            color: white;
            box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
        }

        .shaiksaimeera-billing-option .shaiksaimeera-save-badge {
            background: #e6f0ff;
            color: #0066cc;
            padding: 4px 10px;
            border-radius: 30px;
            font-size: 11px;
            font-weight: 600;
            margin-left: 8px;
        }

        .shaiksaimeera-billing-option.shaiksaimeera-active .shaiksaimeera-save-badge {
            background: white;
            color: #0066cc;
        }

        /* Pricing Grid */
        .shaiksaimeera-pricing-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            margin-top: 40px;
        }

        /* Pricing Card */
        .shaiksaimeera-pricing-card {
            background: #ffffff;
            border-radius: 24px;
            padding: 30px 25px;
            position: relative;
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
            box-shadow: 0 4px 6px rgba(0, 102, 204, 0.02);
            display: flex;
            flex-direction: column;
        }

        .shaiksaimeera-pricing-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 102, 204, 0.12);
            border-color: #0066cc;
        }

        /* Badges */
        .shaiksaimeera-card-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            padding: 6px 20px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            white-space: nowrap;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }

        .shaiksaimeera-badge-best-deal {
            background: linear-gradient(90deg, #00c6a7, #00a3c6);
            color: white;
        }

        .shaiksaimeera-badge-popular {
            background: linear-gradient(90deg, #0066cc, #4d94ff);
            color: white;
        }

        /* Plan Name & Description */
        .shaiksaimeera-plan-name {
            font-size: 24px;
            font-weight: 700;
            margin: 15px 0 5px;
            color: #0f172a;
        }

        .shaiksaimeera-plan-desc {
            font-size: 14px;
            color: #64748b;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        /* Pricing */
        .shaiksaimeera-price-wrapper {
            margin-bottom: 20px;
        }

        .shaiksaimeera-old-price {
            color: #94a3b8;
            text-decoration: line-through;
            font-size: 16px;
            margin-right: 10px;
        }

        .shaiksaimeera-save-badge {
            background: #e6f0ff;
            color: #0066cc;
            padding: 4px 12px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
        }

        .shaiksaimeera-current-price {
            font-size: 42px;
            font-weight: 700;
            color: #0f172a;
            line-height: 1.2;
            margin: 10px 0 5px;
        }

        .shaiksaimeera-current-price small {
            font-size: 16px;
            font-weight: 500;
            color: #64748b;
        }

        .shaiksaimeera-free-months {
            color: #0066cc;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 15px;
            display: block;
        }

        /* Price data for different billing cycles */
        .shaiksaimeera-price-data {
            display: none;
        }

        .shaiksaimeera-price-data.shaiksaimeera-active {
            display: block;
        }

        /* CTA Button */
        .shaiksaimeera-plan-btn {
            display: block;
            width: 100%;
            padding: 14px 20px;
            background: transparent;
            border: 2px solid #0066cc;
            color: #0066cc;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 15px;
            font-size: 16px;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .shaiksaimeera-plan-btn::before {
            content: "";
            position: absolute;
            top: -120%;
            left: -40%;
            width: 60%;
            height: 300%;
            background: linear-gradient(120deg, transparent 40%, rgba(255, 255, 255, 0.8) 50%, transparent 60%);
            transform: rotate(25deg);
            transition: 0.8s;
        }

        .shaiksaimeera-plan-btn:hover::before {
            left: 120%;
        }

        .shaiksaimeera-plan-btn:hover {
            background: #0066cc;
            color: white;
        }

        .shaiksaimeera-plan-btn.shaiksaimeera-primary-btn {
            background: linear-gradient(90deg, #0066cc, #4d94ff);
            color: white;
            border: none;
        }

        .shaiksaimeera-plan-btn.shaiksaimeera-primary-btn:hover {
            background: linear-gradient(90deg, #0052a3, #0066cc);
            transform: scale(1.02);
        }

        /* Renewal Note */
        .shaiksaimeera-renewal-note {
            font-size: 12px;
            color: #64748b;
            margin-bottom: 20px;
        }

        /* Divider */
        .shaiksaimeera-plan-divider {
            border: none;
            border-top: 1px dashed #e2e8f0;
            margin: 20px 0;
        }

        /* Features List */
        .shaiksaimeera-features-list {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .shaiksaimeera-feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 0;
            border-bottom: 1px dashed #e2e8f0;
            font-size: 14px;
            position: relative;
            cursor: help;
        }

        .shaiksaimeera-feature-item:last-child {
            border-bottom: none;
        }

        /* Tooltip Styles */
        .shaiksaimeera-feature-item[data-tooltip] {
            position: relative;
        }

        .shaiksaimeera-feature-item[data-tooltip]:hover::after {
            content: attr(data-tooltip);
            position: absolute;
            left: 50%;
            bottom: 100%;
            transform: translateX(-50%);
            background: #1e293b;
            color: white;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 12px;
            white-space: nowrap;
            z-index: 20;
            margin-bottom: 8px;
            box-shadow: 0 4px 12px rgba(0, 102, 204, 0.15);
            pointer-events: none;
            font-weight: 400;
            letter-spacing: 0.3px;
        }

        .shaiksaimeera-feature-item[data-tooltip]:hover::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 100%;
            transform: translateX(-50%);
            border: 6px solid transparent;
            border-top-color: #1e293b;
            margin-bottom: -4px;
            z-index: 20;
            pointer-events: none;
        }

        .shaiksaimeera-feature-check {
            color: #00c6a7;
            font-weight: 700;
            font-size: 16px;
            min-width: 20px;
        }

        .shaiksaimeera-feature-cross {
            color: #ef4444;
            font-weight: 700;
            font-size: 16px;
            min-width: 20px;
        }

        .shaiksaimeera-feature-text {
            color: #334155;
            flex: 1;
        }

        .shaiksaimeera-feature-text strong {
            color: #0f172a;
            font-weight: 600;
        }

        /* See All Features Link */
        .shaiksaimeera-see-all-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #6b7280;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
            margin-top: 20px;
            padding: 8px 0;
            border-bottom: 1px dashed transparent;
            width: fit-content;
        }

        .shaiksaimeera-see-all-link:hover {
            color: #0066cc;
            border-bottom-color: #0066cc;
        }

        .shaiksaimeera-see-all-link .shaiksaimeera-arrow-icon {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .shaiksaimeera-see-all-link.shaiksaimeera-active .shaiksaimeera-arrow-icon {
            transform: rotate(180deg);
        }

        /* Hidden Features Container */
        .shaiksaimeera-hidden-features {
            display: none;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 2px solid #e2e8f0;
            animation: slideDown 0.3s ease;
        }

        .shaiksaimeera-hidden-features.shaiksaimeera-show {
            display: block;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .shaiksaimeera-feature-group-title {
            font-size: 13px;
            font-weight: 600;
            color: #475569;
            margin: 20px 0 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e8f0;
        }

        .shaiksaimeera-feature-group-title:first-of-type {
            margin-top: 0;
        }

        /* Footer Guarantees */
        .shaiksaimeera-guarantees {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-top: 60px;
            flex-wrap: wrap;
        }

        .shaiksaimeera-guarantee-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #334155;
            font-weight: 500;
            position: relative;
            cursor: help;
        }

        .shaiksaimeera-guarantee-item[data-tooltip]:hover::after {
            content: attr(data-tooltip);
            position: absolute;
            left: 50%;
            bottom: 100%;
            transform: translateX(-50%);
            background: #1e293b;
            color: white;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 12px;
            white-space: nowrap;
            z-index: 20;
            margin-bottom: 8px;
            box-shadow: 0 4px 12px rgba(0, 102, 204, 0.15);
        }

        .shaiksaimeera-guarantee-item[data-tooltip]:hover::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 100%;
            transform: translateX(-50%);
            border: 6px solid transparent;
            border-top-color: #1e293b;
            margin-bottom: -4px;
            z-index: 20;
        }

        .shaiksaimeera-guarantee-item .shaiksaimeera-check {
            color: #00c6a7;
            font-size: 18px;
        }

        /* Responsive */
        @media (max-width: 1100px) {
            .shaiksaimeera-pricing-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 640px) {
            .shaiksaimeera-pricing-grid {
                grid-template-columns: 1fr;
            }
            
            .shaiksaimeera-section-title {
                font-size: 32px;
            }
            
            .shaiksaimeera-billing-toggle-container {
                flex-direction: column;
                width: 100%;
                border-radius: 30px;
            }
            
            .shaiksaimeera-billing-option {
                width: 100%;
                text-align: center;
            }
            
            .shaiksaimeera-guarantees {
                gap: 20px;
                flex-direction: column;
                align-items: center;
            }
            
            .shaiksaimeera-feature-item[data-tooltip]:hover::after {
                white-space: normal;
                width: 200px;
                text-align: center;
            }
        }