header correction updated

This commit is contained in:
akash 2026-03-18 19:17:25 +05:30
parent b7546b814f
commit 999261d6a7
2 changed files with 157 additions and 84 deletions

View File

@ -146,14 +146,35 @@ html {
/* Apply Inter to ALL text elements — exclude icon fonts */
body,
h1, h2, h3, h4, h5, h6,
p, a, div, li, ul, ol,
td, th, label, button,
input, textarea, select,
blockquote, figcaption, caption,
.navbar, .nav-link, .nav-item,
.section-title, .section-heading,
.btn, .form-control {
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
div,
li,
ul,
ol,
td,
th,
label,
button,
input,
textarea,
select,
blockquote,
figcaption,
caption,
.navbar,
.nav-link,
.nav-item,
.section-title,
.section-heading,
.btn,
.form-control {
font-family: 'Inter', sans-serif !important;
}
@ -4350,7 +4371,7 @@ p.banner-text {
.blog-style-one .post-meta {
display: inline-flex;
gap: 26px;
gap: 5px;
}
.blog-style-one hr {
@ -8399,4 +8420,44 @@ Animate wobble-vertical
height: 88px;
}
}
/* ==========================================================
STICKY HEADER site-wide
Applied when user scrolls > 250px (via useSticky hook)
========================================================== */
.homepage1-body .header-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
-webkit-animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown;
animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown;
}
.homepage1-body .header-sticky .row-bg3 {
background: #1a1f2b;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
@keyframes stickyFadeDown {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Also handle generic sticky class for all pages */
#header-sticky.header-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
}

View File

@ -13406,12 +13406,12 @@ body {
.main-menu-metatron ul li a {
padding: 5px 5px;
font-size: 13px;
font-size: 12px;
}
header .vl-btn1 {
padding-left: 15px !important;
padding-right: 15px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.main-menu-metatron ul li .submenu li a {
@ -16684,18 +16684,17 @@ h4.service-details__dynamic-content-erp {
line-height: 32px;
}
.home-contact-one .home-contact__card__content {
padding: 70px 35px 70px 39px !important;
position: relative;
z-index: 2;
}
.home-contact-one .home-contact__card__content {
padding: 70px 35px 70px 39px !important;
position: relative;
z-index: 2;
}
.home-contact-one .contact-home {
.home-contact-one .contact-home {
position: relative !important;
left: 10px !important;
top: -50px !important;
}
.counter-area-two__list {
flex-wrap: wrap;
justify-content: center;
@ -16716,24 +16715,24 @@ h4.service-details__dynamic-content-erp {
flex: 0 0 100%;
}
.home-contact-one .home-contact__card__content {
padding: 66px 0px !important;
position: relative;
z-index: 2;
}
.home-contact-one .home-contact__card__content {
padding: 66px 0px !important;
position: relative;
z-index: 2;
}
.home-contact-one .home-contact__card__shape-one {
.home-contact-one .home-contact__card__shape-one{
display: none !important;
display: none !important;
}
.home-contact-one .contact-home {
position: relative !important;
left: -6px !important;
top: -50px !important;
}
}
.home-contact-one .contact-home {
position: relative !important;
left: -6px !important;
top: -50px !important;
}
}
/* Counter Area */
@ -16760,8 +16759,7 @@ h4.service-details__dynamic-content-erp {
.choose-section .image.m-img {
margin-top: 30px;
}
.card-1 {
.card-1 {
top: -20px;
left: 50%;
transform: translateX(-50%);
@ -17978,7 +17976,7 @@ h4.service-details__dynamic-content-erp {
max-width: 520px !important;
}
.faq-four .pelocis-stretch-element-inside-column {
.faq-four .pelocis-stretch-element-inside-column{
margin-top: 30px !important;
@ -17993,9 +17991,9 @@ h4.service-details__dynamic-content-erp {
position: absolute;
left: 91px !important;
top: 50%;
}
}
.faq-four__image2__icon {
.faq-four__image2__icon {
width: 175px;
height: 175px;
display: flex;
@ -18004,7 +18002,7 @@ h4.service-details__dynamic-content-erp {
position: absolute;
right: 84px !important;
top: 50%;
}
}
.careers-popup-optimized .form-panel {
padding: 20px 35px 15px !important;
@ -18049,7 +18047,7 @@ h4.service-details__dynamic-content-erp {
min-height: 50px !important;
}
.faq-four__image__icon {
.faq-four__image__icon {
width: 175px;
height: 175px;
display: flex;
@ -18059,9 +18057,9 @@ h4.service-details__dynamic-content-erp {
left: 0px !important;
top: 50%;
font-size: 54px !important;
}
}
.faq-four__image2__icon {
.faq-four__image2__icon {
width: 175px;
height: 175px;
display: flex;
@ -18071,7 +18069,7 @@ h4.service-details__dynamic-content-erp {
right: 0px !important;
top: 50%;
font-size: 54px !important;
}
}
.careers-popup-optimized .g-recaptcha-container {
transform: scale(0.7) !important;
@ -18283,71 +18281,85 @@ h4.service-details__dynamic-content-erp {
}
@media (max-width: 475px) {
.home-contact-one .home-contact__card {
.home-contact-one .home-contact__card {
padding: 14px !important;
}
}
.home-contact-one .home-contact__card__list__title {
.home-contact-one .home-contact__card__list__title{
font-size: 16px !important;
font-size: 16px !important;
}
}
.home-contact-one .home-contact__card__list__text a {
.home-contact-one .home-contact__card__list__text a{
font-size: 14px !important;
font-size: 14px !important;
}
}
}
@media (max-width: 375px) {
.home-contact-one .home-contact__card__list li {
padding-right: 41px !important;
padding-left: 36px !important;
}
.home-contact-one .home-contact__card__list li {
padding-right: 41px !important;
padding-left: 36px !important;
}
}
@media (max-width: 320px) {
.home-contact-one .home-contact__card__list li {
display: flex;
align-items: center;
gap: 9px !important;
margin-bottom: 21px !important;
border-radius: 10px !important;
padding: 2px 11px !important;
padding-right: -6px !important;
padding-left: 11px !important;
.home-contact-one .home-contact__card__list li {
display: flex;
align-items: center;
gap: 9px !important;
margin-bottom: 21px !important;
border-radius: 10px !important;
padding: 2px 11px !important;
padding-right: -6px !important;
padding-left: 11px !important;
}
}
.home-contact-one .home-contact__card {
.home-contact-one .home-contact__card {
padding: 14px !important;
}
.home-contact-one .home-contact__card__list li span{
font-size: 20px !important;
}
.home-contact-one .home-contact__card__list__title{
font-size: 14px !important;
}
.home-contact-one .home-contact__card__list__text a{
font-size: 14px !important;
}
}
@media (min-width: 1025px) {
.blog-style-one .blog-content {
padding: 25px !important;
}
.home-contact-one .home-contact__card__list li span {
font-size: 20px !important;
}
.home-contact-one .home-contact__card__list__title {
font-size: 14px !important;
}
.home-contact-one .home-contact__card__list__text a {
font-size: 14px !important;
.blog-section-one .post-meta span {
margin-right: 0 !important;
font-size: 11px !important;
gap: 0 !important;
}
}