/* assets/css/coins.css - modal + UI styles */

/* overlay */
.tc-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.56);
  z-index: 999999;
  padding: 20px;
}

/* card */
.tc-card {
  width: 473px;
  max-width: 100%;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(4,12,20,0.45);
  position: relative;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  color: #111;
  margin: auto;
  padding: 35px;
}

/* close */
.tc-close {
  position: absolute;
  right: -19px;
  top: -14px;
  background: transparent;
  border: 0;
  font-size: 30px;
  color: rgba(0,0,0,0.5);
  cursor: pointer;
  padding: 13px;
  background: #f15825;
  line-height: 1;
  padding-top: 5px;
  color: #fff;
}

/* hero image area (uses background-image inline in markup) */
.tc-hero {
  width: 100%;
  height: 260px;
  background-size: cover;
  background-position: center;
}
.tc-body h2{
   text-align: center;
}

.coints-div{
  background: #fff9e8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 6px 20px;
  margin-bottom: 15px;

}
.coints-div figure{
    width: 105px;
    margin: 0;
}
.coints-div h5{
  padding-left: 15px;
}
.coints-div h5 strong{
  color: #000;
  font-weight: 700;
}
.tc-body h2{

}
.tc-body h2.plesaet-headings{
  text-align: left;
  font-size: 30px;
  margin-bottom: 18px;
}
.tc-body .tc-actions a{
  width: 100%;
}

