/* ==========================================================
   Hi-Tech Computer Institute — Premium Inner Pages 2026
   Non-destructive visual layer for all public PHP pages.
   ========================================================== */
:root{
  --ip-navy:#071f46;
  --ip-blue:#0b4aa2;
  --ip-blue2:#1265c7;
  --ip-gold:#f3b51b;
  --ip-gold2:#ffd45c;
  --ip-ink:#14223b;
  --ip-muted:#667085;
  --ip-soft:#f5f8fd;
  --ip-line:#e4eaf3;
  --ip-white:#fff;
  --ip-shadow:0 18px 48px rgba(10,42,88,.10);
  --ip-shadow2:0 10px 28px rgba(10,42,88,.08);
  --ip-radius:20px;
}
body.ht-site-page{background:linear-gradient(180deg,#fff 0,#f8fbff 72%,#fff 100%);color:var(--ip-ink)}
body.ht-site-page #header-part{box-shadow:0 8px 30px rgba(8,33,72,.06)}
body.ht-site-page .page-banner{min-height:330px!important;padding:0!important;display:flex;align-items:center;position:relative;overflow:hidden;background-position:center!important;background-size:cover!important}
body.ht-site-page .page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,27,62,.97) 0%,rgba(7,47,101,.88) 48%,rgba(12,77,154,.63) 100%)!important;z-index:0}
body.ht-site-page .page-banner:after{content:"";position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 58px rgba(255,255,255,.035),0 0 0 116px rgba(255,255,255,.025);z-index:0}
body.ht-site-page .page-banner .container{position:relative;z-index:2}
body.ht-site-page .page-banner-cont{padding:58px 0 52px;position:relative;max-width:780px}
body.ht-site-page .page-banner-cont:before{content:"HI-TECH COMPUTER INSTITUTE";display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;padding:7px 12px;border:1px solid rgba(255,212,92,.5);border-radius:999px;background:rgba(243,181,27,.10);color:#ffe49a;font-size:11px;font-weight:800;letter-spacing:1.2px}
body.ht-site-page .page-banner-cont h2{font-size:46px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-1px;color:#fff!important;margin:0 0 14px!important;text-shadow:0 6px 22px rgba(0,0,0,.20)}
body.ht-site-page .page-banner-cont .breadcrumb{background:transparent!important;margin:0!important;padding:0!important}
body.ht-site-page .page-banner-cont .breadcrumb-item,body.ht-site-page .page-banner-cont .breadcrumb-item a{color:#dce9ff!important;font-size:14px!important;font-weight:600}
body.ht-site-page .page-banner-cont .breadcrumb-item.active{color:#ffd45c!important}
body.ht-site-page .page-banner-cont .breadcrumb-item+.breadcrumb-item:before{color:rgba(255,255,255,.65)!important}

/* Main page shell */
body.ht-site-page #about-page,body.ht-site-page #teachers-part,body.ht-site-page #contact-page{padding-top:72px!important;padding-bottom:84px!important;background:transparent!important}
body.ht-site-page #about-page>.container,body.ht-site-page #teachers-part>.container,body.ht-site-page #contact-page>.container{position:relative}
body.ht-site-page #about-page>.container:before,body.ht-site-page #teachers-part>.container:before{content:"";position:absolute;right:-15px;top:-25px;width:120px;height:120px;background:radial-gradient(circle,var(--ip-gold) 1.4px,transparent 1.4px);background-size:12px 12px;opacity:.18;pointer-events:none}
body.ht-site-page .section-title{margin-top:0!important;margin-bottom:18px!important}
body.ht-site-page .section-title h5{display:inline-block;margin-bottom:9px!important;color:#bd8500!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
body.ht-site-page .section-title h2,body.ht-site-page .section-title h3{color:var(--ip-navy)!important;font-weight:900!important;line-height:1.22!important;letter-spacing:-.4px}
body.ht-site-page .section-title h2{font-size:34px!important}
body.ht-site-page .section-title h3{font-size:28px!important}
body.ht-site-page .section-title:after{content:"";display:block;width:64px;height:4px;margin-top:13px;border-radius:4px;background:linear-gradient(90deg,var(--ip-gold),var(--ip-blue2))}

/* Story/content cards */
body.ht-site-page .about-cont{position:relative;background:#fff!important;border:1px solid var(--ip-line)!important;border-radius:var(--ip-radius)!important;padding:28px 30px!important;box-shadow:var(--ip-shadow2)!important;color:#536176!important;line-height:1.9!important;font-size:15px!important;overflow:hidden}
body.ht-site-page .about-cont:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--ip-gold),var(--ip-blue2))}
body.ht-site-page .about-cont p{color:#536176!important;line-height:1.9!important;margin-bottom:15px!important}
body.ht-site-page .about-cont strong,body.ht-site-page .about-cont b{color:var(--ip-navy)!important}
body.ht-site-page .about-cont ul{padding-left:22px!important;margin:12px 0!important}
body.ht-site-page .about-cont li{margin:8px 0!important;color:#4f5e73!important}
body.ht-site-page .about-cont img{border-radius:16px!important;box-shadow:0 14px 34px rgba(12,55,105,.14)!important;max-width:100%!important;height:auto!important}
body.ht-site-page .about-items{margin-top:34px!important;padding-top:0!important}
body.ht-site-page .about-singel-items{height:100%;background:#fff!important;border:1px solid var(--ip-line)!important;border-radius:18px!important;padding:24px!important;box-shadow:var(--ip-shadow2)!important;transition:.25s ease}
body.ht-site-page .about-singel-items:hover{transform:translateY(-5px);box-shadow:var(--ip-shadow)!important;border-color:#cfdbed!important}
body.ht-site-page .about-singel-items span{display:grid!important;place-items:center;width:54px!important;height:54px!important;border-radius:15px!important;background:linear-gradient(135deg,#eaf3ff,#fff4cf)!important;color:var(--ip-blue)!important}
body.ht-site-page .about-singel-items h4{color:var(--ip-navy)!important;font-weight:800!important;margin:14px 0 8px!important}
body.ht-site-page .about-singel-items p{color:#667085!important;line-height:1.7!important;font-size:14px!important}

/* Message pages */
body.ht-page-chairman_message .about-cont,body.ht-page-secretary_message .about-cont,body.ht-page-treasurer_message .about-cont{padding:34px 36px 34px 42px!important;background:linear-gradient(135deg,#fff 0,#fbfdff 70%,#fff9e8 100%)!important}
body.ht-page-chairman_message .about-cont:after,body.ht-page-secretary_message .about-cont:after,body.ht-page-treasurer_message .about-cont:after{content:"\201C";position:absolute;right:24px;top:0;color:rgba(11,74,162,.08);font:900 120px/1 Georgia,serif}
body.ht-page-chairman_message .about-cont p,body.ht-page-secretary_message .about-cont p,body.ht-page-treasurer_message .about-cont p{font-size:16px!important;line-height:2!important}

/* Tables / courses / downloads */
body.ht-site-page .table-responsive,body.ht-site-page table.table{border-radius:16px!important;overflow:hidden!important;box-shadow:var(--ip-shadow2)!important;border:1px solid var(--ip-line)!important;background:#fff!important}
body.ht-site-page table.table{margin-bottom:0!important}
body.ht-site-page .table thead th{background:linear-gradient(135deg,var(--ip-navy),var(--ip-blue))!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;padding:15px!important;font-size:13px!important;white-space:nowrap}
body.ht-site-page .table tbody td{padding:14px 15px!important;border-color:#edf1f6!important;color:#506079!important;font-size:14px!important}
body.ht-site-page .table tbody tr:nth-child(even){background:#f8fbff!important}
body.ht-site-page .table tbody tr:hover{background:#fff8df!important}
body.ht-site-page .table .btn,body.ht-site-page a.btn{border:0!important;border-radius:9px!important;padding:9px 15px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(11,74,162,.15)!important}
body.ht-site-page .btn-success{background:linear-gradient(135deg,#0b4aa2,#1265c7)!important;color:#fff!important}
body.ht-site-page .btn-success:hover{background:linear-gradient(135deg,#e7a80c,#f7c33e)!important;color:#10284b!important}

/* Forms */
body.ht-site-page .contact-from,body.ht-site-page .contact-address{background:#fff!important;border:1px solid var(--ip-line)!important;border-radius:20px!important;padding:30px!important;box-shadow:var(--ip-shadow2)!important}
body.ht-site-page .contact-from input,body.ht-site-page .contact-from textarea,body.ht-site-page .contact-from select,body.ht-site-page .form-control{border:1px solid #d8e0ec!important;border-radius:11px!important;background:#fbfdff!important;min-height:48px!important;padding:11px 14px!important;transition:.2s ease}
body.ht-site-page .contact-from textarea{min-height:135px!important}
body.ht-site-page .contact-from input:focus,body.ht-site-page .contact-from textarea:focus,body.ht-site-page .form-control:focus{border-color:#4b8bd8!important;box-shadow:0 0 0 4px rgba(18,101,199,.09)!important;background:#fff!important}
body.ht-site-page .contact-from button,body.ht-site-page .main-btn{border-radius:10px!important;background:linear-gradient(135deg,var(--ip-blue),var(--ip-navy))!important;color:#fff!important;border:0!important;font-weight:800!important;box-shadow:0 10px 22px rgba(11,74,162,.20)!important}
body.ht-site-page .contact-from button:hover,body.ht-site-page .main-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--ip-gold),#e39c00)!important;color:#14223b!important}
body.ht-site-page .contact-address ul li{padding-top:18px!important}
body.ht-site-page .contact-address .singel-address{padding:14px;border-radius:14px;background:#f8fbff;border:1px solid #e7edf5}
body.ht-site-page .contact-address .singel-address .icon i{border:0!important;background:linear-gradient(135deg,var(--ip-blue),var(--ip-navy))!important;color:#fff!important;width:48px!important;height:48px!important;line-height:48px!important;box-shadow:0 8px 20px rgba(11,74,162,.18)}
body.ht-site-page .map{margin-top:20px;border-radius:18px;overflow:hidden;box-shadow:var(--ip-shadow2)}

/* Team/member cards */
body.ht-site-page .singel-teachers{background:#fff!important;border:1px solid var(--ip-line)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--ip-shadow2)!important;transition:.25s ease;height:100%}
body.ht-site-page .singel-teachers:hover{transform:translateY(-6px);box-shadow:var(--ip-shadow)!important}
body.ht-site-page .singel-teachers .image img{width:100%!important;object-fit:cover!important}
body.ht-site-page .singel-teachers .cont{padding:18px!important}
body.ht-site-page .singel-teachers .cont h6{color:var(--ip-navy)!important;font-weight:800!important}
body.ht-site-page .singel-teachers .cont span{color:#bd8500!important;font-weight:700!important;font-size:12px!important}

/* Gallery */
body.ht-page-photo_gallery .about-cont,body.ht-page-video_gallery .about-cont{padding:18px!important;background:#fff!important}
body.ht-page-photo_gallery .about-cont img,body.ht-page-video_gallery .about-cont img{border-radius:14px!important;transition:.25s ease!important}
body.ht-page-photo_gallery .about-cont a:hover img,body.ht-page-video_gallery .about-cont a:hover img{transform:scale(1.02)}

/* University page / enquiry block */
body.ht-page-university_courses .contact-from{margin-top:24px!important;background:linear-gradient(145deg,#fff,#f7fbff)!important}
body.ht-page-university_courses .contact-from .section-title h5:before{content:"\f19d";font-family:FontAwesome;margin-right:8px;color:var(--ip-gold)}

/* Process pages get timeline feel */
body.ht-page-registration_process .about-cont,body.ht-page-examination_process .about-cont{counter-reset:step}
body.ht-page-registration_process .about-cont p,body.ht-page-examination_process .about-cont p{position:relative;padding-left:0}

/* Legacy counters */
body.ht-site-page .singel-counter{background:#fff;border:1px solid var(--ip-line);border-radius:16px;padding:18px 12px!important;box-shadow:var(--ip-shadow2)}
body.ht-site-page .singel-counter .number span,body.ht-site-page .singel-counter .number p{color:var(--ip-blue)!important;font-weight:900!important}

/* Back to top */
body.ht-site-page .back-to-top{right:22px!important;bottom:22px!important}
body.ht-site-page .back-to-top i{width:44px!important;height:44px!important;line-height:44px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--ip-gold),#e9a400)!important;color:var(--ip-navy)!important;box-shadow:0 10px 25px rgba(243,181,27,.28)}

/* Universal quick action strip added by footer */
.ht-inner-quickbar{background:#fff;border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;padding:18px 0}
.ht-inner-quickbar .row{row-gap:10px}.ht-inner-quickbar a{height:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #e2e9f3;border-radius:13px;background:#f9fbff;color:#163a6c!important;font-size:12px;font-weight:800;transition:.2s}.ht-inner-quickbar a i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#0b4aa2;font-size:15px}.ht-inner-quickbar a:hover{transform:translateY(-2px);background:#fff7dc;border-color:#f3cf68;box-shadow:0 9px 22px rgba(12,48,92,.08)}

@media(max-width:991px){
 body.ht-site-page .page-banner{min-height:270px!important}
 body.ht-site-page .page-banner-cont{padding:45px 0!important}
 body.ht-site-page .page-banner-cont h2{font-size:38px!important}
 body.ht-site-page #about-page,body.ht-site-page #teachers-part,body.ht-site-page #contact-page{padding-top:55px!important;padding-bottom:62px!important}
 body.ht-site-page .about-cont{padding:24px!important}
 body.ht-site-page .section-title h2{font-size:30px!important}
}
@media(max-width:575px){
 body.ht-site-page .page-banner{min-height:235px!important}
 body.ht-site-page .page-banner:after{display:none}
 body.ht-site-page .page-banner-cont{padding:38px 0!important}
 body.ht-site-page .page-banner-cont:before{font-size:9px;letter-spacing:.8px;padding:6px 9px}
 body.ht-site-page .page-banner-cont h2{font-size:31px!important;letter-spacing:-.4px}
 body.ht-site-page .about-cont{padding:21px 18px 21px 23px!important;border-radius:16px!important}
 body.ht-site-page .section-title h2{font-size:27px!important}
 body.ht-site-page .contact-from,body.ht-site-page .contact-address{padding:21px!important;border-radius:16px!important}
 body.ht-site-page .table thead th,body.ht-site-page .table tbody td{padding:11px 10px!important;font-size:12px!important}
 .ht-inner-quickbar{padding:13px 0}.ht-inner-quickbar a{padding:10px;font-size:11px}.ht-inner-quickbar a i{width:31px;height:31px}
}