.page-pricing.inPage {
    /* padding-top: 0; */
}
.our-services-prime.bg-section.myBGsec a.btn-default:hover {
    color: #fff;
}
.our-faqs-gold.bg-section.pbFaq.myBGsec .row.section-row {
    margin-bottom: 45px;
}
.our-faqs-gold.bg-section.pbFaq.myBGsec {
    margin-bottom: 150px;
}
/*=============navbar css=============*/
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar {
    background-color: #fff;
}
.slicknav_icon .slicknav_icon-bar {
    background: #fff;
}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {}

.slicknav_nav li a {
    color: #fff;
}

.slicknav_nav li a span::after {
    color: #fff;
}

.slicknav_open > a .slicknav_arrow:after {
    color: #fff;
}
/*=========================*/
.our-faqs-gold.bg-section.pbFaq.myBGsec .faq-cta-btn-gold a:hover {
    background: #fff;
    color: var(--accent-secondary-color);
}

.our-faqs-gold.bg-section.pbFaq.myBGsec .faq-cta-btn-gold a:hover::after {
    background: #fff;
}
.our-faqs-gold.bg-section.pbFaq.myBGsec .faq-counter-items-list {
    margin-top: 0;
}
.contact-content-form-box .scrolling-content span::before {
    opacity: 0;
}

.page-contact-us button.btn-default{
    color: #FFF;
}
.page-contact-us button.btn-default:hover{
    color: #1b1b1b;
}
.our-faqs-gold.bg-section.pbFaq.myBGsec .faq-accordion-gold .accordion-item:last-child {
    margin-bottom: 0;
}
.our-faqs-gold.bg-section.pbFaq.myBGsec .faq-accordion-gold .accordion-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.hero-btn.myhb a.btn-default {
    /* font-size: 22px; */
    color: var(--white-color);
}
a.navbar-brand img {
    max-width:100%;
}
a.btn-default:hover {
    color: #000;
}

.why-choose-btn a.btn-default:hover {color: #000;}
.about-us.abtDezign .contact-us-circle {
    display: none;
}
.testimonial-item-quote-prime img {
    filter: brightness(0) invert(1);
}
.service-box.serv-item-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(14 14 14 / 48%);   /* Green tint */
    pointer-events: none;
    transition: all 0.4s ease;
    z-index: 1;
    margin: auto;
    z-index: 0;
}
.faqs-accordion .accordion-item{
    margin-bottom: 18px;
}
.our-process-gold::before{	
	background: url('../images/logoShape.png') no-repeat;
	width: 360px;
	height: 360px;
	opacity: 0.2;
}

.benefits-review-box{
    padding: 40px 30px;
}
.benefits-review-box .satisfy-client-images{
    margin-bottom: 0;
}
.section-footer-text p a{
    color: #1b1b1b;
}
.benefits-item .icon-box {
    display: none;
}
.cta-box.bg-section.myBGsec .our-process-video-image-gold {
    height: 343px;
}
.cta-box.bg-section.myBGsec .cta-box-content {
    position: unset;
}
.our-faqs.bg-section.pbFaq.myBGsec .faq-content {
    position: unset;
}
.company-supports-content-prime p {
    font-size: 24px;
}
.why-choose-item .icon-box::before{
    display: none;
}
span.highTxt {color: var(--accent-color);}

.about-counter-box-body p {
    margin: 0;
}
.service-feature-list ul li::before {
    display: none;
}
.our-projects.bg-section.myBGsec {
    margin-top: 100px;
}
.why-choose-us.whyNewsec .why-digital-growth-image figure img {
    aspect-ratio: 1 / 0.7;
}

