/* ==========shivam========== Menu Start ==========shivam========== */
.menu{position: fixed;left: 0;right: 0;width: 100%;z-index: 9999;height: 100vh; transform: translateX(0%) skewX(0deg);transition: all 1.2s; display: flex; justify-content: flex-end;}
.innermenu::-webkit-scrollbar {display: none;}
.scroller::-webkit-scrollbar {display: none;}
.innermenu{width: 60%;height: 100%;background: var(--dark-blue);min-height: 100%; padding: 30px 120px; position: relative;}
.deactivemenu{transition: all 1.5s;transform: translateX(150%) skewX(-30deg) !important;}
.menutop a { text-decoration: none; color: #fff; }
.menutop .navmenu, .menutop .navmenu1 { margin: 10px; padding: 5px 15px; text-decoration: none; color: #fff; }
.innermenubar ul { list-style: none; color: #fff; padding-left: 0; display: flex; flex-direction: column; gap: 20px; }
.menubottom .downloadbtn { border: 1px solid var(--coral); background: var(--coral); border-radius: 30px; color: #fff; margin: 10px; padding: 10px 25px; text-decoration: none; display: inline-block; }
.menubottom .menulogo { margin-top: -30%; width: 230px; }
.menulogo {margin: 0px auto;}
.mainmenu ion-icon.md.hydrated {color: var(--coral);}
.nonscrollheader { position: absolute; top: 0; width: 100%; left: 0; z-index: 9; transform: translateY(-150%); transition: all ease-in-out 1s;}
.scrollheader { position: fixed; width: 100%; top: -300px; left: 0; z-index: 999; background: #0B1A37; transition: all ease-in-out 0.5s; -webkit-box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;box-shadow: 0 5px 6px -6px #000;}
.menu_bg_right{position: absolute;top: 68px;right: 35px;filter: brightness(0) invert(1);width: 300px;z-index: 1; opacity: .3; pointer-events: none;}
.innermenu .innercircle span { color: #fff;height: 135px;width: 135px; display: inline-flex; justify-content: center; align-items: center;z-index: 10;position: absolute !important; top: 30%; left: 0; transform: translate(-50%, -50%); background: transparent; font-size: 40px !important; font-weight: 400;}    
.centurylogo { margin: 0px 10px; margin-top: -40px; }
.innermenubar a { text-decoration: none; font-size: 1.2rem; color: #fff; font-family: var(--font-display); letter-spacing: 0.05em; transition: color 0.3s ease; }
.innermenubar a:hover { color: var(--coral); }
.innermenu .circlehref .innercircle span,.innermenu .circlehref .innercircle .svg {height: 8.1rem;width: 8.1rem;position: relative;display: inline-block;z-index: 9;}
.innermenu .circlehref .innercircle iconify-icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 40px;color: #fff;}
.innermenu .circlehref .innercircle span:hover .svgcircle2 {stroke-dashoffset: 00; transition: stroke-dashoffset 2s ease-in-out;}
.innermenu .svgcircle1 {stroke-dasharray: 1000;stroke-dashoffset: 0;stroke: #fff9 !important; animation: circlenew 10s ease-out; cx: 4rem; cy: 4rem; r: 3.9rem;}
.innermenu .svgcircle2{stroke-dasharray: 1000;stroke-dashoffset: 1000;transition: stroke-dashoffset 2s ease-in-out;stroke: var(--coral) !important; cx: 4rem; cy: 4rem; r: 3.9rem;}
.innermenu .circlehref .innercircle span:hover iconify-icon { color: var(--coral); }
@keyframes circlenew {0% { stroke-dashoffset: 1000 } 100% { stroke-dashoffset: 0 }}
.cus-nav .btn-text { display: inline-block; text-decoration: none !important; transition: color 0.6s cubic-bezier(0.25, 1, 0.5, 1), letter-spacing 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; color: #fff; letter-spacing: 0.05em;}
.cus-nav .btn-text:hover { color: var(--coral) !important; letter-spacing: 0.09em !important;}
/* ==========s========== Menu End =========s=========== */
.menu-trigger-btn { width: 42px; height: 42px;border-radius: 50%; background: #ffffff; display: flex; align-items: center; justify-content: center;cursor: pointer;border: none;transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);}
.menu-trigger-btn span { display: block; width: 18px; height: 2px; background: #0B1A37; position: relative; transition: all 0.3s ease;}
.menu-trigger-btn span::before, .menu-trigger-btn span::after {content: ''; position: absolute; width: 18px; height: 2px;background: #0B1A37;transition: all 0.3s ease;}
.menu-trigger-btn span::before {top: -6px;}
.menu-trigger-btn span::after {top: 6px;}
#mainNavbar.scrolled .menu-trigger-btn {background: var(--dark-blue);}
#mainNavbar.scrolled .menu-trigger-btn span,#mainNavbar.scrolled .menu-trigger-btn span::before,#mainNavbar.scrolled .menu-trigger-btn span::after {background: #ffffff;}
.menu-dropdown { position: relative;}
.dropdown-trigger-wrapper { display: inline-flex; align-items: center; cursor: pointer; gap: 4px; text-decoration: none !important; position: relative; z-index: 5;}
/* SVG Arrow Icon for Dropdown (CTA Style) */
.dropdown-arrow-wrapper {width: 50px; height: 30px; margin-left: 10px; position: relative; display: inline-flex; align-items: center; transition: 0.4s ease-in-out; color: #fff;}
.dropdown-arrow-wrapper svg { width: 100%; height: 100%; display: block;}
.dropdown-arrow-wrapper .one { transition: 0.4s; transform: translateX(-35%);}
.dropdown-arrow-wrapper .two { transition: 0.5s; transform: translateX(-30%);}
.menu-dropdown:hover > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper,
.menu-dropdown.active > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper {color: var(--coral);}
.menu-dropdown:hover > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper .one,
.menu-dropdown.active > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper .one {transform: translateX(0%);}
.menu-dropdown:hover > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper .two,
.menu-dropdown.active > .dropdown-trigger-wrapper > .dropdown-arrow-wrapper .two {transform: translateX(0%);}
.menu-dropdown.active > .dropdown-trigger-wrapper > .btn-text,
.menu-dropdown:hover > .dropdown-trigger-wrapper > .btn-text { color: var(--coral) !important; letter-spacing: 0.09em !important; }
.btn-text.active-page,
.dropdown-trigger-wrapper.active-page .btn-text,
.dropdown-trigger-wrapper.active-page .dropdown-arrow-wrapper { color: var(--coral) !important; letter-spacing: 0.09em !important; font-size: 1.4rem !important; transition: color 0.6s ease, letter-spacing 0.6s ease !important;}
.innermenubar .dropdown-list { display: none; padding-left: 35px !important; padding-top: 0px !important; padding-bottom: 0px !important; list-style: none !important;}
.menu-dropdown.active .dropdown-list,
.menu-dropdown:hover .dropdown-list { display: block; }
.dropdown-list li { margin: 30px 0px !important; padding: 0 !important; line-height: 1.2 !important; }
.sub-dropdown-list li a {font-size: .9rem !important;font-family: var(--font-display); color: rgb(255, 255, 255) !important; transition: opacity 0.4s ease, color 0.4s ease, padding-left 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; letter-spacing: 0.05em; position: relative; display: block; width: 100%; padding-left: 0 !important;}
.sub-dropdown-list li a::before { content: '—'; position: absolute; left: 0; top: 50%; opacity: 0; transform: translateY(-50%) translateX(-8px); color: #FF9966; pointer-events: none !important; transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; }
.sub-dropdown-list li:hover a, .sub-dropdown-list a:hover { color: #FF9966!important; padding-left: 20px !important; transform: none !important;transition: 0.4s ease !important}
.sub-dropdown-list li:hover a::before, .sub-dropdown-list a:hover::before { opacity: 1; transform: translateY(-50%) translateX(0) !important; }

.sub-dropdown { position: relative; margin: 18px 0 !important; display: block; }
.sub-dropdown-trigger { cursor: pointer; display: inline-flex; align-items: center; gap: 4px; padding: 2px 0; text-decoration: none !important; position: relative; z-index: 5; }
.sub-category-title { font-size: 1.3rem !important;  font-family: var(--font-display);  color: #ffffff !important; transition: all 0.3s ease !important; letter-spacing: 0.06em; text-decoration: none !important; display: inline-block; position: relative; }
.sub-category-title::before { display: none !important; content: none !important; }
.sub-dropdown .dropdown-arrow-wrapper { width: 36px !important; height: 22px !important; margin-left: 6px !important; color: #ffffff; transform: translateX(0); transition: all 0.4s ease-in-out; }
.sub-dropdown .dropdown-arrow-wrapper .one { transform: translateX(-35%) !important; transition: 0.4s ease-in-out; }
.sub-dropdown .dropdown-arrow-wrapper .two { transform: translateX(-30%) !important; transition: 0.5s ease-in-out; }
.innermenubar .dropdown-list .sub-dropdown-list {list-style: none !important; padding-left: 16px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin: 0 !important;opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;}
.innermenubar .dropdown-list .sub-dropdown-list::before {display: none !important; pointer-events: none !important;}
.innermenubar .dropdown-list .sub-dropdown-list li { margin: 25px 0px !important; padding: 0 !important; line-height: 1.2 !important; }
.sub-dropdown:hover > .sub-dropdown-list,.sub-dropdown.hover-active > .sub-dropdown-list,.sub-dropdown.active-sub > .sub-dropdown-list {opacity: 1; visibility: visible; pointer-events: all;transform: translateX(0);padding-top: 2px !important;padding-bottom: 2px !important;}
.sub-dropdown:hover .sub-category-title,.sub-dropdown.hover-active .sub-category-title,.sub-dropdown.active-sub .sub-category-title { color: #FF9966 !important; transform: translateX(6px); }
.sub-dropdown:hover .dropdown-arrow-wrapper,
.sub-dropdown.hover-active .dropdown-arrow-wrapper,
.sub-dropdown.active-sub .dropdown-arrow-wrapper { color: var(--coral) !important; transform: translateX(8px); }
.sub-dropdown:hover .dropdown-arrow-wrapper .one,
.sub-dropdown.hover-active .dropdown-arrow-wrapper .one,
.sub-dropdown.active-sub .dropdown-arrow-wrapper .one { transform: translateX(0%) !important; }
.sub-dropdown:hover .dropdown-arrow-wrapper .two,
.sub-dropdown.hover-active .dropdown-arrow-wrapper .two,
.sub-dropdown.active-sub .dropdown-arrow-wrapper .two { transform: translateX(0%) !important; }
.innermenubar a, 
.sub-category-title {transition: opacity 0.3s ease, color 0.3s ease, transform 0.3s ease !important;}
.dropdown-list:has(.active-sub, .sub-dropdown:hover) .sub-dropdown:not(.active-sub):not(:hover) .sub-category-title,
.dropdown-list:has(.active-sub, .sub-dropdown:hover) .sub-dropdown:not(.active-sub):not(:hover) .dropdown-arrow-wrapper {opacity: 0.45 !important;}
.sub-dropdown-list:has(.active-page, li:hover) li a:not(.active-page):not(:hover) {opacity: 0.45 !important;}
.sub-dropdown.active-sub .sub-category-title,
.sub-dropdown.active-sub .dropdown-arrow-wrapper {color: #FF9966 !important;opacity: 1 !important;}
.sub-dropdown-list li a.active-page {color: #FF9966 !important;opacity: 1 !important;padding-left: 20px !important;transform: none !important;font-size: 1rem !important;}
.sub-dropdown-list li a.active-page::before {opacity: 1 !important; transform: translateY(-50%) translateX(0) !important;}
.innermenu { display: flex; flex-direction: column;justify-content: space-between;}
.menu-body-wrapper { display: flex; justify-content: space-between; align-items: stretch; width: 100%; flex-grow: 1;}
.menu-left-col { display: flex; flex-direction: column;align-items: flex-start;justify-content: flex-start; padding-top: 40px; height: auto;}
.menu-left-footer { margin-top: 40px; }
.menu-social-links a.social-link img {width: 30px; height: 30px; object-fit: contain; filter: brightness(0) invert(1); transition: transform 0.3s ease;}

/* ==============================s===============================
   NAVBAR SECTION STYLES
================================s============================== */
#mainNavbar { padding: 0; transition: background-color var(--transition), box-shadow var(--transition), transform 1s ease-in-out; z-index: 1050; padding: 15px 0; background: transparent; }
#mainNavbar.hide-nav { transform: translateY(-100%) !important; }
#mainNavbar.scrolled {background: var(--white) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10) !important; padding: 0; }
.navbar-toggler:focus {box-shadow: none !important;}
#mainNavbar .navbar-toggler {display: flex !important;flex-direction: column;justify-content: center;align-items: center;gap: 4px; width: 40px;height: 40px; background: rgb(255, 255, 255); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1.5px solid rgba(255, 255, 255, 0.22) !important;border-radius: 50%;padding: 0;cursor: pointer; position: relative; z-index: 1060 !important; transition: background-color var(--transition), border-color var(--transition);}
#mainNavbar.scrolled .navbar-toggler {background: var(--dark-blue) !important; border-color: var(--dark-blue) !important;}
#mainNavbar .navbar-toggler span {display: block; height: 2px; background-color: #000; border-radius: 2px;transition: all var(--transition);}
#mainNavbar.scrolled .navbar-toggler span {background-color: var(--white) !important;}
#mainNavbar .navbar-toggler span:nth-child(1) { width: 18px; }
#mainNavbar .navbar-toggler span:nth-child(2) { width: 12px; }
#mainNavbar .navbar-toggler span:nth-child(3) { width: 18px; }
#mainNavbar .navbar-toggler[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg);}
#mainNavbar .navbar-toggler[aria-expanded="true"] span:nth-child(2) { opacity: 0;}
#mainNavbar .navbar-toggler[aria-expanded="true"] span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}
#navMenu {position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100vh !important; max-width: none !important; background: rgb(255 227 223) !important; z-index: 1040; border-radius: 0 !important; box-shadow: none !important; padding: 40px 24px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; backdrop-filter: blur(8px); transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease;}
#navMenu.show { transform: translateX(0); opacity: 1; pointer-events: all;}
#mainNavbar .navbar-nav {flex-direction: column !important; align-items: center !important; gap: 18px !important;}
#mainNavbar .btn-contact {display: inline-block; width: fit-content; margin: 20px auto 10px auto;}
.nav-backdrop {position: fixed; inset: 0; background: rgba(10, 25, 47, 0.4); backdrop-filter: blur(5px); z-index: 1030; display: none;}
#mainNavbar .navbar-brand { border-radius: 5px;padding: 0px 5px;display: flex;align-items: center;justify-content: center;transition: all var(--transition);}
.logo-icon img {height: 60px; width: auto;display: block;transition: filter var(--transition);}
#mainNavbar:not(.scrolled) .logo-icon img {filter: brightness(0) invert(1);}
.brand-name {font-family: var(--font-display);font-size: 1.35rem;font-weight: 700;color: #111111;letter-spacing: 0.04em;}
.navbar-nav .nav-link {font-size: 1.88rem;font-weight: 500;color: var(--text-dark) !important;padding: 6px 4px !important;position: relative;transition: color var(--transition);}
.navbar-nav .nav-link:not(.dropdown-toggle)::after {display: none;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active {color: var(--dark-blue) !important;}
.dropdown-menu {background: rgba(255, 255, 255, 0.88) !important;border-radius: var(--radius-md) !important;padding: 8px !important;}
.dropdown-item {font-size: 0.95rem;font-weight: 600;color: var(--text-dark) !important;padding: 10px 16px;border-radius: var(--radius-sm);transition: all var(--transition);}
.dropdown-item:hover {background-color: var(--dark-blue) !important;color: var(--white) !important;transform: translateX(4px);}
.dropdown-toggle::after {display: inline-block !important;transition: transform var(--transition) !important;vertical-align: 0.15em !important;}
.dropdown-toggle[aria-expanded="true"]::after {transform: rotate(180deg);}
/* =============================s=============================================
   RESPONSIVE STYLES FOR NAVBAR & OVERLAY MENU
   ==============================s============================================ */
@media (min-width: 1799px) {.innermenubar .dropdown-list .sub-dropdown-list{ width: 300px !important; left: 255px;}
.innermenubar .btn-text,.btn-text.active-page,.dropdown-trigger-wrapper.active-page .btn-text,.dropdown-trigger-wrapper.active-page .dropdown-arrow-wrapper {font-size: 1.3rem ;}
.btn-text.active-page, .dropdown-trigger-wrapper.active-page .btn-text, .dropdown-trigger-wrapper.active-page .dropdown-arrow-wrapper{font-size: 2.1rem;}
.sub-category-title {font-size: 1.4rem !important;}.sub-dropdown .dropdown-arrow-wrapper { width: 44px !important; height: 26px !important;}
.sub-dropdown-list li a {font-size: 1rem !important;}
.innermenubar .dropdown-list {left: 380px !important;top: 50% !important;transform: translateY(-50%) !important;width: 400px !important;}
.innermenubar .dropdown-list .sub-dropdown-list {left: 300px !important;top: 50% !important;transform: translateY(-50%) !important;width: 450px !important;}
.dropdown-list li {margin: 30px 0px !important;}
.sub-dropdown-list a::before {left: 0 !important;}
.sub-dropdown-list li:hover a, .sub-dropdown-list a:hover, .sub-dropdown-list li a.active-page {padding-left: 25px !important; transform: none !important;}
.menu-side-logo img {width: 300px !important;}.menu-social-links a.social-link { width: 56px !important; height: 56px !important; font-size: 1.4rem !important;}
.innermenubar .dropdown-list::before {display: none !important; pointer-events: none !important;}
}
@media (min-width: 992px) {
  .btn-text.active-page, .dropdown-trigger-wrapper.active-page .btn-text, .dropdown-trigger-wrapper.active-page .dropdown-arrow-wrapper{font-size: 2rem !important;}
  .innermenubar a { text-decoration: none; font-size: 1.3rem; color: #fff; font-family: var(--font-display); letter-spacing: 0.05em; transition: color 0.3s ease; }
  .menu-left-col { height: 100%;justify-content: space-between !important;  }
  .navbar-nav .nav-item.dropdown .dropdown-menu { position: absolute !important; top: 100% !important; left: 50% !important; display: block !important; opacity: 0; visibility: hidden; transform: translateX(-20%) translateY(15px) scale(0.95) !important; transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5) !important; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important; min-width: 210px;}
  .navbar-nav .nav-item.dropdown:hover .dropdown-menu {opacity: 1 !important; visibility: visible !important; transform: translateX(-20%) translateY(8px) scale(1) !important;}
  .navbar-nav .nav-item.dropdown:hover .dropdown-toggle::after {transform: rotate(180deg);}
  .menu-dropdown {position: relative;}
  .innermenubar .dropdown-list { display: block !important; position: absolute; left: 240px; top: 50% !important; padding-left: 40px !important; width: 240px; opacity: 0; visibility: hidden; transform: translateY(-50%) translateY(10px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important; pointer-events: none;}
  .menu-dropdown.active .dropdown-list, .menu-dropdown:hover .dropdown-list { opacity: 1 !important; visibility: visible !important; pointer-events: all !important; transform: translateY(-50%) !important;}
  .innermenubar .dropdown-list::before {display: none !important; pointer-events: none !important;}
  .innermenubar .dropdown-list .sub-dropdown-list { position: absolute !important; left: 155px; top: 50% !important; width: 240px; padding-left: 25px !important; display: none !important; transform: translateY(-50%) translateX(10px); transition: opacity 0.3s ease, transform 0.3s ease !important; pointer-events: none;}
  .sub-dropdown:hover > .sub-dropdown-list,.sub-dropdown.hover-active > .sub-dropdown-list,.sub-dropdown.active-sub > .sub-dropdown-list {display: block !important;opacity: 1 !important; visibility: visible !important; pointer-events: all !important;transform: translateY(-50%) translateX(0) !important;}
  .sub-dropdown:hover > .sub-dropdown-trigger .sub-category-title,.sub-dropdown.hover-active > .sub-dropdown-trigger .sub-category-title,.sub-dropdown.active-sub > .sub-dropdown-trigger .sub-category-title {color: var(--coral) !important;}
  .sub-dropdown:hover > .sub-dropdown-trigger .dropdown-arrow-wrapper i,.sub-dropdown.hover-active > .sub-dropdown-trigger .dropdown-arrow-wrapper i,.sub-dropdown.active-sub > .sub-dropdown-trigger .dropdown-arrow-wrapper i {color: var(--coral) !important;}
}

@media (max-width: 991.98px) {
  #mainNavbar:not(.scrolled) {background: transparent !important; box-shadow: none !important;}
  .navbar-nav .dropdown-menu {position: static !important;float: none !important;transform: none !important;background: rgba(0, 0, 0, 0.04) !important;border: none !important;box-shadow: none !important;margin-top: 10px !important;padding: 8px 0 !important;width: 100% !important;display: none !important;border-radius: var(--radius-sm) !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;}
  .navbar-nav .dropdown-menu.show {display: block !important;}
  .navbar-nav .dropdown-item {font-size: 1.15rem !important;padding: 10px 15px !important;text-align: center !important;color: var(--text-dark) !important;}
  .navbar-nav .dropdown-item:hover {background-color: rgba(0, 0, 0, 0.05) !important;color: var(--dark-blue) !important;transform: none !important;}
  .navbar-collapse {position: fixed;bottom: 0;left: 0;width: 100vw;height: 100vh;background: rgba(26, 60, 94, 0.98) !important;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);padding: 100px 40px 60px 40px;transform: translateY(100%);transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);display: flex !important;flex-direction: column;justify-content: center;align-items: center;z-index: 1045;}
  .navbar-collapse.show {transform: translateY(0);}
  .navbar-collapse.collapsing {transform: translateY(100%);height: 100vh !important;transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;}
  .navbar-toggler {display: flex !important;flex-direction: column;justify-content: space-between;width: 24px;height: 18px;background: transparent;border: none;padding: 0;z-index: 1055;transition: transform 0.3s ease;}
  .navbar-toggler span {display: block;width: 100%;height: 2px;background-color: var(--text-dark);border-radius: 2px;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, background-color 0.3s ease;}
  .navbar-toggler[aria-expanded="true"] span:nth-child(1) {transform: translateY(8px) rotate(45deg);background-color: var(--white) !important;}
  .navbar-toggler[aria-expanded="true"] span:nth-child(2) {opacity: 0;}
  .navbar-toggler[aria-expanded="true"] span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);background-color: var(--white) !important;}
  .navbar-nav {width: 100%;max-width: 400px;margin: 0 auto;display: flex;flex-direction: column;gap: 20px !important;text-align: center;}
  .navbar-nav .nav-link {color: rgba(255, 255, 255, 0.85) !important;font-size: 1.4rem !important;font-weight: 600 !important;padding: 10px 0 !important;border-bottom: 1px solid rgba(255, 255, 255, 0.08);width: 100%;display: block;text-align: center;transition: all 0.3s ease;}
  .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {color: var(--coral) !important;border-bottom-color: var(--coral);transform: translateY(-2px);}
  .navbar-collapse .btn-contact {margin-top: 30px;width: 100%;max-width: 250px;text-align: center;padding: 12px 24px;font-size: 1rem;border-radius: 50px;background-color: var(--coral);box-shadow: 0 4px 15px rgba(232, 132, 90, 0.3);}
  .navbar-collapse .btn-contact:hover {background-color: var(--coral);transform: translateY(-2px);}
  .circlehref {position: absolute !important;top: 25px !important;right: 25px !important;left: auto !important;z-index: 10000 !important;}
  .innermenu .innercircle span {position: relative !important;top: auto !important;left: auto !important;right: auto !important;transform: none !important;width: 50px !important;height: 50px !important;font-size: 25px !important;}
  .innermenu .circlehref .innercircle span,.innermenu .circlehref .innercircle .svg {width: 50px !important;height: 50px !important;}
  .innermenu .circlehref .innercircle .svg {display: none !important;}
  .innermenu .circlehref .innercircle iconify-icon {font-size: 32px !important;color: #fff !important;position: relative !important;left: auto !important;top: auto !important;transform: none !important;display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;height: 100% !important;}
  .menu-body-wrapper {flex-direction: column !important;align-items: flex-start !important;justify-content: flex-start !important;gap: 35px;}
  .menu-right-col {align-items: flex-start !important;text-align: left !important;width: 100%;margin-top: 15px;}
  .menu-side-logo img {width: 150px !important;}
  .menu_bg_right {display: none;}
}

@media (max-width: 991.98px) {
  .logo-icon img {height: 47px; width: auto; display: block; transition: filter var(--transition);}
  .innermenubar a:not(.sub-category-title) { font-size: 1rem; }
  .innermenubar ul { gap: 10px !important; }
  .dropdown-list li { margin: 5px 0px !important; }
  .innermenubar .dropdown-list { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; margin-top: 10px !important; }
  .innermenubar .dropdown-list .sub-dropdown-list { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; padding-left: 15px !important; margin-top: 8px !important; margin-bottom: 8px !important; max-height: 0; overflow: hidden; transform: translateY(-4px) !important; transition: max-height 0.4s ease, opacity 0.35s ease, transform 0.35s ease !important;}
  .innermenubar .dropdown-list .sub-dropdown-list li { margin: 4px 0px !important; padding: 0 !important; line-height: 1.2 !important;}
  .sub-dropdown:hover > .sub-dropdown-list,.sub-dropdown.hover-active > .sub-dropdown-list,.sub-dropdown.active-sub > .sub-dropdown-list {max-height: 250px !important; opacity: 1 !important; visibility: visible !important; pointer-events: all !important; transform: translateY(0) !important;}
}

@media (max-width: 480px) {
  .mainmenu a { padding: 10px 0px;}
  .mainmenu .navmenu { padding: 12px 15px; }
  .deactivemenu { transition: all 1.5s; transform: translateX(165%) skewX(-30deg) !important; }
  .fa-bars { margin-right: 0px; }
  .callicon ion-icon { font-size: 20px; padding: 10px; border: 1px solid #FF9966; border-radius: 25px;}
  .innermenu { width: 100%; height: 100%; background: var(--dark-blue); min-height: 100%; padding: 30px 20px; overflow: scroll;}
  .innermenu .circle { display: none; }
  .callicon iconify-icon {font-size: 20px;padding: 10px;border: 1px solid #FF9966;border-radius: 25px;color: #FF9966;}
  .menubottom .downloadbtn { border: 1px solid #FF9966; background: #FF9966; border-radius: 30px; color: #fff; margin: 10px; padding: 5px 15px; text-decoration: none;  }
  .menubottom .menulogo { margin-top: -25%; width: 130px; }
  .menu-left-col{padding-top: 0px;}
  #mainNavbar.scrolled {background: var(--white) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10) !important; padding:  6px 0; }

}

@media only screen and (min-width: 481px) and (max-width: 767px) { 
  .mainmenu a { padding: 10px 0px;}
  .mainmenu .navmenu { padding: 12px 15px; }
  .deactivemenu { transition: all 1.5s; transform: translateX(165%) skewX(-30deg) !important; }
  .fa-bars { margin-right: 0px; }
  .callicon ion-icon { font-size: 20px; padding: 10px; border: 1px solid #FF9966; border-radius: 25px;}
  .innermenu { width: 100%; height: 100%; background: #0B1A37; min-height: 100%; padding: 30px 10px;overflow: scroll; }
  .innermenu .circle { display: none; }
  .callicon iconify-icon {font-size: 20px;padding: 10px;border: 1px solid #FF9966;border-radius: 25px;color: #FF9966;}
  .menubottom .downloadbtn { border: 1px solid #FF9966; background: #FF9966; border-radius: 30px; color: #fff; margin: 10px; padding: 5px 15px; text-decoration: none;  }
  .menubottom .menulogo { margin-top: -25%; width: 130px; }
}

@media only screen and (min-width: 767px) and (max-width: 999px) { 
  .mainmenu a { padding: 10px 0px;}
  .mainmenu .navmenu { padding: 12px 15px; }
  .deactivemenu { transition: all 1.5s; transform: translateX(165%) skewX(-30deg) !important; }
  .fa-bars { margin-right: 0px; }
  .callicon ion-icon { font-size: 20px; padding: 10px; border: 1px solid #FF9966; border-radius: 25px;}
  .innermenu { width: 100%; height: 100%; background: #0B1A37; min-height: 100%; padding: 40px 40px 80px;overflow: scroll; }
  .innermenu .circle { display: none; }
  .callicon iconify-icon {font-size: 20px;padding: 10px;border: 1px solid #FF9966;border-radius: 25px;color: #FF9966;}
}
@media only screen and (min-width: 1000px)  and (max-width: 1299px) {
  .mainmenu a {padding: 5px; }
}