/*
 * bizzen-custom.css
 * AHAVA Information Technology Consultancy – FZCO
 * Global custom overrides applied across all pages
 */

/* ─── CSS Variables ─────────────────────────────────────────── */
:root {
    --primary-color: #e9b523;
    --secondary-color: #063232;
    --primary-black-color: #063232;
}

/* ─── Logo ──────────────────────────────────────────────────── */
a.brand-logo img {
    width: 300px;
}

/* ─── Header ────────────────────────────────────────────────── */
header.header-area.header-one,
header.header-area.header-two {
    background: #063232;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.header-top-bar {
    padding: 3px 0;
}

.header-area .header-navigation .site-branding {
    padding-top: 0;
    padding-bottom: 0;
}

.header-navigation .main-menu ul > li > a {
    font: 600 14px var(--heading-font);
    padding: 40px 0;
    line-height: 0;
}

/* ─── Navigation hover ──────────────────────────────────────── */
.nav-right-item .theme-btn.style-one:hover,
.theme-btn.style-one:hover,
.bizzen-cta-sec .bizzen-button .theme-btn.style-one:hover {
    background-color: #063232;
    color: var(--white-color, #fff);
}

.read-more.style-one:hover {
    color: #fff !important;
    text-decoration: underline;
}

/* ─── Hero Section ──────────────────────────────────────────── */
.bizzen-hero_two .single-slider {
    padding: 218px 40px 20px;
    position: relative;
    z-index: 1;
}

.play-box.text-center.text-lg-end.mb-5.mb-xl-0 {
    display: none;
}

.bizzen-avatar-box {
    display: none;
}

.bizzen-experience-wrap,
.bizzen-experience-wrap.aos-init,
.bizzen-experience-wrap.aos-init.aos-animate {
    display: none;
}

.arrow-wrap img {
    display: none;
}

/* ─── Page Hero (inner pages) ───────────────────────────────── */
.page-hero {
    position: relative;
    overflow: hidden;
    padding: 180px 0 46px;
}

.page-hero:after {
    background-color: rgb(6 50 50 / 76%);
    z-index: -1;
}

.page-hero .page-content h1 {
    font-size: 40px;
}

/* ─── Section spacing ───────────────────────────────────────── */
.pt-115 {
    padding-top: 68px;
}

section.bizzen-company-sec.pb-120 {
    padding-bottom: 29px;
}

section.bizzen-testimonial_two.pb-120.pt-120 {
    padding: 60px 0;
}

section.bizzen-about_three.pt-120 {
    padding-top: 60px;
}

section.bizzen-service_three {
    margin-top: 100px;
}

section.service-details-sec.pt-120 {
    padding: 0;
}

.tg-page-area.pt-120.pb-120 {
    padding: 0;
}

/* ─── Sub-title ─────────────────────────────────────────────── */
.sub-title:after {
    display: none;
}

.section-title .sub-title {
    color: #dfab24;
    margin-bottom: 13px;
    text-transform: capitalize;
}

/* ─── Who We Are (Home About section) ──────────────────────── */
.about-tagline {
    font-size: 16px;
    color: var(--secondary-color, #063232);
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.5;
}

.bizzen-about-desc {
    font-size: 15px;
    color: #444;
    line-height: 1.65;
    font-weight: 500;
}

/* ─── About section images ──────────────────────────────────── */
.image-layer.bg_cover {
    background-position: top center;
}

/* ─── Iconic Boxes (OUR UNIQUE FEATURES) ───────────────────── */
.bizzen-iconic-box.style-one .icon {
    margin-bottom: 20px;
    display: none;
}

.bizzen-iconic-box.style-one.mb-40 {
    border: 1px solid var(--theme-border-color, #e0e0e0);
    border-radius: 30px;
    min-height: 180px;
    padding: 16px;
    margin-bottom: 14px;
}

/* ─── About Two (Home) ──────────────────────────────────────── */
.bizzen-about_two .bizzen-content-box h6 {
    margin-bottom: 15px;
    font-size: 14px;
    width: 314px;
    line-height: 23px;
}

/* ─── Info left box ─────────────────────────────────────────── */
.bizzen-info-left-box .content p {
    line-height: 22px;
    font-size: 14px;
    color: #000;
}

/* ─── Our Values ────────────────────────────────────────────── */
.our-values h3 {
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 20px;
}

.our-values .features-wrapper {
    display: none;
}

/* ─── Services grid column fix ──────────────────────────────── */
section.bizzen-service_three .col-xl-3.col-md-6 {
    width: 33%;
}

/* ─── Core values section title ─────────────────────────────── */
.core-values span.sub-title {
    font-size: 22px;
    line-height: 1.3em;
}

.core-values .section-title.text-center.mb-50 {
    margin-bottom: 20px;
}

/* ─── Breadcrumb ────────────────────────────────────────────── */
.breadcrumb > * a:hover {
    color: #f0be28;
}

/* ─── AOS / Animation reset (static export) ─────────────────── */
* {
    animation: none !important;
    transition: none !important;
}

[data-aos] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* ─── Footer ────────────────────────────────────────────────── */
footer.cs-fooer {
    background: #063232;
    color: #fff;
}

.cs-fooer_main {
    padding: 33px 0 10px;
}

.cs-footer_item .cs-widget_title {
    margin-bottom: 25px;
    color: #f2f2f2;
}

.footer-widget ul li a {
    color: #cccccc;
    display: inline-block;
}

.footer-widget ul li a:hover {
    color: #fff !important;
}

.cs-copyright {
    font-size: 111%;
    line-height: 1.4em;
    padding: 16px 0;
    background-color: #063232;
    color: #dca327;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* ─── Footer newsletter form ────────────────────────────────── */
.cs-fooer_main .footer-newsletter-widget .form-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 15px;
}

.cs-fooer_main input[type="email"],
.cs-fooer_main .form_control,
.cs-fooer_main input.wpcf7-email {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    width: 100% !important;
    border-radius: 4px !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.cs-fooer_main input[type="email"]::placeholder,
.cs-fooer_main .form_control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.cs-fooer_main input[type="email"]:focus,
.cs-fooer_main .form_control:focus {
    border-color: #dfab24 !important;
}

.cs-fooer_main input[type="submit"],
.cs-fooer_main .submit-btn {
    background-color: #dfab24 !important;
    color: #2c2c2c !important;
    padding: 9px 25px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
    border-radius: 2px !important;
    margin-top: 4px !important;
}

.cs-fooer_main input[type="submit"]:hover,
.cs-fooer_main .submit-btn:hover {
    background-color: #ffffff !important;
    color: #063232 !important;
}