.why-choose-us.whyNewsec .why-digital-growth-image {
    margin: 0;
   
}
.our-process-gold.process-HM .our-process-video-box-gold figure img{
aspect-ratio: unset;
}
.why-digital-growth-box {animation: toAndFro 2s infinite alternate ease-in-out;padding: 10px;background: linear-gradient(180deg, #1d1d1d 0%, var(--accent-color) 78.36%);}
@keyframes toAndFro {
  from {
    transform: translateX(0) rotate(-0deg);
  }
  to {
    transform: translateX(15px) rotateX(0deg);
  }
}
.service-feature-list ul li {
    padding: 0;
}
.about-counter-box-header h2 {
    font-size: 170px;
}
.contact-content-form-box .scrolling-content span::before {
    opacity: 0;
}
.scrolling-content span img {
    /*opacity: 0;*/
}
.scrolling-content span{
    position: relative;
}

.about-counter-box-header.mycountBox .innabt {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}

.about-counter-box-header.mycountBox .innabt span.yeartext {
    font-size: 24px;
    color: var(--accent-color);
    line-height: 1;
}

.about-counter-box-header.mycountBox .innabt span.yearExp {
    font-size: 24px;
    line-height: 26px;
}

.about-counter-box-header.mycountBox {
    display: flex;
    align-items: center;
}

.about-counter-box-header.mycountBox h2 {
    position: relative;
    padding-right: 10px;
    width: 60%;
}

.about-counter-box-header.mycountBox h2::after {
    content: "";
    position: absolute;
    background: var(--accent-color);
    right: 0;
    width: 2px;
    height: 48%;
    bottom: 0;
    top: 0;
    margin: auto;
}
.scrolling-content span::before {
       position: absolute;
    left: 40px;
    width: 40px;
    height: 40px;
    background: var(--accent-color);
    content: "";
    bottom: 0;
    top: 30px;
    margin: auto;
    border-radius: 50%;
}
.purpose-item-tag ul li:hover {
    background: var(--divider-color);
    color: #fff;
}
.mobileapp-Icons .service-offer-item .icon-box {
    display: none;
}
.page-project-single .project-challenge-item-header .icon-box {
    display: none;
}
.mobileapp-Icons .service-offer-item {
    min-height: 280px;
}
.pricing-item-header .icon-box {
    display: none;
}
.our-faqs.bg-section.pbFaq {
    padding-bottom: 100px;
}
.about-us.abtDezign span.about-counter-tag::before {
    content: none;
}
.purpose-footer-list ul li::before{
    display: none;
}
.purpose-footer-list ul li{
    padding: 8px 15px 8px 15px;
}
.about-us.abtDezign span.about-counter-tag {
    position: relative;
    padding: 12px 30px;
    font-size: 24px;
}

.company-supports-logo-prime img{
    max-width: 90%;
    height:auto;
}
.about-footer-contact-list ul li a i {
    color: var(--accent-color);
    margin-right: 5px;
}

.core-feature-body-content ul li:hover {
    background: var(--accent-secondary-color) !important;
    color: white !important;
}
/* ==== */

.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;
}

.our-faqs.bg-section.pbFaq .our-benefit-rating-box-gold {
    opacity: 0;
}

.our-faqs.bg-section.pbFaq .our-benefit-image-box-gold {
    background: none;
}
.myBGsec .cta-form-box  .section-title h2{
    color: var(--primary-color);
}
.myBGsec  .faq-counter-item {
    min-height: unset;
}

.myBGsec .faq-counter-items-list.box-border-gradiant::before {
    border-width: 0;
    /* 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 {
    /* background: #ffffffab; */
    /* box-shadow: #ffffffab 0px 1px 15px 0.1px; */
    filter: drop-shadow(0 0px 15px rgba(255,255,255,.30));
}

.myBGsec .faq-counter-items-list.box-border-gradiant * {
    /* color: #000; */
}
.bg-section.myBGsec .cta-form-box .btn-default:hover::after{
    background: var(--white-color);
}
.our-services-prime.bg-section.myBGsec .section-title-content p:last-child {
    color: var(--secondary-color);
}
/* ====buttton css */
.our-projects.bg-section.myBGsec a.btn-default:hover {
    color: #fff;
}
.bg-section.myBGsec .btn-default:hover {
    background: #282828;
    color: var(--secondary-color);
}
.bg-section.myBGsec .btn-default::after{
    background: #282828;
}
.bg-section.myBGsec .cta-form-box .btn-default{
    /*color:var(--secondary-color)*/
}
.hero-btn.myhb a.btn-default:hover {
    color: var(--secondary-color);
}
.bg-section.myBGsec .cta-form-box .btn-default:hover::before{
    /*background: var(--accent-color);*/
}
.our-services-prime.bg-section.myBGsec .cta-form-box .btn-default::after{
     background: #fff;
}
.our-services-prime.bg-section.myBGsec .section-footer-text p {
  font-weight: 500;
  /* color: var(--accent-color); */
}

.bg-section.myBGsec ul.section-footer-border-list li {
    color: var(--secondary-color);
}
/*  */
.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:rgb(11 11 11 / 80%); /* 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; }
.our-process-gold.process-HM .our-process-gold.process-HM {
    aspect-ratio: unset;
}
/* Heading */
.ep-heading {
  font-family: var(    --default-font);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.25;
  color: #333333a3;
  margin: 0 0 8px;
}
.ep-heading span {
  color: #1d1d1d; /* 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: 17px;
  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);
}

