/* 
Theme Name: Hello Elementor Child
Theme URI: https://example.com/helo-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Shanmuk Sai
Author: Shanmuk sai
Author URI: https://example.com
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-commen
/* DIWL child-theme stylesheet - readable source format. Preserve comments and formatting. */
/* ===== Large DIWL TECHNOLOGIES Watermark ===== */


/* Desktop – keep current 2-column layout */
.lasting-hero.hero-base {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.lasting-hero .surv-hero-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ========== MOBILE ========== */
@media screen and (max-width: 767px) {

  .lasting-hero.hero-base {
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
  }

  /* Re-order the two blocks */
  .lasting-hero .left-content {
    order: 1;          /* heading + button first */
  }

  .lasting-hero .right-content {
    order: 2;          /* body text second */
  }

  /* Move the button AFTER the body text */
  .lasting-hero .left-content {
    display: contents; /* makes children participate in parent flex */
  }

  .lasting-hero .small-heading {
    order: 1;
  }

  .lasting-hero .heading-2 {
    order: 2;
  }

  .lasting-hero .right-content {
    order: 3;          /* body text */
  }

  .lasting-hero .btn-primary {
    order: 4;          /* button last */
    margin-top: 8px;
  }
	section.bg-dark .flex-row {
    flex-direction: column !important;
  }

  section.bg-dark .flex-50:not(.new-bg-project) {
    display: flex;
    flex-direction: column;
  }

  section.bg-dark .small-heading,
  section.bg-dark .heading-2 {
    order: 1;
  }

  section.bg-dark .new-bg-project {
    order: 2;
  }

  section.bg-dark .mangal-subtitle {
    order: 3;
  }

  section.bg-dark .apt-new-approact,
  section.bg-dark .btn-primary {
    order: 4;
  }
}
/* Main section */
/* Section 1 - Light Theme Styling */
.ts-overview-section {
  background-color: #f4efe8;
  color: #1e2022;
 
  width: 100%;

} section.lasting-hero.hero-base.new-project-banner.pdng-lt-rt {background: linear-gradient(180deg, rgba(26, 26, 46, 0.25) 48.56%, #1A1A2E 100%), url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-project-banner-img.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;

} .surv-card-item.new-surv-updated-cards1 {
    background-image:  linear-gradient(0.9deg, rgba(26, 26, 46, 0.87) 35.39%, rgba(26, 26, 46, 0) 58.25%),
url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/diwl-new-updated-services-card1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; min-height:500px;border-radius:16px;
} .surv-card-item.new-surv-updated-cards2 {
    background-image:  linear-gradient(0.9deg, rgba(26, 26, 46, 0.87) 35.39%, rgba(26, 26, 46, 0) 58.25%),
url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-service-cards3.webp);
    background-position: center;
    background-repeat: no-repeat; border-radius:16px;
    background-size: cover ;min-height:500px;
}  .surv-card-item.new-surv-updated-cards3 {
    background-image:  linear-gradient(0.9deg, rgba(26, 26, 46, 0.87) 35.39%, rgba(26, 26, 46, 0) 58.25%),
url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-service-cards2.webp);
    background-position: center;
    background-repeat: no-repeat; min-height:500px;
    background-size: cover; border-radius:16px;
}   .surv-card-item.new-surv-updated-cards4 {
    background-image:  linear-gradient(0.9deg, rgba(26, 26, 46, 0.87) 35.39%, rgba(26, 26, 46, 0) 58.25%),
url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/diwl-new-updated-services-card1.webp);
    background-position: center; border-radius:16px;
    background-repeat: no-repeat;
    background-size: cover; min-height:500px;
} 
.cta-wrapper-bg.new-sec-cta-wrapper {
    min-height: 465px;
    margin-top: 60px;
}
.ts-overview-container {
 
  max-width:100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

@media (min-width: 900px) {
  .ts-overview-container {
    grid-template-columns: 1fr 1.2fr;
    gap: 60px;
  }
}

/* Left Column */
.ts-sub-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

.ts-red-accent-line {
  display: inline-block;
  width: 28px;
  height: 2px;
  background-color: #d33939;
}

.ts-sub-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #55575d;
}

.ts-main-heading {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  color: #1a1d20;
  margin: 0 0 32px 0;
  letter-spacing: -0.5px;
}

@media (min-width: 768px) {
  .ts-main-heading {
    font-size: 42px;
  }
}

.ts-media-box {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.ts-media-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

/* Right Column */
.ts-description-text {
  
  line-height: 1.6;
  color: #1a1a2e;
  margin: 0 0 40px 0;
}



/* Table Design */
.ts-spec-table {
  width: 100%;
  border-collapse: collapse;
}

.ts-table-row {
  display: grid;
  grid-template-columns: 1.2fr 1.8fr;
  padding: 14px 0;
  border-bottom: 1px solid #dcd7ce;
  font-size: 14px;
  align-items: center;
}

.ts-table-header {
  font-weight: 600;
  border-bottom: 1px solid #bc3131;
  color: #1a1d20;
  padding-bottom: 10px;
}

.ts-cell-label {
  color: #2b2e33;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ts-bullet {
  font-size: 12px;
  color: #2b2e33;
}

.ts-cell-value {
  color: #2b2e33;
}

@media (max-width: 480px) {
  .ts-table-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.diwl-text-footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  line-height: 0;
  margin-top: -10px;
  margin-bottom: -5px;
  z-index: 1;
}

.diwl-text-footer h2 {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-style: normal;               /* SemiBold is covered by font-weight: 600 */
  font-size: 120px;
  line-height: 100%;
  letter-spacing: 0.08em;           /* 8% */
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.05); /* soft watermark look */
  margin: 0;
  padding: 0;
  white-space: nowrap;
  user-select: none;
}

/* Tablet */
@media (max-width: 1300px) {
  .diwl-text-footer h2 {
    font-size: 100px;
    letter-spacing: 0.06em;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .diwl-text-footer h2 {
    font-size: 42px;
    letter-spacing: 0.04em;
    line-height: 10%;
    white-space: normal;
  }
}

/* Very small phones */
@media (max-width: 400px) {
  .diwl-text-footer h2 {
    font-size: 32px;
    letter-spacing: 0.03em;
  }
}
/* technoly sec 3 */
/* Container & Theme Setup */
.pdt-tech-section {
  background-color: #1a1a2e;
  color: #ffffff;
  
  
  width: 100%;

}

.pdt-tech-container {
  max-width: 100%;
  margin: 0 auto;
}

/* Header Area */
.pdt-tech-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 868px) {
  .pdt-tech-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}

.pdt-header-left {
  flex: 1;
}

.pdt-header-right {
  flex: 1;
  max-width: 500px;
}

.pdt-sub-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}

.pdt-accent-line {
  display: inline-block;
  width: 28px;
  height: 1.5px;
  background-color: #d6383b;
}

.pdt-sub-text {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #8c8f9f;
  text-transform: uppercase;
}

.pdt-main-title {
  font-size: 38px;
  line-height: 1.15;
  font-weight: 300;
  color: #f3f3f5;
  margin: 0;
  letter-spacing: -0.5px;
}

@media (min-width: 900px) {
  .pdt-main-title {
    font-size: 44px;
  }
}

.pdt-intro-text {
  font-size: 14px;
  line-height: 1.6;
  color: #9ea2b5;
  margin: 0;
}

/* Horizontal Line */
.pdt-header-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
  margin: 36px 0 48px 0;
}

