/* Nav Logo size */
.nav-logo {
    width: 150px;       
    height: auto;        
    display: block;      
    object-fit: contain; 
}

/* Footer Logo size */
.footer-logo {
    width: 150px;       
    height: auto;        
    display: block;      
    object-fit: contain; 
}

/* archive contact logo size */
.archive-logo {
    width: 150px;       
    height: auto;        
    display: block;      
    object-fit: contain; 
}


/* About dropdown ke links ke niche line aur spacing ke liye */
.submenu.parent-nav li {
    border-bottom: 1px solid #eeeeee; /* Light grey line */
    padding: 10px 0;
}

.submenu.parent-nav li:last-child {
    border-bottom: none; 
}

/* Arrow and text ke  gap in nav dropdown */
.submenu.parent-nav li a i {
    margin-right: 10px;
    font-size: 12px;
    color: #5D666F; /* Icon  color */
}




/* Header Top Nav Area Hover Effects */

/* 1. Contact Us Link Hover */
.header-top-one-wrapper .contact-link:hover {
    color: #00B9FE !important;
}

/* 2. Email Link Hover */
.header-top-one-wrapper .email-link:hover {
    color: #00B9FE !important;
}



/* Default icon color white */
.social-wrapper-one li a i {
    color: #ffffff;
    transition: 0.3s ease;
}

/* Hover par sirf icon ka color change hoga */
.social-wrapper-one li a:hover i {
    color: #00B9FE !important;
}





/* 1. Footer Social Icons Hover (Only Icon Color) */
.social-area-wrapper-two li a i {
    color: #ffffff; /* Default color */
    transition: 0.3s ease;
}

.social-area-wrapper-two li a:hover i {
    color: #00B9FE !important; /* Hover color */
}

/* 2. Footer Quick Links Hover (About Us, Gujranwala, etc.) */
.footer-one-single-wized .quick-link-inner ul.links li a {
    transition: 0.3s ease;
}

.footer-one-single-wized .quick-link-inner ul.links li a:hover {
    color: #00B9FE !important;
    padding-left: 5px; /* Halka sa move hone wala effect */
}

/* 3. Footer Contact Info Hover (Phone, Email, Location) */
.signle-footer-contact-8 .inner-content a:hover {
    color: #00B9FE !important;
}

/* 4. Footer Bottom Privacy/Terms Links Hover */
.copyright-8-wrapper ul li a:hover {
    color: #00B9FE !important;
}

/* to create gao btw phone no on footer */
@media (max-width: 767px) {
    .inner-content {
        display: flex !important;
        line-height: 0.2px;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }
}


/* Footer Contact Icons Size Fix  icons  k size adjust krna*/
.signle-footer-contact-8 {
    display: flex !important;
    align-items: flex-start !important; /* Icon ko hamesha pehli line ke samne rakhne ke liye */
    margin-bottom: 20px;
}

.signle-footer-contact-8 .icon {
    min-width: 45px !important; /* Icon box ki fixed chaurai */
    height: 45px !important;    /* Icon box ki fixed lambai */
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0 !important;  /* Ye line icon ko chota hone se rokegi */
    background: rgba(255, 255, 255, 0.1); /* Background box (agar chahiye) */
    border-radius: 4px;
    margin-right: 15px;         /* Icon aur text ke beech ka gap */
}

.signle-footer-contact-8 .icon i {
    font-size: 18px !important; /* Asli icon ka size */
    color: #ffffff;
}

/* Mobile View adjustments */
@media (max-width: 768px) {
    .signle-footer-contact-8 .inner-content a {
        font-size: 14px !important;
        line-height: 1.5 !important;
        display: block;
    }
}



/* yeh service list k lia ha Purani styling ko chere baghair sirf width barhana */
li.services-width .submenu {
    min-width: 320px !important; /* Aap isse 350px ya 400px bhi kar sakti hain */
    width: max-content; 
    font-size:14px;
}

/* Agar text wrap ho raha hai to use rokne ke liye */
li.services-width .submenu li a {
    white-space: nowrap;
}

.header-main
 {
    border-bottom: 1px solid #80808021;
}



/* Mega Menu ke main links ka font size 14px karne ke liye */

ul.mega-menu-item.with-list.parent-nav a
 {
    font-size: 14px;
}