.about-img { position: relative; }
.about-custom-img { width: 100%; border-radius: 14px; box-shadow: 0 12px 30px rgba(11, 28, 60, 0.12); border-bottom: 5px solid #00bcd4; }
.about-lead-text { font-size: 17px; font-weight: 500; color: #0b1c3c; line-height: 1.75; border-left: 4px solid #00bcd4; padding-left: 16px; }
.about-text { font-size: 15.5px; color: #556270; line-height: 1.8; text-align: justify; }
.pro-cta-banner { position: relative; background-image: url('../img/cta-br.png');
    background-size: cover; background-position: center; background-attachment: fixed; padding: 85px 0; z-index: 1; overflow: hidden; }
.pro-cta-banner::before { content: ""; position: absolute; inset: 0;
    background: linear-gradient(95deg, rgba(4, 25, 34, 0.96) 0%, rgba(6, 48, 64, 0.90) 55%, rgba(4, 25, 34, 0.85) 100%); z-index: -1; }
.pro-cta-banner::after { content: ""; position: absolute; width: 380px; height: 380px;
    background: radial-gradient(circle, rgba(0, 225, 255, 0.16) 0%, transparent 70%); top: -120px; left: -100px; border-radius: 50%; z-index: -1; pointer-events: none; }
.pro-cta-tag { display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 210, 255, 0.14); border: 1px solid rgba(0, 210, 255, 0.45); color: #00e1ff; 
    padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 18px; transition: all 0.3s ease; }
.pro-cta-tag:hover { background: rgba(0, 210, 255, 0.25); transform: translateY(-2px); }
.pro-cta-heading { color: #ffffff; font-size: clamp(26px, 3.5vw, 40px); font-weight: 800; line-height: 1.25; margin-bottom: 16px; }
.pro-cta-heading span { color: #00e1ff; text-decoration: underline; text-decoration-color: rgba(0, 225, 255, 0.35); text-underline-offset: 6px; }
.pro-cta-subtext { color: rgba(255, 255, 255, 0.86); font-size: clamp(15px, 1.5vw, 17px); line-height: 1.7; margin-bottom: 26px; max-width: 640px; }
.pro-cta-pills { display: flex; flex-wrap: wrap; gap: 12px; }
.pro-cta-pill { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); color: #ffffff;  padding: 10px 16px; border-radius: 12px; font-size: 13.5px;
    font-weight: 600; display: inline-flex; align-items: center; gap: 8px; backdrop-filter: blur(6px); transition: all 0.3s ease; cursor: default; }
.pro-cta-pill i { color: #00e1ff; font-size: 15px; transition: transform 0.3s ease; }
.pro-cta-pill:hover { background: rgba(0, 225, 255, 0.15); border-color: #00e1ff; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 225, 255, 0.15); }
.pro-cta-pill:hover i { transform: scale(1.2); }
.pro-cta-card { background: #ffffff; border-radius: 24px; padding: 40px 30px 30px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35); border: 3px solid rgba(0, 210, 255, 0.45);
    position: relative; transition: all 0.35s ease; }
.pro-cta-card:hover { transform: translateY(-5px); border-color: #00e1ff; box-shadow: 0 30px 60px rgba(0, 210, 255, 0.22); }
.pro-cta-card-badge {  position: absolute; top: -16px;  left: 50%; transform: translateX(-50%);  background: linear-gradient(90deg, #00b4d8, #0077b6); color: #fff;
    font-size: 12px; font-weight: 700; padding: 7px 20px;  border-radius: 30px; text-transform: uppercase; white-space: nowrap;  box-shadow: 0 6px 16px rgba(0, 180, 216, 0.4); }
.pro-btn-whatsapp, .pro-btn-call { display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; font-size: 16px;  padding: 15px 22px;
    border-radius: 50px; width: 100%; text-decoration: none; transition: all 0.35s ease;  position: relative; overflow: hidden; }
.pro-btn-whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: #ffffff !important; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
    margin-bottom: 14px; }
.pro-btn-whatsapp:hover { background: linear-gradient(135deg, #20bd5a 0%, #0e7a6d 100%); transform: translateY(-3px); box-shadow: 0 14px 28px rgba(37, 211, 102, 0.5);
    color: #ffffff !important; }
.pro-btn-whatsapp i { font-size: 21px; transition: transform 0.3s ease; }
.pro-btn-whatsapp:hover i { transform: scale(1.15) rotate(-8deg); }
.pro-btn-call { background: #05222b; color: #ffffff !important; box-shadow: 0 8px 20px rgba(5, 34, 43, 0.2); }
.pro-btn-call:hover { background: #00b4d8; color: #ffffff !important; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 180, 216, 0.4); }
.pro-btn-call i { color: #00e1ff; transition: all 0.3s ease; }
.pro-btn-call:hover i { color: #ffffff; transform: rotate(15deg) scale(1.1); }
.pro-cta-card-footer { margin-top: 18px; padding-top: 14px; border-top: 1px solid #eaeaea;
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: #555; font-weight: 500; }
figure.table { width: 100%; overflow-x: auto; }
figure.table table { width: 100%; border-collapse: collapse; }
figure.table td, figure.table th { border: 1px solid #ddd; padding: 10px; text-align: left; }
.whatsapp-icon{position:fixed;bottom:76px;right:20px;z-index:9999;padding:10px;transition:transform .3s}
.whatsapp-icon img{width:50px;height:50px}
.whatsapp-icon:hover{transform:scale(1.1)}
/* ==========================================RESPONSIVE BREAKPOINTS (TABLET & MOBILE)========================================== */
@media (max-width: 991.98px) {
    .pro-cta-banner { background-attachment: scroll;  padding: 65px 0;  text-align: center; }
    .pro-cta-subtext { margin-left: auto; margin-right: auto; }
    .pro-cta-pills { justify-content: center; margin-bottom: 15px; }
    .pro-cta-card { max-width: 480px; margin: 20px auto 0; }
    .header-top { display :none; }
    .site-title { font-size :30px;}
    .blog-item{ margin-bottom :22px;}
    .sms-mt{ margin-top:20px ;}
    .sm-none {display :none}
}
@media (max-width: 575.98px) {
    .pro-cta-banner { padding: 50px 0; }
    .pro-cta-tag { font-size: 11.5px; padding: 6px 14px; }
    .pro-cta-pills {  flex-direction: column; align-items: stretch; max-width: 320px; margin: 0 auto 10px; }
    .pro-cta-pill { justify-content: center; padding: 9px 14px; }
    .pro-cta-card { padding: 34px 20px 24px; border-radius: 20px; }
    .pro-btn-whatsapp, .pro-btn-call { font-size: 15px; padding: 13px 18px; }
}