header {display: flex;align-items: center;justify-content: center;padding: 12px 4% !important;background-color: #fff;border-color: aqua;box-sizing: border-box;border-bottom: 2px solid #ccc;}.logo {display: flex;flex-direction: column;align-items: center;margin-right: 6% !important;}.search-bar {display: flex;justify-content: center;align-items: center;margin: 0;padding: 10px;}.search-bar input {width: 60%;height:2.5rem;padding: 0.5rem;border: 1px solid #ccc;border-right: none;border-radius: 4px 0 0 4px;outline: none;font-size: 1rem;box-shadow: inset 0 0 30px rgba(211, 211, 211, 0.5);}.search-bar button {padding: 0;display: flex;justify-content: center;align-items: center;width: auto;background-color: #FFCC00;color: black;font-weight: bold;cursor: pointer;font-size: 16px !important;transition: background-color 0.3s, box-shadow 0.3s;box-shadow: inset 0 0 10px rgba(211, 211, 211, 0.5);height:2.5rem;padding: 0.6rem 1rem;border: none;border-radius: 0 4px 4px 0;}.search-bar button:hover {background-color: #FFE206;box-shadow: inset 0 0 10px rgba(255, 255, 200, 0.7);}.search-input::placeholder {color: #9E9E9E;font-weight: lighter;opacity: 1;}.search-input::-webkit-input-placeholder {color: #9E9E9E;font-weight: lighter;font-weight:400;font-family: Arial, sans-serif;}.contact-details {display: flex;flex-direction: column;align-items: flex-start;margin-right: 2%;font-size: 0.8rem !important;color: #555;}.mobile-icons{gap:0px !important;}.contact-item {display: flex;align-items: center;margin-bottom: 0.3rem;}.contact-item i {color: #555;margin-right: 0.3rem;}.auth-buttons {display: flex;flex-direction: column;align-items: center;}.auth-buttons button {display: flex;align-items: center;padding: 0.6rem 1rem;background-color: #FFCC00;color: black;font-weight: bold;border: none;border-radius: 4px;cursor: pointer;font-size: 1rem;transition: background-color 0.3s;}.auth-buttons button i {margin-right: 0.3rem;}.auth-buttons button:hover {background-color: #FFE206;}.auth-buttons .caption {margin-top: 0.3rem;font-size: 0.8rem;color: #555;font-style: italic;}.nav-items li a {display: block;}#roleForm select {background: transparent;padding: 5px 15px;border: 1px solid black;font-weight: 600;font-size: 16px !important;}@media (min-width: 1440px) {header {padding: 1px 8%;}.contact-details {font-size: 1.2rem;}.auth-buttons button {font-size: 1.2rem;padding: 0.8rem 1.2rem;}.auth-buttons .caption {font-size: 1rem;}}.navbar {display: flex;justify-content: center;align-items: center;background-color: #FFCC00;padding: 10px 20px;position: relative;flex-shrink: 0;height: fit-content;box-sizing: border-box;}.nav-items {display: flex;gap: 15px;list-style: none;background-color: transparent;padding: 0;margin: 0;}.nav-items li {background-color: transparent;display: inline-block;}.navbar .nav-items {background-color: transparent !important;}.nav-items li a {color:rgb(255, 255, 255);text-decoration: none;font-size: 16px !important;font-weight: lighter;padding: 5px 10px;transition: background-color 0.3s;background-color: transparent;}.nav-items li a:hover {color: white !important;}#openModalBtn.menu-item.custo:hover {color: white !important;}#openModalBtn.menu-item.custo:hover a {color: white !important;}.nav-items > li > a:hover {color: rgba(139, 139, 139, 0.89) !important;}#category-list a:hover {color: black !important;}.category:hover > a {color: white !important;background-color: #ccc;}.category:hover .sub-menu {display: block;}.category:hover > a, .sub-menu:hover {color: white !important;}.sub-menu {display: none;position: absolute;background-color: white;}.category:hover .sub-menu {display: block;}.nav-items li a i {margin-left: 5px;}#category-list .category > a {display: flex;align-items: center;justify-content: space-between;width: 280px;padding-right: 10px;position: relative;}#category-list .category > a::after {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 10px;color: #333;}#category-list .sub-menu li a::after {content: none !important;}.customer {font-size: 14px;color: #010101;font-weight: bold;display: flex;align-items: center;gap: 5px;position: relative;}.customer a {text-decoration: none;color: #333;}.customer a i {margin-left: 5px;}.customer .customer-dropdown-menu {display: none;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ccc;list-style: none;padding: 10px 0;min-width: 200px;z-index: 10;}.customer .customer-dropdown-menu li {padding: 0;border-bottom: 1px solid #ddd;width: 100%;box-sizing: border-box;}.customer .customer-dropdown-menu li:last-child {border-bottom: none;}.customer .customer-dropdown-menu a {display: block;color: #333;padding: 8px 20px;text-decoration: none;font-size: 14px;font-weight: normal;transition: background-color 0.3s;width: 100%;box-sizing: border-box;}.customer .customer-dropdown-menu a:hover {background-color: #B1ACAC;}.customer:hover .customer-dropdown-menu {display: block;}.navbar .nav-items li {display: inline-block;background-color: transparent;}.navbar .profile, .navbar .customer {margin-left: 80px;}.nav-items .dropdown {position: relative;}.nav-items .dropdown-menu {display: none;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ccc;list-style: none;padding: 10px 0;min-width: 200px;z-index: 10;}.nav-items .dropdown-menu li a, .nav-items .dropdown-menu .sub-menu a {display: block;color: #333;padding: 8px 20px;text-decoration: none;font-size: 14px !important;font-weight: normal;transition: background-color 0.3s;width: 100%;box-sizing: border-box;}.nav-items .dropdown-menu li {padding: 0;border-bottom: 1px solid #ddd;width: 100%;box-sizing: border-box;}.nav-items .dropdown-menu li:last-child {border-bottom: none;}.nav-items .dropdown-menu a {display: block;color: #333;padding: 8px 20px;text-decoration: none;font-size: 14px;font-weight: normal;transition: background-color 0.3s;}.nav-items .dropdown-menu a:hover {background-color:rgb(255, 255, 255);}.nav-items .dropdown-menu .category {position: relative;border-bottom: 1px solid #ddd;}.nav-items .dropdown-menu .sub-menu {display: none;position: absolute;top: 0;left: 100%;background-color: #fff;border: 1px solid #ccc;list-style: none;padding: 10px 0;min-width: 200px;z-index: 10;box-sizing: border-box;}.nav-items .dropdown-menu .sub-menu li {border-bottom: 1px solid #ddd;}.nav-items .dropdown-menu .sub-menu li:last-child {border-bottom: none;}.nav-items .dropdown-menu .sub-menu a {display: block;color: #333;padding: 8px 20px;text-decoration: none;font-size: 14px;font-weight: normal;transition: background-color 0.3s;}.nav-items .dropdown-menu .sub-menu a:hover {background-color:rgb(255, 3, 3);}.nav-items .dropdown:hover .dropdown-menu {display: block;}.nav-items .dropdown-menu .category:hover .sub-menu {display: block;}@media (min-width: 1024px) and (max-width: 1024px) {.navbar {display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;}.nav-items {display: flex;gap: 5px;list-style: none;padding: 0;margin: 0;white-space: nowrap;}.nav-items li {font-size: 10px;display: inline-flex;align-items: center;}.nav-items li a {padding: 2px !important;}.customer {display: inline-flex;align-items: center;gap: 3px;}.customer .customer-dropdown-menu {min-width: 150px;position: absolute;top: 100%;left: auto;}.profile, .customer {margin-left: 5px;}.nav-items .dropdown-menu, .customer .customer-dropdown-menu {min-width: 140px;}.navbar .nav-items {flex-shrink: 1;overflow: hidden;}.nav-items .dropdown, .customer {position: relative;}}@media (min-width: 1440px) {.nav-items {gap: 30px;}.nav-items li a {font-size: 18px !important;}.navbar .profile, .navbar .customer {font-size: 16px;}}@media (min-width: 2560px) {.nav-items {gap: 60px;}.nav-items li a {font-size: 30px;}.navbar .profile, .navbar .customer {font-size: 24px;}}.mobile-icons {display: flex;align-items: center;gap: 15px;padding: 10px;position: relative;cursor:pointer;}.mobile-icons i {margin-right: 15px !important;}.search-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(255, 255, 255, 0.95);display: none;flex-direction: column;justify-content: flex-start;align-items: center;z-index: 1500;padding-top:20px;}.search-container {display: flex;align-items: center;width: 90%;max-width: 600px;background: #fff;border-radius: 50px;padding: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);margin-top: 10px;}#close-search {font-size: 24px;margin-right: 10px;cursor: pointer;}.search-container input {flex-grow: 1;border: none;outline: none;font-size: 18px;padding:10px;}@media (min-width: 1000px) {.search-overlay {display: none !important;}}.top-row i {width: 55px;height: 55px;display: flex;justify-content: center;align-items: center;font-size: 24px;margin-right: 15px;color: #fff;}.search-icon i {font-size: 20px;color: #333;cursor: pointer;transition: color 0.3s ease;}.search-icon i:hover {color: #FFCC00;}.mobile-menu {display: none;background-color: #fff;padding: 20px;position: fixed;top: 0;right: 0;width: 80%;height: 520px;box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;transform: translateX(100%);z-index: 100;}.mobile-menu.active {display: block;transform: translateX(0);}.top-row {display: flex;justify-content: space-between;}.top-row a {display: flex;align-items: center;padding: 8px 14px;background-color: #000;color: white;font-weight: bold;border-radius: 25px;text-decoration: none;transition: background-color 0.3s, color 0.3s, border-color 0.3s;margin-right: 10px;gap: 8px;}.top-row a i {font-size: 16px;margin: 0;}.sign-in-link {display: inline-flex;align-items: center;gap: 8px;padding: 8px 10px;background-color: #000;color: white;font-weight: bold;border-radius: 25px;text-decoration: none;transition: background-color 0.3s, color 0.3s;margin-right: 10px;}.sign-in-link i {font-size: 16px;margin: 0;display: inline-block;}.top-row {list-style: none;padding-bottom: 10px;border-bottom: 1px solid #000;}.top-row li a {display: block;text-decoration: none;color: #333;font-size: 18px;font-weight: bold;padding: 10px 0;text-align: center;margin-top: 10px;}.menu-items {list-style: none;padding: 20px 0;}.menu-items li a {display: block;text-decoration: none;color: #333;font-size: 14px;padding: 10px 0;}#openModalBtn.menu-item.custo a{color:black !important;text-decoration:none;}.customer-vendor {background-color: #fff;margin-top: 20px;padding: 10px;border-radius: 10px;text-align: center;}.customer-vendor a {text-decoration: none;color: #333;font-size: 16px;font-weight: bold;margin: 0 5px;}.menu-icon {display: none;font-size: 24px;cursor: pointer;}.close-menu {font-size: 30px;color: #333;cursor: pointer;display: inline-block;padding: 0 10px;transition: color 0.3s;}.close-menu:hover {color: #FFCC00;}.top-row a, .customer-vendor a {display: inline-block;padding: 8px 14px;background-color: #000;color: white;font-weight: bold;border-radius: 25px;text-decoration: none;transition: background-color 0.3s, color 0.3s, border-color 0.3s;margin-right: 10px;}.top-row a:hover, .customer-vendor a:hover {background-color: rgba(0, 0, 0, 0.541);color: #fff;border-color: #FFE206;}.menu-items li {position: relative;border-bottom: 1px solid #ccc;}.menu-items li a {display: flex;justify-content: space-between;text-decoration: none;color: #333;font-size: 14px;padding: 10px 0;transition: background-color 0.3s;}.menu-items li a::after {content: '\003E';font-size: 14px;color: #333;position: absolute;right: 10px;font-weight: bold;transition: color 0.3s ease;}.menu-items li a:hover::after {color: #FFCC00;}.menu-items li a:hover {background-color: #f1f1f1;}.menu-items li:first-child a, .top-row a:first-child {border: none;border-bottom: none;padding: 10px;}.menu-items li:first-child a:hover {background-color: transparent;}.menu-items {padding: 20px 0;}.menu-items {padding: 20px 0;}.social-section {margin-top: auto;padding-top: 20px;}.follow-sub {border: 1px solid #000;border-radius: 25px;padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;}.follow-title {font-size: 16px;font-weight: bold;color: #000;text-transform: capitalize;padding-left: 40px;}.follow-text {font-size: 16px;}.social-icons {display: flex;gap: 20px;}.social-icons a {color: #000;text-decoration: none;font-size: 20px;}.social-icon.facebook:hover {color: #3b5998;}.social-icon.instagram:hover {color: #e4405f;}.social-icon.linkedin:hover {color: #0077b5;}.social-icon.twitter:hover {color: #1da1f2;}@media (max-width: 768px) {.follow-sub {flex-wrap: nowrap;}}@media (max-width: 768px) {.navbar, .search-bar, .auth-buttons {display: none;}header {flex-direction: row;justify-content: space-between;width: 100%;}.logo {flex: 1;}.contact-details {display: flex;flex: 2;flex-direction: column;margin-left: 10px;}.contact-item {margin-bottom: 10px;}.auth-buttons .caption {display: block;margin-top: 10px;font-size: 12px;color: #555;font-style: italic;}.menu-icon {display: block;position: absolute;right: 20px;top: 20px;}}@media (min-width: 769px) and (max-width: 1000px) {.navbar, .search-bar, .auth-buttons {display: none !important;}header {flex-direction: row;justify-content: space-between;width: 100%;}.logo {flex: 1;}.contact-details {display: flex;flex: 2;flex-direction: column;margin-left: 15px;}.contact-item {margin-bottom: 12px;}.auth-buttons .caption {display: block;margin-top: 15px;font-size: 13px;color: #555;font-style: italic;}.menu-icon {display: block;position: absolute;right: 25px;top: 25px;}}#mobile-menu .nav-items .visible {display: block !important;}#mobile-menu .nav-items li {display: block !important;}#mobile-menu .nav-items {display: block !important;}.nav-items .dropdown-menu {min-width: 250px !important;}#equipment-items {padding: 10px 10px;border-bottom: 1px solid #ccc ;}.auth-buttonss {display: flex;gap: 10px;align-items: center;}.auth-btnn {display: inline-flex;align-items: center;justify-content: center;padding: 4px;background-color: #ffc107;color: black;border: none;border-radius: 5px;cursor: pointer;}.auth-btnn a {text-decoration: none;color: inherit;margin-left: 5px;}.auth-btnn:hover {background-color: #ff9800;}@media (max-width: 1000px) {.auth-buttonss {display: none;}}.profile-iconn {font-size: 18px;color: #fff;}.auth-linkk {color: #fff;text-decoration: none;font-weight: bold;}.auth-containerr:hover {background-color: #444;}.auth-linkk:hover {color: #ccc;}.auth-buttonnss {display: flex;gap: 10px;}.auth-containerrs {display: flex;align-items: center;gap: 5px;background-color: #000;color: #fff;padding: 8px 16px;border-radius: 25px;cursor: pointer;text-decoration: none;font-size: 16px;font-weight: bold;border: none;}.auth-containerrs a {color: #fff !important;text-decoration: none;}.auth-containerrs:hover {background-color: #333;}@media (max-width: 768px) {.modal-content {width: 90%;margin: 30% auto;}#modal-11 {width: 95%;margin: 15% auto;padding: 15px;}.close {font-size: 20px;}}@media (max-width: 480px) {.modal-content {width: 95%;margin: 40% auto;padding: 15px;}#modal-11 {width: 100%;margin: 20% auto;padding: 10px;}.close {font-size: 18px;}}.dropdownn {position: relative;list-style: none;}.dropdownn-menu {display: none;position: absolute;top: 100%;left: 0;background-color: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 10px 0;border-radius: 5px;list-style: none;z-index: 1000;}.dropdownn-menu li {padding: 5px 20px;}.dropdownn-menu li a {color: black;text-decoration: none;display: block;font-size: 14px;}.dropdownn-menu li a:hover {background-color: #f0f0f0;}.dropdownn:hover .dropdown-menu {display: block;}.dropdownn-menu li a {font-family: 'Alata', sans-serif;font-size: 16px;color: black;text-decoration: none;}.hamburger-menu .social-links {pointer-events: none;}.hamburger-menu .social-links-wrapper {pointer-events: auto;}.hamburger-menu .social-links-wrapper i {font-size: 24px;margin: 0 10px;color: #666;transition: color 0.3s ease;}.hamburger-menu .social-links-wrapper i.fa-facebook:hover {color: #4267B2;}.hamburger-menu .social-links-wrapper i.fa-instagram:hover {color: #E4405F;}.hamburger-menu .social-links-wrapper i.fa-linkedin:hover {color: #0077B5;}.hamburger-menu .social-links-wrapper i.fa-twitter:hover {color: #1DA1F2;}.hamburger-menu .social-links-wrapper:hover {background: none;color: inherit;}@media(min-width:375px) and (max-width:768px){li > ul{top:20% !important;left:-5% !important;}}@media(max-width:768px){li > ul > li {font-size: 12px !important;}.hamburger-menu ul li{font-size:13px !important;}}li > ul {display: none;position: absolute;top: 20%;left:0%;background-color: #f9f9f9;padding: 0;margin: 0;list-style-type: none;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);z-index: 1200;}li > ul > li {position:relative;padding: 10px 20px;white-space: nowrap;background-color: #fff;border-bottom: 1px solid #ccc;width:100% !important;}li > ul > li:hover {background-color:#eee;}li:hover > ul {display: block;}li > ul > li > ul {display: none;position: absolute;top: 70%;left: 0;background-color: #f9f9f9;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);z-index:1300;width:inherit;}li > ul > li > ul > li {padding: 10px 20px;white-space: nowrap;background-color: #fff;border-bottom: 1px solid #ccc;}li > ul > li > ul > li:hover {background-color: #eee;}li > ul > li:hover > ul {display: block;}a {text-decoration: none;color: black;}a:hover {color: black;text-decoration: none;}li:hover > ul {visibility: visible;}li > ul, li > ul > li > ul {transition: opacity 0.3s ease;visibility: hidden;}li:hover > ul, li > ul > li:hover > ul {visibility: visible;}.mobile-icons, .mobile-guarantee-caption {display: none !important;}.hamburger-menu{font-family: "Alata", serif;}.hamburger-header {display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 2px solid #000;margin-bottom: 10px;}.hamburger-home, .hamburger-signin {text-decoration: none;font-size: 14px;font-weight: bold;color: #000;padding: 5px 10px;border-radius: 5px;}.hamburger-signin {background-color: #000000;color: #fff;padding: 5px 15px;}.hamburger-signin:hover {background-color: #ff9800;}.hamburger-menu ul li select {width: 110%;text-align: center;padding: 4px;margin: 0;border-radius:8px;border:1px solid #000;font-size:14px;}.hamburger-signin-wrapper {display: flex;align-items: center;gap: 8px;}#profile-icon {font-size: 12px;color: #fff;margin-right:6px;}.hamburger-signin-wrapper a {font-size: 14px;font-weight: bold;color: #000;text-decoration: none;}#profile-icon:hover {color: #fff;}.hamburger-menu {display: none;position: absolute;top: 50px;right: 0;background-color: #fff;width: 80%;max-width: 300px;height: 570px !important;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index: 1000;padding: 10px;border-radius: 5px;}@media (max-width: 370px) {.hamburger-menu {width: 95%;max-width: none;}}.hamburger-menu ul {list-style-type: none;padding: 0;margin: 0;}.hamburger-menu li {padding: 10px 0;border-bottom: 2px solid #8F8C8C;text-align: left;}.hamburger-menu li:last-child {border-bottom: none;}.hamburger-menu ul li {display: flex;justify-content: space-between;align-items: center;font-size: 16px;padding: 10px;border-bottom: 1px solid #ddd;cursor: pointer;color:#000 !important;}.hamburger-menu ul li i {font-size: 12px;color: #000 !important;}.hamburger-menu ul li:hover i {color: #000;}#no-hover:hover i {color: inherit !important;}.hamburger-menu .social-links {text-align: center;margin-top: 50px;padding: 4px;display: block;}.hamburger-menu .social-links-wrapper {display: inline-block;border: 1px solid #000;border-radius: 12px;padding: 6px;box-sizing: border-box;}.hamburger-menu .social-links i {margin: 0 6px;font-size: 16px;cursor: pointer;transition: color 0.3s ease;}.hamburger-menu ul li.social-links .social-links-wrapper i {transition: color 0.3s ease;}.hamburger-menu ul li.social-links .social-links-wrapper i.fa-facebook:hover {color: #1877f2;}.hamburger-menu ul li.social-links .social-links-wrapper i.fa-instagram:hover {color: #e4405f;}.hamburger-menu ul li.social-links .social-links-wrapper i.fa-linkedin:hover {color: #0077b5;}.hamburger-menu ul li.social-links .social-links-wrapper i.fa-twitter:hover {color: #1da1f2;}@media (max-width: 1000px) {.auth-btn {display: none;}.guarantee-caption {display: none !important;}.mobile-icons {display: flex !important;gap: 15px;align-items: center;font-size: 18px;cursor: pointer;}.mobile-icons i {color: #000;margin-right:15px !important;}.mobile-icons i:hover {color: #333;}.mobile-guarantee-caption {display: flex !important;margin-top: 10px;font-size: 8px;color: #555;align-items: center;gap: 5px;text-align: center;}}@media (min-width: 1440px) {header {padding: 10px 10%;}.logo img {height: 20vh;}.search-bar input {width: 55%;font-size: 1.2rem;}.search-bar button {font-size: 1.2rem;padding: 0.8rem 1.2rem;}.contact-details {font-size: 1.2rem;}.auth-buttons button {font-size: 1.2rem;padding: 0.8rem 1.2rem;}.auth-buttons .caption {font-size: 1rem;}}@media (max-width: 375px) {.hamburger-menu .social-links-wrapper {width: 100%;display: flex;justify-content: center;align-items: center;}.hamburger-menu .social-links i {margin: 0 8px;font-size: 18px;}}@media (max-width: 320px) {.hamburger-menu .social-links-wrapper {width: 100%;display: flex;justify-content: center;align-items: center;}.hamburger-menu .social-links i {margin: 0 6px;font-size: 16px;}}.auth-section {flex: 1;display: flex;flex-direction: column;align-items: center;gap: 5px;}.auth-btn {padding: 4px;background-color: #ffc107;border: none;border-radius: 4px;font-size: 18px;font-weight: bold;cursor: pointer;}.auth-btn:hover {background-color: #ff9800;}.auth-btn a {text-decoration: none;color: #000;}.guarantee-caption {font-size: 14px;color: #555;display: flex;align-items: center;gap: 5px;}@media (max-width: 1000px) {header {background-color: #ffcc00 !important;}}.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 50%;padding: 25px;height: 60%;overflow: hidden;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);overflow-y:auto !important;}.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 2px solid #888;border-radius: 0px;}#modal-11 {max-width: 396px;margin: 50px auto;padding: 20px;border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: #ffcb00;}disnew {background-color: #333;}.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}#notification-bell {position: relative;cursor: pointer;font-size: 22px;}.notification-count {position: absolute;top: -5px;right: -10px;background: red;color: white;font-size: 12px;font-weight: bold;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}.notifications-dropdown {position: absolute;top: 50px;right: 0;width: 320px;background: #121a2a;border-radius: 10px;padding: 10px 15px !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);display: none;z-index: 1000;list-style: none;}.notifications-dropdown .notification-item {display: flex !important;align-items: center;padding: 12px !important;border-bottom: 1px solid #1f2937;cursor: pointer;gap: 12px;flex-direction: row;}.notifications-dropdown .notification-item:hover {background: #bbb;}.notifications-dropdown .notification-item img, .notifications-dropdown .notification-item .avatar {width: 42px;height: 42px;border-radius: 50%;object-fit: contain;flex-shrink: 0;}.notifications-dropdown .avatar {background: #007bff;display: flex;align-items: center;justify-content: center;font-weight: bold;color: white;font-size: 14px;width: 42px;height: 42px;border-radius: 50%;}.notifications-dropdown .notification-content {display: flex;flex-direction: column;flex-grow: 1;justify-content: center;}.notifications-dropdown .notification-content h4 {margin: 0;font-size: 14px;font-weight: bold;}.notifications-dropdown .notification-content p {margin: 4px 0 2px;font-size: 12px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.notifications-dropdown .notification-content span {font-size: 10px;color: #888;}.mobile-notification-container {position: relative;display: inline-block;cursor: pointer;}#mobile-notification-icon {font-size: 14px;color: #000;position: relative;}.mobile-notification-count {position: absolute;top: -5px;right: 5px;background: red;color: white;font-size: 8px;padding: 2px 6px;border-radius: 50%;}.mobile-notification-dropdown {display: none;position: absolute;right: 0;top: 30px;width: 280px;background: white;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 10px;z-index: 10;}.mobile-notification-dropdown h3 {margin: 0;padding-bottom: 5px;border-bottom: 1px solid #ddd;}.mobile-notification-dropdown ul {list-style: none;padding: 0;margin: 0;}.mobile-notification-item {display: flex;align-items: center;padding: 8px 0;border-bottom: 1px solid #f0f0f0;gap: 10px;}.mobile-notification-item:hover {background: #bbb;}.mobile-notification-item div strong {font-size: 13px;}.mobile-notification-item div p {font-size: 11px;margin: 2px 0;}.mobile-notification-item div span {font-size: 10px;color: #888;}.mobile-notification-item img, .mobile-avatar {width: 40px;height: 40px;border-radius: 50%;object-fit: contain;flex-shrink: 0;}.mobile-avatar {background: #007bff;display: flex;align-items: center;justify-content: center;font-weight: bold;color: white;font-size: 14px;width: 40px;height: 40px;border-radius: 50%;}@media screen and (max-width: 1000px) {.mobile-notification-container {display: inline-block;}}@media screen and (min-width: 1001px) {.mobile-notification-container {display: none;}}@media (max-width: 445px) {.mobile-notification-dropdown {position:fixed;top: 60px;left: 50% !important;transform: translateX(-50%) !important;width: 90%;max-width: 320px;background: #fff;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);z-index: 1000;display: none;}}


#no-hover {
    border: 1px solid #000;
    padding: 4px;
    display: inline-block;
    border-radius: 20px;
  }
  
  /* Smaller text for "Follow Us" */
  #follow-label {
    font-size: 14px;
    /* margin-right: 10px; */
    /* vertical-align: middle; */
  }

  .social-icons-group {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  /* Wrapper for all social icons */
  #social-links-unique {
    display: flex;
    gap: 6px;
  }
  
  /* Default icon style */
  #social-links-unique a i {
    color: black;
    font-size: 20px;
    transition: color 0.3s ease;
  }
  
  /* Hover effects with respective brand colors */
  #social-links-unique a:hover .fa-x-twitter { color: #000000 !important; }
  #social-links-unique a:hover .fa-whatsapp { color: #25D366 !important; }
  #social-links-unique a:hover .fa-facebook { color: #1877F2 !important; }
  #social-links-unique a:hover .fa-linkedin { color: #0077B5 !important; }
  #social-links-unique a:hover .fa-instagram { color: #E1306C !important; }
  #social-links-unique a:hover .fa-youtube { color: #FF0000 !important; }

  #social-links-unique a{
    background-color: transparent !important;
    color:#000;
  }

  #no-hover {
    pointer-events: auto !important;
  }  

  #no-hover a {
    pointer-events: auto !important;
  }
  
  #modal-11 {
   position: relative !important; /* for positioning inside modal */
}

/* Circular Close Button */
.close {
  position: absolute !important;
  top: -35px !important;         /* adjust to match modal position */
  right: calc(50% - 198px - 4px) !important; /* align with modal edge */
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: white !important;
  color: black !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 30px !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1010 !important;
  transition: background 0.3s ease !important;
}

.close:hover {
  background: #f00 !important;
  color: #fff !important;
}

@media (max-width: 425px) {
  .close {
    right: calc(50% - 170px - 4px) !important;
  }
}

@media (max-width: 375px) {
  .close {
    right: calc(50% - 150px - 4px) !important;
  }
}

@media (max-width: 320px) {
  .close {
    right: calc(50% - 130px - 4px) !important;
  }
}