/*
Theme Name: Parwatt Theme
Theme URI: https://www.eastdigi.com
Author: East Digi Marketing Team
Author URI: https://www.eastdigi.com
Version: 1.0
*/ 


@font-face {
    font-family: 'Montserrat';
    
    src: url('../parwatt/fonts/Montserrat.woff') format('woff'),
	 url('../parwatt/fonts/Montserrat.ttf') format('truetype'),
	 url('../parwatt/fonts/Montserrat.svg#Montserrat') format('svg');
    font-style: normal;
  }
@font-face {
    font-family: 'MontserratMedium';
    src: url('/wp-content/themes/parwatt/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/wp-content/themes/parwatt/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('/wp-content/themes/parwatt/fonts/Lato-Regular.woff2') format('woff2'),
        url('/wp-content/themes/parwatt/fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('/wp-content/themes/parwatt/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/wp-content/themes/parwatt/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.custom-font-MontserratMedium {
    font-family: 'MontserratMedium', sans-serif !important;
}
.custom-font-LatoRegular {
    font-family: 'LatoRegular', sans-serif !important;
}
.custom-font-MontserratRegular {
    font-family: 'MontserratRegular', sans-serif !important;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-main-menu {
  display: flex;
  gap: 60px;
}
.header_bottom .container{
    max-width: 100%;
    width: 100%;
    padding: 0 60px;
}
.nav-main-menu {
  display: flex;
  justify-content: end;
  gap: 60px;
    align-items: center;
}
a{
    color: #1e293b;
    transition: all .5s ease-out 0s;
    text-decoration: none !important;
    display: inline-block;
}
body{
    font-family: 'MontserratRegular';
    font-size: 16px;
}
.top-main-menu li a{
    font-size: 16px;
}
.top-main-menu > li:hover > a{
    color: #c21d20
}
.header_bottom {
  padding: 15px 0;
}
.flex{
    display: flex;
}
.header-content .row{
    align-items: center;
}
.desk-none{
    display: none;
}
.header_bottom .container:before,
.header_bottom .container:after{
    display: none;
}
.get_quote a{
    width: 100%;
    padding: 10px 30px;
    border-radius: 8px;
    border: 1px solid #1e293b;
}
.header_top .container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding:0 60px;
    max-width: 100%;
      width: 100%;
      gap: 30px;
}
.header_top{
    padding:10px;
    background: #f6f6f6;
}


/* ==========================================================================
   首页 Hero Banner 样式配置 (配合你现有的纯净版 PHP 代码)
   ========================================================================== */

/* 1. 主容器配置 */
.home-banner {
    position: relative;
    width: 100%;
    height: 80vh; /* 全屏占位 */
    min-height: 600px;
    background-color: #111;
    overflow: hidden;
}

/* 底部红线 */
.banner-red-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #cc0000;
    z-index: 50;
}

/* Swiper 内部容器强制撑满 */
.banner-swiper-container, 
.banner-swiper-wrapper {
    width: 100% !important;
    height: 100% !important;
}

/* 🚨 核心故障修复点：强行赋予相对定位和高度，不准塌陷！ */
.banner-slide {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 600px !important; /* 增加保底高度，防止被 Swiper 压扁 */
}

/* 2. 背景图片层与遮罩层 (强行绝对定位铺满) */
.banner-picture {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    pointer-events: none;
}

.banner-picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.banner-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
    z-index: 2;
    pointer-events: none;
}

/* 3. 内容与排版层 (强行覆盖在图片上) */
.banner-content-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}

/* ======= 下面的排版样式（文字大小、按钮等）不需要加 !important，保持原样即可 ======= */

.banner-text-content {
    max-width: 900px;
    margin: 0 auto;
    color: #ffffff;
}

.banner-text-content h1 {
    font-size: 44px;
    font-family: 'MontserratMedium';
    font-weight: bold;
    margin-bottom: 24px;
    line-height: 54px;
    color: #ffffff;
}

.banner-text-content p {
    font-size: 16px;
    font-family: 'LatoRegular';
    color: #f3f4f6;
    margin-bottom: 30px;
    line-height: 26px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.banner-btn-wrap {
    margin-top: 10px;
}

.banner-btn {
    display: inline-block;
    background-color: #cc0000;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: 'MontserratRegular';
    padding: 14px 40px;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.banner-btn:hover {
    background-color: #a30000;
}

/* 4. Swiper 控制器 */
.banner-controls {
    position: absolute;
    bottom: 30px;
    right: 5vw;
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 15px;
}

.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
    font-size: 0 !important;
}
.home-banner .swiper-button-prev::after,
.home-banner .swiper-button-next::after {
    display: none !important;
    content: "" !important;
}

.swiper-nav-btn {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    cursor: pointer;
    display: flex;
    color: #ffffff;
    transition: color 0.3s ease;
}

.swiper-nav-btn:hover {
    color: #cc0000;
}

.swiper-nav-btn svg {
    stroke: currentColor;
    pointer-events: none;
}

.banner-pagination {
    position: static !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-banner .swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 0.5;
    width: 8px;
    height: 8px;
    margin: 0 !important;
    transition: all 0.3s ease;
}

.home-banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff !important;
    transform: scale(1.3);
}

