/* === GLOBAL VARIABLES (change here only) === */
:root {
  --bg: #F5F1EA;          /* page background - warm white */
  --bg-alt: #EDE8DF;      /* section alt bg */
  --text: #1A1A1A;        /* body text */
  --heading: #0F1E35;     /* headings */
  --muted: #6B7280;       /* secondary text */
  --accent: #8A8578;      /* metallic accent */
  --border: rgba(15,30,53,0.12);
  --btn-bg: #1A1A1A;
  --btn-text: #F5F1EA;
  --font-main: 'Inter', sans-serif;
}

/* === GLOBAL VARIABLES === */
:root {
  --text-light: #F5F1EA;        /* warm white - body text */
  --heading-light: #FFFFFF;     /* white - headings */
  --muted-light: rgba(245,241,234,0.65);  /* muted secondary */
  --accent: #8A8578;            /* metallic accent */
  --btn-bg: #F5F1EA;
  --btn-text: #1A1A1A;
  --font-main: 'Inter', sans-serif;
}

/* === FONT === */
body, p, a, li, span, div,
h1, h2, h3, h4, h5, h6,
.vlt-display-1, .vlt-large-heading,
.vlt-btn, input, textarea, button {
  font-family: var(--font-main) !important;
}
body, p { font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }

/* === TEXT COLORS ONLY === */
body, p, .vlt-timeline-item__text { color: var(--text-light) !important; }

h1, h2, h3, h4, h5, h6,
.vlt-display-1, .vlt-large-heading,
.vlt-experience-block__number,
.vlt-timeline-item__title,
.vlt-project-title {
  color: var(--heading-light) !important;
}

.vlt-timeline-item__date, small { color: var(--muted-light) !important; }
.has-white-color { color: var(--heading-light) !important; }
.has-accent-color { color: var(--accent) !important; }


/* ///////////////////////////////////// RED SELECTOR AND SCROLLBAR */
/* === FIX 1: Override hero title styling === */
.vlt-large-heading {
    font-family: var(--font-main) !important;
    font-weight: 400 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
}

/* Make hero title elegant, not aggressive */
h1.vlt-large-heading {
    font-size: clamp(60px, 8vw, 130px) !important;
}

/* === FIX 2: Text selection color (was red) === */
::selection {
    background: rgba(245, 241, 234, 0.25);  /* warm white tint */
    color: #FFFFFF;
}
::-moz-selection {
    background: rgba(245, 241, 234, 0.25);
    color: #FFFFFF;
}

/* === Fix scrollbar progress (was red) === */
.vlt-fullpage-slider-progress-bar {
    background: rgba(245, 241, 234, 0.15) !important;
}
.vlt-fullpage-slider-progress-bar span {
    background: var(--accent) !important;  /* metallic accent */
}

/* Also fix any red borders on the page edges */
body, html { border: none !important; }


.elementor-widget-ucaddon_uc_before_after .cocoen {
    max-width: 500px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto;
}

.elementor-widget-ucaddon_uc_before_after .cocoen > img,
.elementor-widget-ucaddon_uc_before_after .cocoen > div > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: none !important;
}

.elementor-widget-ucaddon_uc_before_after .cocoen > div {
    height: 100% !important;
}

/* /////////////////////////////// */

/* Buttons */
.vlt-btn--primary {
  background: var(--btn-bg) !important;
  color: var(--btn-text) !important;
  border-color: var(--btn-bg) !important;
}
.vlt-btn--primary:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--heading-light) !important;
}

/* Nav */
.sf-menu a, .vlt-offcanvas-menu__navigation a { color: var(--text-light) !important; }



/* GENERIC */

/* STABLING ZOOM EFFECT */
.vlt-section__ken-burn-background img {
    animation-duration: 30s !important;
    transform: scale(1.02) !important;
}

/*  Increase letter-spacing on small labels*/
.vlt-timeline-item__date {
    letter-spacing: 3px !important;
    text-transform: uppercase;
    font-size: 11px !important;
}

