@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700);
@font-face {
  font-family: "Aptos";
  src: url("font/fonts/fonnts.com-aptos.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aptos";
  src: url("font/fonts/fonnts.com-aptos-semibold.ttf") format("truetype");
  font-weight: 600; /* or bold */
  font-style: normal;
}

 :root{
      --gst-green: #5FBDCF;
      --gst-green-2: #9DDEC3;
      --muted: #6c757d;
      --page-bg: #ffffff;
	  --gst-blue: #11ACC1;
    }
    html,body{
      height:100%;
    }
    body{
      font-family: 'Aptos', Arial;
      background: var(--page-bg);
      color:#111827;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
	a {
	text-decoration:none;
	}

    /* ---------- NAVBAR ---------- */
    .navbar{
      background: var(--gst-blue);
    }
    .navbar .navbar-brand{
      font-weight:700;
      color:#fff;
    }
	.navbar-brand img.logo {
	height:50px;
	}
    .navbar .nav-link {
      color: #fff;
      font-weight:600;
	  font-size:15px;
    }
    .navbar .nav-link:hover { color: #fff; }

    /* Button icons */
    .content-card .readBtn::before { content: "\f231"; font-family: "bootstrap-icons"; margin-right: 5px; top:2px; position:relative; }
    .content-card .shareBtn::before { content: "\f4da"; font-family: "bootstrap-icons"; margin-right: 5px; top:2px; position:relative; }
    .content-card .downloadBtn::before { content: "\f145"; font-family: "bootstrap-icons"; margin-right: 5px; top:2px; position:relative; }

    /* Menu enhancements */
    .navbar-nav .nav-link {
      margin: 0 10px;
	  font-weight:600!important;
	  background:transparent!important;
      border-right: 0px solid rgba(255,255,255,0.3)!important;
      transition: all 0.3s ease;
	  /*background:rgba(0,134,163,0.5)!important;*/
    }
    .navbar-nav .nav-link:last-child {
      border-right: none;
    }
    .navbar-nav .nav-link:hover {
       background:#0086A3;
	   color:#333!important;
       border-radius: 6px;
       transform: translateY(-2px);
       /*box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
     }
	.navbar-nav .nav-link:focus {
	
	box-shadow:none;
	}

    /* hero */
    .hero {
      background: linear-gradient(180deg, rgba(93,187,207,0.95) 0%, rgba(156,221,196,0.85) 100%);
      color:white;
      padding: 68px 0;
      position: relative;
      overflow: hidden;
    }
	.hero.inner-padding {
      padding: 15px 0px 15px 0;
	  }
    .hero .title{
      font-size:1.9rem;
      font-weight:700;
      line-height:1.25;
	  color:#222;
    }
	.hero .title span {
	color:#ff0000;
	}
    .hero .subtitle { opacity: .95; margin-top:6px; color: #222; }

    /* booking-style search card */
    .search-card {
      background: #fff;
      border-radius: 50px 0px 50px 0px;
      box-shadow: 0 6px 30px rgba(3,27,66,0.12);
      padding:30px 50px;
      margin-top:0px;
    }
	.search-card .btn{
	background:#0873A5;
	border:none;
	font-size:16px;
	}
	.search-card input,
	.search-card select {
	padding:15px;
	}
    /* content cards */
    .content-card{
      border-radius:8px;
      border:0px solid #e6e9ee;
      transition: transform .18s ease, box-shadow .18s ease;
      background:white;
    }
    .content-card:hover{
      transform: translateY(-6px);
      box-shadow: 0 8px 28px rgba(3,27,66,0.08);
    }

    /* floating whatsapp */
    .whatsapp-float{
      position: fixed;
      right: 18px;
      bottom: 18px;
      background: #25D366;
      color:#fff;
      width:56px;
      height:56px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
      z-index:1100;
      text-decoration:none;
    }
    .whatsapp-float:hover{ transform: translateY(-3px); }

    /* mini chat bubble (collapsible) */
    .mini-chat{
      position: fixed;
      right: 86px;
      bottom: 22px;
      width:340px;
      max-width:calc(100% - 120px);
      background:white;
      border-radius:12px;
      box-shadow: 0 10px 40px rgba(2,6,23,0.18);
      z-index:1100;
      overflow:hidden;
      display:none;
      flex-direction:column;
    }
    .mini-chat .header{
      background: linear-gradient(90deg,var(--gst-blue), var(--gst-blue-2));
      color:white;
      padding:10px 12px;
      display:flex;
      align-items:center;
      gap:10px;
    }
    .mini-chat .body{
      padding:12px;
      min-height:120px;
    }
    .mini-chat .footer{
      padding:10px;
      border-top:1px solid #eef2f7;
      display:flex;
      gap:8px;
    }
    .mini-chat input[type="text"]{
      flex:1;
    }

    /* share preview modal thumbnail */
    .share-thumb{
      width:100%;
      height:150px;
      background-image: url('https://via.placeholder.com/800x400.png?text=GST+INDIA+Biz');
      background-size:cover;
      background-position:center;
      border-radius:8px;
      margin-bottom:12px;
    }

    /* watermark for print/downloads */
    .watermark-print {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%) rotate(-30deg);
      font-size: 48px;
      color: rgba(0,0,0,0.06);
      pointer-events:none;
      z-index: 9999;
      white-space: nowrap;
    }

    /* ensure watermark appears only on print or the print window content */
    @media print {
      body *{ visibility: visible; }
      .no-print, .no-print * { display: none !important; }
      .watermark-print { display:block; }
    }

    /* footer */
    footer{
      background: linear-gradient(135deg, var(--gst-green) 0%, var(--gst-green-2) 100%);
      color:white;
      padding:30px 0;
      margin-top:0px;
    }
footer a {
text-decoration:none;
font-size:16px;
}
    /* small helper */
    .muted { color: var(--muted); }
    .category-badge { font-size:12px; padding:4px 8px; letter-spacing:0.5px; border-radius: 999px; background:#f0f4fb; color:var(--gst-blue); font-weight:600; }

    /* Subscription cards */
    .subscription-card {
      background: white;
      border-radius: 16px;
      box-shadow: 0 8px 32px rgba(3,27,66,0.12);
      padding: 1rem 1rem 0;
      margin-bottom: 2rem;
      border: 0px solid transparent;
      transition: all 0.3s ease;
      text-align: center;
      height: 100%;
    }
    .subscription-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 16px 48px rgba(3,27,66,0.18);
    }
    .subscription-card.email-card {
      border-color: #007bff;
    }
    .subscription-card.whatsapp-card {
      border-color: #25D366;
    }
    .subscription-card.telegram-card {
      border-color: #0088cc;
    }
	.email-card {
      background: linear-gradient(135deg, #4373AF 0%, #5AA6DC 100%);
      color: white;
    }
    .whatsapp-card {
      background: linear-gradient(135deg, #C29200 0%, #DECF6E 100%);
      color: white;
    }
    .telegram-card {
      background: linear-gradient(135deg, #E16C4F 0%, #F39E62 100%);
      color: white;
    }
    .subscription-icon {
      font-size: 4rem;
      margin-bottom: 0rem;
      display: block;
    }
    .email-card .subscription-icon {
      color: #25BECC;
    }
    .whatsapp-card .subscription-icon {
      color: #25D366;
    }
    .telegram-card .subscription-icon {
      color: #964530;
    }
    .subscription-title {
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: #fff;
	  text-shadow:0px 1px 1px #444;
    }
    .subscription-description {
      color: #fff;
      margin-bottom: 2rem;
      line-height: 1.4;
    }
    .subscription-features {
      list-style: none;
      padding: 0;
      margin-bottom: 2rem;
    }
    .subscription-features li {
      padding: 0.05rem 0;
      color: #fff;
	  line-height:24px;
	  
    }
    .subscription-features li:before {
      content: "\f111";
	  font-family:'FontAwesome';
      color: #f7f7f7;
      font-weight: bold;
      margin-right: 0.5rem;
	  font-size:6px;
	  line-height:20px;
    }
    .btn-subscribe {
      padding: 12px 32px;
      font-size: 1.1rem;
      font-weight: 600;
      border-radius: 50px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
    }
    .btn-subscribe:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }
    .email-card .btn-subscribe {
      background: #25BECC;
      border-color: #25BECC;
      color: white;
    }
    .whatsapp-card .btn-subscribe {
      background: #25D366;
      border-color: #25D366;
      color: white;
    }
    .telegram-card .btn-subscribe {
      background: #964530;
      border-color: #964530;
      color: white;
    }

    /* responsive tweaks for subscription */
    @media (max-width: 576px){
      .subscription-card {
        /*padding: 1rem 1rem 0;*/
      }
      .subscription-icon {
        font-size: 3rem;
      }
    }

    /* responsive tweaks */
    @media (max-width: 576px){
      .hero .title { font-size:1.4rem; }
      .mini-chat { width: 92%; right: 8px; left: auto; }
    }
	
	/* === 1) Make dropdown open below the nav (no upward opening gap) === */
.top-menu-nav .dropdown-menu,
.bottom-menu-nav .dropdown-menu {
  position: absolute !important;
  top: 100% !important;   /* open below the toggle */
  bottom: auto !important;
  left: 0;
  margin: 0;               /* no margin gap that causes hover loss */
  transform: translateY(6px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s ease, transform .12s ease;
  z-index: 9999 !important; /* ensure it sits above page content */
  pointer-events: auto;
}

/* show the menu on hover / keyboard focus */
.top-menu-nav .dropdown:hover > .dropdown-menu,
.top-menu-nav .dropdown:focus-within > .dropdown-menu,
.bottom-menu-nav .dropdown:hover > .dropdown-menu,
.bottom-menu-nav .dropdown:focus-within > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* make sure each dropdown anchor and item are in the same stacking context */
.top-menu-nav .nav-item,
.bottom-menu-nav .nav-item {
  position: relative; /* anchor point for absolute dropdown-menu */
}

/* allow container areas to not clip the dropdown */
header, .container, .container-fluid, .top-menu, .bottom-menu {
  overflow: visible !important;
  position: relative;
  z-index: 1100;
}

/* remove any inline z-index on the logo row that can create a conflicting stacking context */
header .d-flex[style] {
  z-index: auto !important;
}

/* small style niceties */

.dropdown-item {
  color: #333;
}
/* Ensure dropdowns always appear on top */
.dropdown-menu {
  position: absolute !important;
  z-index: 99999 !important;
}

/* Make sure navbar containers don't clip dropdowns */
header, nav, .navbar, .container, .container-fluid {
  overflow: visible !important;
  
}

/* Avoid new stacking contexts on ancestors */
header, nav, .navbar {
  position: relative !important;
  z-index: auto !important;
}

/* Fix hero or content overlapping issue */
.hero {
  position: relative;
  z-index: 1;
}

/* Force topMenu dropdowns to appear above everything */
#topMenu {
  position: relative;
  z-index: 9999 !important;
  overflow: visible !important;
}

#topMenu .dropdown-menu {
  position: absolute !important;
  z-index: 99999 !important;
  top: 100%;
  left: 0;
  visibility: visible;
}

/* Prevent content below from covering dropdowns */
.hero, .banner, .main-content, .slider, section {
  position: relative;
  z-index: 1 !important;
  overflow: visible !important;
}

/* Ensure no ancestor is clipping the dropdown */
header, .navbar, .container, .container-fluid {
  overflow: visible !important;
  z-index: auto !important;
}
/* Hide dropdowns by default */
/* Hide dropdowns by default */
/* OFFCANVAS MENU CLEAN ACCORDION STYLE */
.offcanvas {
  background-color: #0873A5;
  color: #fff;
  width:90%;
}

.offcanvas-header {
  background: #67C0D2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.offcanvas-body .offcanvas-link {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.offcanvas-body .offcanvas-link.dropdown-toggle {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.offcanvas-body .offcanvas-submenu {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  padding-left: 15px;
  display: none; /* hidden by default */
  margin-top: 5px;
}
.offcanvas-body .offcanvas-submenu li {
list-style-type:none;
padding:5px 0px;
}
.offcanvas-body .dropdown.open > .offcanvas-submenu {
  display: block; /* show when open */
}

.offcanvas-body .offcanvas-link.dropdown-toggle::after {
  content: "\f107";
  font-family: "FontAwesome";
  float: right;
  transition: transform 0.3s;
  border:0px;
  font-weight:500;
}

.offcanvas-body .dropdown.open > .offcanvas-link.dropdown-toggle::after {
  transform: rotate(180deg);
}

.offcanvas-body .offcanvas-submenu .offcanvas-submenu-link {
  font-size: 14px;
  font-weight: 400;
  padding: 8px 0;
  border: none;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
}


/* Top menu above logo */
.top-menu {
  background: var(--gst-green);
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  overflow: visible;
}

.top-menu .navbar-nav {
  flex-direction: row;
  justify-content: center;
}

.top-menu .nav-link {
  color:#2B6A57!important;
  font-weight: 500;
  margin: 0 8px;
  font-size:16px;
  padding: 5px 8px;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  border-right: 1px solid rgba(255,255,255,0.3);
  transition: all 0.3s ease;
}

.top-menu .nav-link:last-child {
  border-right: none;
}

.top-menu .nav-link:hover {
  color: #ffd66b;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  transform: translateY(-2px);
}


/* Hamburger icon color */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,100,0,0.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.dropdown:hover .dropdown-menu {
  /*display: block !important;
  visibility: visible !important;
  opacity: 1 !important;*/
}
/* Main dropdown hover — but EXCLUDE submenu */
.dropdown:hover > .dropdown-menu:not(.submenu) {
    display: block !important;
}

.dropdown-submenu {
    position: relative;
}

/* Arrow on Minutes */
.dropdown-submenu > a.dropdown-item::after {
    content: "\f105";
    float: right;
    margin-left: 6px;
	font-family:'FontAwesome';
}

/* Submenu container */
.dropdown-submenu > .dropdown-menu.submenu {
    display: none !important;       /* Hide by default */
    position: absolute !important;  /* MUST override Bootstrap */
    top: 0 !important;
    left: 100% !important;          /* OPEN ON RIGHT SIDE */
    margin-top: 0 !important;
    margin-left: 0 !important;
    min-width: 180px;
    z-index: 9999 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Show submenu on hover */
.dropdown-submenu:hover > .dropdown-menu.submenu {
    display: block !important;
}

/* Mobile offcanvas menu */

  /* Table styles */
    .table-responsive {
      margin-top: 20px;
    }
    .table thead th {
      background-color: var(--gst-green);
      color: white;
      border: none;
      font-weight: 600;
      padding: 12px;
    }
    .table tbody td {
      padding: 12px;
      border-bottom: 1px solid #e9ecef;
      /*vertical-align: middle;*/
    }
	.table tbody td:last-child {
	vertical-align:middle;
	}
	.table tbody td.icon {
	font-size:28px;
	text-align:center;
	}
    .table tbody tr:hover {
      background-color: #f8f9fa;
    }
    .notification-title {
      font-weight: 600;
      color: #333;
      text-decoration: none;
    }
    .notification-title:hover {
      color: var(--gst-green);
    }
    .notification-date {
      color: var(--muted);
      font-size: 14px;
    }
    .notification-actions {
      white-space: nowrap;
    }
    .btn-sm {
      padding: 4px 8px;
      font-size: 12px;
    }
	.table th:nth-child(2),
      .table td:nth-child(2) {
        min-width: 140px;
        white-space: nowrap;
      }
      .table th:nth-child(3),
      .table td:nth-child(3) {
        min-width: 100px;
        white-space: nowrap;
      }

    /* Mobile responsive table adjustments */
    @media (max-width: 768px) {
      .table th:nth-child(2),
      .table td:nth-child(2) {
        min-width: 140px;
        white-space: nowrap;
      }
      .table th:nth-child(3),
      .table td:nth-child(3) {
        min-width: 100px;
        white-space: nowrap;
      }
      .table th:nth-child(4),
      .table td:nth-child(4) {
        min-width: 200px;
      }
      .table th:nth-child(5),
      .table td:nth-child(5) {
        width: 120px;
      }
	  .search-card {
      background: #fff;
      border-radius: 50px 0px 50px 0px;
      box-shadow: 0 6px 30px rgba(3,27,66,0.12);
      padding:30px 20px;
      margin-top:20px;
    }
	.navbar-brand img.logo {
	height:40px;
	}
    }
	
	
	
.tv-service-section .tv-service-inner{border-radius:0 0 30px 30px}@media(max-width: 1399px){.tv-service-section .tv-service-inner{border-radius:0}}.tv-service-section .tv-service-inner .tv-service-item{position:relative;display:flex;align-items:center;background:#eee;padding:20px;border-radius:20px;overflow:hidden;width:100%}@media(max-width: 912px){.tv-service-section .tv-service-inner .tv-service-item{flex-direction:column;gap:30px}}.tv-service-section .tv-service-inner .tv-service-item .service-number{background:var(--theme-color3);position:absolute;top:0;right:0;height:94px;width:94px;color:var(--white-color);font-size:30px;font-family:var(--title-font);border-radius:0 0 0 30px;display:flex;justify-content:center;align-items:center}@media(max-width: 1024px){.tv-service-section .tv-service-inner .tv-service-item .service-number{background:var(--light-color);color:var(--dark-color)}}.tv-service-section .tv-service-inner .tv-service-item .service-number:before{position:absolute;left:-24px;top:0px;content:"";height:24px;width:24px;background:url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23061153"></path></svg>');transform:rotate(90deg)}@media(max-width: 1024px){.tv-service-section .tv-service-inner .tv-service-item .service-number:before{all:unset}}.tv-service-section .tv-service-inner .tv-service-item .service-number::after{position:absolute;right:0;bottom:-24px;content:"";height:24px;width:24px;background:url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23061153"></path></svg>');transform:rotate(90deg)}@media(max-width: 1024px){.tv-service-section .tv-service-inner .tv-service-item .service-number::after{all:unset}}.tv-service-item-inner{display:flex;align-items:center;flex-direction:column;gap:30px}

.tv-service-section.style-2 {background-image:url("images/bg01.jpg");}@media(max-width: 1399px){.tv-service-section.style-2 .tv-service-inner{border-radius:0}}

.mb-20 {
margin-bottom:20px;
}
.mt-20 {
margin-top:20px;
}
.mt-40 {
margin-top:40px;
}

.tv-service-single-box{background:#eee;padding:50px 40px;transition:all .4s ease 0s;position:relative;background-color:rgba(255,255,255,0.1);border:1px solid #7279AA;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;overflow:hidden;z-index:1}

.tv-service-single-box .inner-box{position:relative;z-index:1;text-align:center}
.tv-service-single-box .inner-box .icon{background-color:rgba(0,0,0,0.1);border:1px solid #7279AA;display:flex;justify-content:center;align-items:center;height:114px;width:114px;border-radius:50%;margin:0 auto;z-index:1;position:relative;transition:all .4s ease 0s}
.tv-service-single-box .inner-box .title{font-size:26px;line-height:34px;font-weight:600;margin-top:30px;color:#fff;transition:all .4s ease 0s}

@media(max-width: 1399px){.tv-service-single-box .inner-box .title{font-size:23px}}
@media(min-width: 1281px)and (max-width: 1299px){.tv-service-single-box .inner-box .title{font-size:20px}}
.tv-service-single-box .inner-box .border2{position:relative;left:50%;height:1px;width:90px;background-color:#7279AA;transform:translateX(-50%)}
.tv-service-single-box .inner-box .border2::before{position:absolute;content:"";left:50%;top:0;width:0;height:1px;background:#000;transition:all .4s ease 0s}
.tv-service-single-box .inner-box .text{transition:all .4s ease 0s;color:#fff;margin:0}

.tv-service-single-box::before{position:absolute;content:"";background-image:url("images/bg02.jpg");top:0;width:0;height:100%;left:50%;background-size:cover;transition:all .4s ease 0s;z-index:-1;opacity:0;visibility:hidden}
.tv-service-single-box:hover{border-color:rgba(0,0,0,0)}
.tv-service-single-box:hover::before{left:0;width:100%;opacity:1;visibility:visible}
.tv-service-single-box:hover .inner-box .title{color:#333}
.tv-service-single-box:hover .inner-box .text{color:#333}
.tv-service-single-box:hover .inner-box .icon{background:rgba(0,0,0,0);border-color:#336699}
.tv-service-single-box:hover .inner-box .border2::before{width:100%;left:0}

.btn-subscribe {
      padding: 12px 32px;
      font-size: 1.1rem;
      font-weight: 600;
      border-radius: 50px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
    }
    .btn-subscribe:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }
    .email .btn-subscribe {
      background: #25BECC;
      border-color: #25BECC;
      color: white;
    }
    .whatsapp .btn-subscribe {
      background: #25D366;
      border-color: #25D366;
      color: white;
    }
    .telegram .btn-subscribe {
      background: #964530;
      border-color: #964530;
      color: white;
    }

.subs-icon {
      font-size: 4rem;
      margin-bottom: 0rem;
      display: block;
    }
    .email .subs-icon {
      color: #25BECC;
    }
    .whatsapp .subs-icon {
      color: #25D366;
    }
    .telegram .subs-icon {
      color: #964530;
    }