.page-pricing.inPage {
    padding-top: 0;
}

.our-faqs.bg-section.pbFaq {
    padding-bottom: 100px;
}

/* ==== */

.bg-section.myBGsec {
    background: #fff;
}

.myBGsec .section-sub-heading .section-sub-title,.myBGsec  .section-title .section-sub-title,.myBGsec .contact-us-circle a img,.myBGsec .purpose-footer-list ul li {
    background: #1b1b1b;
}

.myBGsec .section-title h2,.myBGsec .section-footer-text p,.myBGsec .section-footer-text p a:hover,.myBGsec .section-title p{
    color:#1b1b1b;
}


.myBGsec .cta-form-box  .section-title h2{
    color: var(--primary-color);
}


.myBGsec .faq-counter-items-list.box-border-gradiant::before {
    border-width: 14px;
    background: #fff;
    box-shadow: #000 0px 0px 21px -4.5px;
}
.myBGsec .faq-counter-items-list.box-border-gradiant h2,.myBGsec .faq-counter-items-list.box-border-gradiant h2 span{
     color: var(--accent-color);
}
.myBGsec .faq-counter-items-list.box-border-gradiant {
    /* background: #ffffffab; */
    box-shadow: #ffffffab 3px 4px 25px 0.5px;
}

.myBGsec .faq-counter-items-list.box-border-gradiant * {
    color: #000;
}


/* ====buttton css */

.bg-section.myBGsec .btn-default:hover {
    background: #282828;
    color: #fff;
}
.bg-section.myBGsec .btn-default::after{
    background: #282828;
}
.bg-section.myBGsec .cta-form-box .btn-default{
    color:var(--secondary-color)
}
.bg-section.myBGsec .cta-form-box .btn-default::after{
     background: #fff;
}


/*  */
.bgRotate{
    overflow-x: clip;
}
.bgRotate::before{
	content: '';
	position: absolute;
	left: -90px;
	bottom: 80px;
	transform: rotate(var(--rotate));
	background: url('../images/logoShape.png') no-repeat;
	background-position: center center;
	background-size: cover;
	width: 400px;
	height: 400px;
	transition: transform 0.1s linear;
	pointer-events: none;
	z-index: 0;
	opacity: 0.2;
}

.page-header.innerHeader.parallaxie {background-position: bottom center !important;}

.page-header.innerHeader.parallaxie::before{
    position: absolute;
    content:"";
top:0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: 0.5;
z-index: 0;
}

/* ============= */

.intro-video {
    height: 100vh;
    min-height: 600px;
    position: relative;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55); /* Dark overlay for text visibility */
    z-index: 2;
}

.intro-video-content-box {
    position: relative;
    z-index: 3;
    color: white;
}

.video-control-btn {
    display: inline-block;
    transition: all 0.3s ease;
}

.video-control-btn:hover {
    transform: scale(1.1);
}
/* ========== */

a.btn-default.chat-trigger-btn::before {background-image: url('../images/chat-btn.svg');}

.chat-toggle-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #00b2ff;
    color: white;
    border: none;
    padding: 12px 16px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 5px 20px rgba(0, 178, 255, 0.4);
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.chat-toggle-btn:hover {
    transform: scale(1.1);
    background: #0099e6;
}

.chat-toggle-btn svg {
    transition: all 0.3s ease;
}

.chat-toggle-btn:hover svg {
    transform: rotate(15deg);
}


/* ================== */

/*POPUP MODAL BALLPARK ESTIMATE 
CSS  mein add karo */

/* ---- Popup Overlay ---- */
#estimate-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 16px;
  backdrop-filter: blur(4px);
  animation: fadeIn .25s ease;
}
#estimate-overlay.active {
  display: flex;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ---- Modal Box ---- */
.ep-modal {
  background: #fff;
  border-radius: 18px;
  width: 100%;
  max-width: 760px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,.22);
  position: relative;
  animation: slideUp .3s ease;
}
@keyframes slideUp {
  from { transform: translateY(30px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

/* ---- Left Panel (phones image area) ---- */
.ep-left {
  flex: 0 0 42%;
  background: linear-gradient(145deg, #f0f4f8 0%, #e4eaf2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  min-height: 480px;
}
.ep-left img {
  width: 100%;
  max-width: 300px;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.18));
}
.ep-left-placeholder {
  /* fallback if image not available */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80px;
}

/* ---- Right Panel (form) ---- */
.ep-right {
  flex: 1;
  padding: 38px 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Close button */
.ep-close {
  position: absolute;
  top: 16px;
  right: 18px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #1b1b1b;
  line-height: 1;
  transition: color .2s;
}
.ep-close:hover { color: #000; }

/* Heading */
.ep-heading {
  font-family: var(    --default-font);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--text-color1);
  margin: 0 0 8px;
}
.ep-heading span {
  color: var(--accent-color); /* red accent */
}
.ep-subtext {
  font-size: 13.5px;
  color: #666;
  margin: 0 0 20px;
}

/* Form fields */
.ep-form .ep-field {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid #dde1e7;
  border-radius: 8px;
  font-size: 14px;
  color: #222;
  background: #fafafa;
  transition: border-color .2s, box-shadow .2s;
  outline: none;
  box-sizing: border-box;
  font-family: inherit;
}
.ep-form .ep-field:focus {
  border-color:var(--accent-color);
  box-shadow: 0 0 0 3px rgba(185,28,28,.1);
  background: #fff;
}
.ep-form textarea.ep-field {
  resize: vertical;
  min-height: 100px;
}
.ep-form .ep-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.ep-form .ep-row .ep-field { flex: 1; }
.ep-form .ep-textarea-wrap {
  margin-bottom: 1px;
}
.ep-close {
    box-shadow: 0px 0px 3px var(--accent-color);
    border-radius: 50px;
}
.ep-small {
  display: block;
  font-size: 11.5px;
  color: var(--accent-color);
  margin-top: 3px;
  min-height: 16px;
}
/* Submit button */
.ep-submit {
  width: 100%;
  padding: 13px;
  background: var(--accent-color);
  color: var(--text-color1);
  border: none;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: .4px;
  transition: background .2s, transform .1s;
}
.ep-submit.btn-default:hover  {
    /* background: var(--text-color1); */
    color: var(--primary-color);
}
.ep-submit:active { transform: scale(.98); }

/* Responsive */
@media (max-width: 620px) {
  .ep-left { display: none; }
  .ep-right { padding: 32px 22px 26px; }
  .ep-heading { font-size: 21px; }
  .ep-row { flex-direction: column; gap: 10px; }
}
.ep-submit.btn-default:hover::after {
    background: var(--text-color1);
}