/* Refine button style (currently too bold)  */
.vlt-btn--primary {
    padding: 14px 32px !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
}


/* Slow down all animations */
.vlt-animated-block {
    animation-duration: 900ms !important;
}

hover icons
/* Social icon hover (was red) */
.vlt-social-icon:hover,
.vlt-social-icon--style-1:hover,
.vlt-social-icon i:hover,
.vlt-social-icon:hover i {
    color: var(--accent) !important;  /* metallic accent */
}

/* ========================== END OF GLOBAL================================ */

/* loader */
/* Override animsition red loader */
.animsition-loading,
.animsition-loading::after,
.animsition-loading::before {
    border-color: var(--accent) transparent var(--accent) transparent !important;
}
.animsition-overlay {
    background: var(--bg) !important;
}


/* icon ======================================================== */
/* === NUKE ALL TEMPLATE RED (#cf000f) === */

/* Preloader bouncing dot */
.double-bounce-two,
.double-bounce-one,
.spinner div {
    background-color: var(--accent) !important;
}

/* Text selection */
::selection,
::-moz-selection {
    background-color: rgba(245,241,234,0.2) !important;
    color: #fff !important;
}

/* Link hover */
a:hover { color: var(--accent) !important; }

/* Nav hover */
.vlt-default-menu__navigation .sf-menu > li:hover > a,
.vlt-offcanvas-menu__navigation .sf-menu > li:hover > a {
    color: var(--accent) !important;
}

/* Primary button */
.vlt-btn--primary {
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb { background-color: var(--accent) !important; }

/* Language switcher */
.vlt-language-switcher a.is-active { color: var(--accent) !important; }

/* Progress bars */
.vlt-fullpage-slider-progress-bar span,
.vlt-progress-bar__bar span { background-color: var(--accent) !important; }

/* Slider controls */
.vlt-slider-controls .vlt-swiper-pagination .swiper-pagination-bullet-active,
.vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover {
    background-color: var(--accent) !important;
    box-shadow: inset 0 0 0 1px var(--accent) !important;
}

/* Accent color (your dots after names like Ejaz Shamsi.) */
.has-accent-color { color: var(--accent) !important; }

/* Error message */
.message.danger { color: var(--accent) !important; }

/* Fancybox loader */
.fancybox-loading { border-top-color: var(--accent) !important; }

/* Pull quote SVG */
.vlt-pullquote svg { color: var(--accent) !important; }
/* ======================================================== */

[data-anchor="Home"] h1.vlt-large-heading{
        font-weight: 700 !important;
}

/* === HERO: Fit content in viewport === */
[data-anchor="Home"] .vlt-gap-160 {
    height: 60px !important;  /* was 160px */
}
[data-anchor="Home"] .vlt-gap-100 {
    height: 30px !important;
}

/* Reduce hero title size slightly */
[data-anchor="Home"] h1.vlt-large-heading {
    font-size: clamp(50px, 6vw, 100px) !important;
    line-height: 1 !important;
}

/* Push content towards top instead of strict center */
[data-anchor="Home"] .vlt-section__vertical-align {
    padding-top: 0px;
}

[data-anchor=Home] p{
    min-width: 100% !important;
}

/* Mobile — even tighter */
@media (max-width: 767px) {
    [data-anchor="Home"] .vlt-gap-160 { height: 30px !important; }
    [data-anchor="Home"] h1.vlt-large-heading {
        font-size: 50px !important;
    }
    [data-anchor="Home"] .vlt-section__vertical-align {
        padding-top: 10px;
    }
}

/* hero overlay */
.vlt-section__ken-burn-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(15,30,53,0.18); /* deep navy overlay */
    z-index: 1;
}
/* hiiding header btn */
@media(max-width:1500px){
    .vlt-navbar-contacts.vlt-btn.vlt-btn--primary.vlt-btn--md.book_btn.btn_contactt{
        display: none !important    ;
    }
}
