/* =====new service sec====== */

/* Text color changes on hover */
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .service-item-content-prime h2 a,
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .service-item-content-prime p,
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .service-item-btn-prime {
    color: var(--accent-secondary-color);
}

.our-services-prime.bg-section.myBGsec .services-item-prime:hover .service-item-content-prime h2 a{
    color: var(--accent-secondary-color);
    
}

/* Icon color on hover */
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .icon-box img {
    filter: brightness(1) invert(1);
}

/* Button styling on hover */
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .readmore-btn {
    
    color: var(--accent-secondary-color);
}

.our-services-prime.bg-section.myBGsec .services-item-prime:hover::before {
    height: 100%;
    opacity: 1;
}

.our-services-prime.bg-section.myBGsec .services-item-prime::before{
 content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;                    /* Start from 0 height */
    background: var(--accent-color);
    transition: height 0.6s ease-in-out;
    z-index: -1;
    opacity: 0;
}
.our-services-prime.bg-section.myBGsec .services-item-prime:hover {cursor:pointer;}
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .icon-box::before{
  background-color: var(--accent-secondary-color);
}

.our-services-prime.bg-section.myBGsec .services-item-prime .readmore-btn::before{
  background-color: #fff;
}
.our-services-prime.bg-section.myBGsec .services-item-prime:hover .readmore-btn::before{
  filter: brightness(1) invert(1);
}
span.service-item-content-no {
    background: #cff85e;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
@media all and (max-width: 768px){
    .intro-video {
    height: auto;
        min-height: auto;
    }
    .scrolling-content span::before {
    content: none;
}
}



/*== New Services Section=========*/


/* ===================== SERVICES SECTION ===================== */
.services-section {
    padding: 80px 0;
    background: #f8f9fa;
}

/* Main Service Box */
.serv-item-box {
    position: relative;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 40px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.serv-item-box:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Image Container */
.service-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.service-image figure {
    position: relative;
    display: block;
    height: 100%;
    margin: 0;
}

.service-image figure::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.06) 100%), 
                linear-gradient(180deg, rgba(22, 22, 22, 0.00) 50%, rgba(22, 22, 22, 0.85) 100%);
    z-index: 2;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease-in-out;
}

.serv-item-box:hover .service-image img {
    transform: scale(1.04);
}

/* Arrow Button */
.service-btn {
    position: relative;
    transform: scale(0);
    margin-left: auto;
    transition: all 0.4s ease-in-out;
    z-index: 3;
}

.serv-item-box:hover .service-btn {
    transform: scale(1);
}

.service-btn a {
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.service-btn a:hover {
    background-color: var(--white-color);
}

.service-btn a img {
    width: 100%;
    max-width: 24px;
    transition: all 0.4s ease-in-out;
}

/* Body & Content */
.service-body {
    position: relative;
    z-index: 3;
}

.service-content h2 {
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 15px;
}

.service-content h2 a {
    color: white;
    text-decoration: none;
}

.service-content h2 a:hover {
    color: var(--accent-color);
}

.service-content p {
    color: white;
    font-size: 0.97rem;
    line-height: 1.55;
    margin: 0;
    opacity: 0.95;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .serv-item-box {
        min-height: 460px;
        padding: 35px;
    }
}

@media (max-width: 992px) {
    .serv-item-box {
        min-height: 440px;
    }
.scrolling-content span img{
    opacity: 0;
}
.scrolling-content span::before{
    content: none;
}
   .about-counter-box-header h2 {
        font-size: 140px;
        width: auto !important;
    }
.cta-form-box.box-border-gradiant {
    margin-top: 30px;
}
}

@media (max-width: 768px) {
    .services-section {
        padding: 60px 0;
    }
    .serv-item-box {
        min-height: 420px;
        padding: 30px;
    }
    .service-content h2 {
        font-size: 20px;
    }
    
    .servLastBox{
         margin-bottom: 0px;
    }
}

@media (max-width: 576px) {
    .serv-item-box {
        min-height: 400px;
    }
}
















/* ======Talha Css========== */

.why-choose-us.whyNewsec a.open-estimate-popup {
    color: white;
}

.header-btn a:hover{color:#000;
}
.header-btn a{
    color:#fff;
}