/* Cards Grid */
.pdt-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 868px) {
  .pdt-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Card Outer Frame */
.pdt-card {
  background-color: #212332;
  border: 1px solid #2d2f42;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pdt-card-reverse {
  flex-direction: column;
}

/* Media Box & Red Dividers */
.pdt-card-media {
  width: 100%;
 
  position: relative;
  overflow: hidden;
}

.pdt-border-bottom {
  border-bottom: 2px solid #d6383b;
}

.pdt-border-top {
  border-top: 2px solid #d6383b;
}

.pdt-card-img {
  width: 100%;
/*   height: 100%; */
 
  display: block;
}

/* Card Text Body */
.pdt-card-body {
  padding: 28px 24px 32px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.pdt-card-num {
  font-size: 15px;
  font-weight: 600;
  color: #d6383b;
  margin-bottom: 16px;
  display: block;
}

.pdt-card-heading {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.pdt-card-desc {
  font-size: 13px;
  line-height: 1.6;
  color: #8c8f9f;
  margin: 0;
}
/*  technoly end*/

/* project page */

.eng-split-section,.man-service-section,.sc-hero-section{width:100%;max-width:100%;}
.eng-split-section{background:#1a1a2e;color:#fff;}
.eng-split-container,.man-service-container,.sc-hero-container{max-width:100%;margin:0 auto}
.eng-split-container{display:flex;flex-direction:column;gap:40px}
@media(min-width:900px){.eng-split-container{flex-direction:row;gap:0}}
.eng-left-panel,.eng-right-panel{flex:1}
@media(min-width:900px){.eng-left-panel{padding-right:60px}.eng-right-panel{padding-left:60px}}
.eng-tag-wrapper,.man-badge,.sc-card-badge{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.eng-accent-bar,.man-red-bar,.sc-red-line{width:24px;height:2px;background:var(--accent);display:inline-block}
.eng-tag-title,.eng-location-tag,.man-badge-text,.sc-badge-title{font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--txt-muted)}
.eng-headline,.eng-scope-heading,.man-title{font-size:34px;line-height:1.15;font-weight:300;margin:0 0 28px;letter-spacing:-.5px}
@media(min-width:768px){.eng-headline,.eng-scope-heading,.man-title{font-size:42px} .eng-split-container{gap:16px !important;}}
.eng-divider-line,.eng-scope-divider{height:1px;background:#FFFFFF4A;margin-bottom:28px}
.eng-body-content p,.man-desc p{color:#fff;margin:0 0 20px}
.eng-center-border{width:100%;height:1px;background:#fff;}
@media(min-width:900px){.eng-center-border{width:1px;height:auto}}
.eng-scope-row{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid #FFFFFF4A;}
.eng-item-num{font-size:13px;color:var(--txt-muted);font-weight:500;min-width:24px;margin-top:8px;}
.eng-item-title{font-size:15px;font-weight:400;margin:0 0 4px}
.eng-item-desc{color:#fff;margin:0}

.man-service-section{background:#fff;color:#1a1b26}
.man-service-container{display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:900px){.man-service-container{grid-template-columns:1fr 1.2fr;align-items:center}}
.man-title{color:#111319}
.man-desc p{color:#4a4d5e}
.man-cards-col{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:600px){.man-cards-col{grid-template-columns:repeat(2,1fr)}}
.man-card{background:#1a1a2e;border-radius:18px;padding:16px;color:#fff !important;display:flex;flex-direction:column}
.man-card-media{width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:18px}
.man-card-img{width:100%;height:100%;object-fit:cover;display:block}
.man-card-num{font-size:12px;color:var(--txt-muted);display:block;margin-bottom:8px}
.man-card-heading{font-size:18px;font-weight:400;margin:0 0 10px;line-height:1.25}
.man-card-desc{color:#fff;margin:0}

.sc-hero-section{position:relative;min-height:640px;background:url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/Full-width-photographic-city-section.webp') center/cover;display:flex;align-items:center}
.sc-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,20,.4),rgba(12,13,20,.7));z-index:1}
.sc-top-tag{position:absolute;top:28px;right:80px;z-index:3;background:#1a1a2e;color:#fff;font-size:18px;padding:8px 16px;border-radius:6px;border:1px solid var(--border);backdrop-filter:blur(4px)}
.sc-hero-container{position:relative;z-index:2;width:100%}
.sc-glass-card{max-width:560px;background:#FFFFFF0F;backdrop-filter:blur(16px);;border-radius:16px;padding:32px;color:#fff;}
.sc-main-heading{font-size:26px;line-height:1.25;font-weight:400;margin:0 0 16px}
.sc-paragraph{color:#fff;margin:0 0 24px}
.sc-section-label{font-size:13px;font-weight:600;margin:0 0 12px}
.sc-checklist{list-style:none;padding:0;margin:0 0 24px}
.sc-checklist li{display:flex;align-items:flex-start;gap:8px;color:#fff;margin-bottom:8px}
.sc-check-icon{width:16px;height:16px;color:var(--txt-main);flex-shrink:0;margin-top:2px}
.sc-btn{width:100%;background:#191a27;font-size:18px;color:#fff;border:1px solid var(--border);padding:12px 16px;border-radius:8px;width:fit-content;}
.sc-btn:hover{background:#222436}



.tv-section{background:#1a1a2e;color:#fff;width:100%;}
.tv-container{max-width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:900px){.tv-container{grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}}
.tv-badge{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.tv-line{width:24px;height:2px;background:var(--tv-accent);display:inline-block}
.tv-tag{font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--tv-muted);text-transform:uppercase}
.tv-title{font-size:34px;line-height:1.15;font-weight:300;margin:0 0 32px;letter-spacing:-.5px}
@media(min-width:768px){.tv-title{font-size:42px}}
/* .tv-media{width:100%;border-radius:16px;overflow:hidden;background:#000} */
.tv-img{width:100%;height:auto;object-fit:cover;display:block}
.tv-intro{font-size:14px;line-height:1.6;color:#a7aabf;margin:0 0 36px}
.tv-list{display:flex;flex-direction:column}
.tv-row{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #fff;}
.tv-num{font-size:12px;color:var(--tv-muted);font-weight:500;min-width:24px;padding-top:10px}
.tv-item-title{font-size:16px;font-weight:400;margin:0 0 6px;color:var(--tv-txt)}
.tv-item-desc{font-size:13px;line-height:1.55;color:var(--tv-muted);margin:0}
/*project page end  */




.man-new-sec.new-secman {
    border: 0px;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    gap: 26px;
}
/* ================================
   PROJECT FAQ SECTION
================================ */

.project-faq-section {
    width: 100%;
    background: #ffffff;
  
} .small-heading {
    margin: 0;
    color: #ffffff;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
   
}
.new-footer-bg-sec {
    background-color: #FFFFFF14;
    padding: 36px;
    border-radius: 16px;
}
.small-heading::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #ff4438;
    margin-top: 4px;
}

.project-faq-container {
width:100%;max-width:100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 38% 60%;
    column-gap: 40px;
    align-items: start;
}


/* ================================
   LEFT HEADING
================================ */

.project-faq-heading h2 {
    margin: 0;
    color: #101426;
    font-size: 46px;
    line-height: 1.12;
    font-weight: 400;
    letter-spacing: -1.8px;
}


/* ================================
   FAQ LIST
================================ */

.project-faq-list {
    width: 100%;
}

.project-faq-item {
    width: 100%;
    margin: 0;
}


/* ================================
   QUESTION
================================ */

.project-faq-question {
    display: grid;
    grid-template-columns: 64px 1fr 42px;
    column-gap: 0;
    align-items: center;
    min-height: 64px;
    cursor: pointer;
}


/* Number */

.project-faq-number {
    color: #f15a29;
    font-size: 17px;
    line-height: 1;
    font-weight: 400;
}


/* Question */

.project-faq-title {
    color: #111426;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 400;
    padding-right: 25px;
}


/* ================================
   PLUS / MINUS CIRCLE
================================ */

.project-faq-toggle {
    width: 32px;
    height: 32px;
    border: 1px solid #111426;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #111426;
    font-size: 21px;
    line-height: 1;
    font-weight: 300;

    box-sizing: border-box;
}


/* ================================
   ANSWER
================================ */

.project-faq-answer {
    display: none;

    margin-left: 68px;
    margin-right: 55px;
    padding: 0 0 22px;

    color: #6d6f79;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
}


/* Open FAQ */

.project-faq-item.active .project-faq-answer {
    display: block;
}


/* ================================
   TABLET
================================ */

@media (max-width: 1024px) {

    .project-faq-section {
        padding: 90px 5%;
    }

    .project-faq-container {
        grid-template-columns: 35% 65%;
        column-gap: 25px;
    }

    .project-faq-heading h2 {
        font-size: 38px;
        letter-spacing: -1.2px;
    }

    .project-faq-question {
        grid-template-columns: 55px 1fr 40px;
    }

    .project-faq-title {
        font-size: 16px;
    }

    .project-faq-answer {
        margin-left: 55px;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .project-faq-section {
        padding: 70px 20px;
    }

    .project-faq-container {
        display: block;
    }

    .project-faq-heading {
        margin-bottom: 45px;
    }

    .project-faq-heading h2 {
        font-size: 34px;
        line-height: 1.15;
        letter-spacing: -1px;
    }

    .project-faq-question {
        grid-template-columns: 45px 1fr 38px;
        min-height: 58px;
    }

    .project-faq-number {
        font-size: 15px;
    }

    .project-faq-title {
        font-size: 16px;
        line-height: 1.35;
        padding-right: 12px;
    }

    .project-faq-toggle {
        width: 30px;
        height: 30px;
        font-size: 19px;
    }

    .project-faq-answer {
        margin-left: 45px;
        margin-right: 35px;
        padding-bottom: 20px;
        font-size: 14px;
    }
}

.direction-list {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

.system-info-row {
    display: grid;
    grid-template-columns: 5% 34% 61%;
    align-items: center;
    min-height: 105px;
    padding: 20px 0;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
}

.system-info-row:first-child {
    border-top: 1px solid #333;
}

.system-info-number {
    font-size: 16px;
    line-height: 1;color:#fff;
    font-weight: 600;
    letter-spacing: 0;
}

.system-info-title {
    font-size: 24px; color:#fff;
    line-height: 1.2;
    font-weight: 600;
    padding-right: 40px;
}

.system-info-description {
    max-width: 850px; color:#fff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
    padding-right: 40px;
}

/* Tablet */
@media (max-width: 1024px) {

    .system-info-row {
        grid-template-columns: 7% 35% 58%;
        padding: 22px 0;
    }

    .system-info-title {
        font-size: 21px;
        padding-right: 25px;
    }

    .system-info-description {
        font-size: 15px;
        padding-right: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .system-info-row {
        display: block;
        min-height: auto;
        padding: 28px 20px;
    }

    .system-info-number {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .system-info-title {
        font-size: 21px;
        line-height: 1.25;
        padding-right: 0;
        margin-bottom: 14px;
    }

    .system-info-description {
        font-size: 15px;
        line-height: 1.5;
        padding-right: 0;
        max-width: none;
    }
}

.direction-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.direction-list li span {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ed3026;
    color: #ffffff;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 500;

    line-height: 1;
}

.direction-list li p {
    margin: 0;
color:#fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
}

.direction-divider {
    width: 100%;
    height: 1px;

    background: rgba(255, 255, 255, 0.45);

    margin: 10px 0 14px;
}

main#content{
min-width: 100% !important;
width: 100% !important;
float: left !important
}
body{
width: 100%;
float: left
}
section.hero-base.bg-hero-projects.pdng-lt-rt{
justify-content: center
}
.mangal-section-exact{
display: flex;
align-items: stretch;
width: 100%;
background-color: #1a1a2e;
}
.mangal-img-col-exact{
width: 50%;
display: flex
}

.mangal-img-col-exact img{
width: 100%;
height: 100%;
min-height: 550px;
object-fit: cover
}
.mangal-content-col-exact{
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 80px 80px 80px 60px
}
.mangal-tabs-wrapper{
display: flex;
gap: 15px;
margin-top: 25px;
margin-bottom: 35px
}
.mangal-tab-btn{
border: 1px solid #D1D5DB;
padding: 12px 24px;
font-family: 'Geist',sans-serif;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
font-weight: 600;
color: #ffffffcc;
border-radius: 6px;
cursor: pointer;
background: transparent;
transition: all 0.3s ease
}
.mangal-tab-btn.active{
border-color: #E31E24;
color: #1D293D
}
.mangal-tab-content{
display: none;
animation: fadeIn 0.4s ease
}
.mangal-tab-content.active-content{
display: block
}
@keyframes fadeIn{
from{
opacity: 0
}
to{
opacity: 1
}

}
.mangal-list-grid{
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 20px;
column-gap: 30px
}
.mangal-list-item{
position: relative;
padding-left: 18px;
color: #45556C;
font-family: 'Geist',sans-serif;
font-size: clamp(13px,0.88rem + 0.15vw,15px);
line-height: 1.2
}
.mangal-list-item::before{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 5px;
height: 5px;
background: #E31E24;
border-radius: 50%
}
.timeline-wrapper-exact{
position: relative;
display: flex;
justify-content: space-between;
margin-top: 60px;
margin-left: auto;
margin-right: auto
}
.timeline-line-exact{
position: absolute;
top: 20px;
left: 10%;
right: 10%;
height: 1px;
border-top: 1px dashed rgba(255,255,255,0.3);
z-index: 1
}
.timeline-item-exact{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
z-index: 2;
padding: 0 15px
}
.timeline-icon-exact{
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
margin-bottom: 40px
} .new-tas-new-sec.tas-new-sec {
    background-color: #1A1A2E;
    padding: 25px 30px;
    border-radius: 16px 0px 0px 16px;
} .apt-new-approact.new-apt-approach { background-color: #1A1A2E;
    padding: 25px 30px;
    border-radius: 0px 16px 16px 0px;
}
.timeline-title-exact{
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(1.375rem,1.3125rem + 0.3125vw,1.625rem) !important;
font-weight: 500;
margin-bottom: 16px;
margin-top:0;
line-height: 1.3
}
.timeline-desc-exact{
color: #AAB3C0;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.4
}
@media (max-width: 1024px){
.serve-grid-exact{
grid-template-columns: 1fr 1fr
}
.mangal-section-exact{
flex-direction: column
}
.mangal-img-col-exact{
width: 100%;
padding: 0 20px
}
.mangal-img-col-exact img{
border-radius: 16px;
min-height: 400px
}
.mangal-content-col-exact{
width: 100%;
padding: 40px 20px
}
.timeline-line-exact{
display: none
}
.timeline-wrapper-exact{
flex-direction: column;
gap: 40px
}

}
@media (max-width: 768px){
.serve-grid-exact,.mangal-list-grid{
grid-template-columns: 1fr
}
.mangal-tabs-wrapper{
flex-direction: column
}

}
main#content{
min-width: 100% !important;
width: 100% !important;
float: left !important;
padding:0px
}
footer.bg-footer-dark.pdng-lt-rt{
width: 100%;
float: left !important
}
ul#menu-main-menu{
justify-content: space-between;
display: flex;
gap: 26px;
list-style: none !important
}
header{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 50;
padding: 24px 0;
border-bottom: 1px solid rgba(255,255,255,0.1)
}
.nav-wrapper{
display: flex;
justify-content: space-between;
align-items: center
}
.container{
max-width: 100%;
margin: 0 auto;
padding: 0 80px 0px 80px;
width: 100%
}
.main-menu.fw{
position: absolute;
top: 0px;
z-index: 9999;
left: 0;
padding: 10px
}
.nav-wrapper{
display: flex;
justify-content: space-between;
align-items: center
}
.logo{
font-size: clamp(16px,1.05rem + 0.2vw,18px);
font-weight: 600;
color: #FFFFFF;
display: flex;
align-items: center;
gap: 8px
}
.sub-menu{
display: none;
overflow: hidden
}
.primary-menu .menu-item-has-children > a::after{
content: '+';
float: right;
margin-left: 8px;
font-weight: bold;
transition: transform 0.3s ease
}
.primary-menu .menu-item-has-children:hover > a::after{
content: '−';
color: #0073aa
}
.menu-main-menu-container .primary-menu{
float: right;
position: relative;
margin: 0;
list-style: none;
display: flex
}
.primary-menu > li{
position: relative;
padding: 10px 15px
}
.primary-menu .sub-menu{
display: none;
position: absolute;
top: 100%;
left: 0;
width: 450px;
color:#fff !important;
background-color: #fff;
padding: 15px;
z-index: 999;
border-radius: 10px;
box-shadow: 0 3px 23px 4px #7A7A7A26;
list-style: none
}
ul.sub-menu li a{
color:#000 !important
}
.logo img{
width: 130px
}
.primary-menu .menu-item:hover > .sub-menu{
display: block
}
.sub-menu li a{
display: block;
padding: 10px 0;
text-decoration: none;
color: #333;
font-size: 18px;
}
.sub-menu li:last-child a{
border-bottom: none
}
.feature-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 40px 0
}
.logo span{
color: #E53935;
font-weight: 700;
background: white;
padding: 2px 6px;
border-radius: 2px;
font-size: clamp(12px,0.82rem + 0.12vw,14px)
}
ul#menu-main-menu{
justify-content: space-between;
display: flex;
gap: 26px;
list-style:none !important
}
.nav-links{
display: flex;
gap: 32px;
align-items: center
}
.nav-links a{
color: #fff !important;
font-size: clamp(16px,1.05rem + 0.2vw,18px) !important;
font-weight: 400;
line-height:20px !important;
font-family:"Geist",sans-serif !important
}
.nav-links a:hover{
color: #EC2633
}
.btn-red{
display: inline-flex;
align-items: center;
justify-content: center;
font-family:"Geist",sans-serif;
!important;
background-color: #EC2633;
color: #FFFFFF !important;
padding: 18px 28px;
border-radius: 100px;
font-size: clamp(1.0625rem,1.0469rem + 0.0781vw,1.125rem);
font-weight: 500
}
.btn-red:hover{
background-color: #D02020;
border-radius:100px;
transform: translateY(-2px);
color:#ffffff !important
}
.bg-footer-dark{
background-color: #1a1a2e;
padding-top: 69px;
padding-bottom: 0px;
width:100%
}
.footer-grid{
display: grid;
grid-template-columns: 1.5fr 1fr 1.6fr 1.2fr;
gap: 40px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto
} .new-bg-project{    background: linear-gradient(1.52deg, rgba(0, 0, 0, 0.69) 54.29%, rgba(102, 102, 102, 0.69) 100.92%), url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/mangalore-smart-city.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    height: 600px;
    border-radius: 16px 16px 16px 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;}
.pro-new-sec{display:flex;flex-direction:column;gap:12px;}
.footer-brand{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px
}
.footer-brand-name{
color: #ffffff;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase
}
.footer-desc{
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6;
max-width: 280px
}
.footer-heading{
color: #ffffff;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
font-weight: 600;
margin-bottom: 24px
}
.footer-links{
list-style: none;
padding: 0;
margin: 0
}
.footer-links li{
margin-bottom: 16px
}
.footer-links a{
color: #AAB3C0;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
text-decoration: none;
transition: 0.3s ease
}
.footer-links a:hover{
color: #ffffff
}
.footer-contact{
list-style: none;
padding: 0;
margin: 0
}
.footer-contact li{
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 20px;
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6
}
.footer-contact li i{
color: #EC2633;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
margin-top: 3px
}
.footer-contact li a{
color: #fff;
text-decoration: none;
transition: 0.3s ease
}
.footer-contact li a:hover{
color: #ffffff
}
.footer-bottom{
border-top: 1px solid rgba(255,255,255,0.05);
padding-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
color: #AAB3C0;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
max-width: 1400px;
margin: 0 auto
}
.footer-legal a{
color: #AAB3C0;
text-decoration: none;
transition: 0.3s
}
.footer-legal a:hover{
color: #ffffff
}
.footer-legal .divider{
margin: 0 8px;
opacity: 0.5
}
@media (max-width: 1024px){
.footer-grid{
grid-template-columns: 1fr 1fr;
gap: 50px
}

}
@media (max-width: 768px){
.footer-grid{
grid-template-columns: 1fr;
gap: 40px
}
.footer-bottom{
flex-direction: column;
gap: 15px;
text-align: center
}

}
body{
background-color: #ffffff;

font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px)
}
p{
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6;
font-weight:400;
color: #1B181A99;
margin:0
}
.heading-1{
font-family: 'Geist',sans-serif;
font-size: clamp(2.5rem,2.25rem + 1.25vw,3.5rem) !important;
font-weight: 600;
line-height: 1.1
}
.heading-2{
font-family: 'Geist',sans-serif;
font-size: clamp(2.25rem,1.9821rem + 0.8929vw,2.875rem) !important;
font-weight: 500;
line-height: 1.2;
margin:0
}
.heading-3{
font-family: 'Geist',sans-serif;
font-size: clamp(1.75rem,1.625rem + 0.625vw,2.25rem);
font-weight: 500;
line-height: 1.2
}
.heading-4{
font-family: 'Geist',sans-serif;
font-size: clamp(1.375rem,1.3125rem + 0.3125vw,1.625rem);
font-weight: 500;
line-height: 1.2
}
.heading-5{
font-family: 'Geist',sans-serif;
font-size: clamp(1.25rem,1.2188rem + 0.1563vw,1.375rem);
font-weight: 500;
line-height: 1.2
}
.heading-6{
font-family: 'Geist',sans-serif;
font-size: clamp(1.125rem,1.0938rem + 0.1563vw,1.25rem);
font-weight: 500;
line-height: 1.2
}
.all-heading-new{
font-family: 'Geist',sans-serif;
font-weight: 500;
margin:0
}
.bg-new-dark{background-color:#1a1a2e;}
.text-white{
color: #ffffff !important
}
.text-light-gray{
color:#FFFFFFCC !important
}
.text-dark{
color: #1A1A2E !important
}
.highlight{
color: #E31E24
}
.bg-dark{
background-color: #151828
}
.bg-light{
background-color: #F5F7FA
}
.bg-white{
background-color: #ffffff
}
.text-center{
text-align: center;
display:flex;
flex-direction:column;
gap:16px
}
.max-w-600{
max-width: 600px;
margin-left: auto;
margin-right: auto
}
.max-w-800{
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.mb-0{
margin-bottom: 0px !important
}
.mb-10{
margin-bottom: 16px
}
.mb-20{
margin-bottom: 20px;
margin:0
}
.mb-30{
margin-bottom: 20px;
margin:0
}
.mb-40{
margin-bottom: 20px;
margin:0
}
.mb-50{
margin-bottom: 26px
}
.mb-60{
margin-bottom: 50px
}
.pdng-lt-rt{
padding-left: 80px;
padding-right: 80px
}
.pdng-btm{
padding-bottom: 100px
}
.pdng-lt{
padding-left: 80px
}
.pdng-rt{
padding-right: 80px
} .apt-new-approact{padding-top:16px;}
.flex-row{
display: flex;
justify-content: space-between;gap:80px;
} .new-update-sec-cgt {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.what-we-do-cards{background: linear-gradient(1.52deg, rgba(0, 0, 0, 0.69) 54.29%, rgba(102, 102, 102, 0.69) 100.92%), url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/Direction.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:500px;height:600px; border-radius: 16px 0px 0px 16px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end}
.new-comput-sec{background: linear-gradient(1.52deg, rgba(0, 0, 0, 0.69) 54.29%, rgba(102, 102, 102, 0.69) 100.92%), url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-service-banner1.webp);background-position:center center;background-repeat:no-repeat;background-size:cover; }
.mangal-img-col-exact.new-bg-manage-img {
    background: linear-gradient(179.79deg, rgba(26, 26, 46, 0.416) 62.28%, rgba(26, 26, 46, 0.65) 99.82%),
url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-service-banner3.webp);background-position:center center;background-repeat:no-repeat;background-size:cover; border-radius: 0px 16px 16px 0px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end
}
.flex-40{
width: 40%
} .man-new-sec {
    border: 1px solid #FFFFFF38;
    border-radius: 16px;
} .new-mag-updated {
    padding: 20px;
} .new-mag-updated span{font-family: Geist;
font-weight: 700;
font-style: Bold;
font-size: 12px !important;
leading-trim: NONE;
line-height: 16px;color:#DF2321 !important;
letter-spacing: 2.16px;
text-transform: uppercase;
}
.flex-30{
width:35%
} .grid-2x2-about.new-grid1 {
    margin-top: 20px;
}
.flex-70{
width:65%
}
.flex-50{
width: 50%
}
.flex-60{
width: 60%
}
.img-fluid{
width: 100%;
height: auto;
border-radius: 12px
} .get-to-diwl {
    display: flex;
    justify-content: space-between;gap:20px;
} img.arrow-new-icon-btn {
    width: 20px;
}
.btn-primary{
background-color: #E31E24;
color: #ffffff !important;
padding: 14px 32px;
border-radius: 25px;
text-decoration: none !important;
font-family: 'Geist',sans-serif;
font-weight: 500;margin-top:20px;
font-size: 18px;
display: inline-block;
transition: 0.3s;
border: none; width:fit-content;
cursor: pointer;display:flex;gap:10px;
}
.btn-primary:hover{
background-color: #c8181d;color:#fff !important;
}
.hero-banner-new{
position: relative;
height: 100vh;
min-height: 850px;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
background-color: #151828
}
.hero-bg-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: linear-gradient(to right,rgba(21,24,40,0.85) 0%,rgba(21,24,40,0.4) 100%);
z-index: 2
}
.hero-watermark{
position: absolute;
bottom: -45px;
left: 50%;
transform: translateX(-50%);
width: 100%;
text-align: center;
font-family: 'Geist',sans-serif;
font-size: clamp(72px,6rem + 2vw,138px);
font-weight: 700;
text-transform: uppercase;
color: transparent;
-webkit-text-stroke: 1.5px rgba(255,255,255,0.2);
white-space: nowrap;
z-index: 3;
pointer-events: none;
letter-spacing: 2px;
line-height: 1
}
.hero-content-col{
position: relative;
z-index: 2;
width: 100%;
max-width: 1500px;
margin: 0 auto;
display: flex;
margin-top: 140px;
flex-direction: column;
gap: 200px
}
.hero-heading-box{
align-self: flex-start
}
.hero-paragraph-box{
align-self: flex-start;
max-width: 500px;
text-align: left
}
.hero-paragraph-box p{
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6
}
.data-eco-top-row{
display: flex;
align-items: center;
gap: 160px;
margin-bottom: 26px;
width: 100%
}
.data-eco-bottom-row{
display: flex;
align-items: flex-start;
gap: 160px;
width: 100%
}
.data-eco-left-col{
flex: 0 0 42%
}
.data-eco-right-col{
flex: 1
}
.data-eco-desc{
color: #45556C;
font-family: 'Geist',sans-serif;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
line-height: 1.6;
margin: 0
}
.data-eco-img{
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 16px;
display: block
}
.data-timeline-new{
position: relative;
display: flex;
flex-direction: column;
gap: 38px
}
.data-timeline-new::before{
content: '';
position: absolute;
left: 48px;
top: 20px;
bottom: 20px;
width: 2px;
background-color: #E2E8F0;
z-index: 1
}
.timeline-node{
display: flex;
align-items: center;
gap: 30px;
position: relative;
z-index: 2
}
.timeline-node-icon{
display: flex;
align-items: center;
justify-content: center
}
.timeline-node-text{
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 700;
color: #1A1A2E;
margin: 0;
line-height: 1.3
}
@media (max-width: 1200px){
.data-eco-top-row,.data-eco-bottom-row{
gap: 80px
}

}
@media (max-width: 1024px){
.data-eco-top-row{
gap: 16px;
flex-direction: column;
align-items: flex-start
}
.data-eco-bottom-row{
gap: 50px;
flex-direction: column
}
.data-eco-left-col,.data-eco-right-col{
width: 100%;
flex: auto
}
 
}
.solutions-grid-3x2{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 30px;
width: 100%
}
.solutions-heading-box{
display: flex;
flex-direction: row;gap:120px;padding-bottom:36px;
justify-content: space-between;
/* padding-top: 10px */
}
.dark-card-navy{
background-color: #1A1F35;
border-radius: 12px;
padding: 35px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%
}
.navy-card-icon{
width: 40px;
height: 40px;
background-color: rgba(255,255,255,0.05);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
color: #AAB3C0;
font-size: clamp(14px,0.95rem + 0.15vw,16px)
}
.link-explore{
margin-top: auto;
padding-top: 30px;
color: #AAB3C0;
font-size: clamp(10px,0.7rem + 0.1vw,12px);
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
transition: 0.3s
}
.link-explore:hover{
color: #fff
}
.flex-row.logn-new-sec{
gap: 100px
}
.flex-row.align-start.engineer-new-sec{
gap: 76px
}
.bullet-list-red{
list-style: none;
margin-top: 0px;
padding:0px
}
.bullet-list-red li{
position: relative;
padding-left: 20px;
margin-bottom: 15px;
color: #AAB3C0;
font-family: 'Geist',sans-serif;
font-size: clamp(14px,0.95rem + 0.15vw,16px)
}
.bullet-list-red li::before{
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background-color: #E31E24;
border-radius: 50%
}
.framework-list{
display: flex;
flex-direction: column;
gap: 16px
}
.framework-item{
border: 1px solid #E2E8F0;
padding: 20px 25px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 20px;
background: #fff
}
.flex-40.execute-new-sec{
display: flex;
flex-direction: column;
gap: 20px
}
.flex-row.our-new-pos-sec{
gap: 160px
}
.framework-num{
width: 32px;
height: 32px;
background: #E31E24;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-family: 'Geist',sans-serif;
font-size: clamp(13px,0.88rem + 0.15vw,15px);
flex-shrink: 0
}
.framework-text{
font-family: 'Geist',sans-serif;
font-weight: 600;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
color: #1D293D
}
.overlap-container{
position: relative;
padding-left: 80px;
padding-bottom: 40px;
margin-top: 20px
}
.overlap-card{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #fff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
width: 340px;
z-index: 2
}
.grid-3x2-clients{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px;
margin-top: 50px;
width: 100%
}
.client-box{
border: 1px solid #E2E8F0;
border-radius: 12px;
padding: 30px 25px;
display: flex;
align-items: flex-start;
gap: 15px;
background: #F8FAFC
}
.client-icon-red{
width: 40px;
height: 40px;
background: #E31E24;
color: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: clamp(14px,0.95rem + 0.15vw,16px)
}
.grid-4-gov{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 24px;
margin-top: 50px;
width: 100%
}
.gov-card{
display: flex;
flex-direction: column;
gap: 20px
}
.gov-img-wrapper{
position: relative;
border-radius: 16px;
overflow: hidden
}
.gov-img-wrapper img{
width: 100%;
height: 100%;
object-fit: cover
}
.gov-badge{
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
background: #E31E24;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(12px,0.82rem + 0.12vw,14px);
box-shadow: 0 4px 10px rgba(227,30,36,0.4)
}
.cta-wrapper-bg{
background-image: url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp');
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
border-radius: 24px;
display: flex;
align-items: center;
width: 100%;
height:55vh;
min-height: 460px
}
.cta-content{
width: 55%;
z-index: 2;
padding: 60px 62px 62px 62px;
display:flex;
flex-direction:column;
gap:20px
}
@media (max-width: 1024px){
.cta-wrapper-bg{
background-image: url('../uploads/2026/04/section-home-new8.webp');
background-position: center;
flex-direction: column;
align-items: flex-start
}
.cta-content{
width: 100%;
padding: 60px 40px
}

}
@media (max-width: 768px){
.cta-wrapper-bg{
background-image: linear-gradient(to bottom,#F8FAFC 0%,#F8FAFC 65%,rgba(248,250,252,0.8) 100%),url('../uploads/2026/04/section-home-new8.webp')
}
.cta-content{
padding: 50px 25px
}

}
@media (max-width: 1200px){
.pdng-lt{
padding-left: 40px
}
.pdng-rt{
padding-right: 40px
}
header{
padding: 30px 40px
}
.solutions-grid-3x2{
grid-template-columns: 1fr 1fr
}
.grid-3x2-clients,.grid-4-gov{
grid-template-columns: 1fr 1fr
}
.footer-grid{
grid-template-columns: 1fr 1fr;
gap: 50px
}
.grid-4-gov-alt{
grid-template-columns: 1fr 1fr;
gap: 24px
}
.grid-3x2-approach{
grid-template-columns: 1fr 1fr
}

}
@media (max-width: 1024px){
.flex-row{
flex-direction: column
}
.flex-40,.flex-50,.flex-60{
width: 100%
}
.hero-content-col{
gap: 80px;
margin-top: 80px
}
.hero-paragraph-box{
align-self: flex-start;
text-align: left
}
.hero-watermark{
font-size: clamp(48px,4rem + 1.5vw,80px);
bottom: 20px
}
.overlap-container{
padding-left: 0;
padding-bottom: 0;
margin-top: 40px
}
.overlap-card{
position: relative;
top: auto;
left: auto;
transform: none;
width: 100%;
margin-bottom: 30px;
box-shadow: none;
border: 1px solid #E2E8F0
}
.cta-wrapper{
flex-direction: column;
text-align: center
}
.cta-content{
width: 100%;
padding: 50px 30px
}
.cta-img-right{
position: relative;
right: auto;
width: 80%;
max-height: 300px;
margin: 0 auto
}
.flex-row{
flex-direction: column;
gap: 40px !important
}
.flex-40,.flex-50,.flex-60,.flex-30,.flex-70{
width: 100%
}
.hero-base{
height: auto;
min-height: 600px;
padding-top: 150px
}
.hero-overlap-image{
margin-top: -80px
}
.what-we-do-cards{
flex-direction: column
}
.what-we-do-sketch-img{
opacity: 0.15;
width: 70%
}

}
@media (max-width: 768px){
.pdng-tp{
padding-top: 60px
}
.pdng-btm{
padding-bottom: 60px
}
.pdng-lt{
padding-left: 20px
}
.pdng-rt{
padding-right: 20px
}
header{
padding: 20px
}
.nav-links{
display: none
}
.heading-1{
font-size: clamp(32px,2.25rem + 0.5vw,42px)
}
.heading-2{
font-size: clamp(26px,1.85rem + 0.4vw,34px)
}
.heading-3{
font-size: clamp(22px,1.5rem + 0.3vw,28px)
}
.solutions-grid-3x2,.grid-3x2-clients,.grid-4-gov{
grid-template-columns: 1fr
}
.hero-watermark{
display: none
}
.footer-grid{
grid-template-columns: 1fr;
gap: 40px
}
.footer-bottom{
flex-direction: column;
gap: 15px;
text-align: center
}
.grid-2x2-about,.grid-4-gov-alt,.grid-3x2-approach{
grid-template-columns: 1fr
}

}
.hero-base{
position: relative;
height: 100vh;
min-height: 850px;
display: flex;
flex-direction: column;
padding-bottom: 50px;
padding-top:120px
}
.bg-hero-about{
background:url('../uploads/2026/04/about-new-banner.webp') center/cover no-repeat
}
.bg-hero-industry{
background:url('../uploads/2026/04/industry-diwl-banner1.webp') center/cover no-repeat
}
.flex-60.long-new-sec{
gap: 20px;
display: flex;
flex-direction: column
}
.flex-row.execution-new-sec{
gap: 95px
}
.bg-hero-about{
background: url('../uploads/2026/04/about-new-banner.webp') center/cover no-repeat
}
.hero-overlap-image{
margin-top: -150px;
position: relative;
z-index: 2
}
.hero-overlap-image img{
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 20px 50px rgba(0,0,0,0.15)
}
section.hero-base.bg-hero-about.pdng-lt-rt{
JUSTIFY-CONTENT: START
}
.our-new-position{
display: flex;
flex-direction: column;
gap: 20px
}
.grid-2x2-about{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
width: 100%
}
.about-card{
border: 1px solid #9D9DCA33;
border-radius: 12px;
padding: 25px;
background: #1A1A2EDE;
display: flex;
flex-direction: column;
align-items: flex-start;
box-shadow: 0 4px 12px rgba(0,0,0,0.02);
transition: transform 0.3s ease
}
.about-card:hover{
transform: translateY(-3px)
}
.about-card-icon-wrapper{
width: 28px;
height: 28px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center
}
.what-we-do-section{
position: relative;
overflow: hidden;
width: 100%;
background-color: #ffffff
}
.what-we-do-sketch-img{
position: absolute;
left: 0;
bottom: 110px;
width: 30%;
max-width: 550px;
object-fit: contain;
object-position: left bottom;
z-index: 1;
opacity: 0.9
}
.relative-content{
position: relative;
z-index: 2;
width: 100%
}
.wna-new-sec{
display: flex;
flex-direction: column;background-color:#1A1A2E;
	border-top-right-radius:16px;border-bottom-right-radius:16px;
gap: 0px;padding:20px 10px;
}
.what-we-do-cards{
display: flex;
gap: 30px;
width: 100%
}
.dark-card-tall{
background-color: #151828;
border-radius: 12px;
padding: 40px 26px;
flex: 1;
display: flex;
flex-direction: column;
gap: 20px
}
.dark-card-tall-icon img{
width: 64px;
height: 64px;
object-fit: contain
}
.bullet-list-white{
list-style: none;
margin-top: 10px;
padding: 0
}
.heading-list{
position: relative;
padding-left: 20px;
color: #FFFFFFCC;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6;
margin-bottom:10px
}
.heading-list::before{
content: '';
position: absolute;
left: 0;
top: 12px;
width: 5px;
height: 5px;
background-color: #ffffff;
border-radius: 50%
}
.grid-4-gov-alt{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 40px;
margin-top: 60px;
width: 100%
}
.gov-card-alt{
background-color: #FFFFFF1A;
border-radius: 16px;
padding: 26px 10px 10px 10px;
display: flex;
flex-direction: column;
gap: 20px;
height: 100%;
transition: background-color 0.3s ease
}
.gov-card-alt-icon-wrapper{
width: 60px;
height: 60px
}
.gov-card-alt img.gov-bg-img{
width: 100%;
height: 175px;
object-fit: cover;
border-radius: 8px;
margin-top: 30px
}
/* .approach-header-col{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px
} */
.grid-3x2-approach{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px;
/* margin-top: 64px; */
width: 100%
} 
.direction-list-new-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.direction-list-new-list li {
    position: relative;
    padding-left: 20px;
}
.technology-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    
    height: 48px;
    width: fit-content;
    padding: 0 24px;

   
    color: #fff;

    border: 1px solid #fff;
    border-radius: 8px;

   

    font-size: 14px;
    font-weight: 700;
    line-height: 1;
text-decoration:none !important;
    box-sizing: border-box;

    transition: all 0.3s ease;
}

.technology-btn-arrow {
    font-size: 22px;
    line-height: 1;
}



.technology-btn:hover .technology-btn-arrow {
    transform: translateX(4px);
}

.technology-btn-arrow {
    transition: transform 0.3s ease;
}
.direction-list-new-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    background: #ed3026;
}

.direction-list-new-list li p {
    margin: 0;
color:#fff;
}
.approach-card{
/* background: #; */
border-bottom: 1px solid #D4DCE5;
border-radius: 0px;
padding: 16px 0px;
display: flex;
flex-direction: row;

gap: 26px;

transition: transform 0.3s ease
} .new-new-sec-ap{display: flex;
    flex-direction: column;
    background-color: #1A1A2E;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    gap: 16px;
	padding: 35px 40px;} .what-we-do-cardd{background: linear-gradient(1.52deg, rgba(0, 0, 0, 0.69) 54.29%, rgba(102, 102, 102, 0.69) 100.92%), url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/Terminal.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    height: 600px;
    border-radius: 0px 16px 16px 0px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;}
.approach-num{
/* background: #FFF0F0; */
color: #E31E24;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Geist',sans-serif;
font-size: clamp(12px,0.82rem + 0.12vw,14px);
font-weight: 600;
flex-shrink: 0
}
.long-new-sec{
display: flex;
flex-direction: column;
gap: 20px
}
.check-list{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px
}
.check-list li{
display: flex;
align-items: center;
gap: 16px;
color: #1D293D;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
font-weight: 600
}
.check-list-icon{
width: 22px;
height: 22px;
flex-shrink: 0
}
.gap-64{
gap: 64px !important
}
.gap-98{
gap: 98px !important
}
.gap-200{
gap: 200px !important
}
.serve-header-wrapper{
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 26px;
align-items: center;
text-align: center
}
.serve-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 16px
}
.serve-card{
background: #1A1A2E;
border-radius: 16px;
padding: 32px 36px;
display: flex;
flex-direction: column;
min-height:200px;
transition: 0.3s
}
.serve-card:hover{
transform: translateY(-5px)
}
.serve-icon{
width: 40px;
height: 40px;
margin-bottom: 20px
}
.serve-icon img{
width: 100%;
height: 100%;
object-fit: contain
}
.serve-title-wrapper{
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: flex-end;
border-bottom: 2px solid #EC2633;
padding-bottom: 15px
}
.serve-title-wrapper h6{
color: #fff;
line-height: 1.4;
margin: 0
}
.muni-header-wrapper{
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 16px;
align-items: center;
text-align: center
}
.muni-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px;
width: 100%
}
.muni-col{
display: flex;
flex-direction: column;
gap: 24px
}
.muni-card-light{
background: #F5F7FA;
border-radius: 16px;
padding: 26px;
border: 1px solid #1A1A2E1A;
display: flex;
gap: 36px;
flex-direction: column;
justify-content: flex-start;
height: 200px
}
.muni-icon-red{
width: 40px;
height: 40px
}
.muni-icon-red img{
width: 40px;
height: 40px
}
.muni-card-img{
position: relative;
border-radius: 16px;
overflow: hidden;
height: 200px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 26px 26px
}
.muni-card-img.muni-tall{
height: 425px
}
.muni-card-img img.muni-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1
}
.muni-overlay{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
.muni-content{
position: relative;
z-index: 3
}
.muni-desc{
color: rgba(255,255,255,0.8);
font-size: clamp(14px,0.95rem + 0.15vw,16px);
line-height: 1.6;
margin-top: 10px;
margin-bottom: 0
}
.industry-tabs-wrapper{
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 36px
}
.industry-tab-btn{
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
color: #AAB3C0;
padding-bottom: 15px;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: color 0.3s ease
}
.industry-tab-btn:hover{
color: #1D293D
}
.industry-tab-btn.active{
color: #1D293D;
border-bottom-color: #E31E24
}
.industry-tab-content{
display: none;
animation: fadeIn 0.4s ease;
border-radius: 20px;
overflow: hidden;
background: #151828;
width: 100%
}
.industry-tab-content.active-content{
display: flex
}
@keyframes fadeIn{
from{
opacity: 0;
transform: translateY(5px)
}
to{
opacity: 1;
transform: translateY(0)
}

}
.industry-img{
width: 45%
}
.industry-img img{
width: 100%;
height: 100%;
object-fit: cover
}
.industry-content{
width: 55%;
padding: 70px 60px;
display: flex;
flex-direction: column;
gap: 20px
}
.industry-checklist{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 24px
}
.industry-check-item{
display: flex;
align-items: flex-start;
gap: 16px;
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.5
}
.industry-check-item i{
color: #AAB3C0;
background: rgba(255,255,255,0.05);
border-radius: 50%;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(11px,0.75rem + 0.1vw,13px);
flex-shrink: 0;
margin-top: -2px
}
.infra-new-sec{
gap: 94px
}
.infrastr-new-sec{
display: flex;
flex-direction: column;
gap: 20px
}
.epc-list{
list-style: none;
margin-top: 15px;
padding: 0
}
.epc-list li{
position: relative;
padding-left: 20px;
margin-bottom: 16px;
color: #FFFFFFCC;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.2
}
.epc-list li::before{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 6px;
height: 6px;
background: #E31E24;
border-radius: 50%
}
.epc-list li strong{
color: #fff;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
display: block;
margin-bottom: 05px;
font-family:"Geist",sans-serif
}
.dual-cards-wrapper{
display: flex;
gap: 100px;
width: 100%;
align-items: stretch
}
.dual-card-light{
flex: 1;
background: #fff;
border-radius: 16px;
padding: 40px 36px;
border: 1px solid #1A1A2E0F
}
.dual-card-dark{
flex: 1;
background: #151828;
border-radius: 16px;
padding: 60px 36px;
display: flex;
flex-direction: column;
gap:16px
}
.light-list-boxed{
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 26px
}
.light-list-item{
background: #F8FAFC;
border: 1px solid #E2E8F0;
border-radius: 8px;
padding: 20px 25px;
display: flex;
align-items: center;
gap: 20px
}
.light-list-icon{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center
}
.light-list-icon img{
width: 100%;
height: 100%
}
.dark-check-list{
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 46px;
margin-bottom: 140px
}
.dark-check-item{
display: flex;
align-items: center;
gap: 15px
}
.dark-check-item img{
width: 24px;
height: 24px;
object-fit: contain
}
.btn-white{
background: #FFFFFF;
color: #1A1A2E;
padding: 15px 28px;
border-radius: 6px;
font-weight: 700;
text-transform: uppercase;
font-size: clamp(12px,0.82rem + 0.12vw,14px);
letter-spacing: 1px;
display: inline-block;
align-self: flex-start;
text-decoration: none !important;
transition: 0.3s;
font-family: 'Geist',sans-serif
}
.btn-white:hover{
background: #E2E8F0
}
.bg-hero-projects{
background: url('../uploads/2026/04/diwl-project-banner.webp ') center/cover no-repeat
}
.exec-content{
display: flex;
flex-direction: column;
justify-content:center;
gap: 20px
}
.mangal-tabs{
display: flex;
gap: 20px;
margin-bottom: 30px;
margin-top: 30px
}
.mangal-tab{
border: 1px solid #E2E8F0;
padding: 12px 24px;
font-family: 'Geist',sans-serif;
font-size: clamp(13px,0.88rem + 0.15vw,15px);
font-weight: 600;
color: #AAB3C0;
border-radius: 6px;
cursor: default
}
.mangal-tab.active{
border-color: #E31E24;
color: #1D293D
}
.mangal-list-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}
.mangal-list-item{
position: relative;
padding-left: 15px;
color: #1B181A99;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.2
}
.mangal-list-item::before{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 5px;
height: 5px;
background: #E31E24;
border-radius: 50%
}
.timeline-wrapper{
position: relative;
display: flex;
justify-content: space-between;
margin-top: 60px
}
.timeline-line{
position: absolute;
top: 24px;
left: 10%;
right: 10%;
height: 1px;
border-top: 2px dashed rgba(255,255,255,0.2);
z-index: 1
}
.timeline-item{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
z-index: 2;
padding: 0 20px
}
.timeline-icon{
width: 48px;
height: 48px;
background: #E31E24;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
color: #fff;
font-size: clamp(18px,1.15rem + 0.2vw,20px)
}
.timeline-title{
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
margin-bottom: 15px;
line-height: 1.3
}
.timeline-desc{
color: #AAB3C0;
font-family: 'Geist',sans-serif;
font-size: clamp(12px,0.82rem + 0.12vw,14px);
line-height: 1.5
}
.eco-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 0px 30px;
margin-top: 30px
}
.eco-card{
position: relative;
height: 370px;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
text-align: center
}
.eco-card img.eco-bg{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1
}
.eco-overlay{
position: absolute;
inset: 0;
z-index: 2
}
.eco-icon{
position: relative;
z-index: 3;
font-size: clamp(36px,2.8rem + 0.6vw,50px);
color: rgba(255,255,255,0.8);
margin-bottom: 20px
}
.eco-title{
position: relative;
z-index: 3;
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
margin: 0
}
.exec-section-row{
gap: 60px
}
.mangal-section-row{
gap: 50px
}
.scale-section-row{
gap: 86px
}
.mangal-section-row{
display: flex;
align-items: stretch;
width: 100%;
gap: 60px
}
.mangal-img-col{
width: 50%;
display: flex
}
.mangal-img-col img{
width: 100%;
height: 100%;
min-height: 500px;
object-fit: cover;
border-radius: 0 16px 16px 0
}

.mangal-img-col-exact{
width: 50%;
display: flex
}
.mangal-img-col-exact img{
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.3s ease
}
.mangal-content-col-exact{
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;

}
.mangal-frame-text{
color: #AAB3C0;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
font-weight: 500;
margin-bottom: 10px;
font-family: 'Geist',sans-serif
}
.mangal-subtitle{
font-family: 'Geist',sans-serif;color:#fff;
}
.mangal-tabs-wrapper{
display: flex;
gap: 16px;
margin-bottom: 36px
}
.mangal-tab-btn{
border: 1px solid #E2E8F0;
padding: 12px 24px;
font-family: 'Geist',sans-serif;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
font-weight: 500;
color: #AAB3C0;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
background: transparent
}
.mangal-tab-btn.active{
border-color: #E31E24;
color: #1D293D;
font-weight: 600;
background: #ffffff
}
.mangal-tab-content{
display: none;
animation: fadeEffect 0.4s ease
}
.mangal-tab-content.active-content{
display: block
}
@keyframes fadeEffect{
from{
opacity: 0;
transform: translateY(5px)
}
to{
opacity: 1;
transform: translateY(0)
}

}
.mangal-list-grid{
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 16px;
column-gap: 24px;
margin-top:26px
}
.mangal-list-item{
position: relative;
padding-left: 14px;
color: #1B181ACC;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.5
}
.mangal-list-item::before{
content: '';
position: absolute;
left: 0;
top: 7px;
width: 4px;
height: 4px;
background: #E31E24;
border-radius: 50%
}
@media (max-width: 1024px){
.mangal-section-exact{
flex-direction: column
}
.mangal-img-col-exact,.mangal-content-col-exact{
width: 100%
}
.mangal-img-col-exact img{
height: 400px
}
.mangal-content-col-exact{
padding: 60px 40px
}

}
@media (max-width: 768px){
.mangal-content-col-exact{
padding: 50px 20px
}
.heading-2{
font-size: clamp(28px,2rem + 0.4vw,36px)
}
.mangal-list-grid{
grid-template-columns: 1fr
}
.mangal-tabs-wrapper{
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 5px
}
.mangal-tabs-wrapper::-webkit-scrollbar{
display: none
}
.mangal-tab-btn{
flex-shrink: 0;
white-space: nowrap
}

}
.split-tabs-wrapper{
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #E2E8F0
}
.split-tab-btn{
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
color: #AAB3C0;
padding-bottom: 15px;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: color 0.3s ease
}
.split-tab-btn:hover{
color: #1D293D
}
.split-tab-btn.active{
color: #1D293D;
border-bottom-color: #E31E24
}
.split-tab-content{
display: none;
animation: fadeEffect 0.4s ease;
border-radius: 20px;
overflow: hidden;
background: #151828;
width: 100%
}
.split-tab-content.active-content{
display: flex
}
.split-img{
width: 45%
}
.split-img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0
}
.split-content{
width: 55%;
padding: 70px 60px
}
.split-checklist{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 30px
}
.split-check-item{
display: flex;
align-items: flex-start;
gap: 15px;
color: #fff;
font-family: 'Geist',sans-serif;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
line-height: 1.5
}
.split-check-item i{
color: #1A1A2E;
background: rgba(255,255,255,0.05);
border-radius: 50%;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(11px,0.75rem + 0.1vw,13px);
flex-shrink: 0;
margin-top: -2px
}
.hero-base{
position: relative;
height: 100vh;
min-height: 850px;
display: flex;gap:60px;
flex-direction: row; align-items:flex-end;
justify-content: space-between;
overflow: hidden
} .surv-hero-content.new-tech-sec {
    margin-bottom: 120px;
}
.bg-hero-tech{
background:url('../uploads/2026/04/enterprise-grande-tech-banner.webp') center/cover no-repeat
}
.hero-content-left{
position: relative;
z-index: 2;
width: 100%;
max-width: 700px;
display: flex;
flex-direction: column;
gap: 20px
}
.core-tech-grid{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 36px;
margin-top: 26px
}
.core-card{
background: #ffffff;
border-radius: 16px;
padding: 36px 36px;
border: 1px solid #1A1A2E0F;
display: flex;
flex-direction: column;
gap:16px;
align-items: flex-start;
transition: transform 0.3s ease
}
.flex-row.align-start.mb-40.full-new-sec{
gap: 70px;
margin-bottom: 32px
}
.flex-row.align-start.stack-new-list{
gap: 140px
}
.core-icon{
font-size: clamp(20px,1.35rem + 0.25vw,24px);
color: #1D293D;
margin-bottom: 25px
}
.stack-list-wrapper{
display: flex;
flex-direction: column;
gap: 20px
}
.stack-item{
background: #F5F7FA;
border: 1px solid #1A1A2E0F;
border-radius: 12px;
padding: 26px;
display: flex;
align-items: center;
gap: 25px;
transition: background 0.3s ease;
box-shadow: 0px 4px 20px 0px #00000008
}
.stack-icon-circle{
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center
}
.stack-content{
display: flex;
flex-direction: column
}
.stack-title{
color: #1A1A2E;
margin-bottom: 8px;
margin-top:0px
}
.stack-subtitle{
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
color: #1B181AB2;
margin: 0;
line-height: 1.4
}
.surv-hero{
background: url('../uploads/2026/04/Eenterprise-grade-banner.webp') center/cover no-repeat
}
.struct-hero{
background: url('../uploads/2026/04/structured-new-sesign1.webp') center/cover no-repeat
}
.urban-hero{
background: url('../uploads/2026/04/urban-command-banner.webp') center/cover no-repeat
}
.integrated-hero{
background: url('../uploads/2026/04/integrated-monitoring-frame-banner.webp') center/cover no-repeat
}
.lasting-hero{
background:linear-gradient(183.34deg, rgba(26, 26, 46, 0.55) 88.83%, #1A1A2E 94.66%),
url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/technoly-new-banner-img1.webp') center/cover no-repeat
}
.bg-contact-hero{
background: url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/structure-lasting-banner.webp') center/cover no-repeat
}
section.hero-base.bg-contact-hero.contact-new.pdng-lt-rt{
height: 100vh;
min-height: 700px;
justify-content: flex-start
}
.surv-hero-content.new-contact{
gap: 175px
}
.surv-hero-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.surv-cards-grid.command-new-sec{
grid-template-columns: repeat(3,1fr)
}
.surv-hero-content{
position: relative;
z-index: 2;
width: 100%;
max-width: 700px;
display: flex;
flex-direction: column;
gap: 16px
}
.surv-tab-header{
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 36px
}
.surv-tab-btn{
font-family: 'Geist',sans-serif;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600;
color: #AAB3C0;
padding-bottom: 15px;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: 0.3s
}
.surv-tab-btn:hover{
color: #1D293D
}
.surv-tab-btn.active{
color: #1D293D;
border-bottom-color: #E31E24
}
.surv-tab-pane{
display: none;
animation: fadeIn 0.4s ease
}
.surv-tab-pane.active-pane{
display: block
}
@keyframes fadeIn{
from{
opacity: 0;
transform: translateY(5px)
}
to{
opacity: 1;
transform: translateY(0)
}

}
.surv-content-row{
display: flex;
align-items: center;
gap: 100px
}
.surv-text-col{
display: flex;
flex-direction: column;
gap: 24px
}
.surv-feature-list{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px
}
.surv-feature-list li{
display: flex;
align-items: center;
gap: 12px;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
color: #1A1A2E
}
.surv-feature-list li i{
color: #E31E24;
font-size: clamp(18px,1.15rem + 0.2vw,20px)
}
.cards-header-block{
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 26px
}
.surv-cards-grid{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 16px;
}
.surv-card-item{
padding:20px 20px;
display: flex;
flex-direction: column;
gap: 16px;
transition: 0.3s ease; justify-content:flex-end;

} 

.btn-link {

  color: #fff;
  text-decoration: none !important;
  font-weight: 500;
}
.surv-card-icon{

	display: flex;
    justify-content: space-between;
    gap: 155px;
}
.cards-header-block.new-block-sec{
align-items: center;
text-align: center
}
.surv-card-item.new-card-items{
align-items: left;
text-align: left
}
ul.red-dot-list.new-list-set{
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
width: 100%
}
.red-dot-list.red-dot-list li{
display: flex;
align-items: flex-start;
gap: 12px;
color: #FFFFFFCC;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.5
}
.red-dot-list.new-list-set li::before{
background:none;
border-radius: 50%
}
.delivery-row{
display: flex;
align-items: center;
gap: 180px
}
.delivery-content{
display: flex;
flex-direction: column;
gap: 16px
}
.red-dot-list{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px
}
.red-dot-list li{
position: relative;
padding-left: 20px !important;
color: #FFFFFFCC;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.6
}
.red-dot-list li::before{
content: '';
position: absolute;
left: 0;
top: 10px;
width: 6px;
height: 6px;
background: #E31E24;
border-radius: 50%
}
.future-row{
display: flex;
align-items: center;
gap: 50px
}
.future-content{
display: flex;
flex-direction: column;
gap:16px
}
.future-feature-list{
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 10px
}
.future-feature-list li{
display: flex;
align-items: center;
gap: 16px
}
.lifecycle-grid.new-lifecycle.new-multi{
grid-template-columns: repeat(4,1fr)
}
.gov-compliance-grid{
display: grid;
grid-template-columns: 1fr 1.1fr 1fr;
gap: 24px;
margin-top: 26px
}
.gov-comp-col{
display: flex;
flex-direction: column;
gap: 16px
}
.gov-comp-card-light{
background: #F5F7FA;
border: 1px solid #1A1A2E33;
border-radius: 16px;
padding: 26px 26px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.02);
height: 100%;
transition: transform 0.3s ease
}
.gov-comp-card-dark{
background: #1A1A2E;
border-radius: 12px;
padding: 26px 20px 20px 20px;
box-shadow: 0px 20px 50px 0px #0000001A;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
overflow: hidden
}
img.gov-comp-dark-img{
margin-top: 80px
}
.gov-comp-icon{
width: 48px;
height: 48px;
background: #E31E24;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
margin-bottom: 16px
}
.lifecycle-header-block{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
margin-bottom: 36px
}
.lifecycle-grid{
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 16px;
width: 100%
}
.lifecycle-grid.new-lifecycle{
grid-template-columns: repeat(5,1fr)
}
.lifecycle-card.new-life-card{
align-items: center;
text-align: center;
padding:30px 20px
}
.lifecycle-card{
background: #ffffff;
border-radius: 12px;
border: 1px solid #E2E8F0;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
box-shadow: 0 4px 15px rgba(0,0,0,0.02);
transition: transform 0.3s ease,box-shadow 0.3s ease;
gap:20px
}
.lifecycle-icon{
display: flex;
align-items: center;
justify-content: center
}
@media (max-width: 1200px){
.lifecycle-grid{
grid-template-columns: 1fr 1fr;
gap: 24px
}

}
@media (max-width: 768px){
.lifecycle-grid{
grid-template-columns: 1fr
}

}

.real-time-row{
display: flex;

gap: 0px
}
.real-time-content{
display: flex;
flex-direction: column;
gap: 24px
}
.split-check-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
width: 100%;
margin-top: 10px
}
.split-check-grid.lasting-new-sec{
grid-template-columns: 1fr
}
.split-check-item{
display: flex;
align-items: center;
gap: 12px;
color: #1A1A2E;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
line-height: 1.5
}
.split-check-item i{
color: #E31E24;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
background-color: rgba(227,30,36,0.1);
border-radius: 50%;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}
.cards-header-block{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
margin-bottom: 40px
}
.analytics-cards-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 24px
}
.analytics-card-item{
background: #F8FAFC;
border-radius: 12px;
padding: 36px 26px;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 20px;
transition: 0.3s ease;
border: 1px solid #E2E8F0
}
.analytics-card-item:hover{
transform: translateY(-5px);
background: #ffffff;
box-shadow: 0 10px 30px rgba(0,0,0,0.03)
}
.analytics-card-icon{
color: #1D293D;
font-size: clamp(24px,1.75rem + 0.35vw,32px);
display: flex;
align-items: center;
justify-content: flex-start
}
.analytics-card-item h4{
font-size: clamp(18px,1.25rem + 0.25vw,22px)
}
.analytics-card-desc{
font-size: clamp(14px,0.95rem + 0.15vw,16px);
color: #45556C;
line-height: 1.5
}
.location-card{
background-color: #F5F7FA;
display: flex;
flex-direction: column
}
.loc-content{
padding: 26px 26px;
display:flex;
flex-direction:column;
gap:20px
}
.location-card{
background-color: #F8FAFC;
display: flex;
flex-direction: column
}
.loc-map-img{
width: 100%;
height: 220px;
object-fit: cover;
display: block
}
.loc-content{
padding: 30px 25px
}
.loc-detail{
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 20px
}
.loc-detail:last-child{
margin-bottom: 0
}
.loc-detail i{
color: #64748B;
font-size: clamp(14px,0.95rem + 0.15vw,16px);
margin-top: 4px
}
.loc-text{
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
color: #45556C;
line-height: 1.6
}
.loc-text strong{
display: block;
color: #1D293D;
font-weight: 600;
margin-bottom: 4px;
font-size: clamp(16px,1.05rem + 0.2vw,18px)
}
.grid-3{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 16px
}
.career-form{
padding:36px;
border-radius: 26px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 40px;
max-width: 900px;
border:1px solid #211D1D33;
background-color:#1A1A2E
}
.career-form__field{
display: flex;
flex-direction: column
}
.career-form label{
color: #ffffff;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
margin-bottom: 8px;
font-weight: 500
}
.career-form input[type="text"],.career-form input[type="email"],.career-form input[type="tel"],.career-form input[type="file"]{
background: transparent;
border: none;
border-bottom: 1px solid #fff;
padding: 2px 0;
color: #fff;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
outline: none
}
.flex-row.gap-40{
gap: 60px
}
.career-form input[type="file"]{
color: #ccc
}
.career-form__submit{
grid-column: span 2;
margin-top: 10px
}
.career-form input[type="submit"]{
background: #ff2e3e;
color: #fff;
border: none;
padding: 12px 28px;
border-radius: 30px;
font-size: clamp(12px,0.82rem + 0.12vw,14px);
cursor: pointer;
transition: 0.3s
}
.career-form input[type="submit"]:hover{
background: #e02434
}
.talent-box{
padding: 80px 26px;
border-radius: 16px;
height: 100%;
display: flex;
gap:26px;
flex-direction: column;
justify-content: center
}
.email-link{
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px);
font-weight: 600;
color: #1B181A;
text-decoration: none;
align-self: flex-start;
padding-bottom: 2px;
transition: 0.3s
}
.email-link:hover{
color: #E31E24;
border-color: #E31E24
}
.all-heading h1{
font-size: clamp(2.875rem,2.0389rem + 3.3361vw,5.375rem) !important;
font-weight: 600;
line-height: 1.2 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading h2{
font-size: clamp(2.25rem,1.8319rem + 1.6681vw,3.5rem) !important;
font-weight: 300;
line-height: 1.2 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading h3{
font-size: clamp(1.5rem,1.3746rem + 0.5004vw,1.875rem) !important;
font-weight: 300;
line-height: 1.2 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading h4{
font-size: clamp(1.375rem,1.2914rem + 0.3336vw,1.625rem) !important;
font-weight: 300;
line-height: 1.4 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading h5{
font-size: clamp(1.375rem,1.3332rem + 0.1668vw,1.5rem) !important;
font-weight: 600;
line-height: 1.2 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading h6{
font-size: clamp(1.125rem,1.0414rem + 0.3336vw,1.375rem) !important;
font-weight: 600;
line-height: 1.2 !important;
margin: 0;
display:inline-block;
font-family:"Geist",Sans-serif !important
}
.all-heading p,.all-heading li,.all-heading ul,.all-heading a{
font-size: clamp(1rem,0.9582rem + 0.1668vw,1.125rem) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
margin: 0;
font-family: "Geist",sans-serif !important
}
.pdng-rt{
padding-right:80px !important
}
.pdng-lt{
padding-left:80px!important
}
h1.entry-title{
display: none
}
.hdr-menu-main{
width: 100% !important;
float: left;
max-width: 100%;
position:absolute;
top:0;
z-index:9999 !important
}
.hdr-menu-main-btn a span.elementor-button-text{
font-size: clamp(1.0625rem,0.9511rem + 0.1739vw,1.125rem) !important;
font-family: "Geist",sans-serif !important;
line-height:1.4 !important;
font-weight: 400 !important;
text-transform: capitalize
}
.hdr-menu-main-menu ul#menu-main-menu{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
.hdr-menu-main-menu ul li a{
font-size: clamp(1rem,0.9582rem + 0.1668vw,1.125rem) !important;
line-height:1.2 !important;
font-family: "Geist",sans-serif !important;
font-weight:600 !important
}
.hdr-menu-main.fixed-header{
position: fixed;
background:#1A181B !important;
z-index:99999;
top:0
}
.hdr-menu-main.fixed-header .hdr-menu-main-inr{
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background:#ffffffa3 !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
border:1px solid #FCE6E9;
transition:all 0.5s ease
}
.hdr-menu-main{
transition:all 0.5s ease
}
h1.entry-title{
display: none
}
.elementor.elementor-29.elementor-location-footer{
width: 100%;
float: left
}
.footer-cta-sec .all-heading h2{
font-size: clamp(1.75rem,1.2906rem + 1.7094vw,3rem) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: -0.02em;
margin: 0;
display:inline-block;
font-family: "Hanken Grotesk",Sans-serif !important
}
.footer-cta-sec .all-heading p{
font-size: clamp(1.125rem,1.0791rem + 0.1709vw,1.25rem) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
margin: 0;
display:inline-block;
font-family: "Hanken Grotesk",Sans-serif !important
}
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{
font-weight:500 !important
}
.all-heading-footer h2{
font-size: clamp(1.75rem,1.2143rem + 1.7857vw,3rem) !important;
font-family: "Hanken Grotesk",Sans-serif !important;
font-weight: 600 !important;
line-height: 1.5 !important
}
.all-heading-footer p{
font-size: clamp(1.125rem,1.0714rem + 0.1786vw,1.25rem) !important;
font-family: "Hanken Grotesk",Sans-serif !important;
font-weight: 400 !important;
line-height: 1.5 !important
}
.all-heading-footer a{
font-size: clamp(1.125rem,0.9643rem + 0.5357vw,1.5rem) !important;
line-height:1.2 !important;
font-family: "Hanken Grotesk",Sans-serif !important;
font-weight: 400 !important;
line-height: 1.5 !important
}
@keyframes translateXAnimation{
0%{
transform: translateX(0)
}
50%{
transform: translateX(20px)
}
100%{
transform: translateX(0)
}

}
.Xperience-bnr-sec-bar-txt p{
font-size: clamp(0.9375rem,0.7019rem + 0.3681vw,1.07rem) !important;
font-family: "Geist",sans-serif !important;
line-height:1.1 !important;
font-weight: 400 !important
}
.Xperience-bnr-sec-bar-txt span{
font-size: clamp(0.695rem,0.6741rem + 0.0834vw,0.7575rem) !important;
font-family: "Geist",sans-serif !important;
line-height:1.1 !important;
font-weight: 400 !important
}
.all-btn a span.elementor-button-text{
font-size: clamp(1.0625rem,0.9511rem + 0.1739vw,1.125rem) !important;
font-family: "Geist",sans-serif !important;
line-height:1.4 !important;
font-weight: 400 !important;
text-transform: capitalize
}
.all-heading .why-choose-sec-rt p{
font-size: clamp(1.125rem,1.0832rem + 0.1668vw,1.25rem) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
margin: 0;
display:inline-block;
font-family: "Geist",sans-serif !important
}
.all-heading .why-visitors-sec-inr h2 span{
font-weight:600 !important
}
.timeline-menu{
position: relative;
padding-left:8px;
border-radius: 0px;

}
.timeline-item{
position: relative;
padding: 0px 0 0px 25px;
cursor: pointer;
min-height:90px;
margin-bottom:20px
}
.timeline-item h3{
margin: 0;
transition: 0.3s;
opacity:80%
}
.timeline-menu:before{
content: "";
position: absolute;
left: -2px;
top: 8px;
width: 2px;
height:81%;
background: #D8001A;
border-radius: 50%;
transition: 0.3s ease;
z-index: 99
}
.timeline-item.active::before{
width: 15px;
height: 15px;
left: -17px;
border: 4px solid #f1cbd063;
padding: 4px
}
.timeline-item.active h3{
color: #1E1E1E;
opacity:100%
}
.tab-content{
display: none;
padding-top: 10px;
padding-bottom: 0px;
color:#1E1E1E;
animation: fadeIn 0.3s ease
}
.tab-content.active{
display: block
}
@keyframes fadeIn{
from{
opacity: 0;
transform: translateY(10px)
}
to{
opacity: 1;
transform: translateY(0)
}

}
.we-serve-sec h2 span{
font-weight:600 !important
}
.we-serve-sec-blk-txt .elementor-divider-separator{
width: 3px !important;
min-height:60px;
height: 160px;
max-height:100%;
background: linear-gradient(180deg,#D8001A 0%,#1E1E1E 100%) !important;
border: none !important;
display: block;
margin: 0 auto
}
.all-heading .price-over-view-blk-tp .price-over-view-blkks-rt h6 span{
font-size: clamp(1.875rem,1.7143rem + 0.5357vw,2.25rem) !important;
font-family: "Geist",sans-serif !important;
line-height: 1.2 !important;
letter-spacing: -.02em;
margin: 0;
display: inline-block;
font-weight: 700 !important
}
.all-heading .price-over-view-blk-tp p{
font-size: clamp(1rem,0.9464rem + 0.1786vw,1.125rem) !important;
font-family: "Geist",sans-serif !important;
line-height: 1.4 !important;
margin: 0;
display: inline-block;
font-weight: 400 !important
}
.all-heading .price-over-view-blk-btm p{
font-size: clamp(1rem,1rem + 0vw,1rem) !important;
font-family: "Geist",sans-serif !important;
line-height: 1.4 !important;
margin: 0;
display: inline-block;
font-weight: 700 !important
}
.all-heading .price-over-view-blk-btm .price-over-view-blk-btm-lft p{
font-size: clamp(1rem,1rem + 0vw,1rem) !important;
font-family: "Geist",sans-serif !important;
line-height: 1.4 !important;
margin: 0;
display: inline-block;
font-weight: 400 !important
}
.Xperience-bnr-sec-head-tag p{
font-size: clamp(0.75rem,0.7082rem + 0.1668vw,0.875rem) !important;
letter-spacing: 1px !important
}
.pivacy-policy.all-heading h1{
font-size: clamp(2.5rem,1.9487rem + 2.0513vw,4rem) !important;
font-weight: 500;
line-height: 1.2 !important;
letter-spacing: -.02em;
margin: 0;
display: inline-block;
font-family:"Geist",sans-serif !important
}
.pivacy-policy.all-heading h2{
font-size: clamp(2.25rem,1.8319rem + 1.6681vw,3.5rem) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: -.02em;
margin: 0;
font-family:"Geist",sans-serif !important;
margin:50px 0 10px
}
.pivacy-policy.all-heading p{
width:100%;
margin: 0 0 16px !important
}
.pivacy-policy.all-heading li,.pivacy-policy.all-heading label{
font-size:clamp(1rem,0.9582rem + 0.1668vw,1.125rem) !important;
font-weight: 400 !important;
line-height: 1.5 !important;
margin: 0 0 10px;
font-family:"Geist",sans-serif !important
}
.pivacy-policy.all-heading li a,.pivacy-policy.all-heading p a{
color: #57006C !important
}
.pivacy-policy.all-heading li{
position:relative;
float: left;
width: 100%
}
.pivacy-policy.all-heading li:before{
position:absolute;
content:'';
width:8px;
height:8px;
top:9px;
left:-20px;
background:#000;
border-radius:50%;
display:inline-block
}
.the-smarter-choice{
width:1000px !important;
margin:0 auto !important
}
@media screen and (max-width:1920px){
.pdng-rt{
padding-right:120px !important
}
.pdng-rtt{
padding-right:120px !important
}
.pdng-lt{
padding-left:120px!important
}
.pdng-tp-btm{
padding-top:100px !important;
padding-bottom:100px !important
}

}
@media screen and (max-width:1900px){
.pdng-lt-rt{
padding-left:120px!important;
padding-right:120px !important
}
.pdng-rt{
padding-right:120px !important
}
.pdng-rtt{
padding-right:120px !important
}
.pdng-lt{
padding-left:120px!important
}
.pdng-tp-btm{
padding-top:100px !important;
padding-bottom:100px !important
}

}
@media screen and (max-width:18800px){
.pdng-rt{
padding-right:120px !important
}
.pdng-rtt{
padding-right:120px !important
}
.pdng-lt{
padding-left:120px!important
}
.pdng-tp-btm{
padding-top:100px !important;
padding-bottom:100px !important
}

}
@media screen and (max-width:1700px){

}
@media screen and (max-width:1600px){
.register-bnr-sec-inr{
width:65% !important
}
.pdng-rt{
padding-right:80px !important
}
.pdng-rtt{
padding-right:80px !important
}
.pdng-lt{
padding-left:80px!important
}
.pdng-tp-btm{
padding-bottom:100px !important;
padding-top:100px
}

}
@media screen and (max-width:1500px){
.hdr-menu-main-inr{
width: 65%
}
.pdng-rt{
padding-right:60px !important
}
.pdng-rtt{
padding-right:60px !important
}
.pdng-lt{
padding-left:60px!important
}
.pdng-tp-btm{
padding-top:100px !important;
padding-bottom:100px !important
}

}
@media screen and (max-width:1400px){
.hdr-menu-main-inr{
width: 68%
}
.pdng-rt{
padding-right:60px !important
}
.pdng-rtt{
padding-right:60px !important
}
.pdng-lt{
padding-left:60px!important
}
.pdng-tp-btm{
padding-top:100px !important;
padding-bottom:100px !important
}
.Xperience-bnr-sec-head-main,.Xperience-secnd-sec-inr,.why-visitors-sec-inr{
width: 95%
}
.we-serve-sec-blks{
gap: 40px 40px
}
.pdng-btm-ser-bnr{
padding-bottom: 180px
}
.register-bnr-sec-inr{
width:70% !important
}

}
@media screen and (max-width:1300px){
.hdr-menu-main-inr{
width: 74%
}
.pdng-rt{
padding-right:50px !important
}
.pdng-rtt{
padding-right:50px !important
}
.pdng-lt{
padding-left:50px!important
}
.pdng-tp-btm{
padding-top:80px !important;
padding-bottom:80px !important
}

}
@media screen and (max-width:1200px){
.hdr-menu-main-inr{
width: 85%
}
.Xperience-bnr-sec-bar{
width: 22%
}
.Xperience-bnr-sec-head-ser,.contact-us-sec-inr{
width:100%
}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{
width:100%
}
.Xperience-secnd-sec-lft,.Xperience-secnd-sec-right{
width:23%
}
.we-serve-sec-blk h6{
font-size: clamp(1.0625rem,0.982rem + 0.321vw,1.1875rem) !important
}
.we-serve-sec-blks{
gap: 30px
}
.why-visitor-experience-sec-inr{
padding:29px 29px 29px 58px !important
}
.why-choose-sec-inr{
padding:29px 58px 29px 29px !important
}
.register-bnr-sec-inr{
width:80% !important
}
.footer-inr-sec-lft{
width: 63%
}
.core-tech-grid{
grid-template-columns: 1fr 1fr
}
.serve-grid{
grid-template-columns: 1fr 1fr
}
.muni-grid{
grid-template-columns: 1fr 1fr
}
.split-card{
flex-direction: column
}
.split-img{
width: 100%;
height: 300px
}
.split-content{
width: 100%;
padding: 40px
}
.dual-cards-wrapper{
flex-direction: column
}
.serve-grid,.muni-grid{
grid-template-columns: 1fr 1fr
}
.industry-tab-content{
flex-direction: column
}
.industry-img{
width: 100%;
height: 300px
}
.industry-content{
width: 100%;
padding: 40px
}
.dual-cards-wrapper{
flex-direction: column;
gap: 40px
}

}
@media screen and (max-width:1100px){
.hdr-menu-main-inr{
width: 88%
}
.why-visitor-experience-sec-inr{
padding:29px 29px 29px 29px !important
}
.why-choose-sec-inr{
padding:29px 29px 29px 29px !important
}
.footer-inr-sec-lft{
width: 68%
}

}
@media screen and (max-width: 1025px){
.hdr-menu-main-inr-mbl{
background:#ffffff !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
border:1px solid #FCE6E9
}
button.elementskit-menu-hamburger.elementskit-menu-toggler{
padding: 0px !important;
border: none !important;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
margin: 0px !important
}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-navbar-nav > li > a{
font-size: clamp(1.0625rem,1.0223rem + 0.1605vw,1.125rem) !important;
line-height: 1.2 !important;
color: #131313;
font-family:"Geist",sans-serif !important
}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel .elementskit-menu-close{
float: right;
background-color: #FFFFFF00;
border-style: none
}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-menu-close{
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600 !important
}
.elementskit-menu-close,.elementskit-menu-hamburger{
background-color: transparent !important
}
.elementskit-menu-overlay{
background-color: transparent !important
}
.Xperience-bnr-sec-head p br{
display:none !important
}
.Xperience-secnd-sec-right .Xperience-bnr-sec-bar:nth-child(2){
margin-left:-12px !important
}
.why-visitor-experience-sec-lft{
width:50%
}
.why-visitor-experience-sec-rt{
width:44%
}
.we-serve-sec-blks{
gap: 27px 27px;
justify-content: center;
flex-direction: row;
flex-wrap: wrap
}
.we-serve-sec-blk{
width: 17%;
float: left;
margin: 0px !important
}
.we-serve-sec-blk-txt .elementor-divider-separator{
width: 3px !important;
min-height: 60px;
height: 80px
}
.register-bnr-sec-inr{
width:80% !important
}
.why-key-features-sec-first-blks,.why-key-features-sec-first-blks{
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 10px 10px
}
.why-key-features-sec-first-blk,.why-key-features-sec-second-blk{
width: 49.2%;
float: left
}
.footer-inr-sec-lft{
width: 73%
}
.hdr-menu-main-inr{
display:none !important
}
.why-key-features-sec-first-blks{
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 10px 10px
}

}
@media screen and (max-width: 1024px){
.hdr-menu-main-inr-mbl{
background:#ffffff !important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
border:1px solid #FCE6E9
}
button.elementskit-menu-hamburger.elementskit-menu-toggler{
padding: 0px !important;
border: none !important;
font-size: clamp(18px,1.15rem + 0.2vw,20px);
margin: 0px !important
}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-navbar-nav > li > a{
font-size: clamp(1.0625rem,1.0223rem + 0.1605vw,1.125rem) !important;
line-height: 1.2 !important;
color: #131313;
font-family:"Geist",sans-serif !important
}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel .elementskit-menu-close{
float: right;
background-color: #FFFFFF00;
border-style: none
}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-menu-close{
font-size: clamp(18px,1.15rem + 0.2vw,20px);
font-weight: 600 !important
}
.elementskit-menu-close,.elementskit-menu-hamburger{
background-color: transparent !important
}
.elementskit-menu-overlay{
background-color: transparent !important
}
.elementor .elementor-hidden-tablet{
display: none !important
}
.Xperience-bnr-sec-head p br{
display:none !important
}
.Xperience-secnd-sec-right .Xperience-bnr-sec-bar:nth-child(2){
margin-left:-12px !important
}
.why-visitor-experience-sec-lft{
width:50%
}
.why-visitor-experience-sec-rt{
width:44%
}
.we-serve-sec-blks{
gap: 27px 27px;
justify-content: center;
flex-direction: row;
flex-wrap: wrap
}
.we-serve-sec-blk{
width: 17%;
float: left;
margin: 0px !important
}
.we-serve-sec-blk-txt .elementor-divider-separator{
width: 3px !important;
min-height: 60px;
height: 80px
}
.register-bnr-sec-inr{
width:80% !important
}
.why-key-features-sec-first-blks,.why-key-features-sec-first-blks{
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 10px 10px
}
.why-key-features-sec-first-blk,.why-key-features-sec-second-blk{
width: 49.2%;
float: left
}
.hero-base{
height: auto;
min-height: 600px;
padding-top: 150px
}
.footer-inr-sec-lft{
width: 73%
}
.hdr-menu-main-inr{
display:none !important
}
.hero-base{
height: auto;
min-height: 600px;
padding-top: 150px
}
.muni-card-img.muni-tall{
height: 300px
}

}
@media screen and (max-width:991px){
.Xperience-bnr-sec-head-main.desk,.Xperience-secnd-sec-inr.desk{
display: none !important
}
.Xperience-bnr-sec-head-main.tab{
display: block !important
}
.Xperience-bnr-sec-head{
width:100%;
float:left
}
.Xperience-bnr-sec-bar{
width: 34%;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-around;
padding: 10px;
border-radius: 6px
}
.Xperience-secnd-sec-inr.tab{
gap:26px 26px !important;
display:flex;
flex-wrap: wrap
}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{
width: 34%
}
.Xperience-secnd-sec-lft,.Xperience-secnd-sec-right{
width: 100%
}
.why-key-features-sec-first-blks{
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 10px 10px
}
.why-key-features-sec-first-blk,.why-key-features-sec-second-blk{
width:49.2%;
float:left
}
.why-visitors-sec-blks{
flex-wrap: wrap;
flex-direction: column;
align-items:center
}
.why-visitors-sec-blk-lft{
width:100%;
float:none;
margin:0 auto
}
.why-visitors-sec-blk-rt{
width:100%;
float:left
}
.we-serve-sec-blk{
width: 22%;
float: left
}
.why-choose-sec-inr{
flex-wrap: wrap;
flex-direction: column;
align-items:center
}
.why-visitor-experience-sec-inr{
flex-wrap: wrap;
flex-direction: column-reverse !important;
align-items:center
}
.why-choose-sec-lft,.why-visitor-experience-sec-rt{
width:100%;
float:none;
margin:0 auto;
border-radius:16px;
overflow:hidden
}
.why-choose-sec-lft img,.why-visitor-experience-sec-rt img{
height:400px;
display:block;
object-fit:cover;
object-position: bottom center
}
.why-choose-sec-rt,.why-visitor-experience-sec-lft{
width:100%;
float:left;
gap:16px 16px
}
.footer-inr-sec{
flex-wrap: wrap;
flex-direction: column;
align-items:center;
gap: 24px 24px
}
.footer-inr-sec-lft{
width: 100%;
align-items: center
}
.footer-inr-sec-rt{
width: 100%;
float:left;
align-items:center;
padding-top:24px;
border-top:1px solid #00000033 !important
}
.contact-us-sec-inr{
flex-wrap: wrap;
flex-direction: column;
align-items:center;
gap: 24px 24px
}
.contact-us-sec-lft{
width: 100%;
float:left;
gap: 16px
}
.contact-us-sec-rt{
width: 70%;
float:none;
gap: 16px;
margin: 0 auto
}
.elementor-52 .elementor-element.elementor-element-d155f59 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){
padding-block-end: calc(0px / 2) !important
}
.register-bnr-sec-inr{
width:85% !important
}

}
@media screen and (max-width:767px){
.why-key-features-sec-first-blk,.why-key-features-sec-second-blk{
width: 49.1%;
float: left
}
.we-serve-sec-blk{
width: 21%;
float: left
}
.hero-content-left p{
text-align: center
}
.core-tech-grid{
grid-template-columns: 1fr
}

	
}
@media screen and (max-width:650px){
.contact-us-sec-rt{
width: 100%;
float: none;
gap: 16px;
margin: 0 auto
}

}
@media screen and (max-width:480px){
.hdr-menu-main{
padding:10px 15px !important
} .surv-cards-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  
  
} .solutions-heading-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 36px;
    justify-content: space-between;
    /* padding-top: 10px; */
	} .surv-card-item{border-bottom:1px solid #fff;}
.hdr-menu-main-inr{
width: 100%
}  .hero-base{
position: relative;
height: 100vh;
min-height: 850px;
display: flex;gap:0px;
flex-direction: column; 
justify-content: flex-end;
overflow: hidden
} 


.Xperience-bnr-sec-head-main.tab{
display: flex !important
}
.Xperience-bnr-sec{
padding-top: 150px
}
.Xperience-bnr-sec-bar{
width: 48%;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-around;
padding: 10px;
border-radius: 6px
}
.Xperience-bnr-sec-bar-avthor{
width: 29px
}
.Xperience-bnr-sec-bar-icon{
width: 20px
}
.Xperience-bnr-sec-bar-txt{
width: 71% !important
}
.why-key-features-sec-first-blk{
padding: 28px 22px 28px
}
.we-serve-sec-blks{
gap: 27px 27px;
justify-content: center
}
.we-serve-sec-blk{
width: 28%;
float: left;
margin: 0px !important
}
.we-serve-sec-blk-txt .elementor-divider-separator{
width: 3px !important;
min-height: 60px;
height: 80px
}
.Xperience-secnd-sec-lft,.Xperience-secnd-sec-right{
width: 100%
}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{
width: 55%
}
.why-visitor-experience-sec-lft{
width: 100%
}
.why-visitor-experience-sec-rt{
width: 100%
}
.why-choose-sec-lft img,.why-visitor-experience-sec-rt img{
height:100%;
display:block;
object-fit:cover;
object-position: bottom center
}
.footer-inr-sec li{
min-width:110px !important;
margin-bottom:10px !important
}
.footer-inr-sec-lft,.footer-inr-sec-rt{
width: 100%
}
.Xperience-bnr-sec-head-ser,.contact-us-sec-inr{
width: 100%
}
.why-key-features-sec-second-blk{
padding: 27px 22px;
gap:16px !important
}
.Xperience-bnr-sec{
padding-bottom:80px !important
}
.Xperience-bnr-sec-head-tag{
width: 30%
}
.price-over-view-blk-btm{
gap: 7px 7px !important;
width:100%;
float:left;
display:block;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:space-between
}
.price-over-view-blk-btm-lft{
width:92%
}
.price-over-view-blk-btm-rt{
width:8%
}
.price-over-view-blk-tp{
min-height: 50px
}
.contact-us-sec{
padding-bottom: 80px !important
}
.pivacy-policy.all-heading h2{
margin: 40px 0 10px
}
.register-bnr-sec-inr{
width:100% !important
}
.grid-2x2-about,.grid-4-gov-alt,.grid-3x2-approach{
grid-template-columns: 1fr
}
.hero-content-left p{
text-align: center
}
.serve-grid,.muni-grid{
grid-template-columns: 1fr
}
.tabs-header{
flex-direction: column;
align-items: center;
gap: 20px
}
.split-checklist{
grid-template-columns: 1fr
}
.dual-card-light,.dual-card-dark{
padding: 30px
}
.serve-grid,.muni-grid{
grid-template-columns: 1fr
}
.industry-checklist{
grid-template-columns: 1fr
}
.industry-tabs-wrapper{
flex-direction: column;
align-items: center;
gap: 15px
}
br{
display:none
}

}
.site-main,.page-content,.entry-content{
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
.editor-styles-wrapper{
max-width: 100% !important;
padding: 0 !important;
font-family: 'Geist',sans-serif;
font-size: clamp(16px,1.05rem + 0.2vw,18px)
}
.editor-styles-wrapper .wp-block,.editor-styles-wrapper .wp-block-html{
max-width: 100% !important
}
.page-content img,.site-main img,.logo img,.footer-logo-shape img,.wp-block-html img{
display: inline-block;
max-width: 100%;
/* height: auto; */
visibility: visible;
opacity: 1
}
.page-content i[class*="fa-"],.site-main i[class*="fa-"],footer i[class*="fa-"]{
display: inline-block;
font-style: normal;
visibility: visible
}
.hdr-menu-main{
top:0;
width:100%;
padding:20px 0
}
.hdr-menu-main .nav-wrapper{
gap:28px
}
.hdr-menu-main .logo{
flex:0 0 auto;
z-index:2
}
.hdr-menu-main .logo img{
display:block;
width:clamp(105px,9vw,130px)
}
.site-navigation{
display:flex;
align-items:center;
justify-content:flex-end;
gap:clamp(16px,2vw,36px);
min-width:0;
/* margin-left:auto */
}
.site-navigation .primary-menu,.site-navigation ul#menu-main-menu{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:clamp(4px,1.2vw,22px);
margin:0;
padding:0
}
.site-navigation .primary-menu>li{
flex:0 0 auto;
padding:10px clamp(4px,.6vw,10px)
}
.site-navigation a{
white-space:nowrap
}
.header-contact{
flex:0 0 auto
}
.menu-toggle{
display:none;
width:46px;
height:46px;
padding:11px!important;
border:0!important;
border-radius:50%;
background:#ec2633!important;
z-index:10002
}
.menu-toggle>span:not(.screen-reader-text){
display:block;
width:24px;
height:2px;
margin:5px auto;
border-radius:2px;
background:#fff;
transition:.25s
}
@media(max-width:1100px){
.hdr-menu-main .container{
padding-inline:32px
}
.site-navigation{
gap:12px
}
.site-navigation .primary-menu,.site-navigation ul#menu-main-menu{
gap:2px
}
.site-navigation .primary-menu>li{
padding-inline:4px
}
.header-contact{
padding:14px 18px
}

}
@media(max-width:900px){
.hdr-menu-main,.hdr-menu-main.fixed-header{
padding:12px 0!important
}
.hdr-menu-main .container{
padding-inline:20px
}
.menu-toggle{
display:block;
margin-left:auto
}
.site-navigation{
display:flex;
position:fixed;
inset:0 0 0 auto;
width:min(88vw,390px);
height:100dvh;
padding:95px 28px 36px;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
gap:24px;
overflow-y:auto;
background:#1a181b;
box-shadow:-12px 0 32px #0004;
transform:translateX(105%);
visibility:hidden;
transition:.28s;
z-index:10001
}
.menu-open .site-navigation{
transform:none;
visibility:visible
}
.menu-open .menu-toggle>span:nth-child(2){
transform:translateY(7px) rotate(45deg)
}
.menu-open .menu-toggle>span:nth-child(3){
opacity:0
}
.menu-open .menu-toggle>span:nth-child(4){
transform:translateY(-7px) rotate(-45deg)
}
.site-navigation .primary-menu,.site-navigation ul#menu-main-menu{
width:100%;
flex-direction:column;
align-items:stretch;
gap:0
}
.site-navigation .primary-menu>li{
width:100%;
padding:0;
border-bottom:1px solid #ffffff24
}
.site-navigation .primary-menu>li>a{
display:block;
padding:15px 2px;
color:#fff!important;
white-space:normal
}
.site-navigation .primary-menu .sub-menu{
position:static;
width:100%;
margin:0 0 10px;
padding:5px 14px;
box-shadow:none
}
.site-navigation .primary-menu .menu-item:hover>.sub-menu{
display:none
}
.site-navigation .primary-menu .submenu-open>.sub-menu{
display:block
}
.header-contact{
align-self:flex-start;
padding:14px 24px
}

}
@media(max-width:480px){
.hdr-menu-main .container{
padding-inline:15px
	} .new-new-sec-ap{border-radius:16px;padding:20px;} .what-we-do-cardd{border-radius:16px;margin-top:20px;}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .hero-base{flex-direction:column;} 
}
:root{
--home-space-x:clamp(20px,5.55vw,80px);
--home-space-y:clamp(64px,6.95vw,100px);
--home-gap:clamp(24px,3.35vw,48px)
}
.home .pdng-lt-rt{
padding-left:var(--home-space-x)!important;
padding-right:var(--home-space-x)!important
}
.home .pdng-tp-btm{
padding-top:var(--home-space-y)!important;
padding-bottom:var(--home-space-y)!important
}
.home .pdng-btm{
padding-bottom:var(--home-space-y)!important
}
.home .heading-1{
font-size:clamp(42px,4.45vw,64px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important
}
.home .heading-2{
font-size:clamp(30px,2.5vw,36px)!important;
line-height:1.16!important;
letter-spacing:-.025em!important
}
.home .heading-4{
font-size:clamp(22px,1.8vw,26px)!important;margin:0px !important;
}
.home .heading-5{
font-size:clamp(18px,1.4vw,21px)!important;
line-height:1.25!important;margin:0 !important;
}
.home p,.home li{
font-size:18px;
line-height:1.1;margin:0 !important;
}
.home .hero-banner-new{
height:min(78vw,820px);
min-height:660px
}
.home .hero-content-col{
height:100%;
justify-content:flex-end;
padding-bottom:clamp(80px,9vw,130px)
}
.home .hero-heading-box{
max-width:680px
}
.home .hero-paragraph-box{
max-width:520px
}
.home .data-eco-top-row,.home .data-eco-bottom-row,.home .execution-new-sec,.home .engineer-new-sec{
gap:var(--home-gap)
}
.home .data-eco-bottom-row{
margin-top:clamp(36px,4vw,58px)
}
.home .data-eco-img,.home .img-cover-500{
border-radius:12px
}
.home .solutions-grid-3x2{
gap:14px
}
.home .dark-card-navy{
min-height:245px;
padding:28px!important;
border-radius:10px;
display:flex;
flex-direction:column
}
.home .dark-card-navy .link-explore{
margin-top:auto
}
.home .execution-new-sec{
align-items:center
}
.home .execution-new-sec .img-cover-500{
height:440px
}

.home .framework-item{
min-height:52px
}
.home .grid-3x2-clients{
gap:14px
}
.home .client-box{
min-height:112px;
padding:20px!important;
border-radius:8px
}
.home .grid-4-gov{
gap:20px
}
.home .gov-img-wrapper{
height:300px;
border-radius:10px;
overflow:hidden
}
.home .gov-img-wrapper img{
width:100%;
height:100%;
object-fit:cover
}
.home .cta-wrapper-bg{
min-height:390px;
border-radius:14px;
overflow:hidden
}
.home footer.bg-footer-dark{
padding-top:64px;
padding-bottom:0px;
}
@media(min-width:901px) and (max-width:1200px){
.home .hero-banner-new{
min-height:680px
}
.home .site-navigation a{
font-size:14px!important
}
.home .solutions-grid-3x2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.home .grid-4-gov{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.home .gov-img-wrapper{
height:280px
}

}
@media(max-width:900px){
:root{
--home-space-x:clamp(18px,5vw,32px);
--home-space-y:clamp(54px,9vw,72px)
}
.home .heading-1{
font-size:clamp(36px,9vw,52px)!important
}
.home .heading-2{
font-size:clamp(27px,6.8vw,36px)!important
}
.home .hero-banner-new{
height:clamp(620px,115vh,780px);
min-height:620px;
background-position:center
}
.home .hero-content-col{
justify-content:flex-end;
gap:22px!important;
margin:0!important;
padding:130px 0 70px
}
.home .hero-heading-box,.home .hero-paragraph-box{
width:100%;
max-width:620px;
align-self:flex-start;
text-align:left
}
.home .data-eco-top-row,.home .data-eco-bottom-row{
display:contents
}
.home section:nth-of-type(2){
display:grid;
grid-template-columns:1fr
}
.home section:nth-of-type(2) .data-eco-top-row .data-eco-left-col{
order:1
}
.home section:nth-of-type(2) .data-eco-bottom-row .data-eco-right-col{
order:2;
margin-top:26px
}
.home section:nth-of-type(2) .data-eco-top-row .data-eco-right-col{
order:3;
margin-top:24px
}
.home section:nth-of-type(2) .data-eco-bottom-row .data-eco-left-col{
order:4;
margin-top:28px
}
.home .data-eco-img{
width:100%;
height:clamp(230px,55vw,390px);
object-fit:cover
}
.home .data-timeline-new{
margin-top:0
}
.home .solutions-grid-3x2{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px
}
.home .dark-card-navy{
min-height:270px;
padding:24px!important
}
.home .execution-new-sec{
display:grid!important;
grid-template-columns:1fr;
gap:24px!important
}
.home .execution-new-sec>.flex-60,.home .execution-new-sec>.execute-new-sec{
display:contents
}
.home .execution-new-sec h2{
order:1
}
.home .execution-new-sec img{
order:2;
width:100%;
height:clamp(270px,62vw,440px)!important
}
.home .execution-new-sec p{
order:3
}
.home .execution-new-sec ul{
order:4
}
.home .engineer-new-sec{
display:grid!important;
grid-template-columns:1fr;
gap:30px!important
}
.home .engineer-new-sec>.flex-40,.home .engineer-new-sec>.flex-60{
width:100%
}
.home .overlap-container{
display:grid;
padding:0!important;
margin:0!important
}
.home .overlap-container .overlap-card{
position:static!important;
transform:none!important;
width:100%!important;
display:contents
}
.home .overlap-container h4{
order:1;
margin-top:0
}
.home .overlap-container img{
order:2;
width:100%;
height:clamp(260px,60vw,410px)!important;
margin:14px 0 22px
}
.home .overlap-container p{
order:3
}
.home .overlap-container a{
order:4;
justify-self:start
}
.home .grid-3x2-clients{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px
}
.home .client-box{
min-height:135px
}
.home section:nth-of-type(7)>.flex-row{
gap:18px!important
}
.home .grid-4-gov{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px
}
.home .gov-img-wrapper{
height:clamp(230px,52vw,360px)
}
.home .cta-wrapper-bg{
min-height:430px;
background-position:center right
}
.home .cta-content{
width:min(100%,620px);
padding:48px 30px!important
}
.home .footer-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:600px){
:root{
--home-space-x:18px;
--home-space-y:52px
}
.home .hero-banner-new{
height:720px;
min-height:720px
}
.home .hero-content-col{
padding:120px 0 56px
}
.home .heading-1{
font-size:clamp(34px,10.5vw,44px)!important
}
.home .heading-2{
font-size:clamp(26px,8vw,32px)!important
}
.home .solutions-heading-box{
text-align:left!important
}
.home .solutions-grid-3x2{
grid-template-columns:1fr
}
.home .dark-card-navy{
min-height:235px
}
.home .data-timeline-new{
gap:14px
}
.home .timeline-node{
min-height:auto
}
.home .grid-3x2-clients{
grid-template-columns:1fr
}
.home .client-box{
min-height:auto
}
.home section:nth-of-type(7)>.flex-row{
align-items:flex-start!important
}
.home .grid-4-gov{
grid-template-columns:1fr
}
.home .gov-img-wrapper{
height:330px
}
.home .cta-wrapper-bg{
min-height:560px;
background-position:68% center;
display:flex;
align-items:flex-end
}
.home .cta-content{
padding:34px 22px!important;
background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.76))
}
.home .footer-grid{
grid-template-columns:1fr
}
.home footer.bg-footer-dark{
padding-top:48px
}

}
.home .site-navigation .primary-menu>li>a{
color:#fff!important
}
.home .site-navigation .primary-menu>li>a:hover,.home .site-navigation .primary-menu>li.current-menu-item>a{
color:#ec2633!important
}
.home .hdr-menu-main.fixed-header .site-navigation .primary-menu>li>a{
color:#fff!important
}
@media(min-width:1201px){
.home{
--home-space-y:82px
}
.home .hero-banner-new{
height:min(56.95vw,820px);
min-height:720px
}
.home .hero-content-col{
padding-bottom:100px;
gap:clamp(115px,10vw,145px)!important
}
.home .data-eco-top-row,.home .data-eco-bottom-row{
gap:64px
}
.home .data-eco-left-col{
flex-basis:38%
}
.home .data-eco-bottom-row{
margin-top:34px
}
.home .data-timeline-new{
gap:22px
}
.home .data-timeline-new:before{
left:39px
}
.home .timeline-node{
gap:22px;
min-height:58px
}
.home .timeline-node-icon img{
width:58px;
height:58px
}
.home .timeline-node-text{
font-size:17px
}
.home .data-eco-img{
height:330px
}

}
.home .solutions-grid-3x2>.dark-card-navy{
min-width:0
}
.home .grid-3x2-clients .client-box{
text-align:left!important;
justify-content:flex-start
}
.home .grid-3x2-clients .client-box>div:last-child{
text-align:left!important
}
.home .grid-3x2-clients .client-box h5,.home .grid-3x2-clients .client-box p{
text-align:left!important;
width:100%
}
.home .cta-wrapper-bg{
background-image:url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp')!important;
background-size:cover;
background-position:center right
}
.home .cta-content{
padding:clamp(40px,5vw,72px)!important
}
@media(max-width:900px){
.home .site-navigation .primary-menu>li>a{
color:#fff!important
}
.home .data-eco-left-col{
min-height:0
}
.home .cta-wrapper-bg{
background-image:linear-gradient(90deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.84) 58%,rgba(248,250,252,.3) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/section-home-new8.webp')!important
}

}
.home .site-navigation .primary-menu>li.current-menu-item>a{
color:#fff!important
}

body.page-id-16{
--about-x:clamp(20px,5.55vw,80px);
--about-y:clamp(64px,6vw,86px);
--about-gap:clamp(24px,4vw,58px)
}
body.page-id-16 .hdr-menu-main{
top:0;
background:#17172b;
padding:16px 0
}
body.page-id-16 .hdr-menu-main.fixed-header{
background:#17172b!important
}
/* body.page-id-16 .site-navigation .primary-menu>li>a{
color:#fff!important
} */
body.page-id-16 .site-navigation .primary-menu>li>a:hover,body.page-id-16 .site-navigation .primary-menu>li.current-menu-item>a{
color:#ec2633!important
}
body.page-id-16 main .pdng-lt-rt{
padding-left:var(--about-x)!important;
padding-right:var(--about-x)!important
}
body.page-id-16 main .pdng-tp-btm{
padding-top:var(--about-y)!important;
padding-bottom:var(--about-y)!important
}
body.page-id-16 main .pdng-btm{
padding-bottom:var(--about-y)!important
}
body.page-id-16 main .heading-1{
font-size:clamp(42px,4vw,58px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important
}
body.page-id-16 main .heading-2{
font-size:clamp(30px,2.5vw,36px)!important;
line-height:1.15!important;
letter-spacing:-.025em!important
}
body.page-id-16 main .heading-4{
font-size:clamp(20px,1.65vw,24px)!important
}
body.page-id-16 main p,body.page-id-16 main li{
font-size:clamp(14px,1.05vw,16px);
line-height:1.55
}
body.page-id-16 .hero-base.bg-hero-about{
position:relative;
height:760px;
min-height:760px;
padding-top:120px!important;
padding-bottom:270px!important;
overflow:visible;
background: linear-gradient(180deg, rgba(26, 26, 46, 0.25) 48.56%, #1A1A2E 100%);,url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/urban-command-tab-new1.webp') center/cover no-repeat!important
}
/* body.page-id-16 .hero-base.bg-hero-about:after{
content:"";
position:absolute;
left:var(--about-x);
right:var(--about-x);
bottom:-145px;
height:430px;
border-radius:16px;
background:url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/urban-command-tab-new1.webp') center/cover no-repeat;
box-shadow:0 12px 34px rgba(16,24,40,.12);
z-index:3
} */
/* body.page-id-16 .hero-base+.pdng-tp-btm{
padding-top:calc(var(--about-y) + 145px)!important
} */
body.page-id-16 .hero-base>.flex-row{
align-items:flex-start;
gap:var(--about-gap)
}
body.page-id-16 .hero-base .flex-50{
width:50%
}
body.page-id-16 .grid-2x2-about{
gap:12px
}
body.page-id-16 .about-card{
/* min-height:128px; */
padding:20px!important;
border-radius:8px;
box-shadow:none
}
body.page-id-16 .our-new-position{
align-items:stretch;
gap:var(--about-gap)!important
}
body.page-id-16 .our-new-position>.flex-40{
width:38%
}
body.page-id-16 .our-new-position>.flex-60{
width:62%
}
body.page-id-16 .our-new-position .img-cover-500{
width:100%;
height:100%;
min-height:455px;
object-fit:cover;
border-radius:14px
}
body.page-id-16 .what-we-do-section{
padding-left:var(--about-x);
padding-right:var(--about-x);
padding-top:var(--about-y);
min-height:570px
}
body.page-id-16 .what-we-do-section>.flex-row{
gap:24px!important;
align-items:stretch
}
body.page-id-16 .what-we-do-section>.flex-row>.flex-30{
width:34%
}
body.page-id-16 .what-we-do-section>.flex-row>.flex-70{
width:66%
}
body.page-id-16 .what-we-do-cards{
display:flex;
gap:20px;
height:100%
}
body.page-id-16 .what-we-do-cards>.dark-card-tall{
width:50%;
min-height:455px;
padding:28px!important;
border-radius:12px
}
body.page-id-16 .what-we-do-cards>.dark-card-tall:nth-child(1){
order:2
}
body.page-id-16 .what-we-do-cards>.dark-card-tall:nth-child(2){
order:1
}
body.page-id-16 .what-we-do-sketch-img{
left:var(--about-x);
bottom:50px;
width:30%;
max-height:250px;
opacity:.55
}
body.page-id-16 .grid-4-gov-alt{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
margin-top:44px
}
body.page-id-16 .gov-card-alt{
min-width:0;
min-height:405px;
border-radius:10px;
overflow:hidden;
padding:22px 10px 10px!important;
display:flex;
flex-direction:column
}
body.page-id-16 .gov-card-alt .gov-bg-img{
width:100%;
height:180px;
object-fit:cover;
border-radius:8px;
margin-top:auto
}
body.page-id-16 .gov-card-alt-icon-wrapper{
height:36px;
margin-bottom:14px
}
/* body.page-id-16 .approach-header-col{
gap:12px;
margin-bottom:42px
} */
body.page-id-16 .grid-3x2-approach{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:80px
}
body.page-id-325 .grid-3x2-approach{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:80px
}
body.page-id-428 .grid-3x2-approach{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:80px
} body.page-id-361 .grid-3x2-approach{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:80px
}
body.page-id-400 .grid-3x2-approach{
display:flex;
/* grid-template-columns:repeat(2,minmax(0,1fr)); */
gap:80px
}
/* body.page-id-16 .approach-card{
min-height:128px;
padding:24px!important;
border-radius:8px
} */
body.page-id-16 .long-new-sec{
align-items:center;
gap:var(--about-gap)!important
}
body.page-id-16 .long-new-sec>.flex-40{
width:38%
}
body.page-id-16 .long-new-sec>.flex-60{
width:62%
}
body.page-id-16 .long-new-sec .img-cover-500{
width:100%;
height:410px;
object-fit:cover;
border-radius:14px
}
body.page-id-16 .cta-content{
width:55%;
padding:60px!important;
gap:14px
}
body.page-id-16 footer.bg-footer-dark{
padding-top:62px;
padding-bottom:0px
}
@media(max-width:1024px){
body.page-id-16{
--about-x:32px;
--about-y:68px
}
body.page-id-16 .hero-base.bg-hero-about{
height:720px;
min-height:720px
}
body.page-id-16 .hero-base.bg-hero-about:after{
height:360px;
bottom:-120px
}
body.page-id-16 .hero-base+.pdng-tp-btm{
padding-top:calc(var(--about-y) + 120px)!important
}
body.page-id-16 .our-new-position,body.page-id-16 .long-new-sec{
flex-direction:column!important
}
body.page-id-16 .our-new-position>.flex-40,body.page-id-16 .our-new-position>.flex-60,body.page-id-16 .long-new-sec>.flex-40,body.page-id-16 .long-new-sec>.flex-60{
width:100%
}
body.page-id-16 .our-new-position .img-cover-500,body.page-id-16 .long-new-sec .img-cover-500{
height:420px;
min-height:0
}
body.page-id-16 .what-we-do-section>.flex-row{
flex-direction:column
}
body.page-id-16 .what-we-do-section>.flex-row>.flex-30,body.page-id-16 .what-we-do-section>.flex-row>.flex-70{
width:100%
}
body.page-id-16 .what-we-do-sketch-img{
display:none
}
body.page-id-16 .grid-4-gov-alt{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body.page-id-16 .grid-3x2-approach{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body.page-id-16 .cta-content{
width:65%;
padding:48px!important
}

}
@media(max-width:767px){
body.page-id-16{
--about-x:18px;
--about-y:52px
}
body.page-id-16 .hdr-menu-main{
padding:12px 0!important
}
body.page-id-16 main .heading-1{
font-size:clamp(34px,10vw,43px)!important
}
body.page-id-16 main .heading-2{
font-size:clamp(26px,8vw,32px)!important
}
body.page-id-16 .hero-base.bg-hero-about{
height:700px;
min-height:700px;
padding-top:125px!important;
padding-bottom:260px!important
}
body.page-id-16 .hero-base>.flex-row{
flex-direction:column!important;
gap:20px!important
}
body.page-id-16 .hero-base .flex-50{
width:100%
}
body.page-id-16 .hero-base.bg-hero-about:after{
left:18px;
right:18px;
height:270px;
bottom:-95px;
border-radius:12px
}
body.page-id-16 .hero-base+.pdng-tp-btm{
padding-top:calc(var(--about-y) + 95px)!important
}
body.page-id-16 .grid-2x2-about{
grid-template-columns:1fr
}
body.page-id-16 .our-new-position .img-cover-500{
height:300px
}
body.page-id-16 .what-we-do-cards{
flex-direction:column
}
body.page-id-16 .what-we-do-cards>.dark-card-tall{
width:100%;
min-height:auto
}
body.page-id-16 .grid-4-gov-alt,body.page-id-16 .grid-3x2-approach{
grid-template-columns:1fr
}
body.page-id-16 .gov-card-alt{
min-height:385px
}
body.page-id-16 .gov-card-alt .gov-bg-img{
height:210px
}
body.page-id-16 .long-new-sec .img-cover-500{
height:300px
}
body.page-id-16 .cta-wrapper-bg{
min-height:560px;
align-items:flex-end;
background-image:linear-gradient(90deg,rgba(248,250,252,.97),rgba(248,250,252,.75)),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/section-home-new8.webp')!important;
background-position:68% center
}
body.page-id-16 .cta-content{
width:100%;
padding:30px 22px!important
}

}
body.page-id-16{
overflow-x:hidden
}
html:has(body.page-id-16){
overflow-x:hidden
}
@media(min-width:1025px){
body.page-id-16 main section:nth-of-type(2){
/* padding-top:calc(var(--about-y) + 145px)!important; */
padding-bottom:76px!important
}
body.page-id-16 main section:nth-of-type(2)>.flex-row{
display:grid!important;
grid-template-columns:minmax(0,38%) minmax(0,62%);
gap:64px!important;
align-items:stretch!important
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.flex-40{
width:auto!important
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.our-new-position{
width:auto!important;
display:flex;
flex-direction:column;
gap:18px
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.flex-40 .img-cover-500{
display:block;
width:100%;
height:500px!important;
min-height:500px;
object-fit:cover;
object-position:center;
border-radius:14px
}
body.page-id-16 main section:nth-of-type(2) .grid-2x2-about{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:4px
}
body.page-id-16 main section:nth-of-type(2) .about-card{
min-height:132px;
padding:18px!important;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;gap:16px;
}
body.page-id-16 main section:nth-of-type(2) .about-card-icon-wrapper{
margin-bottom:12px
}
body.page-id-16 main section:nth-of-type(2) .about-card h6{
font-size:20px!important;
	font-family:"geist";font-weight:600;
line-height:1.35!important;
text-align:left;
margin:0
}
body.page-id-16 main section:nth-of-type(6)>.flex-row{
display:grid!important;
grid-template-columns:minmax(0,38%) minmax(0,62%);
gap:64px!important;
align-items:center!important
}
body.page-id-16 main section:nth-of-type(6)>.flex-row>.flex-40{
width:auto!important
}
body.page-id-16 main section:nth-of-type(6)>.flex-row>.long-new-sec{
width:auto!important;
display:flex;
flex-direction:column;
gap:18px
}
body.page-id-16 main section:nth-of-type(6)>.flex-row>.flex-40 .img-cover-500{
display:block;
width:100%;
height:450px!important;
min-height:450px;
object-fit:cover;
object-position:center;
border-radius:14px
}
body.page-id-16 main section:nth-of-type(6) .check-list{
display:flex;
flex-direction:column;
gap:14px;
margin-top:6px
}
body.page-id-16 main section:nth-of-type(6) .check-list li{
margin:0;
align-items:center
}

}
@media(max-width:1024px){
body.page-id-16 main section:nth-of-type(2)>.flex-row,body.page-id-16 main section:nth-of-type(6)>.flex-row{
display:flex!important;
flex-direction:column!important;
gap:30px!important
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.flex-40,body.page-id-16 main section:nth-of-type(2)>.flex-row>.our-new-position,body.page-id-16 main section:nth-of-type(6)>.flex-row>.flex-40,body.page-id-16 main section:nth-of-type(6)>.flex-row>.long-new-sec{
width:100%!important
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.flex-40 .img-cover-500,body.page-id-16 main section:nth-of-type(6)>.flex-row>.flex-40 .img-cover-500{
display:block;
width:100%;
height:clamp(300px,58vw,440px)!important;
object-fit:cover;
border-radius:12px
}
body.page-id-16 main section:nth-of-type(2) .grid-2x2-about{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px
}

}
@media(max-width:600px){
body.page-id-16 main section:nth-of-type(2) .grid-2x2-about{
grid-template-columns:1fr
}
body.page-id-16 main section:nth-of-type(2)>.flex-row>.flex-40 .img-cover-500,body.page-id-16 main section:nth-of-type(6)>.flex-row>.flex-40 .img-cover-500{
height:300px!important
}
body.page-id-16 main section:nth-of-type(6) .check-list{
padding-left:0
}

}
body.page-id-16 main section:nth-of-type(6) > .flex-row{
width: 100%;
max-width: 1440px;
margin: 0 auto;
align-items: center !important
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .flex-40{
min-width: 0
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .long-new-sec{
width: 100% !important;
min-width: 0;
max-width: 680px;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start !important;
justify-content: center;
gap: 18px !important;
text-align: left
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec > :is(h2,p,ul){
width: 100%;
min-width: 0;
max-width: 100%;
margin-left: 0;
margin-right: 0;
text-align: left
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec .heading-2{
margin-top: 0;
margin-bottom: 0
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec > p{
margin-top: 0;
margin-bottom: 0
}
body.page-id-16 main section:nth-of-type(6) .check-list{
padding: 0;
margin-top: 4px;
margin-bottom: 0
}
body.page-id-16 main section:nth-of-type(6) .check-list li{
width: 100%;
margin: 0;
align-items: flex-start
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .flex-40 .img-cover-500{
width: 100%;
height: auto !important;
min-height: 0;
aspect-ratio: 11 / 12;
object-fit: cover;
object-position: center center;
border-radius: 14px
}
body.page-id-16 main section:last-of-type .cta-wrapper-bg{
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: flex;
align-items: center;
	background-image:url(https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp);
background-position: right center !important;
background-repeat: no-repeat
}
body.page-id-16 main section:last-of-type .cta-content{
margin: 0;
align-items: flex-start;
text-align: left
}
body.page-id-16 main section:last-of-type .cta-content > *{
margin-left: 0;
margin-right: 0
}
@media (min-width: 1025px){
body.page-id-16 main section:nth-of-type(6) > .flex-row{
grid-template-columns: minmax(360px,0.9fr) minmax(0,1.1fr) !important;
gap: clamp(44px,5vw,72px) !important
}

}
@media (max-width: 1024px){
body.page-id-16 main section:nth-of-type(6) > .flex-row > .long-new-sec{
max-width: 100%
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .flex-40 .img-cover-500{
height: auto !important;
max-height: 520px;
aspect-ratio: 16 / 10
}

}
@media (max-width: 767px){
body.page-id-16 main section:nth-of-type(6) > .flex-row{
gap: 24px !important
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .flex-40 .img-cover-500{
width: 100%;
max-width: 100%;
height: auto !important;
max-height: none;
aspect-ratio: 4 / 3;
margin: 0;
border-radius: 12px
}
body.page-id-16 main section:last-of-type .cta-wrapper-bg{
min-height: 520px;
align-items: flex-end;
background-position: 70% center !important
}
body.page-id-16 main section:last-of-type .cta-content{
width: 100%;
padding: 28px 20px !important
}

}
body.page-id-16 main section:nth-of-type(2) > .flex-row{
gap: clamp(28px,3.2vw,44px) !important
}
body.page-id-16 main section:nth-of-type(2) > .flex-row > .our-new-position{
gap: 12px !important
}
body.page-id-16 main section:nth-of-type(2) .grid-2x2-about{
gap: 10px;
margin-top: 20px;
}
body.page-id-16 main section:nth-of-type(2) .about-card{
/* min-height: 108px; */
padding: 14px !important
}
body.page-id-16 main section:nth-of-type(2) .about-card-icon-wrapper{
margin-bottom: 8px
}
body.page-id-16 .what-we-do-section > .relative-content > .flex-row{
gap: clamp(24px,3vw,42px) !important
}
body.page-id-16 .what-we-do-cards{
gap: 14px
}
body.page-id-16 .what-we-do-cards > .dark-card-tall{
min-height: 390px;
padding: 22px !important;
gap: 12px
}
body.page-id-16 .what-we-do-cards .dark-card-tall-icon,body.page-id-16 .what-we-do-cards .dark-card-tall-icon img{
width: 48px;
height: 48px
}
body.page-id-16 .what-we-do-cards .heading-4,body.page-id-16 .what-we-do-cards p,body.page-id-16 .what-we-do-cards ul{
margin-top: 0;
margin-bottom: 0
}
body.page-id-16 .what-we-do-cards .bullet-list-white{
display: grid;
gap: 7px
}
body.page-id-16 .what-we-do-cards .heading-list{
margin-bottom: 0;
line-height: 1.45
}
body.page-id-16 .grid-4-gov-alt{
gap: 14px;
margin-top: 30px
}
body.page-id-16 .gov-card-alt{
min-height: 0;
height: auto;
padding: 16px 10px 10px !important;
gap: 10px
}
body.page-id-16 .gov-card-alt-icon-wrapper{
width: 40px;
height: 40px;
margin-bottom: 2px
}
body.page-id-16 .gov-card-alt h6{
margin-top: 0;
margin-bottom: 4px
}
body.page-id-16 .gov-card-alt .gov-bg-img{
height: 165px;
margin-top: 8px
}
.new-tas-new-sec{display:flex;flex-direction:column;gap:16px;}
body.page-id-16 .grid-3x2-approach{
gap: 80px;
margin-top: 28px
}
/* body.page-id-16 .approach-card{
min-height: 110px;
height: auto;
padding: 18px !important;
gap: 10px;
justify-content: flex-start
} */
body.page-id-16 .approach-card .approach-num{
width: 30px;
height: 30px
}
body.page-id-16 .approach-card .heading-6{
margin: 0;
line-height: 1.35 !important
}
@media (max-width: 1024px){
body.page-id-16 main section:nth-of-type(2) > .flex-row,body.page-id-16 .what-we-do-section > .relative-content > .flex-row{
gap: 24px !important
}
body.page-id-16 .what-we-do-cards > .dark-card-tall{
min-height: 0
}
body.page-id-16 .grid-4-gov-alt,body.page-id-16 .grid-3x2-approach{
gap: 12px;
margin-top: 24px
}

}
@media (max-width: 600px){
body.page-id-16 .what-we-do-cards{
gap: 12px
}
body.page-id-16 .what-we-do-cards > .dark-card-tall{
padding: 18px !important
}
body.page-id-16 .gov-card-alt,body.page-id-16 .approach-card{
padding: 16px !important
}
body.page-id-16 .gov-card-alt .gov-bg-img{
height: 190px;
margin-top: 6px
}

}
body.page-id-16{
--about-space-x: clamp(18px,4.5vw,64px);
--about-space-y: clamp(52px,5vw,72px);
--about-x: var(--about-space-x);
--about-y: var(--about-space-y)
}
body.page-id-16 main :is(h1,h2,h3,h4,h5,h6,.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6){
font-weight: 500 !important
}
body.page-id-16 main .pdng-lt-rt,body.page-id-16 .what-we-do-section,body.page-id-16 .what-we-do-section .relative-content{
padding-left: var(--about-space-x) !important;
padding-right: var(--about-space-x) !important
}
body.page-id-16 main .pdng-tp-btm{
padding-top: var(--about-space-y) !important;
padding-bottom: var(--about-space-y) !important
}
body.page-id-16 main .pdng-btm{
padding-bottom: var(--about-space-y) !important
}
body.page-id-16 .what-we-do-section .relative-content{
padding-left: 0 !important;
padding-right: 0 !important
}
body.page-id-16 .hero-base.bg-hero-about{
box-sizing: border-box;
background-image:  linear-gradient(180deg, rgba(26, 26, 46, 0.25) 48.56%, #1A1A2E 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/urban-command-tab-new1.webp') !important;
background-size: cover !important;
background-position: center bottom !important;
background-repeat: no-repeat !important
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
width: 100%;
max-width: 1440px;
margin: 0 auto;
min-width: 0
}
body.page-id-16 .hero-base.bg-hero-about .flex-50,body.page-id-16 .hero-base.bg-hero-about .heading-1,body.page-id-16 .hero-base.bg-hero-about p{
min-width: 0;
max-width: 100%
}
body.page-id-16 .hero-base.bg-hero-about .heading-1{
overflow-wrap: break-word;
word-break: normal
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
background-image: url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/urban-command-tab-new1.webp') !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important
} */
@media (max-width: 1024px){
body.page-id-16{
--about-space-x: 28px;
--about-space-y: 58px
}
body.page-id-16 .grid-2x2-about,body.page-id-16 .grid-3x2-approach{
grid-template-columns: repeat(2,minmax(0,1fr)) !important
}

}
@media (max-width: 767px){
body.page-id-16{
--about-space-x: 16px;
--about-space-y: 48px
}
body.page-id-16 .hero-base.bg-hero-about{
width: 100%;
height: 650px;
min-height: 650px;
padding-top: 108px !important;
padding-bottom: 225px !important;
overflow: visible;
background-position: 58% bottom !important
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
gap: 16px !important
}
body.page-id-16 .hero-base.bg-hero-about .heading-1{
width: 100%;
max-width: 100%;
margin: 0;
font-size: clamp(29px,8.7vw,35px) !important;
line-height: 1.08 !important
}
body.page-id-16 .hero-base.bg-hero-about p{
margin: 0;
font-size: 14px;
line-height: 1.45
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
left: var(--about-space-x);
right: var(--about-space-x);
bottom: -82px;
height: 230px;
border-radius: 10px;
background-position: center center !important
} */
body.page-id-16 .hero-base + .pdng-tp-btm,body.page-id-16 main section:nth-of-type(2){
padding-top: calc(var(--about-space-y) + 82px) !important
}
body.page-id-16 .grid-2x2-about,body.page-id-16 .grid-3x2-approach{
grid-template-columns: repeat(1,minmax(0,1fr)) !important;
gap: 10px !important
}
body.page-id-16 .about-card,body.page-id-16 .approach-card{
/* min-height: 11px; */
padding: 12px !important
}
body.page-id-16 .about-card .heading-6,body.page-id-16 .approach-card .heading-6{
font-size: 15px !important;
line-height: 1.3 !important
}
body.page-id-16 .grid-4-gov-alt{
grid-template-columns: 1fr !important
}

}
@media (max-width: 380px){
body.page-id-16 .about-card .heading-6,body.page-id-16 .approach-card .heading-6{
font-size: 14px !important
}

}
body.page-id-16 .hero-base.bg-hero-about{
position: relative;
width: 100%;
height: 100vh;
min-height: 750px;
padding-top: 82px !important;
padding-bottom: 60px !important;
display: flex;
justify-content: flex-end;
overflow: visible;
/* background: #17172b !important */
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
width: 100%;
max-width: 1440px;
margin: 0 auto;
display: flex !important;
flex-direction:column;
align-items: start !important;
gap: 16px !important
}
body.page-id-16 .hero-base.bg-hero-about .flex-50{
width: auto !important;
min-width: 0
}
body.page-id-16 .hero-base.bg-hero-about .heading-1{
width: 100%;
max-width: 680px;
margin: 0;
color: #fff;
font-size: clamp(44px,4vw,58px) !important;
font-weight: 500 !important;
line-height: 1.08 !important;
letter-spacing: -0.035em !important
}
body.page-id-16 .hero-base.bg-hero-about p{
width: 100%;
max-width: 590px;
margin: 8px 0 0;
color: rgba(255,255,255,.72);
font-size: clamp(14px,1vw,16px);
line-height: 1.55
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
content: "";
position: absolute;
left: var(--about-space-x);
right: var(--about-space-x);
bottom: -130px;
height: 420px;
z-index: 3
} */
/* body.page-id-16 .hero-base + .pdng-tp-btm,body.page-id-16 main section:nth-of-type(2){
padding-top: calc(var(--about-space-y) + 130px) !important
} */
@media (max-width: 1024px){
body.page-id-16 .hero-base.bg-hero-about{
height: 610px;
min-height: 610px;
padding-top: 74px !important;
padding-bottom: 225px !important
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
gap: 44px !important
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
bottom: -108px;
height: 350px;
border-radius: 14px
} */
body.page-id-16 .hero-base + .pdng-tp-btm,body.page-id-16 main section:nth-of-type(2){
padding-top: calc(var(--about-space-y) + 108px) !important
}

}
@media (max-width: 767px){
body.page-id-16 .hero-base.bg-hero-about{
height: 610px;
min-height: 610px;
padding: 76px 16px 210px !important
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
display: flex !important;
flex-direction: column !important;
gap: 16px !important
}
body.page-id-16 .hero-base.bg-hero-about .heading-1{
max-width: 100%;
font-size: clamp(29px,8.7vw,35px) !important;
overflow-wrap: break-word
}
body.page-id-16 .hero-base.bg-hero-about p{
max-width: 100%;
margin-top: 0;
font-size: 14px;
line-height: 1.45
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
left: 16px;
right: 16px;
bottom: -76px;
height: 220px;
border-radius: 10px;
background-position: center bottom !important
} */
body.page-id-16 .hero-base + .pdng-tp-btm,body.page-id-16 main section:nth-of-type(2){
padding-top: calc(var(--about-space-y) + 76px) !important
}

}
body.page-id-16 main :is(h1,h2,h3,h4,h5,h6,p,li,a,span){
letter-spacing: 0.1px !important
}
@media (max-width: 767px){
body.page-id-16 main br{
display: initial !important
}
body.page-id-16 main :is(.about-card,.approach-card,.gov-card-alt,.dark-card-tall),body.page-id-16 main :is(.about-card,.approach-card,.gov-card-alt,.dark-card-tall) *{
min-width: 0;
max-width: 100%;
box-sizing: border-box
}
body.page-id-16 main :is(.about-card,.approach-card,.gov-card-alt,.dark-card-tall) :is(h3,h4,h5,h6,p,li){
white-space: normal !important;
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto
}
body.page-id-16 .grid-2x2-about,body.page-id-16 .grid-3x2-approach{
width: 100%;
min-width: 0
}
body.page-id-16 .about-card,body.page-id-16 .approach-card{
overflow: hidden;
padding: 10px !important
}
body.page-id-16 .about-card .heading-6,body.page-id-16 .approach-card .heading-6{
width: 100%;
font-size: 14px !important;
line-height: 1.3 !important
}
body.page-id-16 .hero-base.bg-hero-about{
height: auto;
min-height: 600px;
padding: 70px 16px 48px !important
}
/* body.page-id-16 .hero-base.bg-hero-about::after{
content: none !important;
display: none !important
} */
body.page-id-16 .hero-base.bg-hero-about > .flex-row{
display: flex !important;
flex-direction: column !important;
gap: 16px !important
}
body.page-id-16 .hero-base.bg-hero-about > .flex-row > .flex-50{
display: contents
}
body.page-id-16 .hero-base.bg-hero-about .heading-1{
order: 1
}
body.page-id-16 .hero-base.bg-hero-about p{
order: 3
}
body.page-id-16 .hero-base + .pdng-tp-btm,body.page-id-16 main section:nth-of-type(2){
padding-top: var(--about-space-y) !important
}
body.page-id-16 main section:nth-of-type(2) > .flex-row{
display: flex !important;
flex-direction: column;
gap: 16px !important
}
body.page-id-16 main section:nth-of-type(2) > .flex-row > .flex-40,body.page-id-16 main section:nth-of-type(2) > .flex-row > .our-new-position{
display: contents
}
body.page-id-16 main section:nth-of-type(2) .our-new-position > .heading-2{
order: 1
}
body.page-id-16 main section:nth-of-type(2) .flex-40 > img{
order: 2;
margin: 0
}
body.page-id-16 main section:nth-of-type(2) .our-new-position > p{
order: 3;
margin: 0
}
body.page-id-16 main section:nth-of-type(2) .grid-2x2-about{
order: 4
}
body.page-id-16 main section:nth-of-type(6) > .flex-row{
display: flex !important;
flex-direction: column;
gap: 16px !important
}
body.page-id-16 main section:nth-of-type(6) > .flex-row > .flex-40,body.page-id-16 main section:nth-of-type(6) > .flex-row > .long-new-sec{
display: contents
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec > .heading-2{
order: 1
}
body.page-id-16 main section:nth-of-type(6) .flex-40 > img{
order: 2;
margin: 0
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec > p{
order: 3;
margin: 0
}
body.page-id-16 main section:nth-of-type(6) .long-new-sec > .check-list{
order: 4;
margin: 0
}
/* body.page-id-16 .what-we-do-section .wna-new-sec,body.page-id-16 main section:nth-of-type(4) > .flex-row,body.page-id-16 .approach-header-col,body.page-id-16 main section:last-of-type .cta-content{
align-items: flex-start;
text-align: left
} */

}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428){
--service-page-x:clamp(24px,5vw,80px);
--service-section-y:clamp(72px,7vw,112px);
--service-column-gap:clamp(40px,7vw,112px);
--service-heading-gap:16px;
--service-card-gap:clamp(16px,2vw,28px)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .pdng-lt-rt{
padding-left:var(--service-page-x)!important;
padding-right:var(--service-page-x)!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .pdng-tp-btm{
padding-top:var(--service-section-y)!important;
padding-bottom:var(--service-section-y)!important
}

:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-text-col,.delivery-content,.future-content,.real-time-content){
gap:var(--service-heading-gap)
}
/* :is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6){
text-wrap:balance
} */
/* :is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(p,li){
text-wrap:pretty
} */
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row)>.flex-50{
min-width:0
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row) img.img-fluid{
width:100%;
height:clamp(340px,34vw,520px);
object-fit:cover;

display:block
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.cards-header-block,.lifecycle-header-block){
gap:14px;
margin-bottom:clamp(28px,3vw,42px)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-cards-grid,.lifecycle-grid,.analytics-cards-grid,.gov-compliance-grid){
gap:var(--service-card-gap)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-card-item,.lifecycle-card,.analytics-card-item,.gov-comp-card-light,.gov-comp-card-dark){
height:100%
}
@media(max-width:1024px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428){
--service-page-x:clamp(24px,4vw,40px);
--service-section-y:72px;
--service-column-gap:40px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row){
align-items:flex-start
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-cards-grid,.lifecycle-grid,.lifecycle-grid.new-lifecycle,.lifecycle-grid.new-lifecycle.new-multi,.analytics-cards-grid){
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:767px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428){
--service-page-x:20px;
--service-section-y:56px;
--service-column-gap:24px;
--service-card-gap:14px
	} .what-we-do-cards{border-radius:16px;padding:20px;} .wna-new-sec{border-radius:16px;margin-top:20px;} 
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .hero-base{
min-height:min(720px,100svh);
padding-top:132px!important;
padding-bottom:64px!important;
background-position:center!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .surv-hero-content{
max-width:100%;
gap:14px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .surv-hero-content .heading-2{
font-size:clamp(2rem,9vw,2.75rem);
line-height:1.08
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row){
display:grid;
grid-template-columns:minmax(0,1fr);
align-items:start
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-text-col,.delivery-content,.future-content,.real-time-content){
display:contents
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row)>.flex-50:not(:is(.surv-text-col,.delivery-content,.future-content,.real-time-content)){
grid-row:2;
order:2
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-text-col,.delivery-content,.future-content,.real-time-content)>:is(h1,h2,h3){
grid-row:1;
order:1;
margin:0!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-text-col,.delivery-content,.future-content,.real-time-content)>:not(h1,h2,h3){
grid-row:auto;
order:3
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-content-row,.delivery-row,.future-row,.real-time-row) img.img-fluid{
height:clamp(230px,67vw,360px)!important;
border-radius:12px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-cards-grid,.lifecycle-grid,.lifecycle-grid.new-lifecycle,.lifecycle-grid.new-lifecycle.new-multi,.analytics-cards-grid,.gov-compliance-grid){
grid-template-columns:minmax(0,1fr)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.surv-card-item,.lifecycle-card,.lifecycle-card.new-life-card,.analytics-card-item,.gov-comp-card-light,.gov-comp-card-dark){
padding:24px 20px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.cards-header-block,.lifecycle-header-block,.text-center){
text-align:left;
align-items:flex-start
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-item:first-child{
margin-top:28px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-question{
gap:18px;
padding:18px 0;
font-size:16px;
line-height:1.4
}

}
@media(max-width:380px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428){
--service-page-x:16px;
--service-section-y:48px
}

}
body.page-id-400 .integrated-hero{
position:relative;
min-height:clamp(620px,72vw,850px);
background: linear-gradient(90deg,rgba(18,22,42,.92) 0%,rgba(18,22,42,.70) 46%,rgba(18,22,42,.22) 100%),url(''/wp-content/uploads/2026/04/integrated-monitoring-frame-banner.webp'') center/cover no-repeat!important
}
body.page-id-400 .integrated-hero .surv-hero-overlay{
background:linear-gradient(180deg,rgba(10,13,28,.10),rgba(10,13,28,.34))
}
body.page-id-400 main>section:not(.hero-base):not(.integrated-monitoring-cta){
overflow:hidden
}
body.page-id-400 .real-time-row,body.page-id-400 .delivery-row{
max-width:1440px;
margin-inline:auto
}
body.page-id-400 .analytics-cards-grid,body.page-id-400 .gov-compliance-grid,body.page-id-400 .lifecycle-grid,body.page-id-400 .faq-container{
max-width:1440px;
margin-inline:auto
}
body.page-id-400 .analytics-card-item{
min-height:250px
}
body.page-id-400 .gov-comp-card-light p,body.page-id-400 .gov-comp-card-dark p{
margin-top:0
}
body.page-id-400 .faq-container .mb-60{
margin-bottom:32px!important
}
body.page-id-400 .integrated-monitoring-cta{
padding-top:0!important;
padding-bottom:var(--service-section-y)!important;
background:#fff
}
body.page-id-400 .integrated-monitoring-cta__inner{
max-width:1440px;
min-height:320px;
margin-inline:auto;
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);
overflow:hidden;
border:1px solid #e2e8f0;
border-radius:16px;
background:#f5f7fa;
box-shadow:0 10px 32px rgba(15,23,42,.06)
}
body.page-id-400 .integrated-monitoring-cta__content{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:16px;
padding:clamp(32px,5vw,64px)
}
body.page-id-400 .integrated-monitoring-cta__content h2{
margin:0
}
body.page-id-400 .integrated-monitoring-cta__content p{
max-width:620px;
color:#45556c;
margin:0
}
body.page-id-400 .integrated-monitoring-cta__button{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:4px;
padding:13px 22px;
border-radius:999px;
background:#e31e24;
color:#fff!important;
font-weight:600;
text-decoration:none;
transition:transform .2s ease,background .2s ease
}
body.page-id-400 .integrated-monitoring-cta__button:hover{
background:#c8181e;
transform:translateY(-2px)
}
body.page-id-400 .integrated-monitoring-cta__media{
min-height:320px
}
body.page-id-400 .integrated-monitoring-cta__media img{
width:100%;
height:100%;
min-height:320px;
display:block;
object-fit:cover
}
@media(max-width:1024px){
body.page-id-400 .integrated-monitoring-cta__inner{
grid-template-columns:1fr 1fr
}

}
@media(max-width:767px){
body.page-id-400 .integrated-hero{
min-height:620px;
background-position:62% center!important
}
body.page-id-400 .integrated-monitoring-cta__inner{
grid-template-columns:1fr
}
body.page-id-400 .integrated-monitoring-cta__content{
padding:30px 24px
}
body.page-id-400 .integrated-monitoring-cta__media{
grid-row:2;
min-height:230px
}
body.page-id-400 .integrated-monitoring-cta__media img{
min-height:230px;
max-height:300px
}
body.page-id-400 .analytics-card-item{
min-height:0
}

}
.hero-base{
background-image: linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/hero-traffic.webp')!important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important
}
.cctv-survilience-bann-img{background:linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/hero-traffic-1.webp') !important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important}
.technical-operation-new-sec{background:linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/hero-traffic-4.webp') !important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important} 
.server-data-storages-new{background:linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/hero-traffic-2.webp') !important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important}

.technoloy-new-updated-seca {background:linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/hero-traffic-3.webp') !important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important}
.project-new-banner-img{background:linear-gradient(90deg,rgba(20,22,43,.94) 0%,rgba(20,22,43,.72) 48%,rgba(20,22,43,.20) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/Image.webp') !important;
background-size:cover!important;
	display:flex;flex-direction:row;
background-position:center!important;
background-repeat:no-repeat!important}
/* :is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta{
padding-top:clamp(64px,7vw,100px)!important;
padding-bottom:clamp(64px,7vw,100px)!important
} */
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-wrapper-bg{
width:100%;
max-width:100%;
/* height:auto;
min-height:360px; */
margin-inline:auto;
display:flex;
align-items:center;
overflow:hidden;

background-image: url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp')!important;
background-size:cover!important;
background-position:center right!important;
background-repeat:no-repeat!important;

}
.our-tech-new-part {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content{
width:min(58%,720px);
padding:clamp(34px,5vw,64px);
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content h2,:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content p{
margin:0
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content p{
max-width:650px;
color:#45556c
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .btn-primary{
display:inline-flex;
width:auto;
margin-top:4px;
padding:13px 22px;
border-radius:999px;
background:#e31e24;
color:#fff!important;
font-weight:600;
line-height:1.2;
text-decoration:none
}
@media(max-width:767px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .hero-base{
background-position:60% center!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta{
padding-top:56px!important;
padding-bottom:56px!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-wrapper-bg{
min-height:540px;
align-items:flex-start;
background-image: linear-gradient(180deg,rgba(248,250,252,.99) 0%,rgba(248,250,252,.96) 45%,rgba(248,250,252,.20) 70%,rgba(248,250,252,0) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp')!important;
background-position:70% center!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content{
width:100%;
padding:30px 22px;
gap:14px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content h2 br{
display:none
}

}
@media(min-width:768px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content{
width:min(64%,820px)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) .service-footer-cta .cta-content h2{
/* white-space:nowrap; */
font-size:clamp(32px,3vw,48px);
line-height:1.12
}

}
@media(min-width:769px){
footer.bg-footer-dark .footer-grid{
grid-template-columns:minmax(220px,1fr) minmax(130px,.55fr) minmax(280px,1fr) minmax(260px,1.2fr)!important;
align-items:start;
gap:26px !important;
max-width:100%; width:100%;
margin-left:auto;
margin-right:auto
}
	
footer.bg-footer-dark .footer-grid>div{
min-width:0
}
footer.bg-footer-dark .footer-desc{
max-width:100%;
}
footer.bg-footer-dark .footer-links a,footer.bg-footer-dark .footer-contact li{
font-size:18px;
}

}
@media(min-width:769px) and (max-width:1050px){
footer.bg-footer-dark{
padding-left:24px!important;
padding-right:24px!important
}
footer.bg-footer-dark .footer-grid{
grid-template-columns:minmax(180px,1fr) minmax(105px,.55fr) minmax(235px,1.25fr) minmax(220px,1.2fr)!important;
gap:20px!important
}
footer.bg-footer-dark .footer-logo-shape img{
max-width:190px
}
footer.bg-footer-dark .footer-desc,footer.bg-footer-dark .footer-links a,footer.bg-footer-dark .footer-contact li{
font-size:14px
}

}
.hdr-menu-main .site-navigation a,.hdr-menu-main .site-navigation .primary-menu > li > a,.hdr-menu-main .site-navigation ul#menu-main-menu > li > a,.hdr-menu-main .site-navigation .sub-menu a,.hdr-menu-main.fixed-header .site-navigation a,.hdr-menu-main .site-navigation a:hover,.hdr-menu-main .site-navigation a:focus,.hdr-menu-main .site-navigation .current-menu-item > a,.hdr-menu-main .site-navigation .current-menu-ancestor > a,.hdr-menu-main .site-navigation .current_page_item > a{
color:#fff!important
}
.hdr-menu-main .site-navigation .primary-menu .sub-menu a,.hdr-menu-main.fixed-header .site-navigation .primary-menu .sub-menu a,.hdr-menu-main .site-navigation .primary-menu .sub-menu a:hover,.hdr-menu-main .site-navigation .primary-menu .sub-menu a:focus{
color:#000!important
}
footer.bg-footer-dark .footer-heading{
margin-bottom:18px
}
footer.bg-footer-dark .footer-links li{
margin-bottom:9px
}
footer.bg-footer-dark .footer-contact li{
margin-bottom:12px
}
footer.bg-footer-dark .footer-grid{
margin-bottom:42px
}
body.page-id-400 .lifecycle-card .heading-4{
font-size:clamp(16px,1.35vw,22px)!important;
line-height:1.25!important
}
@media(max-width:767px){
body.page-id-400 main :is(section,.faq-container,.cards-header-block,.lifecycle-header-block,.real-time-row,.delivery-row,.gov-compliance-grid,.analytics-cards-grid,.lifecycle-grid){
width:100%;
max-width:none
}
body.page-id-400 main :is(.cards-header-block,.lifecycle-header-block,.real-time-content,.delivery-content,.surv-text-col,.future-content){
align-items:flex-start;
text-align:left
}
body.page-id-400 main .heading-2{
width:100%;
max-width:100%;
font-size:clamp(24px,7.2vw,30px)!important;
line-height:1.15!important;
letter-spacing:-.02em;
text-align:left;
text-wrap:balance
}
body.page-id-400 main .heading-2 br{
display:none!important
}
body.page-id-400 .split-check-grid{
grid-template-columns:1fr!important;
gap:12px!important;
margin-top:0
}
body.page-id-400 .split-check-item{
display:grid!important;
grid-template-columns:22px minmax(0,1fr);
align-items:start!important;
gap:10px!important;
width:100%;
font-size:14px!important;
line-height:1.4!important
}
body.page-id-400 .split-check-item>img,body.page-id-400 .split-check-item>i{
width:20px!important;
height:20px!important;
margin-top:1px;
object-fit:contain
}
body.page-id-400 .analytics-card-item{
gap:10px!important;
padding:20px 18px!important
}
body.page-id-400 .analytics-card-icon{
margin:0 0 2px!important;
font-size:24px!important
}
body.page-id-400 .analytics-card-icon img{
width:34px!important;
height:34px!important
}
body.page-id-400 .analytics-card-item :is(h3,h4,h5,h6,p){
margin-top:0!important;
margin-bottom:0!important
}
body.page-id-400 main .gov-compliance-grid,body.page-id-400 main .gov-compliance-grid :is(.gov-comp-col,.gov-comp-card-light,.gov-comp-card-dark){
text-align:center!important;
align-items:center!important
}
body.page-id-400 .gov-compliance-grid :is(.gov-comp-card-light,.gov-comp-card-dark)>*{
margin-left:auto;
margin-right:auto
}
body.page-id-400 .gov-compliance-grid :is(h3,h4,h5,h6,p){
text-align:center!important
}
body.page-id-400 .gov-comp-icon{
margin-bottom:10px!important
}
body.page-id-400 .lifecycle-grid{
gap:10px!important
}
body.page-id-400 .lifecycle-card,body.page-id-400 .lifecycle-card.new-life-card{
min-height:0;
padding:15px 16px!important;
display:grid!important;
grid-template-columns:34px minmax(0,1fr);
align-items:center!important;
justify-items:start;
gap:12px!important;
text-align:left!important
}
body.page-id-400 .lifecycle-card .lifecycle-icon{
width:32px;
height:32px
}
body.page-id-400 .lifecycle-card .lifecycle-icon img{
width:26px!important;
height:26px!important;
object-fit:contain
}
body.page-id-400 .lifecycle-card .heading-4{
margin:0!important;
font-size:clamp(15px,4.2vw,18px)!important;
line-height:1.25!important;
text-align:left!important
}
body.page-id-400 .faq-question{
align-items:center
}
body.page-id-400 .faq-icon{
display:inline-flex!important;
flex:0 0 auto;
color:#1a1a2e!important;
font-size:15px!important
}
body.page-id-400 .faq-item.active .faq-icon{
color:#e31e24!important;
transform:rotate(180deg)
}
body.page-id-400 .faq-answer{
padding:0 28px 18px 0;
text-align:left
}
body.page-id-400 .service-footer-cta .cta-content h2{
font-size:clamp(24px,7vw,29px)!important;
line-height:1.15!important;
text-wrap:auto
}
body.page-id-400 .service-footer-cta .cta-content h2 br{
display:block!important
}
body.page-id-400 footer.bg-footer-dark{
padding-left:20px!important;
padding-right:20px!important
}
body.page-id-400 footer.bg-footer-dark :is(.footer-grid,.footer-grid>div,.footer-desc,.footer-bottom){
width:100%;
max-width:none
}
body.page-id-400 footer.bg-footer-dark .footer-grid{
justify-items:stretch
}

}
@media(max-width:767px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main :is(.cards-header-block,.lifecycle-header-block,.surv-text-col,.delivery-content,.future-content,.real-time-content){
width:100%;
max-width:none;
text-align:left;
align-items:flex-start
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .heading-2{
font-size:clamp(24px,7.2vw,30px)!important;
line-height:1.15!important;
letter-spacing:-.02em;
text-align:left;
text-wrap:balance
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-icon{
display:inline-flex!important;
flex-shrink:0;
color:#1a1a2e!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-item.active .faq-icon{
color:#e31e24!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) footer.bg-footer-dark{
padding-left:20px!important;
padding-right:20px!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) footer.bg-footer-dark :is(.footer-grid,.footer-grid>div,.footer-desc,.footer-bottom){
width:100%;
max-width:none
}

}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .hero-base{
justify-content:space-between !important;
/* padding-bottom:clamp(52px,6vw,88px)!important */
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .surv-hero-content{
margin-top:auto
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-question{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-icon{
display:inline-flex!important;
align-items:center;
justify-content:center;
flex:0 0 20px;
width:20px;
height:20px;
color:#1a1a2e!important;
font-size:14px!important
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .faq-item.active .faq-icon{
color:#e31e24!important;
transform:rotate(180deg)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main section:has(>.faq-container){
padding-bottom:24px!important
}

@media(max-width:767px){
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .hero-base{
justify-content:flex-end!important;
padding-top:120px!important;
padding-bottom:36px!important;display:flex;flex-direction:column;gap:20px;
} body.page-id-428 .grid-3x2-approach {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 80px;
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main section:has(>.faq-container){
padding-bottom:0!important
	}.new-tas-new-sec.tas-new-sec{border-radius:16px;} .apt-new-approact.new-apt-approach{border-radius:16px;}


}
@media(max-width:900px){
.hdr-menu-main .menu-toggle{
position:relative;
display:flex!important;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
width:48px!important;
height:48px!important;
min-width:48px;
padding:0!important;
border:2px solid rgba(255,255,255,.35)!important;
border-radius:50%;
background:#ec2633!important;
box-shadow:0 5px 16px rgba(236,38,51,.28)
}
.hdr-menu-main .menu-toggle>span:not(.screen-reader-text){
display:block!important;
width:25px!important;
height:3px!important;
min-height:3px;
margin:0!important;
border-radius:4px;
background:#fff!important;
opacity:1
}
.hdr-menu-main.menu-open .menu-toggle>span:nth-child(2){
transform:translateY(8px) rotate(45deg)
}
.hdr-menu-main.menu-open .menu-toggle>span:nth-child(3){
opacity:0;
transform:scaleX(0)
}
.hdr-menu-main.menu-open .menu-toggle>span:nth-child(4){
transform:translateY(-8px) rotate(-45deg)
}
.hdr-menu-main .primary-menu .menu-item-has-children>a{
position:relative;
padding-right:44px!important
}
.hdr-menu-main .primary-menu .menu-item-has-children>a::after{
content:'+'!important;
position:absolute;
right:8px;
top:50%;
width:26px;
height:26px;
margin:0;
display:flex;
align-items:center;
justify-content:center;
color:#fff!important;
font-size:23px;
font-weight:500;
line-height:1;
transform:translateY(-50%)
}
.hdr-menu-main .primary-menu .menu-item-has-children.submenu-open>a::after{
content:'−'!important
}
.hdr-menu-main .site-navigation .primary-menu .sub-menu{
display:none!important;
width:100%;
margin:0 0 12px;
padding:8px 14px!important;
border-radius:8px;
background:#fff!important
}
.hdr-menu-main .site-navigation .primary-menu .submenu-open>.sub-menu{
display:block!important
}
.hdr-menu-main .site-navigation .primary-menu .sub-menu a{
padding:11px 4px!important;
color:#1a1a2e!important;
white-space:normal;
line-height:1.35
}
main .faq-icon{
width:28px!important;
height:28px!important;
flex-basis:28px!important;
border:1px solid #cbd5e1;
border-radius:50%;
background:#f8fafc;
color:#1a1a2e!important
}
main .faq-item.active .faq-icon{
border-color:#e31e24;
background:#fff1f2;
color:#e31e24!important
}

}
.home .hero-banner-new{
height:100vh!important;
min-height:100vh!important;
max-height:none!important
}
@supports(height:100svh){
.home .hero-banner-new{
height:100svh!important;
min-height:100svh!important
}

}
.home .hero-heading-box .heading-1{
white-space:nowrap;
text-wrap:auto
}
.home .hero-heading-box .heading-1 br{
display:block!important
}
.home .data-timeline-new{
display:flex;
flex-direction:column;
gap:12px!important
}
.home .data-timeline-new::before{
left:25px!important
}
.home .timeline-node{
display:grid!important;
grid-template-columns:52px minmax(0,1fr);
align-items:center!important;
gap:10px!important;
min-height:52px!important
}
.home .timeline-node-icon{
width:52px!important;
height:52px!important;
display:flex;
align-items:center;
justify-content:center
}
.home .timeline-node-icon img{
width:46px!important;
height:46px!important;
object-fit:contain
}
.home .timeline-node-text{
margin:0!important;
font-size:clamp(15px,1.25vw,18px)!important;
line-height:1.25!important
}
@media(max-width:600px){
.home .hero-heading-box .heading-1{
font-size:clamp(29px,9.2vw,40px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important
} :is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428) main .surv-hero-content{margin:0;}
.home .hero-content-col{
height:100%;
padding-top:110px!important;
padding-bottom:44px!important
}
.home .data-timeline-new{
gap:8px!important
}
.home .data-timeline-new::before{
left:21px!important
}
.home .timeline-node{
grid-template-columns:44px minmax(0,1fr);
gap:8px!important;
min-height:46px!important
}
.home .timeline-node-icon{
width:44px!important;
height:44px!important
}
.home .timeline-node-icon img{
width:40px!important;
height:40px!important
}
.home .timeline-node-text{
font-size:15px!important;
line-height:1.25!important
}
.home .engineer-new-sec{
display:grid!important;
grid-template-columns:1fr;
gap:18px!important
}
.home .engineer-new-sec>.flex-40,.home .engineer-new-sec>.flex-60,.home .engineer-new-sec .overlap-container,.home .engineer-new-sec .overlap-card{
display:contents!important
}
.home .engineer-new-sec .overlap-container>img{
order:1;
width:100%;
height:clamp(240px,62vw,330px)!important;
margin:0 0 4px!important;
object-fit:cover;
border-radius:12px
}
.home .engineer-new-sec .framework-list{
order:2
}
.home .engineer-new-sec .overlap-card h4{
order:3;
margin:4px 0 0!important
}
.home .engineer-new-sec .overlap-card p{
order:4;
margin:0!important
}
.home .engineer-new-sec .overlap-card a{
order:5;
justify-self:start
}

}
.home{
--home-content-max:1440px;
--home-section-space:clamp(72px,6.5vw,104px);
--home-card-radius:12px;
--home-card-gap:clamp(14px,1.6vw,24px)
}
.home main>section:not(.hero-banner-new)>*{
max-width:var(--home-content-max);
margin-left:auto;
margin-right:auto
}
.home main>.pdng-tp-btm{
padding-top:var(--home-section-space)!important;
padding-bottom:var(--home-section-space)!important
}
.home main>.pdng-btm{
padding-bottom:var(--home-section-space)!important
}
.home main .heading-2{
text-wrap:balance
}
.home main p{
text-wrap:pretty
}
.home .hero-banner-new{
isolation:isolate
}
.home .hero-banner-new .video-overlay{
background: linear-gradient(90deg,rgba(17,20,37,.88) 0%,rgba(17,20,37,.58) 48%,rgba(17,20,37,.35) 100%)
}
.home .hero-content-col{
max-width:var(--home-content-max);
height:100%;
margin:0 auto!important;
padding-top:clamp(140px,14vh,190px);
padding-bottom:50px !important;
justify-content:flex-end!important;
gap:20px!important
}
.home .hero-heading-box{
max-width:820px
}
.home .hero-heading-box .heading-1{
font-size:clamp(48px,5.1vw,78px)!important;
line-height:1.04!important
}
.home .hero-paragraph-box{
max-width:590px;

}
.home .hero-watermark{
bottom:-.08em;
font-size:clamp(76px,9.4vw,150px);
opacity:.82
}
.home .data-eco-top-row,.home .data-eco-bottom-row{
max-width:var(--home-content-max);
gap:clamp(48px,7vw,112px)!important
}
.home .data-eco-top-row{
align-items:flex-start;
margin-bottom:34px
}
.home .data-eco-left-col{
flex:0 0 39%!important
}
.home .data-eco-top-row .heading-2{
max-width:440px
}
.home .data-eco-desc{
max-width:720px;
font-size:clamp(15px,1.05vw,17px)
}
.home .data-eco-img{
height:clamp(310px,27vw,410px)!important;
border-radius:var(--home-card-radius)
}
.home .data-timeline-new{
gap:14px!important
}
.home .timeline-node{
grid-template-columns:54px minmax(0,1fr);
min-height:54px!important;
gap:14px!important
}
.home .timeline-node-icon{
width:54px!important;
height:54px!important
}
.home .timeline-node-icon img{
width:50px!important;
height:50px!important
}
.home .data-timeline-new::before{
left:27px!important
}
.home .timeline-node-text{
font-size:clamp(16px,1.2vw,18px)!important;
font-weight:600
}
.home .solutions-grid-3x2{
max-width:var(--home-content-max);
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--home-card-gap)!important
}

.home .solutions-heading-box .heading-2 br{
display:none
}
.home .solutions-heading-box p{
max-width:700px
}
.home .dark-card-navy{
min-height:265px;
padding:28px 26px!important;
border-radius:var(--home-card-radius);
border:1px solid rgba(255,255,255,.05)
}
.home .dark-card-navy .navy-card-icon{
width:38px;
height:38px;
margin-bottom:14px
}
.home .dark-card-navy .heading-5{
margin-bottom:10px!important
}
.home .dark-card-navy .link-explore{
padding-top:20px
}
.home .execution-new-sec{
max-width:var(--home-content-max);
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
align-items:center;
gap:clamp(44px,6vw,92px)!important
}
.home .execution-new-sec>.flex-60,.home .execution-new-sec>.flex-40{
width:100%
}
.home .execution-new-sec .img-cover-500{
width:100%;
height:clamp(390px,32vw,500px)!important;
object-fit:cover;
border-radius:var(--home-card-radius)
}
.home .execute-new-sec{
gap:14px!important
}
.home .execute-new-sec .bullet-list-red li{
margin-bottom:10px
}
.home main>section:has(.engineer-new-sec)>.text-center{
max-width:var(--home-content-max);
margin-bottom:38px!important
}
.home .engineer-new-sec{
max-width:var(--home-content-max);
display:grid;
grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
/* align-items:center!important; */
gap:clamp(46px,6vw,86px)!important
}
.home .engineer-new-sec>.flex-40,.home .engineer-new-sec>.flex-60{
width:100%
}
.home .framework-list{
gap:10px
}
.home .framework-item{
min-height:58px;
padding:13px 18px;
gap:14px;
border-radius:6px
}
.home .framework-num{
width:28px;
height:28px
}
.home .framework-text{
font-size:clamp(15px,1.1vw,17px)
}
.home .overlap-container{
min-height:430px;
padding:0 0 0 72px;
margin:0;
display:flex;
align-items:center
}
.home .overlap-container>img{
width:100%;
height:430px!important;
object-fit:cover;
border-radius:var(--home-card-radius)
}
.home .overlap-card{
left:0;
width:min(340px,48%);
padding:30px;
border-radius:10px
}
.home main>section:has(.grid-3x2-clients)>.heading-2,.home main>section:has(.grid-3x2-clients)>p{
display:block;
max-width:800px;
margin-left:auto!important;
margin-right:auto!important
}
.home .grid-3x2-clients{
max-width:var(--home-content-max);
margin-top:34px;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--home-card-gap)
}
.home .client-box{
min-height:132px;
padding:22px!important;
gap:14px;
border-radius:8px
}
.home .client-icon-red{
width:38px;
height:38px
}
.home .client-box .heading-6{
margin-bottom:6px!important;
font-size:clamp(16px,1.2vw,19px)!important
}
.home main>section:has(.grid-4-gov)>.flex-row{
max-width:var(--home-content-max);
align-items:flex-start;
gap:clamp(40px,7vw,110px)!important
}
.home .grid-4-gov{
max-width:var(--home-content-max);
margin-top:38px;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--home-card-gap)
}
.home .gov-card{
gap:14px
}
.home .gov-img-wrapper{
height:clamp(260px,23vw,340px)!important;
border-radius:10px
}
.home .gov-badge{
top:12px;
right:12px
}
.home main>section:has(.cta-wrapper-bg){
padding-top:var(--home-section-space)!important;
padding-bottom:var(--home-section-space)!important
}
.home .cta-wrapper-bg{
max-width:var(--home-content-max);
min-height:360px;
height:auto;
border-radius:var(--home-card-radius);
background-image: url('https://vipaccounts.in/diwl/wp-content/uploads/2026/10/new-updated-cta-imgs-scaled.webp')!important
}
.home .cta-content{
width:min(58%,700px);
padding:clamp(34px,4.5vw,60px)!important;
gap:14px
}
@media(max-width:1024px){
.home .solutions-grid-3x2{
grid-template-columns:repeat(2,minmax(0,1fr))!important
}

.home .execution-new-sec{
grid-template-columns:1fr
}
.home .engineer-new-sec{
grid-template-columns:1fr
}
.home .grid-4-gov{
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media(max-width:600px){
.home{
--home-section-space:54px;
--home-card-gap:12px
}
.home .hero-content-col{
padding-top:110px;
padding-bottom:40px!important
}
.home .hero-heading-box .heading-1{
font-size:clamp(30px,9.3vw,40px)!important
}
.home .hero-paragraph-box{
max-width:100%;
padding-bottom:22px;
text-align:left
}
.home .hero-watermark{
bottom:8px;
font-size:clamp(44px,15vw,64px)
}
.home .data-eco-img{
height:245px!important
}
.home .solutions-grid-3x2{
grid-template-columns:1fr!important
}
.home .dark-card-navy{
min-height:230px;
padding:22px!important
}
.home .execution-new-sec .img-cover-500{
height:270px!important
}
.home main>section:has(.engineer-new-sec)>.text-center{
margin-bottom:24px!important;
text-align:left
}
.home .overlap-container{
min-height:0
}
.home .grid-3x2-clients,.home .grid-4-gov{
grid-template-columns:1fr
}
.home .client-box{
min-height:0
}
.home .gov-img-wrapper{
height:320px!important
}
.home main>section:has(.grid-4-gov)>.flex-row{
flex-direction:column
}
.home .cta-wrapper-bg{
min-height:520px;
align-items:flex-start;
background-image: linear-gradient(180deg,rgba(248,250,252,.99) 0%,rgba(248,250,252,.94) 45%,rgba(248,250,252,.08) 72%,rgba(248,250,252,0) 100%),url('https://vipaccounts.in/diwl/wp-content/uploads/2026/04/section-home-new8.webp')!important;
background-position:68% center!important
}
.home .cta-content{
width:100%;
padding:28px 22px!important
}

}
.home .overlap-card{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px
}
.home .overlap-card :is(h4,p){
margin:0!important
}
.home .overlap-card .btn-primary{
display:inline-flex!important;
width:auto!important;
align-items:center;
justify-content:center;
padding:9px 18px!important;
font-size:18px !important;
line-height:1.2;
border-radius:999px;
margin:0
}
@media(max-width:600px){
.home .hero-content-col{
justify-content:flex-end!important;
gap:16px!important
}
.home .hero-paragraph-box{
padding-bottom:0!important;
margin:0!important
}
.home main section:has(.engineer-new-sec){
display:grid!important;
grid-template-columns:1fr;
row-gap:16px
}
.home main section:has(.engineer-new-sec)>.text-center{
display:contents!important
}
.home main section:has(.engineer-new-sec)>.text-center>.heading-2{
order:1;
margin:0!important
}
.home main section:has(.engineer-new-sec)>.text-center>p{
order:3;
margin:0!important;
text-align:left
}
.home main section:has(.engineer-new-sec)>.engineer-new-sec,.home main section:has(.engineer-new-sec)>.engineer-new-sec>.flex-40,.home main section:has(.engineer-new-sec)>.engineer-new-sec>.flex-60,.home main section:has(.engineer-new-sec) .overlap-container,.home main section:has(.engineer-new-sec) .overlap-card{
display:contents!important
}
.home main section:has(.engineer-new-sec) .overlap-container>img{
order:2;
margin:0!important
}
.home main section:has(.engineer-new-sec) .framework-list{
order:4
}
.home main section:has(.engineer-new-sec) .overlap-card h4{
order:5;
margin-top:8px!important
}
.home main section:has(.engineer-new-sec) .overlap-card p{
order:6
}
.home main section:has(.engineer-new-sec) .overlap-card a{
order:7;
justify-self:start
}

}
.home .grid-3x2-clients{
align-items:stretch
}
.home .client-box{
display:grid!important;
grid-template-columns:40px minmax(0,1fr);
align-items:start!important;
column-gap:14px!important;
row-gap:0
}
.home .client-box .client-icon-red{
grid-column:1;
width:40px!important;
height:40px!important;
margin:0!important;
display:flex;
align-items:center;
justify-content:center
}
.home .client-box>div:last-child{
grid-column:2;
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:7px
}
.home .client-box :is(.heading-6,h5,h6,p){
width:100%;
margin:0!important;
text-align:left
}
.home .client-box p{
line-height:1.45
}
.home main h2 + p,.home main .heading-2 + p{
margin-top:0px!important;
margin-bottom:0!important
}
.home main :is(.solutions-heading-box,.cards-header-block,.lifecycle-header-block)>h2,.home main section:has(.grid-3x2-clients)>.heading-2,.home main section:has(.grid-4-gov) .flex-row .heading-2{
margin-bottom:0!important
}
.home main :is(.solutions-heading-box,.cards-header-block,.lifecycle-header-block)>p{
margin-top:16px!important;
margin-bottom:0!important
}
@media(max-width:600px){
.home .client-box{
grid-template-columns:36px minmax(0,1fr);
column-gap:12px!important;
padding:18px!important
}
.home .client-box .client-icon-red{
width:36px!important;
height:36px!important
}

}
body{
font-family:"Geist",sans-serif!important
}
body :is(h1,.heading-1){
font-family:"Geist",sans-serif!important;
font-size:clamp(2.25rem,1.7143rem + 1.7857vw,3.5rem)!important;
font-weight:400!important;
line-height:1.2!important;
letter-spacing:-.03em!important
}
.heading-2{
font-family:"Geist",sans-serif!important;
font-size:clamp(1.875rem,1.4464rem + 1.4286vw,2.875rem)!important;
font-weight:400!important;
line-height:1.3!important;
letter-spacing:-.02em!important
}
body :is(h3,.heading-3){
font-family:"Geist",sans-serif!important;
font-size:clamp(1.5rem,1.3746rem + .5004vw,1.875rem)!important;
font-weight:400!important;
line-height:1.4!important;
letter-spacing:-.02em!important
}
body :is(h4,.heading-4){
font-family:"Geist",sans-serif!important;
font-size:clamp(1.375rem,1.2679rem + .3571vw,1.625rem)!important;
font-weight:400!important;
line-height:1.4!important;
letter-spacing:0!important
}
.heading-5{
font-family:"Geist",sans-serif!important;
font-size:clamp(1.25rem,1.1964rem + .1786vw,1.375rem)!important;
font-weight:400!important;
line-height:1.1!important;
letter-spacing:0!important
}
.heading-6{
font-family:"Geist",sans-serif!important;
font-size:clamp(1.125rem,1.0714rem + .1786vw,1.25rem)!important;
/* font-weight:400!important; */
line-height:1.5!important;
letter-spacing:0!important;margin:0 !important;
}
body :is(p,ul,ol,li){
font-family:"Geist",sans-serif!important;
font-weight:400!important;
line-height:1.5!important;
letter-spacing:.01em!important
}
body :is(a,button,input,textarea,select){
font-family:"Geist",sans-serif!important
}
:root{
--diwl-space-x:clamp(20px,4.1667vw,80px);
--diwl-space-y:clamp(60px,5.2083vw,100px)
}
html body .pdng-lt-rt{
padding-left:var(--diwl-space-x)!important;
padding-right:var(--diwl-space-x)!important
}
html body .pdng-tp-btm{
padding-top:var(--diwl-space-y)!important;
padding-bottom:var(--diwl-space-y)!important
}
html body .pdng-tp{
padding-top:var(--diwl-space-y)!important
}
html body .pdng-btm{
padding-bottom:var(--diwl-space-y)!important
}
body.home{
--home-space-x:var(--diwl-space-x);
--home-space-y:var(--diwl-space-y)
}
:is(body.page-id-217,body.page-id-292,body.page-id-325,body.page-id-361,body.page-id-400,body.page-id-428){
--service-page-x:var(--diwl-space-x);
--service-section-y:var(--diwl-space-y)
}
body.page-id-16{
--about-x:var(--diwl-space-x);
--about-y:var(--diwl-space-y)
}
@media(min-width:901px){
.hdr-menu-main .menu-toggle,#site-header .menu-toggle{
display:none!important;
visibility:hidden!important;
opacity:0!important;
pointer-events:none!important
}

}
@media(max-width:900px){
:root{
--diwl-space-x:clamp(20px,4vw,32px);
--diwl-space-y:clamp(60px,8vw,72px)
}

}
@media(max-width:480px){
:root{
--diwl-space-x:20px;
--diwl-space-y:60px
}

}
.home .cta-content{
align-items:flex-start!important
}
.home .cta-content .btn-primary{
display:inline-flex!important;
width:auto!important;
max-width:max-content;
align-self:flex-start!important;
align-items:center;
justify-content:center;
padding:10px 20px!important;
border-radius:999px;
font-size:18px!important;
line-height:1.2!important;
white-space:normal;
text-align:center
}


/* ========================================================================== */
/* RESTORED ORIGINAL COMMENT BLOCKS — recovered from 2026-08-26 backup       */
/* ========================================================================== */
/* 
Theme Name: Hello Elementor Child
Theme URI: https://example.com/helo-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Shanmuk Sai
Author: Shanmuk sai
Author URI: https://example.com
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

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

/* --- 2. MANGALORE SMART CITY (EXACT FULL BLEED LAYOUT) --- */

/* Left Image (Touching the edge) */

/* Right Content (With internal padding) */

/* Top, Right, Bottom, Left */

/* Tabs */

/* --- 3. PROJECT DELIVERY PRINCIPLES (TIMELINE EXACT) --- */

/* The Dashed Line */

/* Vertically centered behind the 40px icon */

/* The Red Square Icons */

/* --- RESPONSIVE ADJUSTMENTS --- */

/* 1. Add the (+) icon to parent menu items */

/* 2. Change the icon to (-) when the menu is opened/hovered */

/* This is a proper minus sign Unicode */

/* Optional: change color when open */

/* --- Your existing logic with a few refinements --- */

/* Ensures horizontal layout for top level */

/* Trigger Visibility */

/*     border-bottom: 1px solid #eee; */

/* footer */

/* --- FOOTER SECTION --- */

/* Column 1: Brand & Description */

/*         .footer-logo-shape {
            width: 0; 
            height: 0; 
            border-left: 35px solid transparent; 
            border-right: 35px solid transparent; 
            border-bottom: 45px solid #E31E24; 
            position: relative;
            margin-bottom: 10px;
        }
        .footer-logo-shape::after {
            content: '';
            position: absolute;
            top: 15px; 
            left: -20px; 
            width: 0; 
            height: 0; 
            border-left: 20px solid transparent; 
            border-right: 20px solid transparent; 
            border-bottom: 25px solid #151828; 
        }
        .footer-logo-shape::before {
            content: '';
            position: absolute;
            top: 0px;
            left: -6px;
            width: 12px;
            height: 12px;
            background-color: #ffffff;
            border-radius: 50%;
            z-index: 2;
        } */

/* Updated to 18px */

/* Footer Headings */

/* Footer Links */

/* Footer Contact Details */

/* Scaled icon slightly to match new font size */

/* Footer Bottom (Copyright & Legal) */

/* Responsive Layout for Footer */

/* --- EXACT TYPOGRAPHY AS REQUESTED --- */

/* --- COLORS & UTILITIES --- */

/* Spacing Utilities */

/* --- EXACT PADDING CLASSES AS REQUESTED --- */

/* --- FLEXBOX LAYOUTS --- */

/*         .flex-row.align-start { align-items: flex-start; } */

/*         .img-cover-400 { height: 400px; }
        .img-cover-500 { height: 500px; } */

/* Button */

/* HERO BANNER (FLEX COLUMN LAYOUT) */

/* 1. Background Video */

/* 2. Video Dark Overlay */

/* Fades from dark on the left to slightly lighter on the right */

/* 3. The Transparent Outline Watermark (FULLY VISIBLE) */

/* Sits right at the bottom edge without being cut off */

/* Perfect size to fit the full text horizontally */

/* 4. Content Layout */

/* --- 2. DATA ECOSYSTEM --- */

/* --- OUR POSITION IN DATA ECOSYSTEM (TWO-ROW LAYOUT) --- */

/* Row 1: Heading & Paragraph */

/* Centers the paragraph with the heading */

/* Matches the bottom row gap for perfect alignment */

/* Space between the text and the content below */

/* Row 2: Timeline & Image */

/* EXACT GAP REQUESTED */

/* Column Widths to keep both rows perfectly aligned vertically */

/* Locks the left side width */

/* Fills the rest of the space */

/* Typography & Elements (NO INLINE CSS) */

/* --- GLOWING TIMELINE DESIGN --- */

/* Space between each item */

/* The thin vertical connecting line */

/* Centers the line behind the 56px circles */

/* Space between the red icon and the text */

/* Keeps items above the line */

/*             background-color: #E31E24;
            border-radius: 50%; */

/* 			max-width:100%; */

/*             flex-shrink: 0;
            color: #ffffff;
            font-size: clamp(18px, 1.25rem + 0.25vw, 22px); */

/*             box-shadow: 0 8px 24px rgba(227, 30, 36, 0.35);  */

/* --- MOBILE RESPONSIVENESS --- */

/* --- 3. CORE SOLUTIONS (3x2 Grid) --- */

/* --- 4. EXECUTION EXPERIENCE --- */

/* --- 5. ENGINEERING FRAMEWORK --- */

/* --- 6. PUBLIC SECTOR CLIENTS --- */

/* --- 7. GOVERNANCE --- */

/* --- 8. CTA BANNER (BACKGROUND IMAGE WITH GRADIENT) --- */

/* Fades from solid light-gray on the left, to transparent on the right */

/*             max-width: 1500px;
            margin: 40px auto; */

/* Responsive Layout for Mobile/Tablet */

/* Change gradient to fade top-to-bottom on smaller screens */

/* --- RESPONSIVE MEDIA QUERIES --- */

/* Responsive Hero Adjustments */

/* about page */

/* Master Layout Class */

/*             justify-content: center; */

/* Pushes text up slightly to make room for overlapping images */

/* Modifiers: Use these classes to swap the background image per page */

/* ABOUT-NEW */

/* --- DELTA GROUP SECTION --- */

/* --- WHAT WE DO SECTION --- */

/* --- GOVERNANCE SECTION --- */

/*         .gov-card-alt h6 { margin-left: 16px; margin-right: 16px; } */

/* --- ENGINEERING APPROACH --- */

/*         .approach-card:hover { transform: translateY(-3px); box-shadow: 0 5px 20px rgba(0,0,0,0.06); } */

/* --- LONG TERM RESPONSIBILITY --- */

/* Specific Gap Classes */

/*  industry updated*/

/* Cards gap 16px */

/* Flex-grow on a wrapper pushes the title to the bottom equally */

/* --- 3. MUNICIPAL MASONRY (Gap: 20px, 36px, H6, Flex-End) --- */

/* Heading/P gap 20px */

/* Heading/Section gap 36px */

/* Dark Image Card */

/* Exact Request: Content at bottom */

/* --- 4. TABS SECTION (New Unique Class Names) --- */

/* --- 5. EPC CONTRACTORS --- */

/* --- 6. CROSS SECTOR & DELTA GROUP (Gap 100px, H6 lists) --- */

/* Exact Gap 100px */

/* projects */

/* PROJECTS HERO BACKGROUND */

/* Exact 20px gap layout for Hero Text */

/*         .hero-content-left { 
            position: relative; z-index: 2; width: 100%; max-width: 750px; 
            display: flex; flex-direction: column; gap: 20px; 
        } */

/* --- HOW WE EXECUTE (Section 2) --- */

/* EXACT 20px GAP for left side elements */

/* --- MANGALORE SMART CITY (Section 3) --- */

/* --- PROJECT DELIVERY PRINCIPLES (Timeline) --- */

/* --- ECOSYSTEM CARDS (Section 6) --- */

/* --- MANGALORE SMART CITY SECTION (EXACT DESIGN) --- */

/* Make both columns the same height */

/* The Left Column (Image) - Removes left padding to sit flush */

/* Only rounds the right side */

/* tabs */

/* --- Left Image Column --- */

/* Adds smooth fade effect when image changes */

/* --- Right Content Column --- */

/* --- Tabs Styling --- */

/* Active Tab State (Red Border, Dark Text) */

/* --- Tab Content & Logic --- */

/* --- 2-Column Red Dot List --- */

/* Optically centers the dot with the text */

/* --- RESPONSIVE MOBILE SCROLLING TABS --- */

/* NORMAL HORIZONTAL SCROLLING FOR TABS ON MOBILE */

/* --- Tab Group 2: Transport & Public Safety --- */

/* Show as flex when active */

/*  tech*/

/* --- CORE TECHNOLOGIES GRID --- */

/*             box-shadow: 0 10px 40px rgba(0,0,0,0.03);  */

/*         .core-card:hover { transform: translateY(-5px); } */

/* --- FULL-STACK INTEGRATION --- */

/* Slightly increased gap to accommodate larger text */

/*         .stack-item:hover { background: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.03); } */

/* Adjusted specific stack classes so heading-4 works properly */

/* Slightly increased from 14 to pair well with 26px heading */

/*  enterprise handling page */

/* --- 3. CARDS SECTION --- */

/*  second services*/

/* Keeps the icon at the top if text wraps */

/* --- 4. PROVEN DELIVERY SECTION --- */

/* urban-commad  */

/*         .future-icon-box {
            width: 40px; height: 40px; background: #FFF0F0; color: #E31E24; 
            border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: clamp(14px, 0.95rem + 0.15vw, 16px); flex-shrink: 0;
        }
        .future-feature-list span { font-family: 'Geist', sans-serif; font-size: clamp(16px, 1.05rem + 0.2vw, 18px); font-weight: 600; color: #1D293D; } */

/* --- 5. GOVERNANCE, SECURITY & COMPLIANCE --- */

/*         .gov-comp-card-light:hover { transform: translateY(-5px); } */

/* .gov-comp-dark-img {
            width: calc(100% + 64px); 
            margin-top: 30px; margin-bottom: -5px; object-fit: cover; height: 200px;
        } */

/* --- 6. LIFECYCLE SUPPORT & SCALABILITY --- */

/* Centers both heading and paragraph */

/* EXACT 16px GAP BETWEEN HEADING AND P */

/* EXACT 36px GAP TO CARDS */

/* EXACT 16px GAP BETWEEN CARDS */

/*         .lifecycle-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.06);
        } */

/* Mobile adjustments for the new grid */

/* --- 7. FREQUENTLY ASKED QUESTIONS (ACCORDION) --- */

/* integrated new page */

/* Specific 2-column grid for the checkmarks */

/* Red check icon styling */

/* --- 3. CENTRALIZED ANALYTICS PLATFORMS (3 CARDS) --- */

/* contact us */

/* Location Cards */

/* Matches your bg-light */

/* Form Container */

/* Field Wrapper */

/* Labels */

/* Inputs */

/* File Upload */

/* Submit Section */

/* Submit Button */

/* Talent Network Box */

/* defult heading */

/* defult */

/* Header */

/* Footer */

/* Annimation */

/* .Xperience-bnr-sec-bar {animation: translateXAnimation 5s ease-in-out infinite;} */

/* Home-page */

/*border-left:2px solid #D8001A*/

/* .timeline-item::before {content: "";position: absolute;left: -13px;top: 8px;width: 8px;height:8px;background: #D8001A;border-radius: 50%;transition: 0.3s ease;z-index: 99;} */

/* .we-serve-sec-blk-txt h6{font-size: clamp(1.25rem, 1.2082rem + 0.1668vw, 1.375rem) !important;line-height:1.4 !important;}      */

/* Contact-Us */

/* .cnt-full.fw {width: 100%;float: left;margin-bottom: 36px;}
.all-heading .contact-us-sec-rt li, .all-heading .contact-us-sec-rt ul{display:block;}
.uacf7-uacf7style-426 label{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;margin 0 0 10px;display:none !important;}
.uacf7-uacf7style-426 textarea {height: 80px !important;width: 100%;float: left;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {border: 0px !important;border-bottom: 1px solid #000 !important;border-radius: 0px !important;padding: 0px 0px 15px !important;outline: none !important;}
input::placeholder, textarea::placeholder {font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;color: #1E1E1E !important;}
.full.fw {width: 100%;float: left;}
input.wpcf7-form-control.wpcf7-submit.has-spinner {width: 100%;float: left;text-align: center;background: #D8001A;color: #fff;border-radius: 6px;padding: 10px;font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;}
.contact-us-sec-lft span.elementor-icon-list-text span{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.4 !important;font-family: "Geist", sans-serif !important;font-weight: 600 !important;color:#3D4756 !important;margin-bottom:8px !important;}
.contact-us-sec-lft span.elementor-icon-list-text, .contact-us-sec-lft span.elementor-icon-list-text a{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.4 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;color:#3D4756 !important}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232;width: 100%;float: left;margin: auto 0;background: #ff0000;border-radius: 5px;color: #fff;text-align: center;} */

/* Pricing */

/* Privacy-policys */

/*background: linear-gradient(90deg, #57006c, #57006c, #f2883b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;*/

/* Register */

/* .register-bnr-sec label, label{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;margin 0 0 10px;display:none !important;}
.register-bnr-sec textarea {height: 80px !important;width: 100%;float: left;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900;width: 100%;float: left;margin: auto 0;} */

/* Responsive */

/* .register-bnr-sec-inr{width:60% !important} */

/* 	.our-purpose-new-sec{gap:80px !important;} */

/* .pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-lt-rt {padding-left: 40px !important;padding-right: 40px !important;} */

/* .Xperience-bnr-sec-head-main, .Xperience-secnd-sec-inr,.why-visitors-sec-inr  {width: 100%;}
.we-serve-sec-blks {gap: 40px 40px;}
.Xperience-bnr-sec-bar{width:21%;}
.Xperience-bnr-sec-head-ser, .contact-us-sec-inr {width:90%;}
.pdng-btm-ser-bnr {padding-bottom: 150px;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{width:100%;}
.why-visitor-experience-sec-inr {padding:29px 29px 29px 68px !important;}
.why-choose-sec-inr {padding:29px 68px 29px 29px !important;}
.register-bnr-sec-inr{width:75% !important} */

/* 	industry */

/* backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);*/

/* .hdr-menu-main.fixed-header .hdr-menu-main-inr-mbl {backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background:#ffffffa3 !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:1px solid #FCE6E9;} */

/* .elementskit-menu-offcanvas-elements {left: -4px !important;left: auto !important;transform: translateX(100%) !important;transition: transform 0.3s ease-in-out !important;}
.elementskit-menu-offcanvas-elements.active {transform: translateX(0%) !important;} */

/*  industry*/

/* .Xperience-bnr-sec-bar {width: 35%;display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: space-around;padding: 10px;border-radius: 6px;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar {width: 35%;}
.Xperience-bnr-sec-bar-avthor {width: 29px;}
.Xperience-bnr-sec-bar-icon {width: 20px;}
.Xperience-bnr-sec-bar-txt {width: 71% !important;}
.footer-inr-sec-rt {padding-top: 0px;border-top: 0px solid #00000033 !important;}
.contact-us-sec-rt {width: 80%;float: none;gap: 16px;margin: 0 auto;}
.Xperience-bnr-sec-head-tag {width: 120px;}
.register-bnr-sec-inr{width:90% !important} */

/*   .hero-content-left { max-width: 100%; text-align: center; align-items: center; } */

/* .pdng-lt-rt {padding-left: 30px !important;padding-right: 30px !important;}
.why-key-features-sec-first-blk, .why-key-features-sec-second-blk {width: 100%;float: left;}
.we-serve-sec-blk {width: 29%;float: left;}
.Xperience-bnr-sec-bar {width: 46%;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar {width: 46%;}
.register-bnr-sec-inr{width:100% !important} */

/* Gutenberg / Hello wrappers: keep sections full-bleed */

/* Show all images and Font Awesome icons */


/* Contact Us (463) and Project (184): logo-only header. */
:is(body.page-id-463, body.page-id-184) .hdr-menu-main,
:is(body.page-id-463, body.page-id-184) .hdr-menu-main.fixed-header {
    background-color: #1a181b !important;
}