/* ===== AWDIZ EXACT NAVBAR + FOOTER (copied from https://www.awdiz.co.in/) =====
   Classes kept 1:1 — .navbar-wrapper / .topbar / .navbar-inner / .nav-links / .footer etc.
   Image paths converted to absolute https URLs so they load from any blog subfolder. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Instrument+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --green:#66BB46; --blue-nav:#0040c1; --dark:#081123;
  --white:#fff; --off-white:#f5f5f2; --light-blue:#eff4ff;
  --border-blue:#d1e0ff; --nav-bg:#f9f9f9; --radius-pill:100px;
}

/* blog pages need offset because navbar is fixed pill like main site */
body{ padding-top:118px !important; }
.progress{ top:0 !important; }

/* ===== NAVBAR (exact from awdiz style.css) ===== */
.navbar-wrapper{
  position:fixed; top:50px; left:50%; transform:translateX(-50%);
  z-index:1000; width:calc(100% - 80px); max-width:1300px; margin:0 auto;
  transition:all .3s ease;
  font-family:"Inter",sans-serif;
}
.navbar-wrapper.scrolled{ top:12px; }
.navbar-wrapper > .navbar{ width:100%; height:auto; position:relative; z-index:1000; }
.navbar-wrapper.scrolled .navbar-inner{
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  border-color:rgba(0,64,193,.2);
}
.navbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--nav-bg); border:1px solid var(--border-blue);
  border-radius:var(--radius-pill); padding:8px 12px;
  backdrop-filter:blur(16px); transition:all .3s ease; height:60px;
}
.topbar{
  position:absolute; top:-28px; left:50%; transform:translateX(-50%);
  width:97%; height:50%; display:flex; align-items:center; justify-content:space-between;
  background:#66BB46; border-radius:var(--radius-pill) var(--radius-pill) 0 0;
  padding:8px 24px; transition:all .3s ease;
}
.topbar-contact{ display:flex; align-items:center; gap:24px; font-size:13px; color:#fff; }
.topbar-contact span{ display:flex; align-items:center; gap:6px; }
.topbar-contact i{ color:#fff; font-size:14px; }
.topbar-contact a{ color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.topbar-social{ display:flex; align-items:center; gap:6px; font-size:13px; color:#fff; }
.topbar-social img{ width:16px; height:16px; }
.navbar-wrapper.scrolled .topbar{ transform:translateX(-50%) translateY(100%); opacity:0; pointer-events:none; }
.nav-logo{
  display:flex; align-items:center; background:var(--white);
  border:1px solid var(--border-blue); border-radius:var(--radius-pill);
  padding:4px 16px; flex-shrink:0; height:100%;
}
.nav-logo img{ height:36px; width:auto; display:block; }
.navbar-celebration-btn{ margin:0 20px; }
@media (max-width:1199px){
  .navbar-celebration-btn{ margin:0; display:flex; align-items:center; flex-shrink:0; }
  .navbar-celebration-btn img{ width:72px; height:auto; }
}
@media (max-width:767px){ .navbar-celebration-btn img{ width:55px; height:auto; } }
.nav-links{
  display:flex; align-items:center; gap:10px; justify-content:center;
  border:1px solid #e5e7eb; border-radius:var(--radius-pill); padding:4px; height:100%;
}
.nav-links a{
  font-family:"Inter",sans-serif; font-size:14px; line-height:24px; color:#111827;
  padding:8px 16px; border-radius:var(--radius-pill); transition:all .2s; white-space:nowrap; text-decoration:none;
}
.nav-links a:hover,.nav-links a.active{ background:var(--light-blue); color:var(--blue-nav); }
.navmenu{ max-height:62px; display:flex; align-items:center; justify-content:space-between; }
/* NOTE: .navmenu/.navdropdown must stay non-positioned (static) so the absolute
   mega-menu (#hover-content) positions against .navbar (position:relative),
   exactly like the main site. Do NOT add position:relative here. */

/* ===== ALL COURSES BUTTON + MEGA DROPDOWN (exact from awdiz common.css) ===== */
.icon{
  width:18px; height:18px; vertical-align:middle; margin-bottom:3px;
  filter:brightness(0) invert(1);
}
.daright-icon{ margin-right:15px; }
.daright-icon{ display:none; }
.job-guarantee-icons-1{ width:45px; height:45px; margin-bottom:4px; }
.navcourses{
  width:150px; height:40px; display:flex; justify-content:center; align-items:center;
  background:#0040C1; color:#fff; border-radius:20px; margin-bottom:0;
  font-family:Mulish,"Inter",sans-serif; font-weight:600; font-size:14px; cursor:pointer;
  border:none;
}
.navcourses .icon{ width:18px; height:18px; vertical-align:middle; margin-bottom:3px; filter:brightness(0) invert(1); }
.show-content{ width:100%; padding:2px 0; height:auto; background-color:#fff; }
.show-item{
  width:75%; margin:auto; display:flex; box-shadow:rgba(0,0,0,.24) 0 3px 8px;
  position:absolute; z-index:100; padding:20px; background:#fff;
}
.show-item-left{ width:35%; padding:2px 0; line-height:2.6; background-color:#edf8fa; }
.show-item-left h3{ padding-left:15px; font-family:Mulish,"Inter",sans-serif; font-size:17px; font-weight:600; }
.show-item-left ul{ line-height:2.6; margin-top:8px; list-style:none; margin-left:0; padding-left:0; }
.show-item-left ul li{
  list-style:none; padding-left:15px; display:flex; justify-content:space-between; align-items:center;
  font-family:Mulish,"Inter",sans-serif; font-size:14px; font-weight:700; margin-bottom:15px; line-height:35px;
  cursor:pointer; color:#111;
}
.show-item-left ul li:hover{ background-color:#272566; color:#fff; }
.show-item-left .daright-icon{ margin-right:15px; width:18px; height:18px; }
.show-item-right{ width:100%; height:auto; }
.show-item-content{ width:100%; height:444px; display:flex; justify-content:space-between; overflow-y:auto; }
.show-item-one{ width:33%; height:auto; padding:2px; line-height:2.6; }
.show-item-one>h3{ font-family:Mulish,"Inter",sans-serif; font-size:17px; font-weight:600; padding-left:15px; }
.show-item-one ul{ display:flex; flex-direction:column; list-style:none; padding:0; }
.show-item-one ul a{
  list-style:none; font-family:Mulish,"Inter",sans-serif; font-size:13px; font-weight:600;
  margin-left:15px; padding:0; margin-bottom:7px; text-decoration:none; color:#384252;
}
.show-item-one ul a:hover{ color:#0040C1; }
.show-item-two{ width:33%; height:auto; padding:2px; line-height:2.6; }
.show-item-two>h3{ font-family:Mulish,"Inter",sans-serif; font-size:17px; font-weight:600; padding-left:15px; }
.show-item-two-container{ width:auto; padding:2px 2px 2px 15px; display:flex; justify-content:flex-start; margin-top:1px; }
.show-item-two-container-box{ width:50px; height:50px; border-radius:25px; display:flex; justify-content:center; align-items:center; overflow:hidden; flex-shrink:0; }
.show-item-two-container-box img{ width:100%; height:100%; object-fit:cover; }
.show-item-two-container a{ text-decoration:none; color:#000; display:flex; align-items:center; }
.show-item-two-container p{ padding-left:15px; font-family:Mulish,"Inter",sans-serif; font-size:13px; font-weight:600; margin-top:7px; }
.show-item-three{ width:33%; height:auto; padding:2px; line-height:2.6; }
.show-item-three>h3{ font-family:Mulish,"Inter",sans-serif; font-size:17px; font-weight:600; padding-left:1px; }
.show-item-container{
  width:auto; padding:5px 0 5px 5px; display:flex; justify-content:space-between;
  margin-top:10px; background-color:#edf8fa; border-radius:6px; margin-right:7px; height:80px;
}
.show-item-container a{ display:flex; justify-content:space-around; width:100%; text-decoration:none; color:#000; align-items:center; }
.show-item-container-box{ width:56px; height:58px; background-color:#fff; margin-block:auto; overflow:hidden; flex-shrink:0; }
.show-item-container-box img{ width:100%; height:100%; object-fit:cover; }
.show-item-container-box-one{ width:59%; line-height:1.2; display:flex; flex-direction:column; justify-content:space-around; }
.show-item-container-box-one p{ font-family:Mulish,"Inter",sans-serif; font-size:13px; font-weight:600; }
.show-item-right-button{ padding:0 10px 0 0; width:100%; height:50px; display:flex; justify-content:flex-end; align-items:center; margin-bottom:3px; }
.show-item-right-button button{
  border:2px solid #272566; width:31%; height:45px; cursor:pointer; color:#272566;
  background-color:#fff; display:flex; justify-content:space-evenly; align-items:center;
  font-family:mulish,"Inter",sans-serif; margin:0 0 10px 0; font-size:14px; font-weight:bold;
}
.show-item-right-button button:hover{ background-color:#def6fb; color:black; }
#hover-content{ display:none; flex:0; margin-top:11px; }
#hover-content.flex-display{ display:flex; flex:1; left:50%; top:100%; transform:translateX(-50%); margin:0 !important; }
@media screen and (min-width:1200px) and (max-width:1240px){ .show-item{ margin-left:-211px; } }
@media screen and (min-width:1200px) and (max-width:1281px){ #hover-content.flex-display{ margin-left:-99px; } }
@media screen and (min-width:1282px) and (max-width:1442px){ #hover-content.flex-display{ margin-left:-116px; } }
@media screen and (min-width:1443px) and (max-width:1605px){ #hover-content.flex-display{ margin-left:-162px; } }
@media screen and (min-width:1606px) and (max-width:1765px){ #hover-content.flex-display{ margin-left:-192px; } }
@media screen and (min-width:1766px) and (max-width:1925px){ #hover-content.flex-display{ margin-left:-224px; } }
@media screen and (min-width:1926px) and (max-width:2048px){ #hover-content.flex-display{ margin-left:-249px; } }
@media screen and (min-width:2049px) and (max-width:2565px){ #hover-content.flex-display{ margin-left:-351px; } }
@media screen and (min-width:2566px) and (max-width:3205px){ #hover-content.flex-display{ margin-left:-420px; } }
@media screen and (min-width:3206px) and (max-width:4000px){ #hover-content.flex-display{ margin-left:-470px; } }
@media screen and (min-width:1280px) and (max-width:1440px){
  .show-item-left i{ margin-left:60px; }
  .show-item-right-button button{ width:32%; }
}
@media (max-width:1199px){
  .navbar-wrapper{ display:none; }
  .topbar{ display:none; }
}

/* ===== MOBILE NAVBAR (exact) ===== */
.mobile-navbar .icon{ width:18px; height:18px; vertical-align:middle; margin-bottom:3px; filter:brightness(0) invert(1); }
#mobile-navigation{
  width:100%; position:fixed; top:0; left:0; z-index:1001;
  background-color:#fff; height:48px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  font-family:"Instrument Sans",sans-serif;
}
@media (min-width:1200px){ #mobile-navigation{ display:none; } }
.mobile-navbar{ width:100%; position:relative; }
.mobile-nav{ width:90%; margin:auto; display:flex; justify-content:space-between; align-items:center; height:48px; }
.moblie-nav-left{ display:flex; align-items:center; gap:12px; }
.moblie-nav-logo{ display:flex; align-items:center; }
.moblie-nav-logo img{ height:48px; width:auto; max-width:100%; display:block; object-fit:contain; cursor:pointer; padding:7px; }
.moblie-nav-logo a img{ height:32px; padding:0; }
.mobile-nav-divider{ width:1px; height:24px; background-color:#ccc; flex-shrink:0; }
.moblie-nav-right{ display:flex; align-items:center; gap:10px; }
.mobile-nav-right-one{ cursor:pointer; width:max-content; }
.mobile-nav-right-one p{
  font-family:"Instrument Sans",sans-serif; font-size:11px; font-weight:600;
  background:#0040C1; padding:8px 20px; border-radius:20px; color:#fff;
  display:flex; align-items:center; gap:6px; margin:0;
}
@media (max-width:400px){
  .mobile-nav-right-one p{ font-size:10px; padding:6px 12px; gap:4px; }
  .mobile-nav-right-one p svg{ width:14px !important; height:14px !important; }
}
.mobile-nav-right-two{ cursor:pointer; }
#hamburger{ width:26px; height:auto; display:block; }
@media (max-width:1199px){ body{ padding-top:48px !important; } }

/* ===== FOOTER (exact from awdiz style.css) ===== */
.footer{ background:#081123; color:#fff; padding:50px 0 25px; font-family:Arial,Helvetica,sans-serif; }
.footer-container{ width:90%; margin:auto; max-width:1300px; }
.footer .top-section{ margin-bottom:30px; }
.footer .top-row{ display:flex; align-items:flex-start; gap:50px; margin-bottom:40px; }
.footer .bottom-row{ display:flex; justify-content:space-between; gap:50px; }
.footer .bottom-left{ flex:1; }
.footer-logo{ width:160px; margin-bottom:20px; display:block; }
.footer .company-desc{ color:#fff; font-size:13px; line-height:1.8; margin-bottom:30px; }
.footer .contact-title{ font-size:34px; margin-bottom:15px; font-weight:600; font-family:"Instrument Sans",sans-serif; }
.footer .contact-number{ color:#fff; margin-bottom:25px; font-size:14px; }
.footer .addresses{ display:flex; flex-direction:column; gap:30px; margin-bottom:25px; }
.footer .address-box{ display:flex; gap:12px; flex:1; }
.footer .address-box i{ margin-top:4px; color:#fff; }
.footer .address-box p{ color:#fff; font-size:13px; line-height:1.6; margin:0; }
.footer .social-icons{ display:flex; gap:10px; }
.footer .social-icons a{
  color:#fff; font-size:18px; transition:.3s; display:flex;
  justify-content:center; align-items:center; padding:5px; border-radius:8px;
  width:34px; height:34px; text-decoration:none;
}
.footer .social-icons a:nth-child(1){ background-color:#1877F2; }
.footer .social-icons a:nth-child(2){ background-color:#000; }
.footer .social-icons a:nth-child(3){ background-color:#E1306C; }
.footer .social-icons a:nth-child(3):hover{
  background-image:radial-gradient(circle at 23% 84%,#f9ed32,#f8d939 5%,#f5a54d 17%,#f0536c 33%,#ee2a7b 40%,#9e2aa7 56%,#5b2acd 72%,#2a2ae8 85%,#0b2af9 95%,#002aff);
}
.footer .social-icons a:nth-child(4){ background-color:#0077B5; }
.footer .social-icons a:nth-child(4):hover{ background-color:#1b86bd; }
.footer .social-icons a:nth-child(5){ background-color:#FF0000; }
.footer .social-icons a:nth-child(5):hover{ background-color:#DE2925; }
.footer .map-box{ display:flex; justify-content:center; align-items:center; gap:10px; flex-shrink:0; width:45%; min-height:280px; }
.footer .map-item{ width:100%; flex:1; background:#d9d9d9; border-radius:14px; overflow:hidden; height:100%; min-height:280px; }
.footer .map-item iframe{ width:100%; height:100%; min-height:280px; border:0; border-radius:14px; display:block; }
.footer-divider{ border:none; border-top:1px solid rgba(255,255,255,.2); margin:25px 0; }
.footer-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:45px; }
.footer-column h3{ color:#66BB46; margin-bottom:15px; font-size:18px; font-weight:600; font-family:Arial,Helvetica,sans-serif; }
.footer-column ul{ list-style:none; margin:0; padding:0; }
.footer-column ul li{ margin-bottom:10px; }
.footer-column ul li a{ color:#fff; text-decoration:none; font-size:14px; line-height:1.6; }
.footer-column ul li a:hover{ color:#57d13b; }
.footer-bottom-divider{ border:none; border-top:1px solid rgba(255,255,255,.2); margin-top:40px; }
.footer-social-page{ width:100%; padding:20px 0; display:flex; justify-content:space-between; gap:20px; }
.footer-declaimer{ line-height:1.5; width:50%; color:#99cbc5; font-family:"Instrument Sans",sans-serif; margin-bottom:60px; }
.footer-declaimer p{ font-size:16px; text-transform:uppercase; font-family:"Instrument Sans",sans-serif; color:#fff; font-weight:bold; margin:0 0 8px; }
.footer-declaimer-sub-para{ font-size:14px; }
.footer-reserved{ color:#9ad6cf; font-family:"Instrument Sans",sans-serif; display:flex; flex-direction:column; justify-content:center; font-size:14px; text-align:end; margin-bottom:34px; }
.footer-reserved p{ margin:4px 0; }
@media screen and (min-width:1px) and (max-width:599px){
  .footer-social-page{ flex-direction:column; }
  .footer-declaimer{ width:100%; margin-bottom:20px; }
  .footer-declaimer-sub-para{ font-size:14px; }
  .footer-reserved{ margin-top:25px; margin-bottom:95px; font-size:14px; text-align:start; }
}
@media (max-width:1200px){ .footer-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:992px){
  .footer .top-row{ flex-direction:column; }
  .footer .bottom-row{ flex-direction:column; }
  .footer .map-box{ width:100%; }
  .footer-social-page{ flex-direction:column; align-items:flex-start; gap:16px; }
}
@media (max-width:768px){
  .footer-grid{ grid-template-columns:1fr; }
  .footer .contact-title{ font-size:28px; }
  .footer .map-box{ flex-direction:column; }
}