/* obj filt fill mobile iamge */
.fill_mob_img{
    object-fit: fill !important;
}

    /*Business Interests (8 items list)  */
    .vlt-interests-list h5 {
    padding: 18px 0;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.vlt-interests-list h5:last-child {
    border-bottom: none;
}

.numbers_parent{
    display: none !important;
}
[data-anchor=About] p{
    max-width: 100%;
    min-width: 100%;
}

/* leadership */
.leadership .vlt-gap-30 {
    height: 10px;
}
.leadership p {
    margin-bottom: 10px;
}
/* companies */
.companies p{
    margin-bottom:10px ;
}

/* partners */
.vlt-presence-list h5 {
    padding: 20px 0;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

/* BEYOND BUYSINESS */
/* === BEYOND BUSINESS SECTION === */
.beyond-content {
    position: relative;
    padding-left: 35px;
    border-left: 1px solid rgba(245, 241, 234, 0.18);
}

.beyond-lead {
    font-size: 19px !important;
    line-height: 1.55 !important;
    margin-bottom: 0;
}

.beyond-lead em {
    font-style: italic;
    color: var(--accent);
    font-weight: 500;
}

/* Tablet & Mobile — stack cleanly */
@media (max-width: 991px) {
    .beyond-content {
        padding-left: 0;
        border-left: none;
        margin-top: 25px;
    }
    .beyond-lead {
        font-size: 16px !important;
    }
}

/* quote */
/* === QUOTE SECTION === */
.vlt-quote-section {
    position: relative;
    overflow: hidden;
}

/* Giant decorative quote mark in background */
.vlt-quote-mark {
    position: absolute;
    top: -8vw;
    left: -2vw;
    font-family: Georgia, serif;
    font-size: 50vw;
    line-height: 1;
    color: rgba(255,255,255,0.04);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

.vlt-quote-section .container { position: relative; z-index: 1; }

/* Small editorial label */
.vlt-quote-label {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--accent);
    font-weight: 500;
}

/* Main quote text */
.vlt-quote-text {
    font-weight: 300 !important;
    font-size: clamp(28px, 3.4vw, 50px);
    line-height: 1.35;
    letter-spacing: -0.3px;
}
.vlt-quote-text em {
    font-style: italic;
    font-weight: 400;
}

/* Author block with vertical line */
.vlt-quote-author {
    display: flex;
    align-items: center;
    gap: 24px;
}
.vlt-quote-line {
    display: block;
    width: 60px;
    height: 1px;
    background: var(--accent);
}
.vlt-quote-name {
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.vlt-quote-role {
    display: block;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-top: 4px;
}

/* menu */
.vlt-default-menu__navigation{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* CONTAC BTN HEADER */
.btn_contactt{
    background-color: #eab970;
}

/* CONTACT US */
.vlt-contact-form .vlt-form-group { margin-bottom: 20px; }
.vlt-contact-form .row { margin-left: -10px; margin-right: -10px; }
.vlt-contact-form .row > [class*="col-"] { padding-left: 10px; padding-right: 10px; }








/* footer */
.vlt-foote{
    margin-top: 20px;
}

input {
    border-bottom: 1px solid #fff !important;
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 991px) {
    .container { padding-left: 30px !important; padding-right: 30px !important; }
    h1, .vlt-large-heading { font-size: 56px !important; }
    h2 { font-size: 40px !important; }
  
/* menuh */
/* === DESKTOP NAV — FORCE SINGLE LINE === */
.vlt-default-menu__navigation .sf-menu {
    white-space: nowrap;
    flex-wrap: nowrap !important;
}

.vlt-default-menu__navigation .sf-menu > li > a {
    font-size: 12px !important;
    letter-spacing: 0.3px;
    padding: 0 10px !important;
}

/* Smaller screens get tighter */
@media (max-width: 1400px) {
    .vlt-default-menu__navigation .sf-menu > li > a {
        font-size: 11px !important;
        padding: 0 7px !important;
        letter-spacing: 0 !important;
    }
}

@media (max-width: 1200px) {
    .vlt-default-menu__navigation .sf-menu > li > a {
        font-size: 10px !important;
        padding: 0 5px !important;
    }
}

/* === HOVER + ACTIVE COLORS — GOLD === */
.vlt-default-menu__navigation .sf-menu > li > a:hover,
.vlt-default-menu__navigation .sf-menu > li:hover > a,
.vlt-default-menu__navigation .sf-menu > li.active > a,
.vlt-default-menu__navigation .sf-menu > li.active:hover > a,
.vlt-offcanvas-menu__navigation .sf-menu > li > a:hover,
.vlt-offcanvas-menu__navigation .sf-menu > li:hover > a,
.vlt-offcanvas-menu__navigation .sf-menu > li.active > a,
.vlt-offcanvas-menu__navigation .sf-menu > li.active:hover > a,
li.active a{
    color: #eab970 !important;
}
li.active a{
    color: #eab970 !important;
}
    


/* book image  */
    .book{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .book img {
    max-height: 400px !important;
    }
.vlt-experience-block__number{
    font-size: 5rem;
}

.about .vlt-gap-100--lg{
height: 2.25rem;
}


}
/* ======================= MOBILE RESPONSIVE FIXES ==================== */
@media (max-width: 767px) {

/* hero text pre  */
.pre_heading span{
    font-size: 10px !important;
}
.home p{
    margin-bottom: 10px;
}

    /* Reduce side padding on all sections */
    .container,
    .vlt-section__content > .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Smaller headings */
    h1, .vlt-large-heading {
        font-size: 42px !important;
        line-height: 1.1 !important;
    }
    h2 { font-size: 32px !important; line-height: 1.2 !important; }
    h3 { font-size: 26px !important; line-height: 1.25 !important; }
    h4 { font-size: 20px !important; line-height: 1.3 !important; }
    h5 { font-size: 16px !important; }

    /* Hero subheading */
    .vlt-display-1 {
        font-size: 13px !important;
        letter-spacing: 2px !important;
    }

    /* Body text */
    body, p { font-size: 14px !important; line-height: 1.6 !important; }

    /* Experience number (20+) */
    .vlt-experience-block__number {
        font-size: 80px !important;
    }

    /* Quote section */
    .vlt-quote-text {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }
    .vlt-quote-mark {
        font-size: 80vw !important;
        top: -15vw !important;
    }

    /* Section vertical spacing */
    .vlt-section__content { padding: 60px 0 !important; }
    .vlt-gap-100, .vlt-gap-160 { height: 30px !important; }
    .vlt-gap-70 { height: 25px !important; }

/* mob headshot */
.home .vlt-fullpage-slider .vlt-section .vlt-section__ken-burn-background img{
    object-fit: cover !important   ;
}


/* 20years expe */
.vlt-experience-block{
    padding: 20px;
}
.about .vlt-gap-100--lg{
    height: 30px !important;
}
.about .vlt-gap-45 {
    height: 20px;
}

.about .vlt-gap-30{
    height: 10px;
}

/* INTERESTS */
.interests .vlt-gap-45{
    height: 20px;
}


/* author start btn& text */
.d-block.d-md-flex.align-items-center.justify-content-between {
/* display: flex !important;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column; */
}


/* book image  */
    .book{
          display: flex;
    justify-content: center;
    }
    .book img {
    max-height: 300px !important;
    }
   
.author .vlt-gap-30--sm{
    height: 0;
}

.book_btn{
    display: none !important;
}
    

/* leadership */
.leadership .vlt-gap-70--lg {
    height: 20px;
}

/* form */
.vlt-contact-form .vlt-form-group
{
    margin-bottom: 10px;
}
.contact .vlt-gap-70--lg{
    height: 1rem;
}
.contact p {
    margin-bottom: 0;
}
.contact .vlt-gap-30{
height: 15px;
}
.contact .vlt-gap-40 {
    height: 10px;
}    
.contact input {
    padding: 5px;
}
.contact button.vlt-btn.vlt-btn--primary.vlt-btn--md {
    margin-top: 10px;
}
}