.bottoms-sections h3{
  text-align: left;
  font-size: 28px;
  margin-bottom: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 0;
}
.last-parast{
   font-size: 18px;
   margin-top: 10px;
   line-height: 1.3;
}
.bottoms-sections ul{
  margin:15px 0;
  padding: 0;
}
.bottoms-sections ul li{
   display: flex;
   align-items: start;
   margin-bottom: 12px;
}
.bottoms-sections ul li .para-text{
  font-size: 18px;
  width: 69%;
  display: inline-block;
  line-height: 1.3;
}
.bottoms-sections ul li .icons-cion{
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
/* body */
.tc-body {
  padding: 0;
}
.tc-body h2 { margin: 0 0 8px; font-size: 20px; font-weight:800; }
.tc-body p { color:#444; margin:6px 0 14px; }

.page-id-15543 .hentry .entry-content{ text-align: center; margin-bottom: 40px; }

.coints-div150-div01-div{}

.tops-sections-div{
    background: #ff6200;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 54px;
    margin-bottom: 20px;
}
.tops-sections-div h5{ color: #fff; }
.tops-sections-div p{ color: #fff; font-size: 16px; margin: 0 !important; }
.tops-sections-div p .coints-tags{ color: #fff; background: #fbcf6d; margin-left: 5px; border-radius: 5px; padding: 5px 20px;     margin: 0; 
    font-size: 15px;
    color: #000;
    margin-left: 6px;}
.tops-sections-div p .coints-tags b {
    color: #fff;
    font-size: 16px;
    background: #670202;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
}
.comons-shadow {
    background: #fff;
    box-shadow: #00000030 1px 2px 27px;
    border-radius: 5px;
    overflow: hidden;
}
.comons-shadow h2,
.comons-shadow h2 #tc-balance-num{
  font-size: 30px !important;
}
.text-center{ text-align: center;}
.tops-sections-div #tc-balance-num{ font-size: 16px !important; }

.middle-para #tc-balance-num{
    line-height: 1.3;
    font-size: 14px;
}
.middle-para{
    margin: auto !important;
    display: block !important;
    line-height: 1.3;
    font-size: 17px;
    width: 80%;
}

.coints-div150-div01-div .tc-primary {
    background: #ff6200;
    color: #fff;
    box-shadow: 0 10px 30px rgba(255, 98, 0, 0.14);
    margin: 21px auto;
    display: table;
    width: 88%;
    text-align: center;
}
.coints-div150-div01-div .btn-coins{
background: #ff6200;
    color: #fff;
    font-size: 15px;
    margin-left: auto;
    display: table;
}
.color-haedings{
  background: #ff6200;
    color: #fff;
    font-size: 18px;
    border-radius: 8px 8px 0 0;
    padding: 14px 25px 14px 17px;
    margin: 0;
}
.bd-space{
  padding: 12px 25px;
}
.bd-space ul{
   margin: 0 0 0 15px;
   padding: 0;
}
.top-space{
  margin-top: 25px;
  display: inline-block;
  width: 100%;
}
.woocommerce.columns-3{
  margin-bottom: 65px;
}
.woocommerce.columns-3 .products .product-item{
    margin-right: 15px;
    width: 30.333333%;
    border: solid 3px #dcdcdc3d;
    padding-bottom: 25px;
}
.price .woocommerce-Price-amount bdi{
  color:#ff6200;
  font-size: 23px;
  font-weight: 700;
}
.d-flex{
  display: flex;
  align-items: center;
}
.smo-icons{
    width: 72px;
    display: inline-block;
    margin: 0;
    margin-right: 15px;
}
.top-parts-margins{
  margin-top: 25px;
  padding: 25px;
}




.crm-main-div{

}
.crm-main-div h3{
   font-size: 35px;
   font-weight: 700;
   color: #000;
}
.crm-main-div p{
  width: 70%;
}
.how-its-btn{
    border: solid 1px #a8b8d4 !important;
    padding: 10px 25px 15px;
    color: #00081b;
    border-radius: 10px;
    margin-top: 12px;
    display: inline-block;
}
.top-space2{
   margin: 70px 0;
}
.crm-container{
  width: 90%;
  margin: auto;
}
.crm-container table{
    border: solid 1px #efefef !important;
    margin-top: 25px;
}
.crm-container table td{
  border: solid 1px #efefef !important;
  color: #000;
  font-weight: 600;
  text-align: center;
}
.teesney-coin-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffdca8;
    padding: 4px 10px 6px 10px !important;
    border-radius: 6px !important;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    font-size: 12px;
    color: #000;
}

.bg-howits01{
    background: #edf8ff;
    padding: 45px 0;
    border-radius: 20px;
}
.w-100{
  width: 100%;
}
.crsp-div{
    border: solid 1px #bbb;
    border-radius: 10px;
    width: 45%;
    display: flex;
    align-items: start;
    height: 139px;
    background: #fff;
    padding: 25px 20px;
    margin-bottom: 25px;
    margin: 12px;

}
.crsp-div figure{
     width: 124px;
    margin: 0 !important;
    text-align: left;
}
.teesney-ai-btn-wrap figure img{
  width: 75%;
}

.crsp-div h5{
  text-align: left;
}
.bg-howits01 h3{
  margin-bottom: 20px;
  text-align: left;
}
.teesney-ai-btn-wrap figure{
  margin: 0 !important;
}
.entry-content > p:first-child{
  display: none;
}
.coin-points .d-flex{
  justify-content: center;
}

.coin-points .last-div015-coins {
    border: solid 1px #bbb;
    border-radius: 10px;
    width: 30%;
    margin: 15px;
    min-height: 119px;
    position: relative;
    padding-top: 15px;
}
.coin-points .last-div015-coins  h5{
  text-align: left;
  font-size: 25px;
  font-weight: 700;
}
.coin-points .last-div015-coins figure{
  width: 100px;
  display: inline-block;
}
.last-div015-coins .d-flex{
    padding-right: 29px;
    width: 100%;
}
.teesney-ai-open-btn{
  margin-top: 30px;
}
.coin-points .last-div015-coins .teesney-ai-open-btn{
    position: absolute;
    left: 0;
    right: 0;
    width: 83%;
    margin: auto;
    bottom: 20px;
}
.coin-points .last-div015-coins  h5 span{
  display:block;
  font-size: 20px;
}
.coin-points h3,
.last-div015 h3{
  text-align: left;
  margin-left: 25px;
}
.bg-howits01 h3{
   text-align: center;
}
.last-div015 p {
    width: 62%;
}
.last-div015{
  margin-bottom: 70px;
}
.flexp-warps01{
  flex-wrap: wrap;
}

.left-sectionu {
    width: 50%;
}
.left-sectionu01.figures{
    width: 50%;
}
.left-sectionu01.figures{
    text-align: center;
    display: block;
}
.tops-teeensy-div015{
  width: 100%;
}
.tops-teeensy-div015 figure{
   margin:0 auto !important;
   display: block;
       width: 29%;
}
.tops-teeensy-div015 h2{
  font-size: 37px;
  font-weight: 700;
  color: #000;
}
.new-contents-div01{
  margin-top: 35px;
}
.new-contents-div01 .color-haedings{
  background: none !important;
  font-size: 30px;
  font-weight: 700;
  color: #000;
  padding-left: 0;
}
.tops-teeensy-div015 .how-its-btn{
  background: #475eff;
  color: #fff;
  font-weight: 600;
  margin-bottom: 25px;
}
.bg-howits01  .d-flex{
  flex-wrap: wrap;
  width: 87% !important;
  margin: auto;
}
.bannres-textr{
  text-align: left;
  width: 50%;
}
.news-icons{
  margin-left: 14px;
}
.news-icons span{
    width: 28px;
    height: 28px;
    display: block;
    margin-right: 8px;
    margin: auto;
}
/* actions */
.tc-actions { display:flex; gap:12px; align-items:center; margin:10px 0; }
.tc-btn { display:inline-block; padding:11px 16px; border-radius:12px; font-weight:800; text-decoration:none; border:0; cursor:pointer; }
.tc-primary { background:#ff6200; color:#fff; box-shadow:0 10px 30px rgba(255,98,0,0.14); }
.tc-ghost { background:transparent; border:1px solid #eaeaea; color:#111; }

/* pack listing */
.tc-pack-section { margin-top:14px; }
.tc-pack-list { display:flex; gap:12px; flex-wrap:wrap; }
.tc-pack { min-width:150px; background:#fff; border-radius:12px; padding:12px; border:1px solid #f0f0f0; cursor:pointer; display:flex; flex-direction:column; align-items:flex-start; }
.tc-pack-coins { font-weight:900; font-size:18px; }
.tc-pack-price { color:#666; margin-top:6px; }

/* balance */
.tc-balance { display:flex; align-items:baseline; gap:8px; justify-content:center; margin:10px 0; }
#tc-balance-num { font-size:44px; font-weight:900; }
.tc-balance-label { color:#666; font-size:16px; }

/* badge */
.teesney-coin-badge { display:inline-flex; align-items:center; gap:8px; background:#ffdca8; padding:6px 10px; border-radius:14px; font-weight:700; box-shadow:0 6px 18px rgba(0,0,0,0.12); }

.butons-groups{
  display: block !important;
  width: 100%;
}
.butons-groups a{
   text-align: center;
   font-size: 18px;
   margin-bottom: 15px;
}
.sp-secionts.crsp-div h5{
      width: 42%;
} 
/* responsive */
@media (max-width:880px) {
  .tc-card { width:92%; }
  .tc-hero { height:200px; }
  .tc-pack { min-width:44%; }
  #tc-balance-num { font-size:36px; }
  .teesney-ai-btn-wrap .d-flex,
  .tops-teeensy-div015 .d-flex,
  .new-contents-div01 .d-flex,
  .sp-secionts{
    display: inline-block;
  }
  .sp-secionts{
    text-align:center;
    height:auto;
  }
   .sp-secionts figure{
    margin:auto !important;
  }
  .sp-secionts.crsp-div h5{
      width: 100%;
} 

   .crsp-div h5{
     text-align:left;
     width: 85%;
     padding-left:10px;
  }
  .sp-secionts.crsp-div h5{
     width: 100%;
     text-align:center;
  }
  .tops-teeensy-div015 .d-flex{
    display: flex;
    flex-direction: column-reverse;
  }
   .tops-teeensy-div015 .d-flex figure{
     width: 85%;
     margin: auto;
   }
   .news-icons{
    margin-left: 0;
    margin-top: 20px;
   }

   .last-div015-coins .d-flex{
    padding-right:0;
   }
 
  .teesney-ai-btn-wrap .bannres-textr,
  .coin-points .last-div015-coins,
  .left-sectionu,
  .crsp-div{
    width: 100%;
  }
  .coin-points .last-div015-coins h5{
    text-align:center;
  }
  .coin-points .last-div015-coins{
    margin:25px auto;
    padding-left:0;
  }
  .crsp-div figure {
    width: 84px;
    text-align: left;
  }
  .crsp-div{
     margin:25px auto;
  }
  .bg-white.crsp-div{
  }
  
  .new-contents-div01 .color-haedings {
    font-size: 18px;
    font-weight: 700;
}
}
@media (max-width:420px){
  .tc-pack { min-width:48%; }
  .tc-btn { padding:10px 12px; }
  .tc-body h2 { font-size:18px; }
}