@media (max-width: 768px) {
    .banner-text-content h1 { font-size: 2.2rem; }
    .banner-text-content p { font-size: 1rem; }
    .banner-controls { right: 20px; bottom: 20px; }
}
.preq_list {
  display: flex;
  gap: 5px;
}
.preq_list .preq_item{
	width:11%;
	transition: all .5s ease-out 0s;
}
.preq_list .preq_item.active{
	width:78%;
}
.preq_info {
  position: relative;
	height: 100%;
	overflow: hidden;
    border-radius: 15px;
}
.preqtxt {
  position: absolute;
	top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  background: rgba(0, 0, 0, 0.2);
	padding: 50px;
	transition: all .5s ease-out 0s;
}
.preq_txt{
	opacity:0;
	background:rgba(255,255,255,0.97);
  padding: 40px;
	transition: all .5s ease-out 0s;
    max-width: 550px;
    border-radius: 15px;
}
.preq_txt h3{
	margin:0 0 20px;
	font-size: 36px;
}
.active .preq_info .preqtxt .preq_txt{
  opacity:1;
}
.preq_info img{
	height:600px;
	width:100%;
	object-fit:cover;
}
.active .preq_info .preqtxt{
	background:none;
}
.affix {
  width: 100%;
  background: #fff;
  z-index: 12;
}
.h2, h2 {

    color: #1e293b;
}
h3{
    color: #1e293b;
}
.pagetop h2{
    margin: 0;
}

/* 🚨 还原 Ninja Forms 输入框样式，解决 Tailwind 冲突 */
.cf7-form-wrapper .nf-form-content input:not([type="button"]):not([type="submit"]),
.cf7-form-wrapper .nf-form-content textarea,
.cf7-form-wrapper .nf-form-content select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #f8fafc !important; /* 浅灰白背景 */
    border: 1px solid #cbd5e1 !important; /* 灰色边框 */
    border-radius: 6px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    color: #0f172a !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    display: block !important;
    min-height: 45px !important; /* 强制撑起高度 */
}

/* 强制多行文本框的高度 */
.cf7-form-wrapper .nf-form-content textarea {
    min-height: 120px !important;
}

/* 鼠标点击时的边框变色 */
.cf7-form-wrapper .nf-form-content input:focus,
.cf7-form-wrapper .nf-form-content textarea:focus {
    border-color: #cc0000 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #cc0000 !important;
}

/* 标签文字加粗变色 */
.cf7-form-wrapper .nf-field-label label {
    font-weight: 600 !important;
    color: #334155 !important;
}

/* 隐藏红色的必填星号（可选，让界面更干净） */
.cf7-form-wrapper .nf-form-fields-required {
    display: none !important;
}

/* 🚨 单独定制 Ninja Forms 提交按钮为高级黑色 */
.cf7-form-wrapper .nf-form-content input[type="button"],
.cf7-form-wrapper .nf-form-content input[type="submit"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: #1e293b !important; /* 高级的深黑/深藏青色 */
    color: #ffffff !important; /* 纯白文字 */
    border: none !important;
    border-radius: 6px !important; /* 圆角和上面的文本框统一 */
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    width: 100% !important; /* 宽度 100% 和文本框对齐，显得更大气 */
    margin-top: 10px !important;
    transition: background-color 0.3s ease !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* 鼠标悬停时的动态效果（变成纯黑） */
.cf7-form-wrapper .nf-form-content input[type="button"]:hover,
.cf7-form-wrapper .nf-form-content input[type="submit"]:hover {
    background-color: #000000 !important; 
}

/* 🚀 解决点击弹窗后背景向右偏移的问题 */
html {
    scrollbar-gutter: stable;
}

/* 针对移动端或旧版浏览器的兼容补丁 */
body.overflow-hidden {
    overflow: hidden;
    /* 防止宽度抖动 */
    width: 100%;
}

/* Industries We Serve — 主标题不使用白色 */
.industries-section .industries-section__title,
.industries-section .industries-section__title * {
    color: #1e293b !important;
}

/* 首页博客卡片标题 — 16px */
.blog-section .post-card h3,
.blog-section .post-card h3 a {
    font-family: 'MontserratRegular', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

/*  统一修改首页所有板块宽度，减少两侧留白并保持严格对齐 */
.certifications-section .container,
.about-section .container,
.solutions-section .container,
.industries-section .container,
.blog-section .container,
section .container.mx-auto {
    max-width: 1440px !important;
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

@media (min-width: 768px) {
    section .container.mx-auto {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

/* 针对带有背景图的特殊板块（如 Why Us 和 Contact CTA）进行统一拉宽 */
section .relative.z-10.container.mx-auto.max-w-\[1440px\] {
    max-width: 1440px !important;
}

/*  控制首屏 Banner 标题和描述的宽度比例 */
.banner-text-content h1, 
.banner-text-content h2,
.banner-text-content h3 {
    max-width: 780px !important; /* 调整此数值控制标题宽度，越小越窄 */
    margin-left: auto !important;
    margin-right: auto !important;
}

.banner-text-content p {
    max-width: 1000px !important; /* 描述宽度，保持比标题大 */
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ==========================================================================
   Product Category Taxonomy Tweaks
   ========================================================================== */

/* 强制清除底部 Footer 或 Newsletter 区域顶部的所有间隙 (避免白边) */
footer, 
.site-footer, 
#colophon, 
.footer-widgets, 
.elementor-location-footer, 
.elementor-section-wrap > section:first-child {
    margin-top: 0 !important;
}