@import url(../css/all.min.css);

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto-bold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}












html { margin: 0; padding:0; overflow-x:clip;}
body {
    font-family: "Manrope", sans-serif;
    font-weight: normal;
    padding: 0;
    color: #132852;
    font-weight: 400;
    padding-right: 0 !important;
    overflow-x: clip;
    background: #fff;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    min-height: 100%;  
}


/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

:root{--red:#ff1e00; --dark:#1a0101; --blue:#2ca8df; --yellow:#fde81e; --light:#f4e7e0;}

img{border:0;}
a{color:var(--red); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--blue);}


h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:900; line-height:1;}

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

ul{ margin: 0; padding: 0; list-style: none;}

.margin-left-10{ margin-left: 10px;}
.margin-right-10{ margin-right: 10px;}
.margin-left13{ margin-left: -13px;}
.margin-left50{ margin-left: -50px;}

.spe-input::placeholder {
  color: #fff;
  opacity: 0.6; /* Firefox */
}

.spe-input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}



@keyframes blinker {
  50% { opacity: 0.2;}
}

.table {
    --bs-table-color: inherit !important;
    --bs-table-bg: transparent !important;
}

.table > :not(caption) > * > * {
    color: inherit;
    background-color: transparent;
}

.scroll-downs {
  position: absolute;
  top: auto;
  bottom: 20%;
  left: 3%;
  margin: auto;
  width :28px;
  height: 25px;
  z-index:100; cursor:pointer;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--red);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.banner{ width: 100%; display: block; overflow: hidden; border-radius: 30px; }

.env-hero{
    position:relative;
    
    align-items:center;
    justify-content:center;
    overflow:hidden; 

    
}

/* Dark Overlay */

.env-overlay{
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); inset:0;
  z-index: 2 !important;
  pointer-events: none;
}

/* Large Transparent Circle */

.env-circle{
    position:absolute;
    width:900px;
    height:900px;
    border-radius:50%;

    background:rgba(56,62,143,.22);

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    z-index: 3 !important;
  opacity:.18;

    filter:blur(0px);
}

.env-circle::before{

    content:"";

    position:absolute;

    width:620px;
    height:620px;

    border-radius:50%;

    background:rgba(88,91,205,.15);

    top:140px;
    left:140px;

}

/*==========================
Content
==========================*/

.container{
    position:relative;
    z-index:10;
}

.env-top-text{

    color:#fff;

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:2px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:35px;

    font-weight:600;
}

.env-line{

    width:45px;

    height:2px;

    background:#fff;

    margin-right:15px;

}

.env-title{

    color:#fff;

    font-size:82px;

    font-weight:800;

    line-height:1.05;

    margin-bottom:28px;

}

.env-description{

    color:rgba(255,255,255,.75);

    font-size:22px;

    line-height:1.8;

    max-width:720px;

    margin:auto;

    margin-bottom:45px;

}

/*==========================
Button
==========================*/

.env-btn{

    display:inline-flex;

    align-items:center;

    gap:20px;

    text-decoration:none;

    color:#fff;

    padding:20px 38px;

    border-radius:70px;

    font-size:20px;

    font-weight:600;

    background:linear-gradient(90deg,#fc661c,#ff8c00);

    transition:.4s;

    box-shadow:
    0 25px 60px rgba(102,46,255,.35);

}

.env-btn span{

    width:50px;

    height:50px;

    border-radius:50%;

    background:#fff;

    color:#6827ff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    transition:.4s;

}

.env-btn:hover{

    transform:translateY(-6px);

    color:#fff;

}

.env-btn:hover span{

    transform:translateX(8px);

}

/*==========================
Quality Badge
==========================*/

.env-quality{

    position:absolute;

    right:13%;

    top:90px;

    width:125px;

    height:125px;

    border-radius:50%;

    background:#5d1fff;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    z-index:20;

    box-shadow:0 20px 50px rgba(93,31,255,.45);

}

.env-quality div{

    font-size:22px;

    margin-bottom:8px;

}

.env-quality small{

    font-size:11px;

    letter-spacing:1px;

}

.env-quality strong{

    font-size:18px;

}

/*==========================
Slider Arrows
==========================*/

.env-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:70px;

    height:70px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.35);

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:26px;

    cursor:pointer;

    z-index:30;

    transition:.35s;

    backdrop-filter:blur(10px);

}

.env-left{

    left:50px;

}

.env-right{

    right:50px;

}

.env-arrow:hover{

    background:#fff;

    color:#000;

    transform:translateY(-50%) scale(1.08);

}

/*==========================
Glow Effects
==========================*/

.env-hero::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:#5f22ff;

    filter:blur(220px);

    left:-150px;

    bottom:-150px;

    opacity:.25;

}

.env-hero::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:#2d8cff;

    filter:blur(220px);

    right:-120px;

    top:-120px;

    opacity:.20;

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.env-title{

font-size:56px;

}

.env-description{

font-size:18px;

}

.env-quality{

display:none;

}

.env-arrow{

display:none;

}

}

@media(max-width:767px){

.env-title{

font-size:42px;

}

.env-description{

font-size:16px;

}

.env-btn{

padding:16px 30px;

font-size:18px;

}

/*.env-circle{

width:650px;
height:650px;

}*/

}

.env-slide-bg{
    position:absolute;
    inset:0;
    z-index:1 !important;
    overflow:hidden; width: 100%; border-radius: 20px; 
}

.env-slide-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.env-slide-content{
    position:relative;
    z-index:100; 
}



.env-slider{
    position:relative;
    width:100%;
    height:100vh;
}

.env-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center; 
  justify-content: center; z-index: 2; 
  pointer-events: none; inset:0; overflow:hidden;
}

.env-slide.active {
  opacity: 1;
  visibility: visible;
}










.nav-link-cus:hover{ color: #ff8c1a;}
@media (min-width: 992px) {

    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

}

/* =========================
   DROPDOWN ANIMATION
========================= */

.navbar .dropdown {
    position: relative;
}

/* Default Hidden State */
.navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .35s ease;
    margin-top: 0;
    border: 0;
    border-radius: 16px;
    background: #111;
    padding: 12px;
    min-width: 800px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.25); position:relative; z-index: 3;
}

/* Show Dropdown */
.navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown Items */
.navbar .dropdown-item {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 18px;
    border-radius: 10px;
    transition: all .3s ease;
}

/* Hover Effect */
.navbar .dropdown-item:hover {
    background: #ff8400;
    color: #fff;
    transform: translateX(5px);
}

/* Dropdown Arrow Animation */
.navbar .dropdown-toggle::after {
    transition: transform .3s ease;
}

/*.navbar .dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .submenu {
    display: none;
}

/* Desktop */
@media (min-width: 992px) {
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu .submenu {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
    }

    .dropdown-submenu:hover > .submenu {
        display: block;
    }
}

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

    .submenu{

    display:block;

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

}

.dropdown-submenu.submenu-open>.submenu{

    max-height:600px;

}

    .submenu.show{
        display:block !important;
    }

}






/* Nav Link */
.navbar .nav-link {
    transition: .3s;
}

/* Nav Link Hover */
.navbar .nav-link:hover {
    color: #ff8400;
}

/* Main dropdown */
.navbar .dropdown-menu{
    border-radius: 0;
    border: none;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
}

/* Submenu Parent */
.dropdown-submenu{
    position: relative;
}

/* Hide submenu by default */
.dropdown-submenu > .dropdown-menu{
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    margin-top: 0;
}

/* Show only on hover */
.dropdown-submenu:hover > .dropdown-menu{
    display: block;
}

/* Right Arrow */
.dropdown-submenu > .dropdown-toggle::after{
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    border: none;
    float: right;
}

.submenu{
    position:absolute;
    left:100%;
    top:0;
    display:none; background: #111;
}

.dropdown-submenu:hover .submenu{
    display:block;
}

/* MOBILE VERSION */
@media(max-width: 991px){

    .navbar .dropdown-menu{
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        background: #1a1a1a;
        margin-top: 10px;
    }

    .navbar .dropdown-menu.show{
        display: block; min-width: 310px;
    }

}


.tp-book-button {
    display: inline-block;
    border-radius: 30px;
    padding: 0px 30px;
    color: #fff !important;
    background: #FF8400;
}

.nav-link-cus {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.env-navbar{
    padding: 15px 0;
    background: #fff;
    position: relative;
    z-index: 2;
}

.env-logo img{
    max-height:55px;
}

.env-menu{
    width:100%;
}

.env-menu .nav-link{
    color:#000;
    font-size:15px;
    font-weight:700;
    padding:12px 15px !important; font-family: "DM Sans", sans-serif;
}

.env-menu .nav-link:hover{
    color:#ff8c00;
}

.env-right-area{
    display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.env-phone-btn {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    background: #fd601b;
    padding: 13px 30px;
    border-radius: 50px;
}

.env-cta-btn{
    background:#ff8c00;
    color:#fff;
    padding:14px 14px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    flex-shrink:0;
}

.env-cta-btn:hover{
    color:#fff;
}

@media(max-width:991px){

    .env-right-area{
        justify-content:flex-start;
        margin-top:20px;
        flex-wrap:wrap;
    }

    .env-menu{
        padding-top:15px;
    }

    .env-menu .nav-link{
        padding:10px 0 !important;
    }

    .env-cta-btn{
        width:50%;
        text-align:center;
    }
}


.color-orange2 {
    color: #fc8a23 !important;
    background-color: transparent !important;
}



.logo-slider{
    overflow:hidden;
    white-space:nowrap;
    position:relative;
    width:100%;
    padding:5px 0;
}

.logo-track{
    display:flex;
    width:max-content;
    animation:scroll 20s linear infinite;
}

.logo-item{
    width:220px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 20px;
    background:#fff;
    border-radius:10px;
    flex-shrink:0;
}

.logo-item img{
    max-width:80%;
    max-height:70px;
    object-fit:contain;
    filter:grayscale(100%);
    transition:0.3s;
}

.logo-item img:hover{
    filter:grayscale(0%);
    transform:scale(1.05);
}

@keyframes scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}



.heading-01 {
    font-size: 3em;
    line-height: 60px;
    text-align: center;
}


.env-about-section{
    background:#f6f7f7;
    overflow:hidden; padding: 70px 0;
}

.env-subtitle{
    color:#f79a33;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:18px;
}

.env-title2{
    font-size:48px;
    line-height:1.1;
    font-weight:400;
    color:#04292b; font-family: "Work Sans", sans-serif;
}

.env-title2 span{ position: relative;}
.env-title2 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.env-exp-box{
    border-right:1px solid #ddd;
    padding-right:30px;
}

.env-exp-box h2{
    font-size:120px;
    line-height:1;
    color:#fb9323;
    font-weight:700;
    margin:0;
}

.env-exp-box p{
    font-size:17px;
    font-weight:600;
    color:#5e7577;
    
}

.env-text{
    color:#617d80;
    font-size:16px;
    line-height:1.8;
    margin-bottom:35px;
}

.env-btn2{
    display:inline-flex;
    align-items:center;
    gap:18px;
    background:#f79a33;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    padding:18px 28px;
    font-weight:600;
    transition:.4s;
}

.env-btn2 span{
    width:50px;
    height:50px;
    background:#fff;
    color:#188a8b;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.env-btn2:hover{
    transform:translateY(-3px);
}

.env-image-wrapper{
    position:relative;
}

.env-image-wrapper img{
    border-radius:18px;
}

.env-about-section .row{
    align-items:stretch;
}

.env-about-section .env-image-wrapper{
    height:100%;
    min-height:100%;
}

.env-about-section .env-image-wrapper img{
    height:100%;
    object-fit:cover;
}

.env-circle-btn{

    position:absolute;
    left:-60px;
    top:70px;

    width:150px;
    height:150px;

    background:#fff;
    border-radius:50%;

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

    text-decoration:none;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.env-circle-btn svg{
    position:absolute;
    width:100%;
    height:100%;
    animation:rotateText 12s linear infinite;
}

.env-circle-btn text{
    font-size:14px;
    letter-spacing:2px;
    fill:#04292b;
    text-transform:uppercase;
}

.env-circle-btn span{

    width: 60px;
    height: 60px;
    border-radius: 50%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #04292b;
    position: relative;
}

@keyframes rotateText{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

/*=============================
Responsive
=============================*/

@media(max-width:1399px){

    .env-title{
        font-size:55px;
    }

    .env-exp-box h2{
        font-size:90px;
    }

}

@media(max-width:991px){

    .env-title{
        font-size:44px;
    }

    .env-image-wrapper{
        margin-top:30px;
    }

    .env-circle-btn{

        left:50%;
        transform:translateX(-50%);
        top:-70px; display: none;

    }

    .env-exp-box{
        border:none;
        margin-bottom:30px;
        padding-right:0;
    }

}

@media(max-width:767px){

    .env-title{
        font-size:36px;
    }

    .env-exp-box h2{
        font-size:90px;
    }

    .env-text{
        font-size:17px;
    }

    .env-circle-btn{

        width:120px;
        height:120px;

    }

    .env-circle-btn span{
        font-size:24px;
    }

    .env-circle-btn text{
        font-size:12px;
    }

}

@media(max-width:575px){

    .env-title{
        font-size:30px;
    }

    .env-exp-box h2{
        font-size:70px;
    }

}

.chy-call-1-btn-wrap {
    display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.chy-call-2-icon {
    flex: 0 0 auto;
    position: relative;
    font-size: 25px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fc661c;
    text-align: center;
    line-height: 57px;
    color: white;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}


.chy-call-1-content {
  display: flex;
  flex-direction: column;
}

.chy-call-1-content .text {
    
    font-weight: 600;
    text-transform: capitalize; font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
    
    display: block;
}

.chy-call-1-content .phone {
    
    
    line-height: 1;
    transition: 0.4s ease-in-out;
    font-size: 20px;
  font-weight: 700;
  white-space: nowrap; 
  display: inline-block; 
    text-decoration: none; color: #fff;
}



/* Section Header */
    .services-section {
      max-width: 100%;
      margin: 0 auto;
      position: relative; padding: 90px 0;
      background:#f7f8f6;
    }

    .section-title {
      text-align: center;
      font-size: 44px;
      font-weight: 400;
      margin-bottom: 40px;
      letter-spacing: -0.5px; font-family: "Work Sans", sans-serif;
    }

    /* ---------- Split Layout: Sticky Left / Scrolling Right ---------- */
    .services-split{
      display:flex;
      align-items:flex-start;
      gap:60px;
    }

    .services-left{
      flex:0 0 380px;
      position:sticky;
      top:130px;
    }

    .services-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 16px;
      border-radius:30px;
      background:#FFF1E3;
      color:#e8720c;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:20px;
    }

    .services-left .section-title{
      text-align:left;
      /*font-size:36px;*/
      margin-bottom:18px;
    }

    .services-left p{
      color:#5b6660;
      font-size:16px;
      line-height:1.75;
      margin-bottom:32px;
    }

    .services-left-link{
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding:15px 26px;
      border-radius:50px;
      background:linear-gradient(135deg,#f96f2a,#ff9d4d);
      color:#fff;
      font-weight:700;
      font-size:15px;
      text-decoration:none;
      box-shadow:0 16px 30px -14px rgba(249,111,42,.55);
      transition:box-shadow .3s ease, transform .3s ease;
    }

    .services-left-arrow{
      display:flex;
      align-items:center;
      justify-content:center;
      width:26px;
      height:26px;
      border-radius:50%;
      background:rgba(255,255,255,.25);
      transition:transform .3s ease;
    }
    .services-left-arrow svg{
      width:14px;
      height:14px;
      stroke:#fff;
      stroke-width:3;
      fill:none;
    }

    .services-left-link:hover{
      transform:translateY(-2px);
      box-shadow:0 20px 40px -14px rgba(249,111,42,.65);
    }
    .services-left-link:hover .services-left-arrow{
      transform:translateX(3px);
    }

    /* ---------- Right: Scrolling Service Rows ---------- */
    .services-right{
      flex:1;
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:22px;
    }

    .service-row{
      --sr-a:#f96f2a;
      --sr-b:#ff8c00;
      position:relative;
      display:flex;
      align-items:center;
      gap:26px;
      background:#fff;
      border:1px solid #EDEFF3;
      border-radius:20px;
      padding:20px 26px 20px 20px;
      text-decoration:none;
      isolation:isolate;
      box-shadow:0 14px 34px -26px rgba(17,28,59,.25);
      transition:transform 0.35s ease, box-shadow .35s ease;
    }

    .service-row::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      padding:1.5px;
      background:linear-gradient(120deg,var(--sr-a),var(--sr-b));
      -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      opacity:0;
      transition:opacity .35s ease;
      pointer-events:none;
      z-index:2;
    }

    .service-row:hover{
      transform:translateY(-6px);
      box-shadow:0 28px 54px -24px rgba(249,111,42,.28);
    }
    .service-row:hover::before{
      opacity:1;
    }

    /* Alternate rhythm + accent colour so the list feels hand-styled, not repeated */
    .services-right .service-row:nth-child(even){
      flex-direction:row-reverse;
      --sr-a:#d67908;
      --sr-b:#f96f2a;
    }
    .services-right .service-row:nth-child(3n){
      --sr-a:#7c5cff;
      --sr-b:#f96f2a;
    }

    .service-row-num{
      position:absolute;
      top:2px;
      right:26px;
      z-index:0;
      font-size:68px;
      font-weight:800;
      font-family:"Work Sans",sans-serif;
      letter-spacing:-2px;
      line-height:1;
      color:transparent;
      -webkit-text-stroke:1px rgba(17,28,59,.08);
      pointer-events:none;
      transition:-webkit-text-stroke-color .35s ease;
    }
    .services-right .service-row:nth-child(even) .service-row-num{
      right:auto;
      left:26px;
    }
    .service-row:hover .service-row-num{
      -webkit-text-stroke-color:color-mix(in srgb, var(--sr-a) 55%, transparent);
    }

    .service-row-media{
      position:relative;
      z-index:1;
      flex-shrink:0;
      width:170px;
      height:170px;
    }
    .service-row-media::before{
      content:"";
      position:absolute;
      inset:-8px;
      z-index:0;
      border-radius:22px;
      background:linear-gradient(135deg,var(--sr-a),var(--sr-b));
      opacity:.16;
      transform:rotate(-6deg);
      transition:transform .4s ease, opacity .35s ease;
    }
    .service-row:hover .service-row-media::before{
      transform:rotate(0deg) scale(1.04);
      opacity:.28;
    }
    .service-row-media img{
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:16px;
      box-shadow:0 14px 30px -16px rgba(17,28,59,.35);
      transition:transform .5s ease, border-radius .5s ease;
    }
    .service-row:hover .service-row-media img{
      transform:scale(1.06);
      border-radius:50% 20% 20% 20%;
    }

    .service-row-body{
      position:relative;
      z-index:1;
      flex:1;
      min-width:0;
    }
    .service-row-body a{ color: #000;}
    .service-row-body h3{
      position:relative;
      display:inline-block;
      font-size:1.25rem;
      font-weight:700;
      color:#111C3B;
      margin-bottom:10px;
      transition:color .3s ease;
    }

    .service-row-body h3 a{ color: #000;}
    .service-row-body h3::after{
      content:"";
      position:absolute;
      left:0;
      bottom:-4px;
      width:0;
      height:3px;
      border-radius:2px;
      background:linear-gradient(90deg,var(--sr-a),var(--sr-b));
      transition:width .35s ease;
    }
    .service-row:hover .service-row-body h3{
      color:color-mix(in srgb, var(--sr-a) 70%, #111C3B);
    }
    .service-row:hover .service-row-body h3::after{
      width:100%;
    }
    .service-row-body p{
      font-size:0.9rem;
      color:#667085;
      line-height:1.65;
      margin:0;
      max-width:46ch;
    }

    .service-row-arrow{
      position:relative;
      z-index:1;
      flex-shrink:0;
      display:flex;
      align-items:center;
      justify-content:center;
      width:42px;
      height:42px;
      margin-left:auto;
      border-radius:50%;
      border:1px solid #EDEFF3;
      background:#F7F8FA;
      transform:rotate(-45deg);
      transition:background .3s ease, transform .3s ease, border-color .3s ease;
    }
    .services-right .service-row:nth-child(even) .service-row-arrow{
      margin-left:0;
      margin-right:auto;
    }
    .service-row-arrow svg{
      width:16px;
      height:16px;
      stroke:#111C3B;
      stroke-width:2.5;
      fill:none;
      transition:stroke .3s ease;
    }
    .service-row:hover .service-row-arrow{
      border-color:transparent;
      background:linear-gradient(135deg,var(--sr-a),var(--sr-b));
      transform:rotate(0deg) translateX(3px);
    }
    .service-row:hover .service-row-arrow svg{
      stroke:#fff;
    }

    /* ---------- Scroll-spy: select one row at a time ---------- */
    .services-scrollspy .service-row{
      opacity:.4;
      filter:grayscale(.5);
      transform:scale(.97);
    }
    .services-scrollspy .service-row.is-active{
      opacity:1;
      filter:none;
      transform:scale(1);
      box-shadow:0 28px 54px -24px rgba(249,111,42,.28);
    }
    .services-scrollspy .service-row.is-active::before{
      opacity:1;
    }
    .services-scrollspy .service-row:hover{
      opacity:1;
      filter:none;
      transform:scale(1) translateY(-6px);
    }

    /* Responsive Breakdown */
    @media (max-width: 1200px) {
      .services-left{ flex-basis:320px; }
      .service-row-media{ width:140px; height:140px; }
    }

    @media (max-width: 991px) {
      .services-split{ flex-direction:column; gap:40px; }
      .services-left{ position:static; flex-basis:auto; max-width:640px; }
    }

    @media (max-width: 600px) {
      .section-title { font-size: 1.6rem; }
      .services-left .section-title{ font-size:28px; }
      .service-row{ flex-wrap:wrap; }
      .services-right .service-row:nth-child(even){ flex-direction:row-reverse; }
      .service-row-media{ width:100%; height:180px; }
      .service-row-arrow{ display:none; }
      .service-row-num{ top:10px; right:16px; font-size:44px; }
      .services-right .service-row:nth-child(even) .service-row-num{ right:auto; left:16px; }
    }







/*=============================
    ENV GUIDING PRINCIPLES
==============================*/

.envgp-section{
    position:relative;
    padding:120px 0;
    background:#f6f8fb;
    overflow:hidden; height: 100vh !important;
}

.envgp-layout{
    display:grid;
    grid-template-columns:400px 1fr;
    gap:30px;
    /*align-items:start;*/
}

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

.envgp-left{
    position:sticky;
    top:100px;
}

.envgp-tag{
    display:inline-flex;
    padding:10px 18px;
    border-radius:50px;
    background:#edf3ff;
    color:#246BFD;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:25px;
}

.envgp-left h2{
    font-size:58px;
    line-height:1.1;
    margin-bottom:25px;
    color:#111827;
    font-weight:400; font-family: "Work Sans", sans-serif;
}

.envgp-left h2 span{ position: relative;}
.envgp-left h2 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.envgp-left p{
    font-size:16px;
    line-height:1.8;
    color:#6b7280;
    margin-bottom:20px;
}

.envgp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    border-radius:60px;
    background:#f3a03f;
    color:#fff;
    text-decoration:none;
    transition:.35s;
}

.envgp-btn:hover{
    background:#174bc5;
    color:#fff;
    transform:translateY(-3px);
}

/*==============================
RIGHT
==============================*/

.envgp-stage{
    position:relative;
    /*height:650px;*/
}

.envgp-stack{
    position:relative;
    width:100%;
    height:100%;
}

/*==============================
CARD
==============================*/

.envgp-card{

    position:absolute;

    width:100%;

    left:0;

    top:0;

    background:#fff;

    border-radius:28px;

    

    

    border:1px solid #edf0f4;

    transform-origin:center top;

    transition:
    box-shadow .35s,
    border-color .35s;

    overflow:hidden;  

    opacity:0;

    transform:translateY(120px) scale(.92);

}

.envgp-card:first-child{

    opacity:1;
    transform:translateY(0) scale(1);

}

.envgp-card:hover{

    border-color:#246BFD;

    box-shadow:
    0 40px 90px rgba(0,0,0,.12);

}

.envgp-card span{

    width:72px;

    height:72px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#eef4ff;

    color:#246BFD;

    font-size:28px;

    font-weight:700;

    margin-bottom:35px;

}

.envgp-card h3{

    font-size:34px;

    margin-bottom:18px;

    color:#111827;

}

.envgp-card p{

    font-size:16px;

    color:#fff;

    line-height:1.9;

}



/*==============================
RESPONSIVE
==============================*/

@media(max-width:1199px){

.envgp-layout{

grid-template-columns:360px 1fr;

gap:60px;

}

.envgp-left h2{

font-size:46px;

}

}

@media(max-width:991px){

.envgp-layout{

grid-template-columns:1fr;

}

.envgp-left{

position:relative;

top:auto;

margin-bottom:70px;

}

.envgp-stage{

height:auto;

}

.envgp-stack{

display:flex;

flex-direction:column;

gap:25px;

}

.envgp-card{

position:relative;

transform:none !important;

left:auto;

top:auto; opacity: 1;

}

}

@media(max-width:767px){

.envgp-section{

padding:80px 0;

}

.envgp-left h2{

font-size:34px;

}

.envgp-card{

padding:28px;

}

.envgp-card h3{

font-size:26px;

}

.envgp-card span{

width:60px;

height:60px;

font-size:22px;

margin-bottom:20px;

}

}

@media(max-width:480px){

.envgp-btn{

width:100%;

}

}

.consult-card{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    min-height:380px;
}

.consult-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.consult-overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(90deg, rgb(0 0 0 / 92%) 0%, rgb(0 0 0 / 85%) 45%, rgba(5, 58, 46, .25) 70%, rgba(5, 58, 46, 0) 100%);
}

.consult-content{
    position:relative;
    z-index:2;
    color:#fff;
    padding:40px;
    max-width:500px;
}

@media(max-width:991px){

    /*.consult-overlay{
        background:linear-gradient(
            180deg,
            rgba(5,58,46,.92) 0%,
            rgba(5,58,46,.80) 60%,
            rgba(5,58,46,.35) 100%
        );
    }*/

    .consult-content{
        max-width:100%;
        padding:30px;
    }

    .envgp-section {
    height: auto !important;
}

}

.consult-card{
            position:relative;
            overflow:hidden;
            border-radius:18px;
            min-height:380px;
            color:#fff;
            
        }

        .consult-card::before{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(90deg,
                    rgba(0,0,0,.92) 0%,
                    rgba(0,0,0,.82) 45%,
                    rgba(0,0,0,.25) 70%,
                    rgba(0,0,0,0) 100%);
        }

        .consult-content{
            position:relative;
            z-index:2;
            max-width:560px;
            padding:36px;
            display:flex;
            flex-direction:column;
            justify-content:center;
            height:100%;
        }

        .consult-icon{
            width:78px;
            height:78px;
            border-radius:50%;
            background:#f3a03f;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:28px;
            flex-shrink:0;
        }

        .consult-icon i{
            font-size:34px;
            color:#fff;
        }

        .consult-title{
            font-size:2rem;
            font-weight:700;
            line-height:1.2;
            margin-bottom:18px;
        }

        .consult-text{
            font-size:1.1rem;
            color:#fff !important;
            margin-bottom:35px;
        }

        .consult-btn{
            display:flex;
            align-items:center;
            justify-content:space-between;
            background:rgba(255,255,255,.12);
            border-radius:12px;
            overflow:hidden;
            text-decoration:none;
            color:#fff;
            max-width:360px;
            transition:.3s;
        }

        .consult-btn span{
            padding:18px 22px;
            font-size:1.25rem;
            font-weight:600;
        }

        .consult-btn .arrow{
            width:72px;
            height:72px;
            background:#ffd400;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#0b4b3d;
            font-size:24px;
        }

        .consult-btn:hover{
            transform:translateY(-3px);
            color:#fff;
        }

        @media(max-width:991px){

            .consult-card{
                min-height: auto;
                background-position:center;
            }

            .consult-card::before{
                background:linear-gradient(
                180deg,
                rgba(4,55,44,.92) 0%,
                rgba(4,55,44,.82) 55%,
                rgba(4,55,44,.35) 100%);
            }

            .consult-content{
                max-width:100%;
                padding:30px;
            }

        }

        @media(max-width:576px){

            .consult-card{
                min-height:480px;
            }

            .consult-icon{
                width:64px;
                height:64px;
            }

            .consult-title{
                font-size:1.7rem;
            }

            .consult-text{
                font-size:1rem;
            }

            .consult-btn{
                max-width:100%;
            }

            .consult-btn span{
                padding:16px;
                font-size:1rem;
            }

            .consult-btn .arrow{
                width:64px;
                height:64px;
            }

        }


/*=========================================
  ENV STATS SECTION
==========================================*/

.envstats-section{
    position:relative;
    overflow:hidden;
    min-height:620px;
    display:flex;
    align-items:flex-end;
    padding:80px 0;
}

/* Background Image */

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

/* Overlay */

.envstats-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(7,28,25,.20) 0%,
        rgba(7,28,25,.35) 40%,
        rgba(5,32,27,.70) 75%,
        rgba(5,32,27,.92) 100%
    );
    z-index:2;
}

/* Content */

.envstats-wrapper{
    position:relative;
    z-index:5;
}

/*=========================================
 CARD
==========================================*/

.envstats-card{

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,.12);

    border-radius:16px;

    padding:22px 30px;

    margin-bottom:22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    transition:.35s;
}

.envstats-card:hover{

    transform:translateY(-6px);

    background:rgba(255,255,255,.18);

}

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

.envstats-left{

    display:flex;

    align-items:center;

    gap:14px;

}

.envstats-dot{

    width:9px;

    height:9px;

    border-radius:50%;

    background:#fff;

    flex-shrink:0;

}

.envstats-title{

    color:#fff;

    font-size:18px;

    font-weight:500;

    line-height:1.5; margin-right: 20px;

}

/*=========================================
 NUMBER
==========================================*/

.envstats-number{

    font-size:56px;

    color:#fff;

    font-weight:700;

    line-height:1;

    letter-spacing:-2px;

    white-space:nowrap;

}

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

@media (max-width:991px){

    .envstats-section{

        min-height:650px;

        padding:60px 0;

    }

    .envstats-card{

        padding:22px;

    }

    .envstats-title{

        font-size:19px;

    }

    .envstats-number{

        font-size:56px;

    }

}

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

@media (max-width:767px){

    .envstats-section{

        min-height:auto;

        padding:60px 0;

    }

    .envstats-card{

        /*flex-direction:column;*/

        align-items:flex-start;

        gap:18px;

        padding:20px;

    }

    .envstats-title{

        font-size:17px;

    }

    .envstats-number{

        font-size:46px;

        width:100%;

        text-align:right;

    }

}

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

@media (max-width:480px){

    .envstats-title{

        font-size:15px;

    }

    .envstats-number{

        font-size:52px;

    }

}





.envcase-section{
    background:#f5f5f7;
}

.envcase-heading{

    font-size:44px;
    font-weight:400;
    color:#111122;
    letter-spacing:-2px;
    margin-bottom:10px; font-family: "Work Sans", sans-serif;

}

.envcase-heading span{ position: relative;}

.envcase-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.envcase-subheading{

    font-size:22px;
    color:#777;
    margin-bottom:20px;

}

/*==========================================
    CARD
==========================================*/

.envcase-card{

    position:relative;
    overflow:hidden;
    height:450px;
    cursor:pointer;
    background:#000;

}

/*==========================================
    IMAGE
==========================================*/

.envcase-img{

    width:100%;
    height:100%;
    object-fit:cover;

   transition:1s;

}

/*==========================================
    DARK OVERLAY
==========================================*/

.envcase-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgb(15 15 30 / 46%);

    z-index:1;

    transition:.5s;

}

/*==========================================
    BLUE OVERLAY
==========================================*/

.envcase-overlay{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:0;

    background:#efa649c7;

    z-index:2;

    transition:.55s ease;

}

/* readable gradient scrim */
  .envcase-scrim{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(to top,
      rgba(11,16,32,.92) 0%,
      rgba(11,16,32,.55) 38%,
      rgba(11,16,32,.10) 72%,
      rgba(11,16,32,0) 100%);
    transition:background .45s ease;
  }
  .envcase-card:hover .envcase-scrim,
  .envcase-card:focus-visible .envcase-scrim{
    background:linear-gradient(to top, rgba(11, 16, 32, .94) 0%, rgb(149 79 29 / 55%) 55%, rgba(11, 16, 32, .15) 100%)
  }

/*==========================================
    CONTENT
==========================================*/

/*.envcase-content{

    position:absolute;

    left:50px;

    bottom:45px;

    color:#fff;

}

.envcase-icon{

    font-size:55px;

    margin-bottom:22px;

}

.envcase-small-title{

    display:block;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.envcase-title {
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}*/


/* bottom content */
  .envcase-content{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:3;
    padding:22px 22px 24px;
    color:#fff;
  }
  .envcase-head-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:2px;
  }
  .envcase-icon{
    flex:0 0 auto;
    width:46px;height:46px;
    display:grid;place-items:center;
    border-radius:13px;
    font-size:1.15rem;
    color:#fff;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    transition:background .4s ease,transform .4s ease;
  }
  .envcase-card:hover .envcase-icon,
  .envcase-card:focus-visible .envcase-icon{
    background:linear-gradient(135deg,var(--envcase-accent),var(--envcase-accent-2));
    transform:translateY(-2px);
  }
  .envcase-title{
    font-size:1.4rem;
    font-weight:700;
    margin:0;
    line-height:1.15;
  }

  /* description + link reveal on hover/focus */
  .envcase-reveal{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),opacity .4s ease;
  }
  .envcase-card:hover .envcase-reveal,
  .envcase-card:focus-visible .envcase-reveal{
    grid-template-rows:1fr;
    opacity:1;
  }
  .envcase-reveal-inner{ overflow:hidden; }
  .envcase-desc{
    margin:.6rem 0 .85rem;
    font-size:.92rem;
    line-height:1.55;
    color:rgba(255,255,255,.82);
  }
  .envcase-link{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-size:.9rem;
    font-weight:600;
    color:#fff;
  }
  .envcase-link i{ transition:transform .3s ease; }
  .envcase-card:hover .envcase-link i,
  .envcase-card:focus-visible .envcase-link i{ transform:translateX(4px); }

  @media (max-width:991.98px){
    .envcase-card{ aspect-ratio:16/10; }
  }

  /* accessibility: respect reduced motion */
  @media (prefers-reduced-motion:reduce){
    .envcase-card,.envcase-img,.envcase-scrim,.envcase-icon,
    .envcase-reveal,.envcase-link i{ transition:none !important; }
    .envcase-reveal{ grid-template-rows:1fr; opacity:1; }
  }
/*==========================================
    HOVER
==========================================*/

.envcase-card:hover .envcase-overlay{

    height:100%;

}

.envcase-card:hover .envcase-img{

    transform:scale(1.08);

    filter:grayscale(0);

}

.envcase-card:hover::before{

    background:rgba(0,0,0,.1);

}

/*==========================================
    LAPTOP
==========================================*/

@media(max-width:1200px){

    .envcase-heading{

        font-size:52px;

    }

    .envcase-title{

        font-size:42px;

    }

}

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

@media(max-width:991px){

    .envcase-card{

        height:500px;

    }

    .envcase-heading{

        font-size:44px;

    }

    .envcase-subheading{

        font-size:18px;

    }

    .envcase-title{

        font-size:38px;

    }

    .envcase-content{

        left:35px;
        bottom:35px;

    }

}

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

@media(max-width:767px){

    .envcase-card{

        height:430px;

    }

    .envcase-heading{

        font-size:34px;

    }

    .envcase-subheading{

        font-size:16px;

    }

    .envcase-content{

        left:28px;
        bottom:28px;

    }

    .envcase-title{

        font-size:30px;

    }

    .envcase-icon{

        font-size:40px;

    }

}

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

@media(max-width:480px){

    .envcase-card{

        height:380px;

    }

    .envcase-heading{

        font-size:40px;

    }

    .envcase-title{

        font-size:24px;

    }

    .envcase-small-title{

        font-size:13px;

    }

}

    




/*==================================================
    SECTION
==================================================*/

.envtesti-section{
   background: #ffffff;
    padding: 60px 0;
    overflow: hidden;

}

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

.envtesti-left{
    max-width:360px;
}

.envtesti-heading{

    font-size:44px;
    font-weight:400;
    line-height:1.05;
    color:#111326;
    margin-bottom:25px;
    letter-spacing:-2px; font-family: "Work Sans", sans-serif; text-transform: math-auto;

}

.envtesti-heading span{ position: relative;}

.envtesti-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.envtesti-subtitle{

    font-size:22px;
    color:#74778d;
    margin-bottom:45px;

}

.envtesti-subtitle strong{
    color:#111326;
}

/*==================================================
    NAVIGATION
==================================================*/

.envtesti-navigation{

    display:flex;
    gap:15px;

}

.envtesti-prev,
.envtesti-next{

    width:70px;
    height:70px;

    border:none;
    border-radius:50%;

    background:#fff;

    font-size:24px;

    transition:.35s;

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

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.envtesti-prev:hover,
.envtesti-next:hover{

    background:#3366ff;
    color:#fff;
    transform:translateY(-4px);

}

/*==================================================
    SWIPER
==================================================*/

.envtesti-slider{

    overflow:visible;
    padding-bottom:50px;

}

.swiper-slide{
    height:auto;
}

/*==================================================
    CARD
==================================================*/

.envtesti-card{

    position:relative;

    background:#fff;

    padding:55px;

    /*min-height:500px;*/

    box-shadow:0 18px 45px rgba(0,0,0,.06);

    transition:.35s;

}

.envtesti-card:hover{

    transform:translateY(-8px);

}

/*==================================================
    TEXT
==================================================*/

.envtesti-text{

    font-size:20px;

    line-height:2;

    color:#6e7189;

    /*margin-bottom:45px;*/

}

/*==================================================
    USER
==================================================*/

.envtesti-user h5{

    font-size:20px;

    font-weight:800;

    color:#efa649;

    margin-bottom:8px;

}

.envtesti-user span{

    font-size:14px;

    letter-spacing:2px;

    color:#777;

}

/*==================================================
    QUOTE
==================================================*/

.envtesti-quote{

    position:absolute;

    right:40px;
    bottom:30px;

    font-size:120px;

    color:#f1f1f5;

    line-height:1;

}

/*==================================================
    AVATAR
==================================================*/

.envtesti-avatar{

    position:absolute;

    left:50px;

    bottom:0;

    width:78px;
    height:78px;

    border-radius:50%;

    object-fit:cover;

    border:6px solid #f5f5f8;

}

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

@media(max-width:991px){

    .envtesti-section{

        padding:80px 0 0;

    }

    .envtesti-left{

        max-width:100%;
        text-align:center;

    }

    .envtesti-heading{

        font-size:52px;

    }

    .envtesti-navigation{

        justify-content:center;
        margin-bottom:40px;

    }

    .envtesti-card{

        min-height:auto;
        padding:40px;

    }

    .envtesti-text{

        font-size:20px;

    }

}

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

@media(max-width:767px){

    .envtesti-heading{

        font-size:40px;

    }

    .envtesti-subtitle{

        font-size:18px;

    }

    .envtesti-prev,
    .envtesti-next{

        width:58px;
        height:58px;
        font-size:20px;

    }

    .envtesti-card{

        min-height:auto;

        padding:35px 30px 70px;

    }

    .envtesti-text{

        font-size:18px;

        line-height:1.8;

    }

    .envtesti-user h5{

        font-size:20px;

    }

    .envtesti-avatar{

        width:70px;
        height:70px;
        left:30px;

    }

    .envtesti-quote{

        font-size:80px;
        right:25px;

    }

}

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

@media(max-width:480px){

    .envtesti-heading{

        font-size:34px;

    }

    .envtesti-card{

        padding:30px 25px 65px;

    }

    .envtesti-text{

        font-size:16px;

    }

}










/*==================================================
    SECTION
==================================================*/

.envblog-section{
    background:#f7f7f7;
}

/*==================================================
    TAG
==================================================*/

.envblog-tag{

    display:inline-block;

    padding:12px 24px;

    background:#ebab52;

    color:#000;

    border-radius:28px;

    font-size:16px;

    font-weight:600;

}

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

.envblog-heading{

    font-size:44px;

    font-weight:400;

    line-height:1.15;

    color:#000;

    margin:0; font-family: "Work Sans", sans-serif;
    

}

.envblog-heading span{ position: relative;}

.envblog-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

/*==================================================
    BUTTON
==================================================*/

.envblog-btn{

    display:inline-flex;

    align-items:center;

    background:#ff9400;

    border-radius:52px;

    overflow:hidden;

    text-decoration:none;

    transition:.35s;

}

.envblog-btn span{

    padding:18px 28px;

    color:#fff;

    font-size:22px;

    font-weight:600;

}

.envblog-btn-icon{

    width:64px;

    height:64px;

    background:#000;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.envblog-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}



.envnews-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    height:100%;

    transition:.4s;

    box-shadow:0 5px 25px rgba(0,0,0,.05);

    border:1px solid #edf2f4;

}

.envnews-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

/*====================================================
    IMAGE
====================================================*/

.envnews-image{

    position:relative;

    overflow:hidden;

    padding:22px 22px 0;

}

.envnews-image img{

    width:100%;

    height:250px;

    border-radius:14px;

    transition:.8s;

}

.envnews-card:hover .envnews-image img{

    transform:scale(1.08);

}

/*====================================================
    CATEGORY
====================================================*/

.envnews-category{

    position:absolute;

    left:40px;

    bottom:20px;

    background:#ff9c00;

    color:#000;

    padding:10px 22px;

    border-radius:30px;

    font-size:16px;

    font-weight:600;

}

/*====================================================
    BODY
====================================================*/

.envnews-body{

    padding:28px 36px 35px;

}

/*====================================================
    AUTHOR
====================================================*/

.envnews-author{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:24px;

}

.envnews-author-img{

    width:42px;

    height:42px;

    border-radius:50%;

    object-fit:cover;

}

.envnews-author span{

    font-size:18px;

    color:#5d6873;

}

.envnews-author strong{

    color:#002E3B;

}

/*====================================================
    DIVIDER
====================================================*/

.envnews-divider{

    margin:0 0 28px;

    border-color:#000;

}

/*====================================================
    TITLE
====================================================*/

.envnews-title{

    font-size:30px;

    line-height:1.25;

    font-weight:700;

    color:#000;

    margin-bottom:25px;

    transition:.3s;

}

.envnews-card:hover .envnews-title{

    color:#004C45;

}

/*====================================================
    DESCRIPTION
====================================================*/

.envnews-text{

    font-size:16px;

    line-height:1.8;

    color:#000;

    margin-bottom:15px;

}

/*====================================================
    BUTTON
====================================================*/

.envnews-read{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#002E3B;

    font-size:20px;

    font-weight:600;

    transition:.3s;

}

.envnews-read i{

    font-size:26px;

    transition:.3s;

}

.envnews-card:hover .envnews-read{

    color:#004C45;

}

.envnews-card:hover .envnews-read i{

    transform:translateX(8px);

}

/*====================================================
    LARGE LAPTOP
====================================================*/

@media(max-width:1200px){

    .envnews-title{

        font-size:34px;

    }

    .envnews-text{

        font-size:20px;

    }

}

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

@media(max-width:991px){

    .envnews-section{

        padding:80px 0;

    }

    .envnews-image img{

        height:auto;

    }

    .envnews-body{

        padding:25px;

    }

    .envnews-title{

        font-size:30px;

    }

    .envnews-text{

        font-size:18px;

    }

}

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

@media(max-width:767px){

    .envnews-image{

        padding:15px 15px 0;

    }

    .envnews-image img{

        height:220px;

    }

    .envnews-category{

        left:28px;

        bottom:15px;

        font-size:14px;

        padding:8px 18px;

    }

    .envnews-body{

        padding:22px;

    }

    .envnews-author span{

        font-size:16px;

    }

    .envnews-title{

        font-size:26px;

    }

    .envnews-text{

        font-size:17px;

        margin-bottom:28px;

    }

    .envnews-read{

        font-size:18px;

    }

}

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

@media(max-width:480px){

    .envnews-title{

        font-size:22px;

    }

    .envnews-text{

        font-size:16px;

    }

    .envnews-image img{

        height:200px;

    }

}







/*====================================================
    FOOTER SECTION
====================================================*/

.envfooter-section{

    position:relative;

    background:#1f1f22;

    padding:200px 0 0;

    overflow:hidden; text-align: left;

}

/*====================================================
    BIG BACKGROUND TEXT
====================================================*/

.envfooter-bg-text{

    position:absolute;

    top:-40px;
    left:50%;

    transform:translateX(-50%);

    font-size:260px;

    font-weight:900;

    color:rgba(255,255,255,.04);

    white-space:nowrap;

    line-height:1;

    pointer-events:none;

    user-select:none;

}

/*====================================================
    INTERNAL LINKS CLOUD
====================================================*/

.envfooter-links{

    position:relative;

    z-index:5;

    padding-top:25px;

    margin-top:50px;

    margin-bottom:35px;

    border-top:1px solid #ececec;

}

.envfooter-links-head{

    display:flex;

    align-items:center;

    width:100%;

    gap:10px;

    margin-bottom:0;

    padding:0 0 22px;

    background:none;

    border:none;

    cursor:pointer;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:18px;

    font-weight:700;

    color:#1f1f22;

    text-align:left;

}

.envfooter-links-head i{

    font-size:22px;

    color:#f46827;

}

.envfooter-links-chevron{

    margin-left:auto;

    font-size:16px !important;

    color:#6f7280 !important;

    transition:transform .35s ease;

}

.envfooter-links-head[aria-expanded="true"] .envfooter-links-chevron{

    transform:rotate(180deg);

}

.envfooter-links-body{

    display:grid;

    grid-template-rows:0fr;

    opacity:0;

    transition:grid-template-rows .4s ease, opacity .3s ease;

}

.envfooter-links-body.is-open{

    grid-template-rows:1fr;

    opacity:1;

    margin-top:22px;

}

.envfooter-links-body>ul{

    overflow:hidden;

    min-height:0;

}

.envfooter-links-list{

    list-style:none;

    columns:4;

    column-gap:36px;

    column-rule:1px solid #ececec;

    padding:0;

    margin:0;

}

.envfooter-links-list li{

    break-inside:avoid;

    -webkit-column-break-inside:avoid;

    margin-bottom:14px;

}

.envfooter-links-list a{

    display:flex;

    align-items:center;

    gap:8px;

    color:#6f7280;

    font-size:14px;

    font-weight:500;

    line-height:1.4;

    transition:.3s ease;

}

.envfooter-links-list a::before{

    content:"\F231";

    font-family:"bootstrap-icons";

    font-size:11px;

    color:#f46827;

    flex-shrink:0;

    transition:.3s ease;

}

.envfooter-links-list a:hover{

    color:#f46827;

    transform:translateX(4px);

}

.envfooter-links-list a:hover::before{

    transform:translateX(2px);

}

.envfooter-links-list a.is-active{

    color:#f46827;

    font-weight:700;

}

@media(max-width:991px){

    .envfooter-links-list{

        columns:3;

    }

}

@media(max-width:767px){

    .envfooter-links{

        padding-top:30px;

        margin-top:35px;

        margin-bottom:20px;

    }

    .envfooter-links-list{

        columns:2;

        column-gap:24px;

    }

}

@media(max-width:575px){

    .envfooter-links-list{

        columns:1;

    }

}

/*====================================================
    NEWSLETTER
====================================================*/

.envfooter-newsletter{

    position:relative;

    z-index:5;

    margin-bottom:80px;

}

.envfooter-title{

    font-size:54px;

    font-weight:400;

    color:#fff;

    margin-bottom:15px;

    line-height:1.1; font-family: "Work Sans", sans-serif;

}

.envfooter-subtitle{

    color:#d3d3d3;

    font-size:20px;

}

/*====================================================
    FORM
====================================================*/

.envfooter-form{

    background:#fff;

    border-radius:60px;

    overflow:hidden;

    display:flex;

    align-items:center;

    max-width:620px;

    margin-left:auto;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}

.envfooter-form input{

    flex:1;

    border:none;

    outline:none;

    padding:22px 28px;

    font-size:18px;

    background:transparent;

}

.envfooter-form button{

    border:none;

    background:#4268ff;

    color:#fff;

    padding:22px 38px;

    font-size:18px;

    font-weight:600;

    transition:.35s;

}

.envfooter-form button i{

    margin-left:8px;

}

.envfooter-form button:hover{

    background:#003fe0;

}

/*====================================================
    WHITE BOX
====================================================*/

.envfooter-box{

    position:relative;

    z-index:5;

    background:#fff;

    border-radius:20px 20px 0 0;

    padding:50px;

    box-shadow:0 30px 70px rgba(0,0,0,.18);

}

/*====================================================
    BRAND
====================================================*/

.envfooter-brand img{

    max-width:290px;

    margin-bottom:15px;

}

.envfooter-brand p{

    color:#6f7280;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

}

/*====================================================
    SOCIAL
====================================================*/

.envfooter-social{

    display:flex;

    gap:14px;

}

.envfooter-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#f3f3f3;

    color:#333;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    transition:.35s;

}

.envfooter-social a:hover{

    background:#f7812e;

    color:#fff;

    transform:translateY(-5px);

}

/*====================================================
    WIDGET
====================================================*/

.envfooter-widget{

    border-left:1px solid #ececec;

    padding-left:40px;

    height:100%;

}

.envfooter-widget2{

    border-left:none;

    padding-left:0;

    height:100%;

}

.envfooter-widget h4{

    font-size:26px;

    font-weight:700;

    margin-bottom:35px;

    color:#111;

    position:relative;

}

.envfooter-widget h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-12px;

    width:90px;

    height:3px;

    background:#fa7920;

}

.envfooter-widget2 h4::after{

    display:none;

}


/*====================================================
    LINKS
====================================================*/

.envfooter-widget ul{

    list-style:none;

    margin:0;

    padding:0;

}

.envfooter-widget li{

    margin-bottom:16px;

}

.envfooter-widget a{

    text-decoration:none;

    color:#6d6d6d;

    font-size:16px;

    transition:.35s;

}

.envfooter-widget a:hover{

    color:#4268ff;

    padding-left:8px;

}

/*====================================================
    CONTACT
====================================================*/

.envfooter-contact li{

    display:flex;

    gap:14px;

    color:#666;

    line-height:1.8;

}

.envfooter-contact i{

    color:#fa7920;

    

}

/*====================================================
    BOTTOM
====================================================*/

.envfooter-bottom{

    border-top:1px solid #ececec;

    margin-top:20px;

    padding-top:30px;

    color:#666;

    font-size:16px;

}

.envfooter-bottom a{

    color:#666;

    text-decoration:none;

    margin-left:25px;

    transition:.3s;

}

.envfooter-bottom a:hover{

    color:#4268ff;

}

/*====================================================
    LARGE DEVICES
====================================================*/

@media(max-width:1200px){

    .envfooter-title{

        font-size:48px;

    }

    .envfooter-bg-text{

        font-size:190px;

    }

}

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

@media(max-width:991px){

    .envfooter-section{

        padding:90px 0 60px;

    }

    .envfooter-bg-text{

        display:none;

    }

    .envfooter-title{

        font-size:42px;

        text-align:center;

    }

    .envfooter-subtitle{

        text-align:center;

        margin-bottom:30px;

    }

    .envfooter-form{

        margin:auto;

    }

    .envfooter-box{

        padding:45px;

    }

    .envfooter-widget{

        border-left:none;

        padding-left:0;

    }

}

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

@media(max-width:767px){

    .envfooter-title{

        font-size:34px;

    }

    .envfooter-form{

        display:block;

        background:none;

        box-shadow:none;

    }

    .envfooter-form input{

        width:100%;

        border-radius:50px;

        background:#fff;

        margin-bottom:15px;

    }

    .envfooter-form button{

        width:100%;

        border-radius:50px;

    }

    .envfooter-box{

        padding:30px;

    }

    .envfooter-widget{

        margin-top:20px;

    }

    .envfooter-widget h4{

        font-size:26px;

    }

    .envfooter-brand img{

        max-width:180px;

    }

    .envfooter-bottom{

        text-align:center;

    }

    .envfooter-bottom .text-lg-end{

        text-align:center !important;

        margin-top:15px;

    }

    .envfooter-bottom a{

        margin:0 10px;

    }

}

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

@media(max-width:480px){

    .envfooter-title{

        font-size:28px;

    }

    .envfooter-subtitle{

        font-size:16px;

    }

    .envfooter-box{

        padding:22px;

        border-radius:18px;

    }

    .envfooter-social{

        justify-content:center;

    }

}



/*==================================================
    CONTACT SECTION
==================================================*/

.envcontact-section{

    position:relative;

    padding:100px 0;

    background:#eef3ff;

    overflow:hidden;

}

/* Optional Background Pattern */

.envcontact-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/bg-pattern.png") center/cover no-repeat;

    opacity:.08;

    pointer-events:none;

}

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

.envcontact-left{

    position:relative;
    z-index:2;

}

.envcontact-badge{

    display:inline-block;

    padding:8px 18px;

    background:#dfe6ff;

    color:#3558e5;

    border-radius:30px;

    font-size:15px;

    font-weight:600;

    margin-bottom:25px;

}

.envcontact-title{

    font-size:44px;

    font-weight:400;

    line-height:1.1;

    color:#111827;

    margin-bottom:30px; font-family: "Work Sans", sans-serif;

}

.envcontact-description{

    font-size:16px;

    color:#6b7280;

    line-height:1.8;

    margin-bottom:50px;

    max-width:520px;

}

/*==================================================
    FEATURE
==================================================*/

.envcontact-feature{

    display:flex;

    align-items:flex-start;

    gap:24px;

    margin-bottom:35px;

}

.envcontact-icon{

    width:82px;

    height:82px;

    min-width:82px;

    border-radius:50%;

    background:#3558e5;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:36px;

    transition:.35s;

}

.envcontact-icon img{ width: 100%;}

.envcontact-feature:hover .envcontact-icon{

    transform:translateY(-6px) rotate(8deg);

}

.envcontact-feature h4{

    font-size:30px;

    font-weight:700;

    color:#111827;

    margin-bottom:12px;

}

.envcontact-feature p{

    font-size:19px;

    line-height:1.8;

    color:#6b7280;

    margin:0;

}

/*==================================================
    FORM CARD
==================================================*/

.envcontact-form-card{

    position:relative;

    background:#fff;

    border-radius:30px;

    padding:50px;

    box-shadow:0 25px 70px rgba(0,0,0,.08);

    border-bottom:4px solid #fb9b24;

    z-index:2;

}

.envcontact-form-card h3{

    font-size: 36px;
    font-weight: 400;
    color: #111827;
    margin-bottom: 20px;
    font-family: "Work Sans", sans-serif;

}

/*==================================================
    INPUT
==================================================*/

.envcontact-input{

    height:62px;

    border-radius:10px;

    border:1px solid #d9dce3;

    padding:15px 20px;

    font-size:18px;

    box-shadow:none !important;

    transition:.3s;

}

.envcontact-input:focus{

    border-color:#3558e5;

}

.envcontact-textarea{

    height:150px;

    resize:none;

    padding-top:18px;

}

/*==================================================
    BUTTON
==================================================*/

.envcontact-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    border:none;

    background:#000000;

    color:#fff;

    padding:18px 36px;

    border-radius:50px;

    font-size:18px;

    font-weight:600;

    transition:.35s;

}

.envcontact-btn:hover{

    background:#2144cf;

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(53,88,229,.35);

}

.envcontact-btn i{

    transition:.3s;

}

.envcontact-btn:hover i{

    transform:translateX(6px);

}

/*==================================================
    LARGE DEVICES
==================================================*/

@media(max-width:1200px){

    .envcontact-title{

        font-size:52px;

    }

    .envcontact-form-card h3{

        font-size:38px;

    }

}

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

@media(max-width:991px){

    .envcontact-section{

        padding:80px 0;

    }

    .envcontact-left{

        text-align:center;

    }

    .envcontact-description{

        margin:0 auto 45px;

    }

    .envcontact-feature{

        text-align:left;

    }

    .envcontact-form-card{

        padding:40px;

    }

    .envcontact-title{

        font-size:44px;

    }

}

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

@media(max-width:767px){

    .envcontact-title{

        font-size:34px;

    }

    .envcontact-description{

        font-size:17px;

    }

    .envcontact-feature{

        gap:18px;

    }

    .envcontact-icon{

        width:65px;
        height:65px;
        min-width:65px;

        font-size:28px;

    }

    .envcontact-feature h4{

        font-size:24px;

    }

    .envcontact-feature p{

        font-size:16px;

    }

    .envcontact-form-card{

        padding:30px;

        border-radius:20px;

    }

    .envcontact-form-card h3{

        font-size:30px;

        margin-bottom:30px;

    }

    .envcontact-input{

        height:56px;

        font-size:16px;

    }

    .envcontact-textarea{

        height:130px;

    }

    .envcontact-btn{

        width:100%;

        justify-content:center;

    }

}

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

@media(max-width:480px){

    .envcontact-section{

        padding:60px 0;

    }

    .envcontact-title{

        font-size:30px;

    }

    .envcontact-badge{

        font-size:14px;

    }

    .envcontact-form-card{

        padding:22px;

    }

}



.env-counter-wrap{

    display: flex;
    align-items: flex-start;
    /* gap: 10px; */
    position: absolute;
    left: -10px;

}

.env-counter-number{

    font-size:140px; margin-left: 5px;

    font-weight:900;

    line-height:1;

    background-image:url("../images/implementation-brisbane-tab-3-image.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;

    -webkit-text-fill-color:transparent;

}

.env-counter-plus{

    font-size:90px;  margin-left: -12px;

    font-weight:900;

    color:#111;

    line-height:1;

}






/*=====================================
  ENV HERO BANNER
======================================*/



.envhero-banner{
    position:relative;
    width:100%;
    overflow:hidden;
}

.envhero-slider{
    width:100%;
    height:80vh;
}

.envhero-slide{
    position:relative;
    width:100%;
    height:90vh;
    overflow:hidden;
}

/*=====================================
BACKGROUND
======================================*/

.envhero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transform:scale(1);
    transition:transform 8s linear;
}

.swiper-slide-active .envhero-bg{
    transform:scale(1.12);
}

/*=====================================
OVERLAY
======================================*/

.envhero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(4, 1, 100, 0.338),rgba(1, 10, 49, 0.55));
    z-index:1;
}

/*=====================================
CONTENT
======================================*/

.envhero-content{
    position:relative;
    z-index:5;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

/*=====================================
TAG
======================================*/

.envhero-tag{
    display:inline-block;
    padding:10px 22px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:28px;
    backdrop-filter:blur(4px);

    opacity:0;
    transform:translateY(40px);
}

/*=====================================
TITLE
======================================*/

.envhero-title{
    color:#fff;
    font-size:72px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:35px;

    opacity:0;
    transform:translateY(60px);
}

/*=====================================
BUTTON
======================================*/

.envhero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:240px;
    height:70px;

    border-radius:100px;

    background:#fc661c;
    color:#fff;
    text-decoration:none;

    font-size:22px;
    font-weight:600;

    transition:.4s;

    opacity:0;
    transform:translateY(50px);
}

.envhero-btn:hover{
    background:#0f737c;
    color:#fff;
}

/*=====================================
SOCIAL
======================================*/

.envhero-social{
    display:flex;
    gap:18px;
    margin-top:45px;
    list-style:none;
    padding:0;

    opacity:0;
    transform:translateY(40px);
}

.envhero-social li a{

    width:56px;
    height:56px;

    border-radius:50%;

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

    color:#fff;
    text-decoration:none;

    border:1px solid rgba(255,255,255,.35);

    font-size:18px;

    transition:.35s;
}

.envhero-social li a:hover{
    background:#fff;
    color:#138d97;
}

/*=====================================
NAVIGATION
======================================*/

.envhero-prev,
.envhero-next{

    position:absolute;

    top:50%;
    transform:translateY(-50%);

    width:70px;
    height:70px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

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

    color:#fff;

    cursor:pointer;

    z-index:20;

    transition:.35s;
}

.envhero-prev:hover,
.envhero-next:hover{

    background:#fff;
    color:#138d97;

}

.envhero-prev{

    left:35px;

}

.envhero-next{

    right:35px;

}

.envhero-prev i,
.envhero-next i{

    font-size:22px;

}

/*=====================================
TEXT ANIMATION
======================================*/

.swiper-slide-active .envhero-tag{

    animation:envFadeUp .8s forwards;
    animation-delay:.3s;

}

.swiper-slide-active .envhero-title{

    animation:envFadeUp .8s forwards;
    animation-delay:.6s;

}

.swiper-slide-active .envhero-btn{

    animation:envFadeUp .8s forwards;
    animation-delay:.9s;

}

.swiper-slide-active .envhero-social{

    animation:envFadeUp .8s forwards;
    animation-delay:1.2s;

}

@keyframes envFadeUp{

    from{

        opacity:0;
        transform:translateY(50px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/*=====================================
RESPONSIVE
======================================*/

@media(max-width:991px){

    .envhero-title{

        font-size:52px;

    }

    .envhero-btn{

        min-width:210px;
        height:62px;
        font-size:18px;

    }

}

@media(max-width:767px){

    .envhero-slider,
    .envhero-slide,
    .envhero-content{

        height:100vh;

    }

    .envhero-title{

        font-size:36px;

    }

    .envhero-tag{

        font-size:13px;
        padding:8px 16px;

    }

    .envhero-prev,
    .envhero-next{

        width:54px;
        height:54px;

    }

    .envhero-prev{

        left:15px;

    }

    .envhero-next{

        right:15px;

    }

    .envhero-social{

        gap:12px;

    }

    .envhero-social li a{

        width:46px;
        height:46px;
        font-size:15px;

    }

}



/*About Us Page*/


.envabt-banner{
    position: relative;
    min-height: 460px; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 110px;
    padding-bottom: 50px;
}

.envabt-banner img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.envabt-overlay{
    position:absolute;
    inset:0;
    background:rgb(0 6 27 / 72%);
}

.envabt-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
}

.envabt-title{
    font-size:68px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.1;
}

.envabt-breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:14px;
    font-size:20px;
    font-weight:500;
}

.envabt-breadcrumb a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.envabt-breadcrumb a:hover{
    color:#ff8c00;
}

.envabt-homeicon{
    color:#f96f2a;
}

.envabt-arrow{
    color:#f96f2a;
    font-size:18px;
}

.envabt-circle{
    position:absolute;
    left:18%;
    bottom:18%;
    width:42px;
    height:42px;
    border-radius:50%;
    border:10px solid rgba(46,197,201,.18);
    display:flex;
    align-items:center;
    justify-content:center;
}

.envabt-circle:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#2ec5c9;
}

.envabt-bottom-line{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:#fff;
}

/* Tablet */

@media(max-width:991px){

.envabt-banner{
    min-height:470px;
}

.envabt-title{
    font-size:52px;
}

.envabt-breadcrumb{
    font-size:24px;
}

.envabt-circle{
    width:36px;
    height:36px;
    border-width:8px;
}

}

/* Mobile */

@media(max-width:767px){

.envabt-banner{
    min-height: auto; padding: 20px 0 50px;
}

.envabt-title{
    font-size:38px;
    margin-bottom:15px;
}

.envabt-breadcrumb{
    font-size:18px;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
}

.envabt-circle{
    left:12%;
    bottom:16%;
    width:28px;
    height:28px;
    border-width:6px;
}

.envabt-circle:before{
    width:8px;
    height:8px;
}



}



/*==============================
    BUSINESS HERO SECTION
==============================*/

.evx-business-hero{
    position:relative;
    overflow:hidden;
    padding:100px 0;
    background:#ffffff;
    z-index:1;
}

.evx-business-bg-text{
    position:absolute;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    font-size:150px;
    font-weight:800;
    color:transparent;
    -webkit-text-stroke:1px #efefef;
    white-space:nowrap;
    line-height:1;
    z-index:-1;
    pointer-events:none;
}

/*==============================
    LEFT CONTENT
==============================*/

.evx-business-left{
    position:relative;
    z-index:2;
}

.evx-business-tag{
    display:inline-block;
    font-size:17px;
    font-weight:600;
    letter-spacing:2px;
    color:#222;
    margin-bottom:12px;
    text-transform:uppercase;
}

.evx-business-title{
    font-size: 44px;
    line-height: 1.12;
    font-weight: 400;
    color: #000000;
    margin-bottom: 45px;
    font-family: "Work Sans", sans-serif;
}

.evx-business-title span{ position: relative;}

.evx-business-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

/*==============================
    FEATURES
==============================*/

.evx-business-feature{
    display:flex;
    align-items:flex-start;
    gap:22px;
    margin-bottom:15px;
}

.evx-business-icon{
    
    border-radius:50%;
    
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    position: relative;
    top: 4px; font-size: 30px;
    color: #f96f2a;
}

.evx-business-icon img{
    width:36px;
}

.evx-business-feature h5{
    font-size:30px;
    font-weight:700;
    color:#1e2942;
    margin-bottom:12px;
}

.evx-business-feature p{
    margin:0;
    color:#707070;
    line-height:1.9;
    font-size:16px;
}

/*==============================
    BUTTONS
==============================*/

.evx-business-btn-area{
    display:flex;
    align-items:center;
    gap:35px;
    margin-top:55px;
}

.evx-business-btn{
    background:#182433;
    color:#fff;
    padding:18px 42px;
    border-radius:14px;
    font-size:18px;
    font-weight:600;
    transition:.35s;
}

.evx-business-btn:hover{
    background:#000;
    color:#fff;
}

.evx-business-video{
    width:82px;
    height:82px;
    border-radius:50%;
    border:1px solid #d9d9d9;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    position:relative;
}

.evx-business-video::before{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:50%;
    background:#f3f3f3;
}

.evx-business-video span{
    position:relative;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#182433;
    z-index:2;
    transition:.35s;
}

.evx-business-video:hover span{
    transform:scale(1.08);
}

/*==============================
    RIGHT IMAGES
==============================*/

.evx-business-images{
    position:relative;
    
}

.evx-business-img-large{
    width:78%;
    margin-left:auto;
    border-radius:20px;
    overflow:hidden;
}

.evx-business-img-large img{
    width:100%;
    display:block;
    border-radius:20px;
}

.evx-business-img-small{
    position:absolute;
    left:0;
    top:100px;
    width:68%;
    
    padding:12px;
    border-radius:20px;
    
}

.evx-business-img-small img{
    width:100%;
    display:block;
    border-radius:16px;
}

/*==============================
    RESPONSIVE
==============================*/

@media (max-width:1399px){

.evx-business-title{
    font-size:40px;
}

.evx-business-bg-text{
    font-size:125px;
}

}

@media (max-width:1199px){

.evx-business-title{
    font-size:46px;
}

.evx-business-feature h5{
    font-size:25px;
}

.evx-business-images{
    min-height:620px;
}

}

@media (max-width:991px){

.evx-business-hero{
    padding:80px 0;
}

.evx-business-left{
    margin-bottom:60px;
}

.evx-business-title{
    font-size:42px;
}

.evx-business-images{
    min-height:580px;
}

.evx-business-img-large{
    width:82%;
}

.evx-business-img-small{
    width:52%;
    top:120px;
}

.evx-business-bg-text{
    display:none;
}

}

@media (max-width:767px){

.evx-business-hero{
    padding:60px 0;
}

.evx-business-title{
    font-size:34px;
    line-height:1.3;
}

.evx-business-feature{
    gap:15px;
}

.evx-business-feature h5{
    font-size:22px;
}

.evx-business-feature p{
    font-size:16px;
    line-height:1.7;
}

.evx-business-btn-area{
    flex-wrap:wrap;
    gap:20px;
}

.evx-business-btn{
    width:100%;
    text-align:center;
}

.evx-business-video{
    width:70px;
    height:70px;
}

.evx-business-images{
    min-height:460px;
}

.evx-business-img-large{
    width:85%;
}

.evx-business-img-small{
    width:60%;
    top:90px;
    padding:8px;
}

}

@media (max-width:575px){

.evx-business-title{
    font-size:30px;
}

.evx-business-tag{
    font-size:14px;
    letter-spacing:1px;
}

.evx-business-feature{
    flex-direction:column;
}

.evx-business-icon{
    width:65px;
    height:65px;
    min-width:65px;
}

.evx-business-images{
    min-height:380px;
}

.evx-business-img-large{
    width:100%;
}

.evx-business-img-small{
    width:65%;
    left:10px;
    top:70px;
}

}


/*==================================================
        ENV ABOUT SECTION
==================================================*/

.envabt-section{
    position:relative;
    background:#f7f8fb;
    border-top: 1px solid #dfdfdf;
}

/* Decorative Background */
.envabt-section::before{
    content:"";
    position:absolute;
    right:-120px;
    top:80px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(0,74,255,.05);
}

.envabt-section::after{
    content:"";
    position:absolute;
    right:60px;
    bottom:100px;
    width:18px;
    height:220px;
    border-radius:30px;
    background:rgba(0,74,255,.06);
}


/*----------------------------------
Subtitle
-----------------------------------*/

.envabt-subtitle{
    display:inline-block;
    color:#0d5cff;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:18px;
}


/*----------------------------------
Title
-----------------------------------*/

.envabt-title{
    font-size:50px;
    font-weight:400;
    line-height:1.18;
    color:#111;
    margin-bottom:70px; font-family: "Work Sans", sans-serif;
}

.envabt-title span{ position: relative;}

.envabt-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}


/*----------------------------------
Image Area
-----------------------------------*/

.envabt-image-wrapper{
    position:relative;
    margin-top:20px;
}

.envabt-main-image{
    border-radius:0;
    width:100%;
    display:block;
}


/*----------------------------------
Blue Circle
-----------------------------------*/

.envabt-year-circle{

    position:absolute;
    top:-90px;
    left:50%;
    transform:translateX(-50%);

    width:175px;
    height:175px;

    border-radius:50%;
    background:#f67734;

    color:#fff;

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

    text-align:center;

    z-index:5;

}

.envabt-year-circle h2{

    font-size:48px;
    font-weight:700;
    margin:0;

}

.envabt-year-circle span{

    font-size:16px;
    font-weight:500;
    line-height:1.4;
    width:80%;
}


/*----------------------------------
Counter
-----------------------------------*/

.envabt-counter-box h2{

    font-size:72px;
    font-weight:700;
    color:#0d5cff;
    margin-bottom:8px;

}

.envabt-counter-box span{

    font-size:20px;
    font-weight:600;
    color:#111;

}

.envabt-border-left{

    border-left:1px solid #d9d9d9;
    padding-left:40px;

}


/*----------------------------------
Description
-----------------------------------*/

.envabt-description{

    color:#666;
    font-size:16px;
    line-height:1.9;
    margin:35px 0 45px;

}


/*----------------------------------
Feature
-----------------------------------*/

.envabt-feature{

    display:flex;
    align-items:flex-start;
    gap:20px;

    margin-bottom:35px;

    position:relative;

}

.envabt-feature:not(:last-child)::after{

    content:"";

    position:absolute;

    left:21px;

    top:55px;

    width:1px;

    height:75px;

    background:#d8d8d8;

}

.envabt-icon{

    width:42px;
    height:42px;

    border-radius:50%;

    background:#1e1f27;

    color:#fff;

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

    flex-shrink:0;

    font-size:18px;

    font-weight:700;

}

.envabt-content h5{

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;

}

.envabt-content p{

    color:#666;

    line-height:1.9;

    margin:0; text-align: left;

}


/*----------------------------------
Author Card
-----------------------------------*/

.envabt-author-card{

    background:#fff;

    margin-top:-5px;

    padding:28px 40px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    box-shadow:0 18px 45px rgba(0,0,0,.06);

}

.envabt-author-image{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    margin-right:18px;

}

.envabt-author-card h5{

    font-size:22px;

    margin-bottom:5px;

    font-weight:700;

}

.envabt-author-card span{

    color:#666;

}

.envabt-signature{

    max-width:190px;

}


/*==================================================
Responsive
==================================================*/

@media(max-width:991px){

.envabt-section{

    padding:80px 0 0;

}

.envabt-title{

    font-size: 30px;
        margin-bottom: 20px !important;

}

.envabt-counter-box{

    margin-bottom:30px;

}

.envabt-border-left{

    border:none;

    padding-left:0;

}

.envabt-author-card{

    flex-direction:column;

    gap:25px;

    text-align:center;

    padding:35px 25px;

}

.envabt-signature{

    max-width:170px;

}

}


@media(max-width:767px){

.envabt-title{

    font-size:32px;

}

.envabt-year-circle{

    width:135px;

    height:135px;

    top:-70px;

}

.envabt-year-circle h2{

    font-size:34px;

}

.envabt-year-circle span{

    font-size:13px;

}

.envabt-counter-box h2{

    font-size:48px;

}

.envabt-counter-box span{

    font-size:16px;

}

.envabt-content h5{

    font-size:20px;

}

.envabt-author-image{

    width:60px;

    height:60px;

}

.envabt-author-card{

    padding:25px 20px;

}

}


@media(max-width:575px){

.envabt-section{

    padding:60px 0 0;

}

.envabt-title{

    font-size:28px;

}

.envabt-description{

    margin:25px 0 35px;

}

.envabt-feature{

    gap:15px;

}

.envabt-signature{

    max-width:150px;

}

}


.color-black{ color: #000;}

.envabt-counter-box{ text-align: center;}



.envcounter-item{
    position:relative;
    text-align:center;
    padding:100px 20px;
    overflow:hidden;
}

.envcounter-bg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:130px;
    font-weight:700;
    color:#e9e3e3;
    line-height:1;
    z-index:1;
    user-select:none;
    pointer-events:none;
}

.envcounter-item h5{
    position:relative;
    z-index:2;
    font-size:32px;
    font-weight:500;
}



/*=========================================
    ENV CTA SECTION
=========================================*/

.envcta-section{
    padding:70px 0;
    background:#ffffff;
}

.envcta-wrapper{
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(90deg, #f37e3d 0%, #f37e3d 55%, #f37e3d 100%);
    padding: 5px 60px;
}

/* Decorative Overlay */
.envcta-wrapper::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
        rgba(0,0,0,.05),
        rgba(255,255,255,.02));
    pointer-events:none;
}

/*=========================================
    LEFT CONTENT
=========================================*/

.envcta-content{
    position:relative;
    z-index:2;
}

.envcta-title{
    color:#fff;
    font-size:48px;
    font-weight:300;
    line-height:1.05;
    
    margin-bottom:40px; font-family: "Work Sans", sans-serif;
}

/*=========================================
    BUTTON
=========================================*/

.envcta-btn{
    display:inline-flex;
    align-items:center;
    gap:0;
    background:#111827;
    color:#fff;
    text-decoration:none;
    border-radius:100px;
    overflow:hidden;
    transition:.35s;
}

.envcta-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}

.envcta-btn-text{
    padding:18px 28px;
    font-size:18px;
    font-weight:600;
}

.envcta-btn-icon{
    width:48px;
    height:48px;
    margin-right:8px;
    background:#fff;
    color:#111;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
    transition:.35s;
}

.envcta-btn:hover .envcta-btn-icon{
    transform:rotate(45deg);
}

/*=========================================
    RIGHT IMAGE
=========================================*/

.envcta-image-area{
    position:relative;
    display:flex;
    justify-content:flex-end;
    z-index:2;
}

.envcta-blob{

    width:400px;
    max-width:100%;
    aspect-ratio:1.15;

    overflow:hidden;

    border-radius:
    42% 58% 65% 35% /
    38% 34% 66% 62%;

    box-shadow:
    0 20px 45px rgba(0,0,0,.18);

    position:relative;

}

/* white border */

.envcta-blob::before{

    content:"";
    position:absolute;
    inset:0;
    border:8px solid rgba(255,255,255,.92);
    border-radius:inherit;
    z-index:2;
    pointer-events:none;

}

/* teal overlay */

.envcta-blob::after{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,128,128,.22);
    z-index:1;

}

.envcta-image{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

/*=========================================
    RESPONSIVE
=========================================*/

@media(max-width:1200px){

.envcta-title{
    font-size:60px;
}

.envcta-blob{
    width:470px;
}

}

@media(max-width:991px){

.envcta-wrapper{
    padding:50px 40px;
}

.envcta-content{
    text-align:center;
    margin-bottom:50px;
}

.envcta-title{
    font-size:52px;
}

.envcta-image-area{
    justify-content:center;
}

}

@media(max-width:767px){

.envcta-wrapper{
    padding:40px 25px;
    border-radius:18px;
}

.envcta-title{
    font-size:42px;
    letter-spacing:-1px;
    margin-bottom:30px;
}

.envcta-btn-text{
    font-size:18px;
    padding:15px 22px;
}

.envcta-btn-icon{
    width:42px;
    height:42px;
    font-size:15px;
}

.envcta-blob{

    width:100%;
    border-radius:
    40% 60% 62% 38% /
    38% 35% 65% 62%;

}

}

@media(max-width:575px){

.envcta-section{
    padding:40px 0;
}

.envcta-wrapper{
    padding:30px 20px;
}

.envcta-title{
    font-size:34px;
    line-height:1.15;
}

.envcta-btn{
    width:100%;
    justify-content:space-between;
}

.envcta-btn-text{
    font-size:16px;
}

.envcta-btn-icon{
    margin-right:6px;
}

}



/*=========================================
    ENV PROJECT SECTION
=========================================*/

.envproject-section{
    position:relative;
    overflow:hidden;
    background:#fff;
}

/*==============================
    TOP AREA
==============================*/

.envproject-top{

    background:#1f2128;
    padding:90px 0 230px;

}

.envproject-heading{
    position:relative;
}

.envproject-subtitle{

    display:inline-block;

    color:#ff2b2b;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:18px;

}

.envproject-title{

    color:#fff;

    font-size:48px;

    line-height:1.15;

    font-weight:400;

    margin:0; font-family: "Work Sans", sans-serif; text-align: left;

}


/*==============================
    NAVIGATION
==============================*/

.envproject-navigation{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:22px;

    height:100%;

}

.envproject-prev,
.envproject-next{

    width:44px;
    height:44px;

    border:none;

    border-radius:50%;

    background:#f37e3d;

    color:#fff;

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

    transition:.35s;

}

.envproject-prev:hover,
.envproject-next:hover{

    background:#000;

}

.envproject-pagination{

    color:#fff;

    font-size:30px;

    font-weight:600;

    min-width:70px;

    text-align:center;

}


/*==============================
    BOTTOM
==============================*/

.envproject-bottom{

    position:relative;

    margin-top:-160px;

    z-index:5;

}


/*==============================
    SLIDE
==============================*/

.envproject-slider{

    overflow:visible;

}

.envproject-slider .swiper-slide{

    padding-bottom:40px;

}


/*==============================
    IMAGE
==============================*/

.envproject-image-box{

    position:relative;

}

.envproject-image-box img{

    width:100%;

    display:block;

}


/*==============================
    CONTENT
==============================*/

.envproject-content{

    background:#fff;

    padding:70px 65px;

    margin-left:-70px;

    position:relative;

    z-index:3;

    min-height:400px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-left:1px solid #ececec;

}

.envproject-category{

    display:inline-block;

    color:#ff1b1b;

    font-size:15px;

    font-weight:700;

    margin-bottom:20px;

    text-transform:uppercase;

}

.envproject-content h3{

    font-size:37px;

    font-weight:700;

    line-height:1.2;

    color:#111;

    margin-bottom:28px;

}

.envproject-content p{

    color:#666;

    line-height:2;

    font-size:17px;

    margin-bottom:40px;

}


/*==============================
    BUTTON
==============================*/

.envproject-btn{

    display:inline-flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    color:#111;

    font-size:24px;

    font-weight:600;

}

.envproject-btn span{

    width:52px;

    height:52px;

    border-radius:50%;

    border:1px solid #cfcfcf;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.envproject-btn span::before{

    content:"→";

    font-size:22px;

}

.envproject-btn:hover{

    color:#ff2020;

}

.envproject-btn:hover span{

    background:#ff2020;

    border-color:#ff2020;

    color:#fff;

}

.envproject-btn:hover span::before{

    color:#fff;

}


/*==============================
    RESPONSIVE
==============================*/

@media (max-width:1199px){

.envproject-title{

    font-size:48px;

}

.envproject-content{

    padding:55px 45px;

}

.envproject-content h3{

    font-size:36px;

}

}

@media (max-width:991px){

.envproject-top{

    padding:70px 0 180px;

}

.envproject-navigation{

    justify-content:flex-start;

    margin-top:35px;

}

.envproject-bottom{

    margin-top:-120px;

}

.envproject-content{

    margin-left:0;

    margin-top:25px;

    min-height:auto;

    border-left:none;

    padding:45px 35px 0;

}

.envproject-content h3{

    font-size:32px;

}

.envSafety-section { padding: 0 0 0 !important;}

}

@media (max-width:767px){

.envproject-top{

    padding:60px 0 140px;

}

.envproject-title{

    font-size:36px;

}

.envproject-content{

    padding:35px 25px;

}

.envproject-content h3{

    font-size:28px;

}

.envproject-content p{

    font-size:15px;

    line-height:1.8;

}

.envproject-btn{

    font-size:18px;

}

.envproject-btn span{

    width:46px;

    height:46px;

}

.envproject-pagination{

    font-size:22px;

}

}

@media (max-width:575px){

.envproject-top{

    padding:50px 0 120px;

}

.envproject-title{

    font-size:30px;

}

.envproject-navigation{

    gap:12px;

}

.envproject-prev,
.envproject-next{

    width:38px;

    height:38px;

}

.envproject-content{

    padding:25px 20px;

}

.envproject-content h3{

    font-size:24px;

}

.envproject-btn{

    font-size:17px;

}

}











.envnav-header{

    position:relative;
    width:100%;
    background:#fff;
    z-index:9999;
    box-shadow:0 2px 15px rgba(0,0,0,.05);

}

/*=========================================
HEADER OVERLAPPING HERO (transparent -> sticky)
=========================================*/

.envnav-header-overlap{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:linear-gradient(to bottom, rgba(0,0,0,.70) 0%, rgba(0,0,0,.28) 65%, rgba(0,0,0,0) 100%);
    box-shadow:none;
    transition:background .35s ease, box-shadow .35s ease;

}

.envnav-header-overlap .envnav-item>a,
.envnav-header-overlap .envnav-arrow,
.envnav-header-overlap .chy-call-1-content .text{

    color:#fff;

}

.envnav-header-overlap .envnav-toggle span{

    background:#fff;

}

.envnav-header-overlap.sticky-header{

    position:fixed;
    background:#000;
    box-shadow:0 2px 15px rgba(0,0,0,.05);

}

.envnav-header-overlap.sticky-header .envnav-item>a,
.envnav-header-overlap.sticky-header .envnav-arrow{

    color: #fff;;

}

.envnav-header-overlap.sticky-header .chy-call-1-content .text{

    color:#fff;

}

.envnav-header-overlap.sticky-header .envnav-toggle span{

    background:#111;

}

.envnav-main{

    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:90px;

}

/*=========================================
LOGO
=========================================*/

.envnav-logo{

    flex-shrink:0;
    display:flex;
    align-items:center;

}

.envnav-logo img{

    max-height:52px;
    width:auto;

}

/*=========================================
MENU
=========================================*/

.envnav-menu{

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

    margin:0;
    padding:0;
    list-style:none;

}

.envnav-item{

    position:relative;
    margin:0 16px;

}

.envnav-item>a{

    display:flex;
    align-items:center;
    gap:8px;

    height:90px;

    text-decoration:none;

    color:var(--envnav-dark);

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.envnav-item>a:hover{

    color:#f96f2a;

}

.envnav-arrow{

    font-size:11px;

    transition:.35s;

}

.envnav-item:hover>.envnav-arrow{

    transform:rotate(180deg);

}

/*=========================================
RIGHT AREA
=========================================*/

.envnav-right{

    display:flex;
    align-items:center;
    gap:18px;

}

.envnav-phone{

    display:flex;
    align-items:center;
    gap:8px;

    color:var(--envnav-dark);

    text-decoration:none;

    font-weight:600;

}

.envnav-phone i{

    color:var(--envnav-primary);

}

.envnav-btn{

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

    padding:14px 28px;

    border-radius:50px;

    background:var(--envnav-primary);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.envnav-btn:hover{

    background:#111827;
    color:#fff;

}

/*=========================================
MEGA MENU
=========================================*/

.envnav-mega{

    position:absolute;

    left:50%;

    transform:translateX(-50%) translateY(20px);

    top:100%;

    width:1030px;

    max-width:95vw;

    background:#000;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    padding:25px;

}

/* Hover */

.envnav-has-mega:hover>.envnav-mega{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}

/*=========================================
MEGA COLUMN
=========================================*/

.envnav-widget h5{

    font-size:18px;

    margin-bottom:20px;

    font-weight:700;

    color:#ffffff; border-bottom: 2px solid #f67734;
    padding-bottom: 15px;

}

.envnav-widget ul{

    margin:0;

    padding:0;

    list-style:none;

}

.envnav-widget li{

     position: relative;

    padding-left: 22px;

    list-style: none;  margin-bottom: 15px;

}

.envnav-widget li:before{

    content: "\f101";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #f15a24;
    font-size: 13px; font-family: "Font Awesome 5 Free"; font-weight: 900;
    top: 12px;
    

}

.envnav-widget a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.envnav-widget a:hover{

    color:var(--envnav-primary);

    color: #ff8c00;

}

/*=========================================
NORMAL DROPDOWN
=========================================*/

.envnav-dropdown-menu{

    position:absolute;

    top:100%;

    left:0;

    width:270px;

    background:#fff;

    border-radius:14px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

    list-style:none;

    padding:15px 0;

    margin:0;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s;

}

.envnav-dropdown:hover>.envnav-dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.envnav-dropdown-menu li{

    position:relative;

}

.envnav-dropdown-menu li a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 22px;

    color:#444;

    text-decoration:none;

    transition:.3s;

}

.envnav-dropdown-menu li a:hover{

    background:#f8f8f8;

    color:var(--envnav-primary);

}

/*=========================================
SUB MENU
=========================================*/

.envnav-submenu{

    position:relative;

}

.envnav-submenu-list{

    position:absolute;

    left:100%;

    top:0;

    width:260px;

    background:#fff;

    border-radius:14px;

    list-style:none;

    margin:0;

    padding:15px 0;

    opacity:0;

    visibility:hidden;

    transform:translateX(20px);

    transition:.35s;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.envnav-submenu:hover>.envnav-submenu-list{

    opacity:1;

    visibility:visible;

    transform:translateX(0);

}

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

.envnav-toggle{

    display:none;

    border:none;

    background:none;

    padding:0;

}

.envnav-toggle span{

    display:block;

    width:28px;

    height:2px;

    background:#111;

    margin:6px 0;

    transition:.35s;

}


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

@media (max-width:991px){

/*=========================
Header
=========================*/

.envnav-main{

    min-height:75px;
    position:relative;

}

/*=========================
Logo
=========================*/

.envnav-logo img{

    max-height:45px;

}

/*=========================
Toggle Button
=========================*/

.envnav-toggle{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    width:45px;

    height:45px;

    cursor:pointer;

    z-index:1002;

}

.envnav-header-overlap.sticky-header .envnav-toggle span {
    background: #fff;
}

.envnav-toggle span{

    width:28px;

    height:2px;

    margin:4px 0;

    background:#111827;

    transition:.35s;

}

/*=========================
Offcanvas Menu
=========================*/

.envnav-menu{

    position:fixed;

    top:0;

    left:-100%;

    width:320px;

    max-width:90%;

    height:100vh;

    background:#000;

    flex-direction:column;

    align-items:stretch;

    justify-content:flex-start;

    overflow-y:auto;

    padding:90px 0 40px;

    transition:.4s;

    box-shadow:0 10px 40px rgba(0,0,0,.15);

    z-index:1000;

}

.envnav-menu.envnav-menu-open{

    left:0;

}

/*=========================
Overlay
=========================*/

.envnav-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:999;

}

.envnav-overlay.envnav-overlay-show{

    opacity:1;

    visibility:visible;

}

/*=========================
Menu Item
=========================*/

.envnav-item{

    width:100%;

    margin:0;

    border-bottom:1px solid #ececec;

}

.envnav-item>a{

    width:100%;

    height:auto;

    padding:18px 22px;

    justify-content:space-between;

}

/*=========================
Right Area
=========================*/

.envnav-right{

    display:none;

}

/*=========================
Dropdown
=========================*/

.envnav-dropdown-menu{

    position:static;

    width:100%;

    box-shadow:none;

    border-radius:0;

    padding:0;

    max-height:0;

    overflow:hidden;

    opacity:1;

    visibility:visible;

    transform:none;

    transition:max-height .35s ease;

}

.envnav-dropdown.active>.envnav-dropdown-menu{

    max-height:1200px;

}

.envnav-dropdown-menu li a{

    padding:15px 35px;

    font-size:15px;

}

/*=========================
Submenu
=========================*/

.envnav-submenu-list{

    position:static;

    width:100%;

    box-shadow:none;

    border-radius:0;

    padding:0;

    max-height:0;

    overflow:hidden;

    opacity:1;

    visibility:visible;

    transform:none;

    transition:max-height .35s ease;

}

.envnav-submenu.active>.envnav-submenu-list{

    max-height:1000px;

}

.envnav-submenu-list a{

    padding-left:55px !important;

}

/*=========================
Mega Menu
=========================*/

.envnav-mega{

    position:static;

    width:100%;

    max-width:100%;

    border-radius:0;

    box-shadow:none;

    padding:0;

    opacity:1;

    visibility:visible;

    transform:none;

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease; transform: none !important;

}

.envnav-has-mega.active>.envnav-mega{

    max-height:2500px;

    padding:20px; background: #000;

}

.envnav-widget{

    margin-bottom:30px;

}

/*=========================
Scrollbar
=========================*/

.envnav-menu::-webkit-scrollbar{

    width:5px;

}

.envnav-menu::-webkit-scrollbar-thumb{

    background:#d5d5d5;

    border-radius:20px;

}

}

.envhero-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    height: 70px;
    border-radius: 100px;
    background: #fc661c;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    transition: .4s;
    opacity: 2;
    transform: translateY(20px);
}

.envhero-btn2:hover {
    background: #000;
    color: #fff;
}






/* Account Page*/


/*==================================================
    ENV CONSULTING ABOUT SECTION
==================================================*/

.envcs-about-section{

    position:relative;
    overflow:hidden;
    background:#ffffff;
    padding:100px 0;

}

/*==================================================
IMAGE WRAPPER
==================================================*/

.envcs-image-wrapper{

    position:relative;
    min-height:620px;

}

/*==================================================
LEFT BACKGROUND PATTERN
==================================================*/

.envcs-pattern-shape{

    position:absolute;

    left:-120px;

    top:-60px;

    width:340px;

    height:340px;

    opacity:.18;

    background-image:
    radial-gradient(#d9d9d9 2px, transparent 2px);

    background-size:28px 28px;

    z-index:0;

}

/*==================================================
SMALL IMAGE
==================================================*/

.envcs-small-image{

    position:absolute;

    left:0;

    top:20px;

    width:210px;

    z-index:3;

}

.envcs-small-image img{

    width:100%;

    border-radius:18px;

    display:block;

}

/*==================================================
LARGE IMAGE
==================================================*/

.envcs-large-image{

    position:absolute;

    right:0;

    top:20px;

    width:420px;

    z-index:2;

}

.envcs-large-image img{

    width:100%;

    border-radius:18px;

    display:block;

}

/*==================================================
EXPERIENCE BOX
==================================================*/

.envcs-exp-card{

    position:absolute;

    left:150px;

    bottom:90px;

    width:200px;

    height:180px;

    background:#d90404;

    border-radius:14px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    z-index:5;

    box-shadow:0 20px 45px rgba(0,0,0,.18);

}

.envcs-exp-card h2{

    font-size:92px;

    line-height:1;

    margin:0;

    font-weight:700;

}

.envcs-exp-card span{

    font-size:26px;

    font-weight:600;

}

/*==================================================
BOTTOM DECORATION
==================================================*/

.envcs-line-shape{

    position:absolute;

    left:40px;

    bottom:-20px;

    width:220px;

    opacity:.45;

}

/*==================================================
CONTENT
==================================================*/

.envcs-content{

    padding-left:50px;

}

.envcs-subtitle{

    display:inline-block;

    color:#000;

    font-size:17px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.envcs-content h2{

    font-size:44px;

    line-height:1.18;

    font-weight:400;

    color:#111;

    margin-bottom:30px; font-family: "Work Sans", sans-serif;

}

.envcs-content h2 span{ position: relative;}

.envcs-content h2 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.envcs-content p{

    font-size:16px;

    line-height:1.9;

    color:#666;

    margin-bottom:35px;

}

/*==================================================
FEATURE BOX
==================================================*/

.envcs-feature-box{

    background:#fff3f3;

    padding:35px;

    min-height:210px;

    transition:.35s;

}

.envcs-feature-box:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.08);

}

.envcs-feature-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#d90404;

    margin-bottom:25px;

}

.envcs-feature-box h5{

    font-size:28px;

    font-weight:700;

    line-height:1.35;

    color:#111;

}



.tj-working-process {
  z-index: 1;
  border-radius: 12px;
  position: relative; padding: 50px 0;
}

.working-process-area {
  display:flex;

    gap:30px;

    overflow:visible;

    position:relative; top: 40px;
}

.process-item{

    position:relative;

    overflow:visible;

    isolation:auto;

    z-index:1;

    background:#fff9ef;

    border-radius:10px;

    width:100%;

    max-width:422px;

    padding:25px 28px 40px;

}

.process-item .process-step {
  color: #6029c3;
  background: linear-gradient(180deg, #f67734 0%, #fff7f7 90%);
  -webkit-text-fill-color: #0000;
  font-size: 120px;
  font-weight: var(--tj-fw-sbold);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 16px;
  line-height: 1;
  display: inline-flex;
}

.process-item .title {
  font-weight: var(--tj-fw-sbold);
  margin-bottom: 20px;
  line-height: 40px;
    font-size: 30px;
}

.process-item .desc {
  margin: 0; 
}

.desc-title {
  font-family: "Work Sans", sans-serif; font-size: 44px; line-height: 50px;
}

.desc-title span{ position: relative;}

.desc-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

.process-item:not(:last-child)::after{

    content:"➜";

    position:absolute;

    top:50%;

    right:-46px;

    transform:translateY(-50%);

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#fff;

    border: 10px solid #f5f5f7;

    color:var(--tj-color-theme-primary);

    font-family:"bexon-icons";

    font-size:22px;

    z-index:9;

}


.process-item:nth-child(1){

    z-index:30;

}

.process-item:nth-child(2){

    z-index:20;

}

.process-item:nth-child(3){

    z-index:10;

}

.bg-shape-1, .bg-shape-2 {
  top: 0;
  z-index: -1;
  mix-blend-mode: difference;
  pointer-events: none;
  width: 100%;
  max-width: 370px;
  position: absolute;
  inset-inline-start: 0;
}

.bg-shape-2 {
  top: inherit;
  inset-inline-start: inherit;
  bottom: 0;
  inset-inline-end: 0;
}




/* =========================================
   FINANCIAL SERVICES SECTION
========================================= */

.env-finance-services-section {
    background: #edf2f2;
}


/* =========================================
   SERVICE CARD
========================================= */

.env-finance-service-card {
    background: #ffffff;

    border-radius: 10px;

    padding: 10px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(20, 50, 55, 0.04);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.env-finance-service-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 18px 40px rgba(20, 50, 55, 0.10);
}


/* =========================================
   IMAGE
========================================= */

.env-finance-service-image-wrap {
    position: relative;

    overflow: visible;
}

.env-finance-service-image {
    display: block;

    width: 100%;
    height: 263px;

    object-fit: cover;

    border-radius: 6px;
}


/* =========================================
   FLOATING ICON
========================================= */

.env-finance-service-icon {
    position: absolute;

    right: 20px;
    bottom: -23px;

    width: 70px;
    height: 70px;

    border-radius: 50%;

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

    border: 1px solid rgba(255, 255, 255, 0.15);

    z-index: 2;
}

.env-finance-service-icon i {
    font-size: 25px;

    color: #263f3c;
}

.env-finance-service-icon-orange {
    background: #e99818;
}

.env-finance-service-icon-orange i {
    color: #263f3c;
}

.env-finance-service-icon-dark {
    background: #e99818;
}

.env-finance-service-card:hover .env-finance-service-icon i {color: #ffffff;}
.env-finance-service-card:hover .env-finance-service-icon-dark { background: #fe3f02;}
.env-finance-service-card:hover .env-finance-service-icon-orange { background: #fe3f02;}

/* =========================================
   CARD CONTENT
========================================= */

.env-finance-service-content {
    padding: 26px 20px 24px;
}

.env-finance-service-title {
    margin: 0 0 13px;

    color: #000;

    font-size: 24px;
    line-height: 1.25;

    font-weight: 600;
}

.env-finance-service-description {
    margin: 0;

    max-width: 350px;

    color: #627b83;

    font-size: 17px;
    line-height: 1.65;

    font-weight: 400;
}


/* =========================================
   READ MORE
========================================= */

.env-finance-service-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 25px;

    color: #111c1e;

    font-size: 15px;
    line-height: 1;

    font-weight: 500;

    text-decoration: none;

    transition: color 0.3s ease;
}

.env-finance-service-link:hover {
    color: #e99818;
}

.env-finance-service-plus {
    font-size: 24px;
    line-height: 12px;

    font-weight: 400;

    transition: transform 0.3s ease;
}

.env-finance-service-link:hover .env-finance-service-plus {
    transform: translateX(4px);
}


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

@media (max-width: 1199.98px) {

    .env-finance-service-image {
        height: 240px;
    }

    .env-finance-service-title {
        font-size: 22px;
    }

    .env-finance-service-description {
        font-size: 16px;
    }

}


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

@media (max-width: 767.98px) {

    .env-finance-services-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .env-finance-service-image {
        height: 230px;
    }

    .env-finance-service-content {
        padding: 26px 16px 22px;
    }

    .env-finance-service-title {
        font-size: 21px;
    }

    .env-finance-service-description {
        font-size: 15px;
        line-height: 1.6;
    }

    .env-finance-service-icon {
        right: 16px;

        width: 64px;
        height: 64px;
    }

}


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

@media (max-width: 575.98px) {

    .env-finance-service-card {
        padding: 8px;
    }

    .env-finance-service-image {
        height: 220px;
    }

    .env-finance-service-title {
        font-size: 20px;
    }

    .env-finance-service-description {
        font-size: 15px;
    }

}


/* =========================================
   Why Choose Us Section
========================================= */

.envWhyChoose-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}


/* =========================================
   Label
========================================= */

.envWhyChoose-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 18px;
    margin-bottom: 25px;

    background: #ffe1d8;
    border-radius: 50px;

    color: #fb4b1f;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.envWhyChoose-label-dot {
    width: 9px;
    height: 9px;
    display: inline-block;

    background: #fb4b1f;
    border-radius: 50%;
}


/* =========================================
   Heading
========================================= */

.envWhyChoose-title {
    margin: 0 0 28px;

    color: #0d0d2b;

    font-size: 44px;
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -1.8px; font-family: "Work Sans", sans-serif;
}

.envWhyChoose-title span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.envWhyChoose-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}

/* =========================================
   Description
========================================= */

.envWhyChoose-description {
    margin: 0 0 22px;

    color: #707878;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================
   Statistics
========================================= */

.envWhyChoose-stats {
    max-width: 780px;
}

.envWhyChoose-stat-card {
    min-height: 157px;

    display: flex;
    align-items: center;

    padding: 25px 28px;

    background: #ffffff;

    border: 1px solid #e8e8e8;
    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(20, 20, 50, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.envWhyChoose-stat-card:hover {
    transform: translateY(-5px);

    box-shadow: 0 18px 40px rgba(20, 20, 50, 0.10);
}


/* =========================================
   Stat Icon
========================================= */

.envWhyChoose-stat-icon {
    width: 82px;
    min-width: 82px;

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

    color: #fb4b1f;

    font-size: 52px;
}

.envWhyChoose-stat-icon i {
    line-height: 1;
}


/* =========================================
   Stat Content
========================================= */

.envWhyChoose-stat-content {
    padding-left: 12px;
}

.envWhyChoose-stat-number {
    margin-bottom: 8px;

    color: #0d0d2b;

    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.envWhyChoose-stat-text {
    color: #15152f;

    font-size: 19px;
    font-weight: 500;
    line-height: 1.45;
}


/* =========================================
   Video Wrapper
========================================= */

.envWhyChoose-video-wrapper {
    position: relative;

    width: 100%;
    max-width: 730px;

    margin: 0 auto;

    padding: 20px 30px 20px 0;
}


/* =========================================
   Decorative Circle
========================================= */

.envWhyChoose-circle {
    position: absolute;

    width: 170px;
    height: 170px;

    top: 100px;
    left: -20px;

    border: 25px solid rgba(251, 75, 31, 0.10);

    border-radius: 50%;

    z-index: 0;
}


/* =========================================
   Decorative Outer Border
========================================= */

.envWhyChoose-video-border {
    position: absolute;

    inset: 0 0 0 35px;

    border: 22px solid rgba(251, 75, 31, 0.10);

    border-radius: 43% 57% 45% 55% / 35% 38% 62% 65%;

    z-index: 0;
}


/* =========================================
   Video Image
========================================= */

.envWhyChoose-video-image {
    position: relative;

    width: 100%;
    aspect-ratio: 1.18 / 1;

    overflow: hidden;

    border-radius: 43% 57% 45% 55% / 35% 38% 62% 65%;

    z-index: 2;
}

.envWhyChoose-video-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.6s ease;
}

.envWhyChoose-video-image:hover img {
    transform: scale(1.04);
}


/* =========================================
   Video Overlay
========================================= */

.envWhyChoose-video-overlay {
    position: absolute;

    inset: 0;

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

    pointer-events: none;
}


/* =========================================
   Play Button
========================================= */

.envWhyChoose-play-btn {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 115px;
    height: 115px;

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

    transform: translate(-50%, -50%);

    border: 8px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;

    background: transparent;

    padding: 0;

    cursor: pointer;

    z-index: 5;

    transition: transform 0.3s ease;
}

.envWhyChoose-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.08);
}


/* =========================================
   Play Icon
========================================= */

.envWhyChoose-play-icon {
    width: 98px;
    height: 98px;

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

    background: #fb4b1f;

    border-radius: 50%;

    color: #ffffff;

    font-size: 28px;

    padding-left: 5px;
}


/* =========================================
   Video Modal
========================================= */

.envWhyChoose-video-modal {
    background: rgba(0, 0, 0, 0.75);
}

.envWhyChoose-modal-content {
    position: relative;

    overflow: hidden;

    background: #000;

    border: 0;
    border-radius: 14px;
}

.envWhyChoose-modal-video {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    background: #000;
}

.envWhyChoose-modal-video iframe {
    width: 100%;
    height: 100%;

    display: block;

    border: 0;
}


/* =========================================
   Modal Close
========================================= */

.envWhyChoose-modal-close {
    position: absolute;

    top: 12px;
    right: 12px;

    width: 42px;
    height: 42px;

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

    border: 0;
    border-radius: 50%;

    background: #fb4b1f;

    color: #ffffff;

    font-size: 18px;

    z-index: 10;

    cursor: pointer;
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 991.98px) {

    .envWhyChoose-section {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .envWhyChoose-title {
        font-size: 46px;
    }

    .envWhyChoose-description {
        font-size: 17px;
        line-height: 1.7;
    }

    .envWhyChoose-video-wrapper {
        max-width: 650px;
        margin-top: 25px;
        padding-right: 20px;
    }

    .envWhyChoose-circle {
        width: 130px;
        height: 130px;

        border-width: 20px;
    }

    .envWhyChoose-video-border {
        border-width: 17px;
    }

}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .envWhyChoose-section {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .envWhyChoose-label {
        margin-bottom: 20px;

        font-size: 14px;
    }

    .envWhyChoose-title {
        margin-bottom: 20px;

        font-size: 36px;
        line-height: 1.18;
        letter-spacing: -1px;
    }

    .envWhyChoose-description {
        margin-bottom: 30px;

        font-size: 16px;
        line-height: 1.65;
    }

    .envWhyChoose-stats {
        max-width: 100%;
    }

    .envWhyChoose-stat-card {
        min-height: 135px;

        padding: 20px;
    }

    .envWhyChoose-stat-icon {
        width: 65px;
        min-width: 65px;

        font-size: 40px;
    }

    .envWhyChoose-stat-number {
        font-size: 30px;
    }

    .envWhyChoose-stat-text {
        font-size: 16px;
    }

    .envWhyChoose-video-wrapper {
        margin-top: 35px;

        padding-right: 12px;
    }

    .envWhyChoose-circle {
        width: 100px;
        height: 100px;

        top: 60px;
        left: -10px;

        border-width: 15px;
    }

    .envWhyChoose-video-border {
        inset: 0 0 0 20px;

        border-width: 12px;
    }

    .envWhyChoose-play-btn {
        width: 88px;
        height: 88px;

        border-width: 6px;
    }

    .envWhyChoose-play-icon {
        width: 76px;
        height: 76px;

        font-size: 21px;
    }

}


/* =========================================
   Small Mobile
========================================= */

@media (max-width: 575.98px) {

    .envWhyChoose-title {
        font-size: 32px;
    }

    .envWhyChoose-stat-card {
        padding: 18px;
    }

    .envWhyChoose-stat-icon {
        width: 55px;
        min-width: 55px;

        font-size: 34px;
    }

    .envWhyChoose-stat-number {
        font-size: 27px;
    }

    .envWhyChoose-stat-text {
        font-size: 15px;
    }

    .envWhyChoose-play-btn {
        width: 78px;
        height: 78px;
    }

    .envWhyChoose-play-icon {
        width: 68px;
        height: 68px;

        font-size: 18px;
    }

}



/* =========================================
   About Company Section
========================================= */

.envAboutCompany-section {
    width: 100%;
    background: #f4f4f4;
    overflow: hidden;

    padding-top: 90px !important;
    padding-bottom: 90px !important;
}


/* =========================================
   Label
========================================= */

.envAboutCompany-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 8px 18px;

    background: #f7f7f4;
    border-radius: 50px;

    color: #101010;

    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.envAboutCompany-label-dot {
    width: 9px;
    height: 9px;

    display: inline-block;

    background: #fbc400;

    border-radius: 50%;
}


/* =========================================
   Main Heading
========================================= */

.envAboutCompany-title {
    max-width: 760px;

    margin: 0px 0 45px;

    color: #0f1212;

    font-size: 44px;
    font-weight: 400;

    line-height: 1.25;
    font-family: "Work Sans", sans-serif;
}

.envAboutCompany-title span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.envAboutCompany-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}


/* =========================================
   Divider
========================================= */

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

    background: #dce2e0;

    margin-bottom: 0;
}


/* =========================================
   Info Area
========================================= */

.envAboutCompany-info {
    width: 100%;
}


/* =========================================
   Experience
========================================= */

.envAboutCompany-experience {
    min-height: 360px;

    padding-top: 38px;
    padding-right: 35px;

    border-right: 1px solid #dce2e0;
}

.envAboutCompany-experience-number {
    display: flex;
    align-items: flex-end;

    color: #063d38;

    line-height: 0.85;
}

.envAboutCompany-experience-number span {
    font-size: clamp(100px, 9vw, 145px);
    font-weight: 400;
    letter-spacing: -7px;
}

.envAboutCompany-experience-number small {
    margin-bottom: 10px;
    margin-left: 12px;

    font-size: 48px;
    font-weight: 400;
}

.envAboutCompany-experience-text {
    margin-top: 40px;

    color: #111111;

    font-size: 27px;
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================
   Description Content
========================================= */

.envAboutCompany-content {
    min-height: 360px;

    padding: 40px 0 0 0;
}

.envAboutCompany-content p {
    max-width: 500px;

    margin: 0 0 48px;

    color: #68716f;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.78;
}


/* =========================================
   Learn About Button
========================================= */

.envAboutCompany-button {
    display: inline-flex;
    align-items: center;
    gap: 15px;

    padding: 0 10px 0 35px;

    min-height: 73px;

    border: 0;
    border-radius: 50px;

    background: #ffc400;

    color: #111111;

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

    cursor: pointer;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

.envAboutCompany-button span {
    width: 52px;
    height: 52px;

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

    background: #111111;

    color: #ffffff;

    border-radius: 50%;

    font-size: 16px;

    transition: transform 0.3s ease;
}

.envAboutCompany-button:hover {
    background: #f5bb00;
    transform: translateY(-3px);
}

.envAboutCompany-button:hover span {
    transform: rotate(90deg);
}


/* =========================================
   Image Wrapper
========================================= */

.envAboutCompany-image-wrapper {
    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: 15px;
}


/* =========================================
   Image Button
========================================= */

.envAboutCompany-image-button {
    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    border: 0;

    background: transparent;

    overflow: hidden;

    border-radius: 15px;

    cursor: pointer;
}


/* =========================================
   Image
========================================= */

.envAboutCompany-image {
    width: 100%;
    height: 560px;

    display: block;

    object-fit: cover;

    border-radius: 15px;

    transition: transform 0.6s ease;
}

.envAboutCompany-image-button:hover .envAboutCompany-image {
    transform: scale(1.04);
}


/* =========================================
   Play Button
========================================= */

.envAboutCompany-play {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 70px;
    height: 70px;

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

    transform: translate(-50%, -50%);

    background: #ffc400;

    color: #111111;

    border-radius: 50%;

    font-size: 20px;

    opacity: 0;

    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

.envAboutCompany-image-button:hover .envAboutCompany-play {
    opacity: 1;

    transform: translate(-50%, -50%) scale(1.05);
}


/* =========================================
   Video Modal
========================================= */

.envAboutCompany-video-modal {
    background: rgba(0, 0, 0, 0.78);
}

.envAboutCompany-modal-content {
    position: relative;

    overflow: hidden;

    background: #000;

    border: 0;

    border-radius: 12px;
}


/* =========================================
   Video
========================================= */

.envAboutCompany-video-box {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    background: #000;
}

.envAboutCompany-video-box iframe {
    width: 100%;
    height: 100%;

    display: block;

    border: 0;
}


/* =========================================
   Modal Close
========================================= */

.envAboutCompany-modal-close {
    position: absolute;

    top: 12px;
    right: 12px;

    width: 42px;
    height: 42px;

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

    border: 0;
    border-radius: 50%;

    background: #ffc400;

    color: #111111;

    font-size: 18px;

    z-index: 10;

    cursor: pointer;
}


/* =========================================
   Large Tablet
========================================= */

@media (max-width: 1199.98px) {

    .envAboutCompany-section {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .envAboutCompany-title {
        font-size: 48px;
    }

    .envAboutCompany-experience-number span {
        font-size: 110px;
    }

    .envAboutCompany-experience-number small {
        font-size: 40px;
    }

    .envAboutCompany-experience-text {
        font-size: 22px;
    }

    .envAboutCompany-content {
        padding-left: 40px;
    }

    .envAboutCompany-content p {
        font-size: 17px;
    }

    .envAboutCompany-image {
        height: 480px;
    }

}


/* =========================================
   Tablet
========================================= */

@media (max-width: 991.98px) {

    .envAboutCompany-title {
        margin-bottom: 35px;

        font-size: 44px;
    }

    .envAboutCompany-experience {
        min-height: 320px;
    }

    .envAboutCompany-content {
        min-height: auto;
        padding-left: 0;
    }

    .envAboutCompany-experience-number span {
        font-size: 95px;
    }

    .envAboutCompany-experience-number small {
        font-size: 34px;
    }

    .envAboutCompany-experience-text {
        margin-top: 30px;
        font-size: 20px;
    }

    .envAboutCompany-image {
        height: 450px;
    }

}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .envAboutCompany-section {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .envAboutCompany-label {
        font-size: 14px;
        padding: 8px 16px;
    }

    .envAboutCompany-title {
        margin-top: 22px;
        margin-bottom: 30px;

        font-size: 36px;
        line-height: 1.2;

        letter-spacing: -0.8px;
    }

    .envAboutCompany-experience {
        min-height: auto;

        padding: 30px 0;

        border-right: 0;
        border-bottom: 1px solid #dce2e0;
    }

    .envAboutCompany-experience-number span {
        font-size: 100px;
    }

    .envAboutCompany-experience-number small {
        margin-bottom: 8px;

        font-size: 35px;
    }

    .envAboutCompany-experience-text {
        margin-top: 20px;

        font-size: 21px;
    }

    .envAboutCompany-content {
        min-height: auto;

        padding: 30px 0 10px;
    }

    .envAboutCompany-content p {
        margin-bottom: 30px;

        font-size: 16px;
        line-height: 1.7;
    }

    .envAboutCompany-image {
        height: 420px;
    }

    .envAboutCompany-image-wrapper {
        margin-top: 20px;
    }

}


/* =========================================
   Small Mobile
========================================= */

@media (max-width: 575.98px) {

    .envAboutCompany-title {
        font-size: 32px;
    }

    .envAboutCompany-experience-number span {
        font-size: 85px;
    }

    .envAboutCompany-experience-number small {
        font-size: 30px;
    }

    .envAboutCompany-experience-text {
        font-size: 19px;
    }

    .envAboutCompany-button {
        min-height: 64px;

        padding-left: 25px;

        font-size: 15px;
    }

    .envAboutCompany-button span {
        width: 46px;
        height: 46px;
    }

    .envAboutCompany-image {
        height: 340px;
    }

    .envAboutCompany-play {
        width: 60px;
        height: 60px;

        opacity: 1;
    }

}


/* =========================================
   Business Progress Showcase
========================================= */

.bizprogress-showcase {
    width: 100%;
    overflow: hidden;
    
}

.bizprogress-wrapper {
    position: relative;
    width: 100%;
    max-width: 980px;
    min-height: 680px;
    margin: 0 auto;
}


/* =========================================
   Images
========================================= */

.bizprogress-image {
    position: absolute;
    overflow: hidden;
    border-radius: 14px;
}

.bizprogress-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Left Image */

.bizprogress-image-left {
    top: 0;
    left: 0;
    width: 49%;
    height: 612px;
    z-index: 1;
}


/* Right Image */

.bizprogress-image-right {
    top: 44px;
    right: 0;
    width: 49%;
    height: 612px;
    z-index: 2;
}


/* =========================================
   Progress Card
========================================= */

.bizprogress-card {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 10;

    width: 285px;
    min-height: 237px;

    padding: 40px 25px 28px;

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

    background: #20292e;
    border-radius: 14px;

    transform: translateX(-50%);
}


/* =========================================
   Progress Circle
========================================= */

.bizprogress-circle {
    position: relative;
    width: 104px;
    height: 104px;

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

    margin-bottom: 24px;
}

.bizprogress-circle-svg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    transform: rotate(-90deg);
}


/* Circle Background */

.bizprogress-circle-bg {
    fill: none;
    stroke: #858d91;
    stroke-width: 4;
}


/* Progress */

.bizprogress-circle-progress {
    fill: none;
    stroke: #ffffff;
    stroke-width: 4;

    stroke-linecap: round;

    stroke-dasharray: 238.76;
    stroke-dashoffset: 47.75;

    transition: stroke-dashoffset 1s ease;
}


/* Percentage */

.bizprogress-percentage {
    position: relative;
    z-index: 2;

    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}


/* =========================================
   Title
========================================= */

.bizprogress-title {
    margin: 0;

    color: #ffffff;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 991.98px) {

    .bizprogress-showcase {
        padding: 60px 0;
    }

    .bizprogress-wrapper {
        max-width: 760px;
        min-height: 560px;
    }

    .bizprogress-image-left {
        height: 500px;
    }

    .bizprogress-image-right {
        top: 35px;
        height: 500px;
    }

    .bizprogress-card {
        width: 260px;
        min-height: 215px;
        padding: 30px 20px 25px;
    }

    .bizprogress-circle {
        width: 90px;
        height: 90px;
        margin-bottom: 18px;
    }

    .bizprogress-title {
        font-size: 22px;
    }

    .bizprogress-percentage {
        font-size: 19px;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .bizprogress-showcase {
        padding: 40px 15px 70px;
    }

    .bizprogress-wrapper {
        max-width: 520px;
        min-height: auto;

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

    .bizprogress-image {
        position: relative;
        top: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: 420px;
    }

    .bizprogress-image-left {
        order: 1;
    }

    .bizprogress-image-right {
        order: 2;
    }

    .bizprogress-card {
        position: relative;
        left: auto;
        bottom: auto;

        order: 3;

        width: 100%;
        min-height: 210px;

        transform: none;
    }
}


/* =========================================
   Small Mobile
========================================= */

@media (max-width: 480px) {

    .bizprogress-image {
        height: 330px;
        border-radius: 12px;
    }

    .bizprogress-card {
        min-height: 195px;
        border-radius: 12px;
        padding: 25px 15px;
    }

    .bizprogress-circle {
        width: 82px;
        height: 82px;
        margin-bottom: 16px;
    }

    .bizprogress-percentage {
        font-size: 18px;
    }

    .bizprogress-title {
        font-size: 20px;
    }
}



.account-image-box{ width: 100%; height: 500px;}
.account-image-box img{ width: 100%; object-fit: cover; height: 100%;}

.envProcess-section {
    width: 100%;
    padding: 80px 0;
    background: #eef2f3;
    overflow: hidden;
}


/* =========================================
   LEFT PROCESS CARD
========================================= */

.envProcess-card {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 30px 55px;
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
}


/* =========================================
   PROCESS ITEM
========================================= */

.envProcess-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding-bottom: 48px;
}

.envProcess-item:last-child {
    padding-bottom: 0;
}


/* =========================================
   VERTICAL DOTTED LINE
========================================= */

.envProcess-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 34px;
    top: 88px;
    width: 1px;
    height: calc(100% - 65px);
    background: repeating-linear-gradient(
        to bottom,
        #c8d7da 0,
        #c8d7da 2px,
        transparent 2px,
        transparent 5px
    );
}


/* =========================================
   NUMBER CIRCLE
========================================= */

.envProcess-number {
    position: relative;
    z-index: 2;

    flex: 0 0 70px;
    width: 70px;
    height: 70px;

    border-radius: 50%;

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

    background: #dce9eb;
    color: #10262a;

    font-size: 23px;
    font-weight: 500;
    line-height: 1;

    transition: all 0.3s ease;
}


/* Active step */

.envProcess-item-active .envProcess-number {
    background: #24949a;
    color: #ffffff;
}


/* =========================================
   PROCESS CONTENT
========================================= */

.envProcess-content {
    padding-top: 15px;
    flex: 1;
}

.envProcess-title {
    margin: 0 0 20px;

    color: #10262a;

    font-family: "Work Sans", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.envProcess-description {
    margin: 0;

    max-width: 440px;

    color: #3d555a;

    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.envProcess-info {
    padding-top: 0;
    margin-left: auto;
}


/* =========================================
   SMALL LABEL
========================================= */

.envProcess-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 7px 12px;

    background: #ffffff;
    border-radius: 4px;

    color: #17858b;

    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.envProcess-label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #24949a;
    font-size: 13px;
}


/* =========================================
   MAIN HEADING
========================================= */

.envProcess-heading {
    margin: 25px 0 50px;

    color: #10262a;

    font-family: "Work Sans", sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -2px;
}


.envProcess-heading span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.envProcess-heading span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}



/* =========================================
   DESCRIPTION
========================================= */

.envProcess-text {
    margin: 0 0 25px;

    max-width: 535px;

    color: #425b60;

    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================
   REQUEST A CALL BUTTON
========================================= */

.envProcess-button {
    display: inline-flex;
    align-items: center;

    height: 52px;

    padding: 0 5px 0 25px;

    border-radius: 30px;

    background: #24949a;

    color: #ffffff;

    text-decoration: none;

    font-family: "Work Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;

    transition: all 0.3s ease;
}

.envProcess-button-text {
    display: inline-flex;
    align-items: center;
    height: 100%;
}


/* Button Icon */

.envProcess-button-icon {
    width: 42px;
    height: 42px;

    margin-left: 12px;

    border-radius: 50%;

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

    background: #10262a;
    color: #ffffff;

    font-size: 15px;

    transition: all 0.3s ease;
}


/* Button hover */

.envProcess-button:hover {
    background: #10262a;
    color: #ffffff;
}

.envProcess-button:hover .envProcess-button-icon {
    background: #24949a;
    transform: rotate(45deg);
}


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

@media (max-width: 1199.98px) {

    .envProcess-section {
        padding: 70px 0;
    }

    .envProcess-card {
        padding: 50px 35px;
    }

    .envProcess-item {
        gap: 20px;
    }

    .envProcess-number {
        flex-basis: 65px;
        width: 65px;
        height: 65px;
        font-size: 21px;
    }

    .envProcess-item:not(:last-child)::after {
        left: 32px;
        top: 80px;
    }

    .envProcess-title {
        font-size: 22px;
    }

    .envProcess-description {
        font-size: 15px;
    }

    .envProcess-heading {
        font-size: 42px;
    }
}


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

@media (max-width: 991.98px) {

    .envProcess-section {
        padding: 60px 0;
    }

    .envProcess-card {
        max-width: 100%;
        margin-bottom: 45px;
    }

    .envProcess-info {
        max-width: 100%;
        margin-left: 0;
    }

    .envProcess-heading {
        font-size: 40px;
    }
}


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

@media (max-width: 575.98px) {

    .envProcess-section {
        padding: 45px 0;
    }

    .envProcess-card {
        padding: 35px 20px;
        border-radius: 8px;
    }

    .envProcess-item {
        gap: 15px;
        padding-bottom: 40px;
    }

    .envProcess-number {
        flex: 0 0 55px;
        width: 55px;
        height: 55px;

        font-size: 18px;
    }

    .envProcess-item:not(:last-child)::after {
        left: 27px;
        top: 68px;
        height: calc(100% - 50px);
    }

    .envProcess-content {
        padding-top: 7px;
    }

    .envProcess-title {
        margin-bottom: 12px;
        font-size: 19px;
        letter-spacing: -0.3px;
    }

    .envProcess-description {
        font-size: 14px;
        line-height: 1.55;
    }

    .envProcess-label {
        font-size: 12px;
        padding: 7px 10px;
    }

    .envProcess-heading {
        margin-top: 20px;
        font-size: 28px;
        line-height: 1.12;
        letter-spacing: -1.2px;
    }

    .envProcess-text {
        font-size: 14px;
        line-height: 1.5;
    }

    .envProcess-button {
        height: 50px;
        padding-left: 20px;
        font-size: 14px;
    }
}




















/*==================================================
BLOG SECTION
==================================================*/

.envblog-section{

    background:#fff;

    padding:100px 0;

    overflow:hidden;

}

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

.envblog-subtitle{

   font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #222;
    margin-bottom: 20px;
    display: block;

}

.envblog-title{

    font-family: "Work Sans", sans-serif;
    font-size: 44px;

    font-weight:400;

    line-height:1.15;

    color:#16252c;

    margin-bottom:0;

}

.envblog-title span{

    color:#aebdc0;

}

.envblog-desc{

    font-size:20px;

    line-height:1.8;

    color:#4f6267;

    margin:0;

}

/*==================================================
NAVIGATION
==================================================*/

.envblog-navigation{

    display:flex;

    justify-content:flex-end;

    gap:16px;

}

.envblog-prev,
.envblog-next{

    width:56px;

    height:56px;

    border:1px solid #cfdede;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.35s;

    background:#fff;

}

.envblog-prev:hover,
.envblog-next:hover{

    background:#1c95a6;

    color:#fff;

    border-color:#1c95a6;

}

/*==================================================
SLIDER
==================================================*/

.envblog-slider{

    overflow:hidden;

}

/*==================================================
CARD
==================================================*/

.envblog-card{

    background:#f5f5f7;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    height:100%;

}

.envblog-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

/*==================================================
IMAGE
==================================================*/

.envblog-image{

    position:relative;

    overflow:hidden;

    height:340px;

}

.envblog-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.envblog-card:hover .envblog-image img{

    transform:scale(1.08);

}

/*==================================================
DATE
==================================================*/

.envblog-date{

    position:absolute;

    top:16px;

    left:16px;

    width:74px;

    height:94px;

    background:rgba(62,78,76,.82);

    backdrop-filter:blur(6px);

    border-radius:10px;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.envblog-date strong{

    font-size:44px;

    line-height:1;

    font-weight:700;

}

.envblog-date span{

    font-size:16px;

    letter-spacing:1px;

    font-weight:600;

}

/*==================================================
CONTENT
==================================================*/

.envblog-content{

    padding:38px;

}

.envblog-meta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:22px;

}

.envblog-category{

    border:1px solid #cfdede;

    border-radius:4px;

    padding:4px 12px;

    font-size:15px;

    font-weight:600;

    color:#16252c;

}

.envblog-meta span:last-child{

    color:#5d7076;

    font-size:16px;

}

.envblog-content h3{

    font-size:38px;

    line-height:1.28;

    font-weight:700;

    color:#16252c;

    margin-bottom:35px;

}

/*==================================================
READ MORE
==================================================*/

.envblog-readmore{

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-size:22px;

    font-weight:600;

    color:#16252c;

    text-decoration:none;

}

.envblog-readmore span{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#16252c;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}

.envblog-card:hover .envblog-readmore span{

    background:#1c95a6;

}

/*==================================================
PAGINATION
==================================================*/

.envblog-pagination{

    margin-top:45px;

    text-align:center;

}

.envblog-pagination .swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#bdd9d8;

    opacity:1;

    margin:0 6px !important;

    border-radius:30px;

    transition:.35s;

}

.envblog-pagination .swiper-pagination-bullet-active{

    width:48px;

    background:#1c95a6;

}

































 
/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (max-width: 1200px) {
  .env-right-area {
    gap: 10px;
  }
  
  .chy-call-1-content .phone {
    font-size: 13px;
  }
  
  .env-cta-btn {
    padding: 8px 14px;
    font-size: 13px;
  }

  
}


@media (max-width: 991.98px) {
  .env-right-area {
    justify-content: space-between;
        margin-top: 0;
        padding-top: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        width: 50%;
  }
}


@media (max-width: 480px) {
  .env-right-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; display: none;
  }

  .env-cta-btn {
    width: 100%;
    text-align: center;
  }
}




@media (min-width: 1366px) and (max-width: 1500px) {
      
.env-hero-image {
    position: relative;
    z-index: 5;
    max-width: 100%;
}

.env-menu .nav-link {
    
    font-size: 15px;
    font-weight: 500;
    padding: 12px 4px !important;
}

.env-right-area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}

.chy-call-1-btn-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chy-call-2-icon {
    flex: 0 0 auto;
    position: relative;
    font-size: 20px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fc661c;
    text-align: center;
    line-height: 47px;
    color: white;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}

.seohero-title {
    font-size: 55px;
    line-height: 1.05;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
}

.env-logo img {
    max-height: 45px;
}
.env-title2 {
    font-size: 43px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    font-family: "Work Sans", sans-serif;
}

.envgp-left h2 { font-size: 53px; }

.envstats-section {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: flex-end;
    padding: 20px 0;
}

.envstats-number { font-size: 40px;white-space: nowrap;}
.envstats-title { font-size: 18px; margin-right: 14px;}
.envtesti-text{ font-size:16px;}
.envcase-title { font-size: 25px;}
.card-title { line-height: 30px;}
.envnews-image img { height: 200px;}
.envnews-title {font-size: 24px;}
.envcontact-title { font-size: 38px;}
.envblog-heading { font-size: 38px;}
.envtesti-heading { font-size: 38px;}
.envcase-heading { font-size: 38px;}
.envcontact-feature h4 {  font-size: 30px;}
.envfooter-brand img { max-width: 100%; margin-bottom: 15px;}
.env-counter-number { font-size: 120px;}
.envhero-title {font-size: 62px;}
.envhero-slider { width: 100%; height: 85vh;}
.env-title2 { font-size: 36px;}
.env-circle-btn {
    position: absolute;
    left: -60px;
    top: 130px;
    width: 120px;
    height: 120px;
    
}

.env-btn2 { padding: 8px 28px;}
.consult-content h2{ font-size: 28px;}
.envblog-btn span { padding: 12px 28px; font-size: 20px;}
.carousel-container { width: 1270px;}
.image-wrapper { height: 280px;}
.envhero-slide { height: 100vh;}
.envhero-content { height: 100vh;}
.envhero-banner { height: 100vh;}
.env-title2 span::after { bottom: 5px; height: 6px;}
.env-menu .nav-link { padding: 12px 8px !important;}
.envabt-title { font-size: 40px;}
.evx-business-hero { padding: 50px 0 50px;}
.evx-business-img-small { position: absolute; left: -50px; top: 210px; width: 68%; padding: 12px; border-radius: 20px;}
.evx-business-images { position: relative; min-height: auto;}
.evx-business-title span::after { bottom: 4px; height: 6px;}
.envabt-title span::after { bottom: 4px; height: 6px;}
.envcta-title { font-size: 46px;}
.odooca-work-heading { font-size: 22px !important;}
.kt-txt{ font-size: 16px; line-height: 22px;}
.odooca-svc-card-title {font-size: 17px!important; font-weight: 500!important;}
.env-odoo-features-orbit { width: 100%; max-width: 430px !important;}
.env-odoo-features-benefit-card-body h3 { line-height: 22px !important;}
.env-odoo-features-hero { padding: 50px 0 30px !important;}
.env-odoo-features-modules { padding: 0 0 50px !important;}
.env-odoo-features-benefits { padding: 50px 0 !important;}
.env-odoo-features-comparison { padding: 50px 0 !important;}
.env-odoo-features-comparison-box h3 { line-height: 22px !important;}
.env-odoo-features-comparison-box p { font-size: 16px !important;}
.env-odoo-features-tailored { padding: 50px 0 !important;}
.env-odoo-features-whyus { padding: 50px 0 !important;}
.env-odoo-features-devservices { padding: 50px 0 !important;}    
.envInv-hero-photo { max-width: 450px !important;}
.envInv-hero { padding: 70px 0 40px !important;}
.envInv-benefits { padding: 50px 0 !important;}
.envhero-slide { height: 100vh;}
.ecr-about-container { max-width: 1180px !important;}    
.envnav-item>a { font-size: 13px;}
.envnav-item { margin: 0 12px;}
.envnav-mega {  width: 900px;}
.envnav-widget a { font-size: 14px;}

}


@media (max-width: 450px) {
  

}



@media (min-width: 1200px) and (max-width: 1365px) {
  
.env-hero-image {
    position: relative;
    z-index: 5;
    max-width: 100%;
}

.env-menu .nav-link {
    
    font-size: 15px;
    font-weight: 500;
    padding: 12px 4px !important;
}

.env-right-area {
    display: flex;
    justify-content: unset;
    align-items: center;
    gap: 3px;
}




.chy-call-2-icon {
    flex: 0 0 auto;
    position: relative;
    font-size: 20px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fc661c;
    text-align: center;
    line-height: 47px;
    color: white;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}

.seohero-title {
    font-size: 55px;
    line-height: 1.05;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
}

.env-logo img {
    max-height: 45px;
}

.chy-call-1-content .text { font-size: 13px;}

.chy-call-1-content .phone { font-size: 15px;}
.carousel-container {
      position: relative;
      display: flex;
      align-items: center; width: 1220px;
    margin: auto;
    }
.env-title2 {
    font-size: 38px;
        line-height: 1;
        font-weight: 400;
        color: #04292b;
        font-family: "Work Sans", sans-serif;
       
}

.envgp-left h2 { font-size: 38px; }

.envstats-section {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: flex-end;
    padding: 20px 0;
}

.envstats-number { font-size: 40px;white-space: nowrap;}
.envstats-title { font-size: 18px; margin-right: 14px;}
.envtesti-text{ font-size:16px;}
.envcase-title { font-size: 25px;}
.card-title { line-height: 30px;}
.envnews-image img { height: 200px;}
.envnews-title {font-size: 24px;}
.envcontact-title { font-size: 38px;}
.envblog-heading { font-size: 38px;}
.envtesti-heading { font-size: 38px;}
.envcase-heading { font-size: 38px;}
.envcontact-feature h4 {  font-size: 30px;}
.envfooter-brand img { max-width: 100%; margin-bottom: 15px;}
.env-counter-number { font-size: 120px;}
.envhero-title {font-size: 62px;}
.envhero-slider { width: 100%; height: 85vh;}
.env-circle-btn {
    position: absolute;
    left: -60px;
    top: 130px;
    width: 120px;
    height: 120px;
    
}

.env-btn2 { padding: 8px 28px;}
.consult-content h2{ font-size: 28px;}
.envblog-btn span { padding: 12px 28px; font-size: 20px;}
.env-title2 span::after { bottom: 5px; height: 6px;}
.env-menu .nav-link { padding: 12px 8px !important;}
.envabt-title { font-size: 40px;}
.evx-business-hero { padding: 50px 0 50px;}
.evx-business-img-small { position: absolute; left: -50px; top: 210px; width: 68%; padding: 12px; border-radius: 20px;}
.evx-business-images { position: relative; min-height: auto;}
.evx-business-title span::after { bottom: 4px; height: 6px;}
.envabt-title span::after { bottom: 4px; height: 6px;}
.envcta-title { font-size: 46px;}
.odooca-work-heading { font-size: 22px !important;}
.kt-txt{ font-size: 16px; line-height: 22px;}
.odooca-svc-card-title {font-size: 17px !important; font-weight: 500 !important;}
.env-odoo-features-orbit { width: 100%; max-width: 430px !important;}
.env-odoo-features-benefit-card-body h3 { line-height: 22px !important;}
.env-odoo-features-hero { padding: 50px 0 30px !important;}
.env-odoo-features-modules { padding: 0 0 50px !important;}
.env-odoo-features-benefits { padding: 50px 0 !important;}

.env-odoo-features-comparison { padding: 50px 0 !important;}
.env-odoo-features-comparison-box h3 { line-height: 22px !important;}
.env-odoo-features-comparison-box p { font-size: 16px !important;}
.env-odoo-features-tailored { padding: 50px 0 !important;}
.env-odoo-features-whyus { padding: 50px 0 !important;}
.env-odoo-features-devservices { padding: 50px 0 !important;}
.envInv-hero-photo { max-width: 450px !important;}
.envInv-hero { padding: 70px 0 40px !important;}
.envInv-benefits { padding: 50px 0 !important;}
.envnav-mega { width: 900px;}
.envnav-logo img { max-height: 36px; width: auto;}
.envabt-banner { min-height: 300px;}
.envhero-slide { height: 100vh;} 
.ecr-about-container { max-width: 1180px !important;}    


}

@media (min-width: 1000px) and (max-width: 1199px){



}


@media (min-width: 768px) and (max-width: 999px){
.carousel-container{width: 100%; padding: 0 30px;}
.envhero-slide { height: 50vh;}
.envhero-content { height: 50vh;}
.envhero-slider { width: 100%; height: 50vh;}
 .env-title2 span::after { bottom: 6px; height: 5px;}
 .envgp-left h2 span::after { bottom: 6px; height: 5px;}
}  



@media only screen and (max-width: 767px) {
  .carousel-container{width: 100%;}
  .envhero-slide { height: 50vh;}
  .envhero-content { height: 50vh;}
  .envhero-slider { width: 100%; height: 50vh;}
  .env-title2 { font-size: 32px;}
  .envblog-heading {font-size: 40px; line-height: 1.05;}
  .env-title2 span::after { bottom: 6px; height: 5px;}
  .envgp-left h2 span::after { bottom: 6px; height: 5px;}
  .about__img-wrap-four > img:nth-child(2) { position: relative !important; right: 0 !important; bottom: 0 !important;}

}


/*==============================
    ENV ONE APP SECTION
==============================*/

.envoneapp-section{
    padding:90px 0;
    background:#fff;
}

.envoneapp-heading{
    margin-bottom:50px;
}

.envoneapp-title{
    font-size:40px;
    font-weight:400;
    color:#1f2128;
    margin:0 0 12px;
    font-family:"Work Sans", sans-serif;
}

.envoneapp-subtitle{
    font-size:18px;
    color:#5c5c5c;
    margin:0;
}

.envoneapp-box{
    display:flex;
    align-items:center;
    gap:16px;
    background:#f3f3f3;
    border-radius:10px;
    padding:22px 24px;
    height:100%;
    text-decoration:none;
    transition:.3s;
}

.envoneapp-box:hover{
    background:#eae9e9;
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.envoneapp-icon{
    width:42px;
    height:42px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.envoneapp-icon svg{
    width:100%;
    height:100%;
}

.envoneapp-name{
    font-size:16px;
    font-weight:600;
    color:#1f2128;
}

@media only screen and (max-width: 991px) {
  .envoneapp-title{ font-size:32px; }
  .envoneapp-box{ padding:18px; }
}

@media only screen and (max-width: 575px) {
  .envoneapp-title{ font-size:28px; }
  .envoneapp-box{ flex-direction:column; text-align:center; gap:10px; padding:20px 12px; }
  .envoneapp-name{ font-size:14px; }
}


/*==================================================
    ODOO.HTML — odoo-content-area
    ("Odoo ERP" long-form content section)
==================================================*/

.odoo-content-area{
    overflow:hidden;
}

.odooca-section{
    padding:50px 0;
    background:#ffffff;
}

.odooca-suite{ background:#ffffff; }
.odooca-suite p{ font-size: 17px;}
.odooca-single{ background:#f7f7fa; }
.odooca-services{ background:#ffffff; }
.odooca-features{ background:#f7f7fa; }
.odooca-benefits{ background:#ffffff; }
.odooca-industries{ background:#f7f7fa; }
.odooca-compare{ background:#ffffff; }
.odooca-howworks{ background:#ffffff; }
.odooca-getstarted{ background:#f7f7fa; }

.odooca-section--dark{
    background:#1f2128;
}

/*---------- Header / Type ----------*/

.odooca-header{
    margin:0 auto 50px;
    text-align:center; font-family: "Work Sans", sans-serif; font-size:44px;
}

.odooca-tag{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#fc661c;
    margin-bottom:14px;
}

.odooca-title{
    font-family:"Work Sans", sans-serif;
    font-weight:400;
    font-size:44px;
    line-height:1.25;
    color:#1f2128;
    margin:0 0 18px;
}

.odooca-title span{ position: relative;}
.odooca-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 8px;
    background: #ffb400;
    z-index: -1;
}


.odooca-title--center{
    text-align:center;
}

.odooca-section--dark .odooca-title,
.odooca-section--dark .odooca-work-heading{
    color:#ffffff;
}

.odooca-text{
    font-size:16px;
    line-height:1.75;
    color:#5c6270;
    margin:0 0 30px;
}

.odooca-text--center{
    text-align:center;
    max-width:640px;
    margin-left:auto;
    margin-right:auto;
}

.odooca-section--dark .odooca-text{
    color:#b8bac2;
}

.odooca-header .odooca-text{
    margin-top:12px;
    margin-bottom:0;
}

/*---------- Icon badges ----------*/

.odooca-icon{
    
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:16px;
    font-size:54px;
    color:#f96f2a;
    margin-bottom:18px;
}

.odooca-icon--sm{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:12px;
    font-size:38px;
    line-height: 0;
    color: #fb9323;
    margin-bottom:0; 
}

/*.odooca-icon--a{ background:#fc661c; }
.odooca-icon--b{ background:#714b67; }
.odooca-icon--c{ background:#000; }
.odooca-icon--c img{ width: 100%;}*/

.odooca-inline-icon{
    color:#fc661c;
    margin-right:8px; font-size: 35px;
}

/*---------- Cards ----------*/

.odooca-card{
    background:#ffffff;
    border:1px solid #eef0f4;
    border-radius:16px;
    padding:34px 28px;
    height:100%;
    box-shadow:0 4px 20px rgba(20,20,43,.05);
    transition:.35s;
}

.odooca-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 34px rgba(20,20,43,.1);
    border-color:#fc661c22;
}

.odooca-card--center{
    text-align:center;
}

.odooca-card--center .odooca-icon{
    margin-left:auto;
    margin-right:auto;
}

.odooca-card--row{
    display:flex;
    align-items:flex-start;
    gap:20px;
}

.odooca-card--row .odooca-icon{
    margin-bottom:0;
}

.odooca-card-title{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:19px;
    color:#1f2128;
    margin:20px 0 10px; line-height: 22px;
}

.odooca-card-text{
    font-size:16px;
    line-height:1.65;
    color:#232323;
    margin:0;
}

/*---------- Circular / rect photo ----------*/

.odooca-photo-circle{
    position:relative;
    max-width:600px;
    margin:0 auto;
    padding:22px;
}

.odooca-photo-circle img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2;
    border:8px solid #ffffff;
    box-shadow:0 20px 40px rgba(20,20,43,.12);
}

.odooca-photo-circle::before{
    content:'';
    position:absolute;
    width:64px;
    height:64px;
    border-radius:50%;
    background:linear-gradient(135deg,#fc661c,#714b67);
    top:0;
    right:0;
    z-index:1;
    animation:odoocaFloatA 7s ease-in-out infinite;
}

.odooca-photo-circle::after{
    content:'';
    position:absolute;
    width:90px;
    height:90px;
    border-radius:50%;
    border:10px solid #00a09d33;
    bottom:0;
    left:0;
    z-index:1;
    animation:odoocaFloatB 8s ease-in-out infinite;
}

@keyframes odoocaFloatA{
    0%, 100%{ transform:translate(0, 0) scale(1); }
    50%{ transform:translate(-8px, 10px) scale(1.08); }
}

@keyframes odoocaFloatB{
    0%, 100%{ transform:translate(0, 0) scale(1); }
    50%{ transform:translate(8px, -10px) scale(0.92); }
}

@media (prefers-reduced-motion: reduce){
    .odooca-photo-circle::before,
    .odooca-photo-circle::after{
        animation:none;
    }
}

.odooca-photo-circle--dark img{
    border-color:#2a2d36;
}

.odooca-photo-rect{
    position:relative;
    padding:20px 20px 20px 0;
}

.odooca-photo-rect img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 20px 40px rgba(20,20,43,.12);
    position:relative;
    z-index:2;
    animation:odoocaBreathe 10s ease-in-out infinite;
}

.odooca-photo-rect::before{
    content:'';
    position:absolute;
    width:70%;
    height:70%;
    border-radius:20px;
    border:10px solid #fc661c22;
    top:-20px;
    left:20px;
    z-index:1;
    animation:odoocaFloatC 9s ease-in-out infinite;
}

@keyframes odoocaBreathe{
    0%, 100%{ transform:scale(1); }
    50%{ transform:scale(1.03); }
}

@keyframes odoocaFloatC{
    0%, 100%{ transform:translate(0, 0); }
    50%{ transform:translate(10px, -12px); }
}

@media (prefers-reduced-motion: reduce){
    .odooca-photo-rect img,
    .odooca-photo-rect::before{
        animation:none;
    }
}

/*---------- List / feature rows ----------*/

.odooca-list{
    margin-top:30px;
}

.odooca-list-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:26px;
}

.odooca-list--compact .odooca-list-item{
    margin-bottom:22px;
}

.odooca-list-item:last-child{
    margin-bottom:0;
}

.odooca-list-title{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:17px;
    color:#1f2128;
    margin:0 0 6px;
}

.odooca-section--dark .odooca-list-title{
    color:#ffffff;
}

.odooca-feature-grid .odooca-list-item{
    margin-bottom:0;
}

.odooca-sub-block{
    margin-top:26px;
}

/*---------- Checklist (Benefits) ----------*/

.odooca-check-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.odooca-check-item{
    background:#f7f7fa;
    border-radius:12px;
    overflow:hidden;
    transition:background .3s;
}

.odooca-check-item:has(.odooca-check-toggle[aria-expanded="true"]){
    background:#fff2ea;
}

.odooca-check-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    border:none;
    background:transparent;
    padding:16px 20px;
    cursor:pointer;
    text-align:left;
}

.odooca-check-toggle-left{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.odooca-check-item i.bi-check-circle-fill{
    color:#f96f2a;
    font-size:20px;
    margin-top:2px;
}

.odooca-check-item .odooca-list-title{
    margin:0;
}

.odooca-check-arrow{
    flex-shrink:0;
    font-size:15px;
    color:#8a8f9c;
    transition:transform .3s;
}

.odooca-check-toggle[aria-expanded="true"] .odooca-check-arrow{
    transform:rotate(180deg);
    color:#fc661c;
}

.odooca-check-item .collapse,
.odooca-check-item .collapsing{
    padding:0 20px 0 54px;
}

.odooca-check-item .collapse.show{
    padding-bottom:16px;
}

/*---------- How it works — modern process cards ----------*/

.odooca-process{
    position:relative;
    padding-top:32px;
}

.odooca-process-line{
    display:none;
    position:absolute;
    top:0;
    left:16.6%;
    right:16.6%;
    height:2px;
    background-image:linear-gradient(90deg,#fc661c,#714b67,#00a09d,#fc661c);
    background-size:200% 100%;
    opacity:.35;
    z-index:0;
    animation:odoocaLineShimmer 7s linear infinite;
}

@keyframes odoocaLineShimmer{
    0%{ background-position:0% 0; }
    100%{ background-position:-200% 0; }
}

.odooca-process-row{
    position:relative;
    z-index:1;
}

.odooca-process-card{
    position:relative;
    height:100%;
    background:#ffffff;
    border:1px solid #eef0f4;
    border-radius:18px;
    padding:44px 28px 32px;
    margin-top:32px;
    box-shadow:0 4px 20px rgba(20,20,43,.05);
    transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

.odooca-process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 42px rgba(20,20,43,.12);
    border-color:transparent;
}

.odooca-process-number{
    position:absolute;
    top:-32px;
    left:28px;
    width:64px;
    height:64px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#fc661c,#714b67);
    color:#ffffff;
    font-family:"Work Sans", sans-serif;
    font-size:20px;
    font-weight:700;
    box-shadow:0 10px 22px rgba(252,102,28,.3);
    animation:odoocaBadgePulse 2.6s ease-in-out infinite;
    transition:transform .4s ease;
}

.odooca-process-card:hover .odooca-process-number{
    transform:rotate(-8deg) scale(1.08);
}

@keyframes odoocaBadgePulse{
    0%, 100%{ box-shadow:0 10px 22px rgba(252,102,28,.3), 0 0 0 0 rgba(252,102,28,.35); }
    50%{ box-shadow:0 10px 22px rgba(252,102,28,.3), 0 0 0 10px rgba(252,102,28,0); }
}

.odooca-work-heading{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:27px;
    color:#1f2128;
    margin:25px 0;
}

.odooca-process-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:22px;
    transition:transform .3s ease;
}

.odooca-process-item:last-child{
    margin-bottom:0;
}

.odooca-process-item:hover{
    transform:translateX(4px);
}

.odooca-process-item .odooca-icon{
    transition:transform .4s ease;
}

.odooca-process-item:hover .odooca-icon{
    transform:rotate(10deg) scale(1.12);
}

@media (prefers-reduced-motion: reduce){
    .odooca-process-line,
    .odooca-process-number,
    .odooca-process-card,
    .odooca-process-item,
    .odooca-process-item .odooca-icon{
        animation:none;
        transition:none;
    }
}

@media only screen and (min-width: 992px) {
    .odooca-process-line{
        display:block;
    }
}

@media only screen and (max-width: 767px) {
    .odooca-process-card{ padding:40px 22px 26px; }
    .odooca-process-number{ width:54px; height:54px; font-size:17px; left:22px; top:-27px; }
}

/*---------- CTA ----------*/

.odooca-cta-center{
    text-align:center;
    margin-top:20px;
}

.odooca-cta{
    background: url("../images/testimonial-bg.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0;
}

.odooca-cta-box{
    text-align:center;
    max-width:900px;
    margin:0 auto;
}

.odooca-cta-box .odooca-title{
    color:#ffffff;
}

.odooca-cta-box .odooca-text{
    color:#b8bac2;
    margin-bottom:30px;
}

.odooca-btn-mt{
    margin-top:36px;
}

/*---------- Responsive ----------*/

@media only screen and (max-width: 991px) {
    .odooca-section{ padding:20px 0; margin-bottom: 30px;}
    .odooca-title{ font-size:30px; }
    .odooca-title span::after { display: none;}
}

@media only screen and (max-width: 767px) {
    .odooca-section{ padding:25px 0; }
    .odooca-title{ font-size:26px; }
    .odooca-header{ margin-bottom:36px; }
    .odooca-card{ padding:26px 22px; }
    .odooca-photo-circle{ max-width:100%; }
    .odooca-photo-rect{ padding:14px; }
    .odooca-photo-rect::before{ display:none; }
    .odooca-card--row{ flex-direction:column; }
    .odooca-list-title { font-size: 18px;line-height: 25px;}
    .odooca-title span::after { display: none;}
}

@media only screen and (max-width: 575px) {
    .odooca-title{ font-size:30px; }
    .odooca-icon{ width:50px; height:50px; min-width:50px; font-size:45px; }
}


/*---------- Industries — modern animated cards ----------*/

.odooca-industries{
    position:relative;
    overflow:hidden;
}

.odooca-industries .container{
    position:relative;
    z-index:1;
}

.odooca-industries-blob{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    opacity:.32;
    z-index:0;
    pointer-events:none;
}

.odooca-industries-blob--a{
    width:260px;
    height:260px;
    background:#fc661c;
    top:-90px;
    left:-90px;
    animation:odoocaFloatA 10s ease-in-out infinite;
}

.odooca-industries-blob--b{
    width:220px;
    height:220px;
    background:#00a09d;
    bottom:-70px;
    right:-70px;
    animation:odoocaFloatB 11s ease-in-out infinite;
}

.odooca-industry-card{
    position:relative;
    background:#ffffff;
    border:1px solid #eef0f4;
    border-radius:18px;
    padding:38px 30px;
    height:100%;
    text-align:center;
    overflow:hidden;
    box-shadow:0 4px 20px rgba(20,20,43,.05);
    transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}

.odooca-industry-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:4px;
    background:linear-gradient(90deg,#fc661c,#714b67,#00a09d);
    transition:width .5s ease;
}

.odooca-industry-card:hover{
    transform:translateY(-10px);
    box-shadow:0 24px 44px rgba(20,20,43,.12);
    border-color:transparent;
}

.odooca-industry-card:hover::before{
    width:100%;
}

.odooca-industry-card .odooca-icon{
    transition:transform .5s ease;
}

.odooca-industry-card:hover .odooca-icon{
    transform:rotate(360deg) scale(1.08);
}

.odooca-industry-index{
    position:absolute;
    top:6px;
    right:18px;
    font-family:"Work Sans", sans-serif;
    font-weight:700;
    font-size:46px;
    line-height:1;
    color:#f0f1f4;
    z-index:0;
    user-select:none;
}

.odooca-industry-card > *:not(.odooca-industry-index){
    position:relative;
    z-index:1;
}

@media (prefers-reduced-motion: reduce){
    .odooca-industries-blob{
        animation:none;
    }

    .odooca-industry-card,
    .odooca-industry-card .odooca-icon{
        transition:none;
    }
}

@media only screen and (max-width: 767px) {
    .odooca-industry-card{ padding:30px 24px; }
    .odooca-industry-index{ font-size:36px; }
}


/*---------- What We Do ----------*/

.odooca-whatwedo-slider{

    overflow:hidden;
}

.odooca-whatwedo-slider .swiper-wrapper{
    align-items:stretch;
}

.odooca-whatwedo-slider .swiper-slide{
    height:auto;
}

.odooca-whatwedo-card{
    background:#f7f7fa;
    border-radius:16px;
    padding:30px 26px;
    height:100%;
    display:flex;
    flex-direction:column;
}

.odooca-whatwedo-card .odooca-icon{
    margin-bottom:22px;
}

.odooca-whatwedo-card .odooca-icon img{
    width:70px;
    
}

.odooca-whatwedo-point{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:20px;
    padding-top:16px;
    border-top:1px solid #e5e6eb;
    font-size:14px;
    font-weight:600;
    color:#1f2128;
}

.odooca-whatwedo-dot{
    width:8px;
    height:8px;
    min-width:8px;
    border-radius:50%;
    background:#fc661c;
}

.odooca-whatwedo-nav{
    display:flex;
    align-items:center;
    gap:16px;
    margin:28px 0 34px;
}

.odooca-whatwedo-prev,
.odooca-whatwedo-next{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    border:1px solid #e5e6eb;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1f2128;
    cursor:pointer;
    transition:.3s;
}

.odooca-whatwedo-prev:hover,
.odooca-whatwedo-next:hover{
    background:#fc661c;
    border-color:#fc661c;
    color:#fff;
}

.odooca-whatwedo-pagination.swiper-pagination{
    position:static;
    width:auto;
    display:flex;
    align-items:center;
    gap:8px;
}

.odooca-whatwedo-pagination .swiper-pagination-bullet{
    background:#d8d9df;
    opacity:1;
    margin:0;
    transition:.3s;
}

.odooca-whatwedo-pagination .swiper-pagination-bullet-active{
    background:#fc661c;
    width:22px;
    border-radius:5px;
}

.odooca-split-btn{
    display:inline-flex;
    align-items:center;
    border-radius:100px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 12px 26px rgba(252,102,28,.25);
    transition:transform .3s;
}

.odooca-split-btn:hover{
    transform:translateY(-3px);
}

.odooca-split-btn-text{
    background:#fc661c;
    color:#fff;
    font-weight:600;
    font-size:16px;
    padding:19px 30px;
    white-space:nowrap;
}

.odooca-split-btn-icon{
    background:#1f2128;
    color:#fff;
    width:58px;
    height:58px;
    min-width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    transition:background .3s;
}

.odooca-split-btn:hover .odooca-split-btn-icon{
    background:#714b67;
}

.odooca-whatwedo-photo{
    position:relative;
    max-width:520px;
    margin:0 auto;
}

.odooca-whatwedo-photo img{
    width:100%;
    display:block;
    border-radius:20px;
    box-shadow:0 26px 50px rgba(20,20,43,.16);
}

.odooca-whatwedo-photo-dot{
    position:absolute;
    top:26px;
    right:26px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:#fc661c;
    box-shadow:0 0 0 6px rgba(252,102,28,.2);
    animation:odoocaPulseDot 2.4s ease-in-out infinite;
}

@keyframes odoocaPulseDot{
    0%, 100%{ transform:scale(1); }
    50%{ transform:scale(1.35); }
}

.odooca-whatwedo-trust{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:56px;
}

.odooca-whatwedo-avatars{
    display:flex;
    align-items:center;
}

.odooca-whatwedo-avatars img{
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    box-shadow:0 2px 8px rgba(20,20,43,.12);
    margin-left:-14px;
}

.odooca-whatwedo-avatars img:first-child{
    margin-left:0;
}

.odooca-whatwedo-avatar-icon{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:50%;
    background:#fc661c;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    border:3px solid #fff;
    margin-left:-14px;
}

.odooca-whatwedo-trust p{
    margin:0;
    font-size:15px;
    color:#5c6270;
}

.odooca-whatwedo-trust a{
    color:#fc661c;
    font-weight:600;
    text-decoration:underline;
}

@media (prefers-reduced-motion: reduce){
    .odooca-whatwedo-photo-dot{
        animation:none;
    }
}

@media only screen and (max-width: 767px) {
    .odooca-whatwedo-card{ padding:24px 20px; }
    .odooca-split-btn-text{ padding:16px 24px; font-size:15px; }
    .odooca-split-btn-icon{ width:50px; height:50px; min-width:50px; }
    .odooca-whatwedo-photo{ max-width:100%; margin-top:10px; }
}


/*---------- Getting Started — colorful animated step cards ----------*/

.odooca-step-card{
    position:relative;
    background:#ffffff;
    border:1px solid #eef0f4;
    border-radius:14px;
    padding:30px 24px 24px;
    height:100%;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(20,20,43,.05);
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.odooca-step-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    z-index:2;
    transition:height .3s ease;
}

.odooca-step-card::after{
    content:'';
    position:absolute;
    width:100px;
    height:100px;
    border-radius:50%;
    bottom:-34px;
    right:-30px;
    filter:blur(22px);
    opacity:.3;
    z-index:0;
    animation:odoocaFloatA 8s ease-in-out infinite;
}

.odooca-step-card > .odooca-step-num,
.odooca-step-card > .odooca-icon,
.odooca-step-card > .odooca-card-title,
.odooca-step-card > .odooca-card-text{
    position:relative;
    z-index:1;
}

.odooca-step-card--a{ background:linear-gradient(180deg,#fff6f0,#ffffff 55%); }
.odooca-step-card--a::before{ background:linear-gradient(90deg,#fc661c,#ffb27a); }
.odooca-step-card--a::after{ background:#fc661c; }
.odooca-step-card--a .odooca-step-num{ color:#fc661c; background:#fff2ea; }
.odooca-step-card--a:hover{ box-shadow:0 20px 38px rgba(252,102,28,.2); }

.odooca-step-card--b{ background:linear-gradient(180deg,#f9f3f8,#ffffff 55%); }
.odooca-step-card--b::before{ background: linear-gradient(90deg, #230d1d, #b4968e); }
.odooca-step-card--b::after{ background:#714b67; animation-name:odoocaFloatB; }
.odooca-step-card--b .odooca-step-num{ color:#714b67; background:#f3ecf2; }
.odooca-step-card--b:hover{ box-shadow:0 20px 38px rgba(113,75,103,.2); }

.odooca-step-card--c{ background: linear-gradient(180deg, #faedee, #ffffff 55%); }
.odooca-step-card--c::before{ background: linear-gradient(90deg, #ffc386, #d96f6f); }
.odooca-step-card--c::after{ background:#f0a802; animation-duration:9s; }
.odooca-step-card--c .odooca-step-num{ color: #000909; background: #ffe7e4; }
.odooca-step-card--c:hover{ box-shadow: 0 20px 38px rgb(160 77 0 / 20%); }

.col:nth-child(3n+2) .odooca-step-card::after{ animation-delay:1.3s; }
.col:nth-child(3n) .odooca-step-card::after{ animation-delay:2.6s; }

.odooca-step-card:hover{
    transform:translateY(-6px);
    border-color:transparent;
}

.odooca-step-card:hover::before{
    height:7px;
}

.odooca-step-num{
        position: absolute;
    top: -5px;
    right: 16px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .5px;
    padding: 4px 10px;
    border-radius: 20px;
}

.odooca-step-card .odooca-icon{
    margin-bottom:16px;
    transition:transform .4s ease;
}

.odooca-step-card:hover .odooca-icon{
    transform:rotate(-8deg) scale(1.12);
}

.odooca-step-card .odooca-card-title{
    font-size:20px;
    margin-bottom:8px;
}

@media (prefers-reduced-motion: reduce){
    .odooca-step-card,
    .odooca-step-card::before,
    .odooca-step-card::after,
    .odooca-step-card .odooca-icon{
        transition:none;
        animation:none;
    }
}

@media only screen and (max-width: 575px) {
    .odooca-step-card{ padding:26px 20px 20px; }
}


/*==================================================
    ODOO.HTML — "Our Services" dark carousel
==================================================*/

.odooca-svc-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 92%, rgba(252,102,28,.28), transparent 55%),
        linear-gradient(160deg,#0e0f13,#1f2128 75%);
    padding:100px 0 90px;
}

.odooca-svc-gear{
    position:absolute;
    top:26px;
    left:26px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#fc661c;
    color:#ffffff;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    cursor:pointer;
    z-index:3;
    box-shadow:0 10px 24px rgba(252,102,28,.35);
    transition:transform .4s ease;
}

.odooca-svc-gear:hover{
    transform:scale(1.08);
}

.odooca-svc-gear i{
    display:inline-block;
    animation:odoocaGearSpin 6s linear infinite;
}

@keyframes odoocaGearSpin{
    from{ transform:rotate(0); }
    to{ transform:rotate(360deg); }
}

.odooca-svc-burst{
    position:absolute;
    top:26px;
    right:60px;
    width:120px;
    height:120px;
    opacity:.55;
    z-index:0;
    pointer-events:none;
    animation:odoocaBurstSpin 20s linear infinite;
}

.odooca-svc-burst svg{
    width:100%;
    height:100%;
}

@keyframes odoocaBurstSpin{
    from{ transform:rotate(0); }
    to{ transform:rotate(360deg); }
}

.odooca-svc-heading{
    position:relative;
    z-index:1;
    max-width:760px;
    margin:0 auto 50px;
    text-align:center;
}

.odooca-svc-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:#fc661c;
    font-weight:700;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.odooca-svc-dots{
    width:50px;
    height:1px;
    background-image:repeating-linear-gradient(90deg,#fc661c 0 4px, transparent 4px 8px);
}

.odooca-svc-title{
    color:#ffffff;
    font-family:"Work Sans", sans-serif;
    font-weight:400;
    font-size:40px;
    line-height:1.28;
    margin:0;
}

.odooca-svc-slider{
    position:relative;
    z-index:1;
    padding-bottom:4px;
}

.odooca-svc-card{
    position:relative;
    background:#16181d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:0;
    height:100%;
    min-height:auto;
    text-align:center;
    transition:background .4s ease, box-shadow .4s ease; display: block;
    overflow: hidden;
}

.odooca-svc-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    border:2px solid rgba(255,255,255,.35);
    border-radius:14px;
    color:#ffffff;
    font-size:26px;
    margin-bottom:22px;
    transition:border-color .4s ease, color .4s ease;
}

.odooca-svc-card-title{
    color:#ffffff;
    font-family:"Work Sans", sans-serif;
    font-weight:700;
    font-size:19px;
    margin: 20px;
    transition:color .4s ease; line-height: 22px;
}

.odooca-svc-card-text{
    color:#a9abb4;
    font-size:14.5px;
    line-height:1.65;
    margin:0;
    transition:color .4s ease;
}

.odooca-svc-arrow{
    position:absolute;
    bottom:26px;
    left:50%;
    transform:translateX(-50%);
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    background:#ffffff;
    color:#1f2128;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    text-decoration:none;
    transition:transform .3s ease;
}

.odooca-svc-arrow:hover{
    transform:translateX(-50%) rotate(45deg);
}

.odooca-svc-slider .swiper-slide-active .odooca-svc-card{
    background:#fc661c;
    box-shadow:0 26px 50px rgba(252,102,28,.32);
}

.odooca-svc-slider .swiper-slide-active .odooca-svc-icon{
    border-color:#1f2128;
    color:#1f2128;
}

.odooca-svc-slider .swiper-slide-active .odooca-svc-card-title{
    color:#fff;
}

.odooca-svc-slider .swiper-slide-active .odooca-svc-card-text{
    color:#4a3320;
}

.odooca-svc-pagination.swiper-pagination{
    position:static;
    margin-top:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.odooca-svc-pagination .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:rgba(255,255,255,.3);
    opacity:1;
    margin:0;
    transition:.3s;
}

.odooca-svc-pagination .swiper-pagination-bullet-active{
    background:#fc661c;
    box-shadow:0 0 0 4px rgba(252,102,28,.22);
}

.odooca-svc-totop{
    position:absolute;
    bottom:26px;
    right:26px;
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(252,102,28,.45);
    color:#fc661c;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:3;
    transition:.3s;
}

.odooca-svc-totop:hover{
    background:#fc661c;
    color:#ffffff;
}

@media (prefers-reduced-motion: reduce){
    .odooca-svc-gear i,
    .odooca-svc-burst{
        animation:none;
    }
}

@media only screen and (max-width: 991px) {
    .odooca-svc-title{ font-size:32px; }
}

@media only screen and (max-width: 767px) {
    .odooca-svc-section{ padding:80px 0 70px; }
    .odooca-svc-title{ font-size:26px; }
    .odooca-svc-burst{ width:90px; height:90px; right:20px; top:20px; opacity:.4; }
}

@media only screen and (max-width: 575px) {
    .odooca-svc-gear{ width:46px; height:46px; font-size:17px; top:16px; left:16px; }
    .odooca-svc-totop{ width:38px; height:38px; bottom:16px; right:16px; }
    .odooca-svc-burst{ display:none; }
    .odooca-svc-card{ padding:28px 20px 70px; min-height:260px; }
}



/* =========================================================
   BUILDING MATERIALS FAQ SECTION
========================================================= */

.envmat-faq-section {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 90px 0 85px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.envmat-faq-subtitle {
    display: block;
    margin-bottom: 18px;
    color: #6c6870;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 1.4;
    text-transform: uppercase;
}

.envmat-faq-title {
    margin: 0;
    color: #003b73;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.2px; font-family: "Work Sans", sans-serif;
}

.envmat-faq-title-line {
    display: block;
    width: 50px;
    height: 10px;
    margin: 20px auto 40px;
    background: #ff5b1a;
}


/* =========================================================
   FAQ WRAPPER
========================================================= */

.envmat-faq-wrapper {
    position: relative;
    z-index: 2;
}

.envmat-faq-wrapper > .row {
    position: relative;
    z-index: 3;
}


/* =========================================================
   FAQ COLUMN
========================================================= */

.envmat-faq-accordion {
    position: relative;
    z-index: 4;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.envmat-faq-item {
    position: relative;
    margin-bottom: 10px;
    border: 0;
}

.envmat-faq-item:last-child {
    margin-bottom: 0;
}


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

.envmat-faq-question {
    position: relative;
    margin: 0;
}


/* =========================================================
   FAQ BUTTON
========================================================= */

.envmat-faq-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 61px;
    padding: 17px 24px;
    border: 0;
    border-radius: 2px;
    outline: none;
    background: #f1f1f1;
    color: #003b73;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.envmat-faq-button:hover {
    background: #eaeaea;
}

.envmat-faq-button:focus {
    box-shadow: none;
}


/* =========================================================
   FAQ ICON
========================================================= */

.envmat-faq-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    color: #111111;
    font-size: 0;
    font-weight: 400;
    line-height: 1;
}

/* Icon reflects open/closed state, not the hard-coded markup */
.envmat-faq-icon::after {
    content: "+";
    font-size: 17px;
    line-height: 1;
}

.envmat-faq-button:not(.collapsed) .envmat-faq-icon::after {
    content: "\2212"; /* minus */
}


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

.envmat-faq-answer {
    border: 0;
}

.envmat-faq-answer-inner {
    padding: 22px 0 25px;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   DECORATIVE GRID
========================================================= */

.envmat-faq-grid {
    position: absolute;
    z-index: 1;
    width: 120px;
    height: 120px;
    pointer-events: none;

    background-image:
        linear-gradient(
            to right,
            rgba(255, 91, 26, 0.25) 1px,
            transparent 1px
        ),
        linear-gradient(
            to bottom,
            rgba(255, 91, 26, 0.25) 1px,
            transparent 1px
        );

    background-size: 17px 17px;
}


/* =========================================================
   RIGHT GRID
========================================================= */

.envmat-faq-grid-right {
    top: -77px;
    right: -68px;
}


/* =========================================================
   LEFT GRID
========================================================= */

.envmat-faq-grid-left {
    bottom: 96px;
    left: -150px;
    width: 100px;
    height: 100px;

    background-size: 25px 25px;
}


/* =========================================================
   LEFT GRID - STEP SHAPE EFFECT
========================================================= */

.envmat-faq-grid-left {
    background-image: none;
}

.envmat-faq-grid-left::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to right,
            transparent 24px,
            rgba(255, 91, 26, 0.45) 24px,
            rgba(255, 91, 26, 0.45) 25px,
            transparent 25px
        ),
        linear-gradient(
            to bottom,
            transparent 24px,
            rgba(255, 91, 26, 0.45) 24px,
            rgba(255, 91, 26, 0.45) 25px,
            transparent 25px
        );
}


/* =========================================================
   DESKTOP SPACING
========================================================= */

@media (min-width: 1200px) {

    .envmat-faq-section .container {
        max-width: 1180px;
    }

    .envmat-faq-button {
        padding-left: 25px;
        padding-right: 20px;
    }

    .envmat-faq-answer-inner {
        padding-right: 5px;
    }
}


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

@media (max-width: 991.98px) {

    .envmat-faq-section {
        padding: 75px 0 70px;
    }

    .envmat-faq-title {
        font-size: 32px;
    }

    .envmat-faq-title-line {
        margin-bottom: 55px;
    }

    .envmat-faq-grid-right {
        right: -80px;
        top: -55px;
    }

    .envmat-faq-grid-left {
        left: -60px;
        bottom: 50px;
    }

    .envmat-faq-button {
        font-size: 16px;
    }

    .envmat-faq-answer-inner {
        font-size: 15px;
    }
}


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

@media (max-width: 767.98px) {

    .envmat-faq-section {
        padding: 60px 0 55px;
    }

    .envmat-faq-subtitle {
        margin-bottom: 14px;
        font-size: 10px;
        letter-spacing: 2.2px;
    }

    .envmat-faq-title {
        max-width: 500px;
        margin: 0 auto;
        font-size: 27px;
        line-height: 1.3;
    }

    .envmat-faq-title-line {
        width: 45px;
        height: 8px;
        margin-top: 18px;
        margin-bottom: 45px;
    }

    .envmat-faq-wrapper {
        padding: 0;
    }

    .envmat-faq-button {
        min-height: 58px;
        padding: 15px 17px;
        font-size: 15px;
        line-height: 1.4;
    }

    .envmat-faq-icon {
        margin-left: 12px;
        font-size: 16px;
    }

    .envmat-faq-answer-inner {
        padding: 18px 5px 22px;
        font-size: 14px;
        line-height: 1.65;
    }

    .envmat-faq-item {
        margin-bottom: 8px;
    }

    .envmat-faq-grid-right {
        width: 80px;
        height: 80px;
        top: -35px;
        right: -45px;
        background-size: 14px 14px;
    }

    .envmat-faq-grid-left {
        display: none;
    }
}


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

@media (max-width: 575.98px) {

    .envmat-faq-section {
        padding: 50px 0 45px;
    }

    .envmat-faq-title {
        padding: 0 10px;
        font-size: 24px;
    }

    .envmat-faq-title-line {
        margin-bottom: 35px;
    }

    .envmat-faq-button {
        min-height: 56px;
        padding: 14px 15px;
        font-size: 14px;
    }

    .envmat-faq-answer-inner {
        padding: 16px 3px 20px;
        font-size: 14px;
    }

    .envmat-faq-icon {
        width: 18px;
        height: 18px;
        margin-left: 10px;
    }
}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 375px) {

    .envmat-faq-title {
        font-size: 22px;
    }

    .envmat-faq-button {
        font-size: 13.5px;
    }

    .envmat-faq-answer-inner {
        font-size: 13.5px;
    }
}

.bg-white{
    background-color:#ffffff !important;
}













/*odoo Features Page*/


:root{
    --eof-primary:#fc661c;
    --eof-primary-dark:#5c3c54;
    --eof-primary-light:#9b7292;
    --eof-dark:#111827;
    --eof-navy:#0f172a;
    --eof-navy-2:#161e33;
    --eof-text:#1f2937;
    --eof-muted:#64748b;
    --eof-bg:#ffffff;
    --eof-bg-soft:#f8fafc;
    --eof-bg-soft-2:#f2f0f5;
    --eof-border:#e6e7ee;
    --eof-radius-lg:24px;
    --eof-radius-md:16px;
    --eof-radius-sm:10px;
    --eof-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --eof-shadow-md:0 20px 50px -18px rgba(17,24,39,.18);
    --eof-shadow-lg:0 30px 80px -25px rgba(17,24,39,.28);
    --eof-ease:cubic-bezier(.16,.84,.44,1);
    --eof-font:'Plus Jakarta Sans','Manrope',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.env-odoo-features-scope,
[class^="env-odoo-features-"],
[class*=" env-odoo-features-"]{
    font-family:var(--eof-font);
    box-sizing:border-box;
}

.env-odoo-features-scope *,
[class^="env-odoo-features-"] *,
[class*=" env-odoo-features-"] *{
    box-sizing:border-box;
}

/* ---------------------------------------------------------------------
   1. SHARED / UTILITY
--------------------------------------------------------------------- */
.env-odoo-features-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 16px;
    border-radius:99px;
    background:rgba(113,75,103,.08);
    color:var(--eof-primary);
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:20px;
    border:1px solid rgba(113,75,103,.14);
}
.env-odoo-features-eyebrow i{ font-size:13px; }

.env-odoo-features-eyebrow--light{
    background:rgba(255,255,255,.08);
    color:#e7c9dd;
    border-color:rgba(255,255,255,.14);
}

.env-odoo-features-heading{
    font-weight:400;
    letter-spacing:-.02em;
    line-height:1.15;
    color:var(--eof-dark);
    font-size:clamp(28px,3.6vw,44px);
    margin-bottom:20px; font-family: "Work Sans", sans-serif;
}
.env-odoo-features-heading--light{ color:#fff; }

.env-odoo-features-subheading{
    font-weight:700;
    letter-spacing:-.01em;
    line-height:1.3;
    color:var(--eof-dark);
    font-size:clamp(19px,2vw,24px);
    margin-bottom:12px;
}
.env-odoo-features-subheading--light{ color:#fff; }

.env-odoo-features-text{
    color:var(--eof-muted);
    font-size:16px;
    line-height:1.75;
    margin-bottom:16px;
}
.env-odoo-features-text--light{ color:rgba(255,255,255,.72); }
.env-odoo-features-text:last-of-type{ margin-bottom:0; }

.env-odoo-features-kicker{
    font-size:14px;
    font-weight:700;
    color:var(--eof-primary);
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-bottom:10px;
    display:block;
}

/* buttons */
.env-odoo-features-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    border-radius:99px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .35s var(--eof-ease),box-shadow .35s var(--eof-ease),background .35s var(--eof-ease),color .35s var(--eof-ease);
    white-space:nowrap;
}
.env-odoo-features-btn i{ transition:transform .35s var(--eof-ease); font-size:14px; }
.env-odoo-features-btn:hover i{ transform:translate(3px,-3px); }
.env-odoo-features-btn:hover{ transform:translateY(-3px); }

.env-odoo-features-btn--primary{
    background:var(--eof-primary);
    color:#fff;
    box-shadow:0 14px 30px -10px rgba(113,75,103,.55);
}
.env-odoo-features-btn--primary:hover{
    background:var(--eof-primary-dark);
    color:#fff;
    box-shadow:0 20px 40px -12px rgba(113,75,103,.65);
}

.env-odoo-features-btn--dark{
    background:var(--eof-dark);
    color:#fff;
}
.env-odoo-features-btn--dark:hover{ background:#000; color:#fff; }

.env-odoo-features-btn--light{
    background:#fff;
    color:var(--eof-dark);
    width:100%;
    justify-content:center;
}
.env-odoo-features-btn--light:hover{ color:var(--eof-primary); }

.env-odoo-features-btn--outline{
    background:transparent;
    color:var(--eof-dark);
    border-color:var(--eof-border);
}
.env-odoo-features-btn--outline:hover{
    border-color:var(--eof-primary);
    color:var(--eof-primary);
}

/* section paddings + bg decor helpers */
.env-odoo-features-section{ position:relative; padding:100px 0; overflow:hidden; }
.env-odoo-features-section--soft{ background:var(--eof-bg-soft); }
.env-odoo-features-section--dark{ background:var(--eof-navy); }

.env-odoo-features-grid-lines{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 1px);
    background-size:48px 48px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    pointer-events:none;
}
.env-odoo-features-grid-lines--light{
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
}

.env-odoo-features-blob{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    opacity:.5;
    pointer-events:none;
    z-index:0;
}

@media (prefers-reduced-motion: no-preference){
    .env-odoo-features-float{ animation:eofFloat 6s ease-in-out infinite; }
    .env-odoo-features-float-delay1{ animation-delay:.6s; }
    .env-odoo-features-float-delay2{ animation-delay:1.2s; }
    .env-odoo-features-float-delay3{ animation-delay:1.8s; }
}
@keyframes eofFloat{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-14px); }
}

[data-eof-reveal]{ opacity:0; }
@media (prefers-reduced-motion: reduce){
    [data-eof-reveal]{ opacity:1 !important; transform:none !important; }
    .env-odoo-features-float,.env-odoo-features-float-delay1,.env-odoo-features-float-delay2,.env-odoo-features-float-delay3{ animation:none !important; }
}

/* =======================================================================
   2. HERO — What is Odoo ERP?
======================================================================= */
.env-odoo-features-hero{
    position:relative;
    padding:110px 0 100px;
    background:var(--eof-bg-soft);
    overflow:hidden;
}
.env-odoo-features-hero-bg{ position:absolute; inset:0; z-index:0; }
.env-odoo-features-hero .env-odoo-features-blob--1{
    width:520px; height:520px; top:-220px; right:-160px;
    background:radial-gradient(circle,rgba(113,75,103,.35),transparent 70%);
}
.env-odoo-features-hero .env-odoo-features-blob--2{
    width:420px; height:420px; bottom:-200px; left:-140px;
    background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);
}
.env-odoo-features-hero .container{ position:relative; z-index:1; }

.env-odoo-features-hero-cta-row{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:8px; }

/* Dashboard visual */
.env-odoo-features-dashboard{
    position:relative;
    min-height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.env-odoo-features-dash-card--main{
    position:relative;
    width:100%;
    max-width:420px;
    background:#fff;
    border-radius:var(--eof-radius-lg);
    box-shadow:var(--eof-shadow-lg);
    padding:28px 26px 32px;
    border:1px solid var(--eof-border);
    z-index:2;
}
.env-odoo-features-dash-card-head{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    color:var(--eof-dark);
    font-size:15px;
    margin-bottom:22px;
    padding-bottom:16px;
    border-bottom:1px dashed var(--eof-border);
}
.env-odoo-features-dash-card-head i{
    width:34px; height:34px; border-radius:10px;
    background:var(--eof-primary); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:15px;
}
.env-odoo-features-dash-chart{
    display:flex;
    align-items:flex-end;
    gap:10px;
    height:130px;
    padding:0 4px;
}
.env-odoo-features-dash-chart span{
    flex:1;
    height:var(--h);
    border-radius:8px 8px 3px 3px;
    background:linear-gradient(180deg,var(--eof-primary-light),var(--eof-primary));
    opacity:.9;
}
.env-odoo-features-dash-chart span:nth-child(6){ background:linear-gradient(180deg,#9fb4ff,#5c7cfa); }
.env-odoo-features-dash-chart span:nth-child(4){ background:linear-gradient(180deg,#f5b8d0,#e8618f); }

.env-odoo-features-dash-mini-row{
    display:flex;
    justify-content:space-between;
    margin-top:18px;
    padding-top:16px;
    border-top:1px dashed var(--eof-border);
}
.env-odoo-features-dash-mini{ text-align:left; }
.env-odoo-features-dash-mini span{ display:block; }
.env-odoo-features-dash-mini .label{ font-size:12px; color:var(--eof-muted); font-weight:600; }
.env-odoo-features-dash-mini .value{ font-size:14px; color:var(--eof-dark); font-weight:700; }

.env-odoo-features-dash-float{
    position:absolute;
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:99px;
    padding:10px 18px 10px 10px;
    box-shadow:var(--eof-shadow-md);
    font-size:13px;
    font-weight:700;
    color:var(--eof-dark);
    z-index:3;
}
.env-odoo-features-dash-float i{
    width:30px; height:30px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:13px;
}
.env-odoo-features-dash-float--crm{ top:2%; left:-4%; }
.env-odoo-features-dash-float--crm i{ background:#3b82f6; }
.env-odoo-features-dash-float--sales{ top:18%; right:-8%; }
.env-odoo-features-dash-float--sales i{ background:#22c55e; }
.env-odoo-features-dash-float--inventory{ bottom:20%; left:-10%; }
.env-odoo-features-dash-float--inventory i{ background:#f59e0b; }
.env-odoo-features-dash-float--accounting{ bottom:2%; right:-2%; }
.env-odoo-features-dash-float--accounting i{ background:var(--eof-primary); }

.env-odoo-features-dash-notif{
    position:absolute;
    top:-6%;
    right:14%;
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--eof-dark);
    color:#fff;
    padding:10px 16px;
    border-radius:14px;
    font-size:12px;
    font-weight:600;
    box-shadow:var(--eof-shadow-md);
    z-index:3;
}
.env-odoo-features-dash-notif i{ color:#facc15; }

/* =======================================================================
   3. ECOSYSTEM — Single Software / Odoo orbit diagram
======================================================================= */
.env-odoo-features-ecosystem{
    position:relative;
    padding:100px 0;
    background:#fff;
}

.env-odoo-features-orbit{
    position:relative;
    width:100%;
    max-width:560px;
    aspect-ratio:1/1;
    margin:0 auto;
}
.env-odoo-features-orbit-ring{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px dashed rgba(113,75,103,.28);
}
.env-odoo-features-orbit-ring--inner{ inset:16%; border-color:rgba(113,75,103,.16); }

.env-odoo-features-orbit-core{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:132px; height:132px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--eof-primary),#4b2f45);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:800;
    font-size:20px;
    letter-spacing:-.02em;
    box-shadow:0 25px 60px -18px rgba(113,75,103,.7);
    z-index:3;
}

.env-odoo-features-orbit-node{
    position:absolute;
    top:50%; left:50%;
    width:104px;
    transform:
        rotate(calc(var(--ang) * 1deg))
        translate(0,-220px)
        rotate(calc(var(--ang) * -1deg))
        translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-md);
    padding:14px 8px;
    box-shadow:var(--eof-shadow-sm);
    cursor:pointer;
    font-size:12.5px;
    font-weight:700;
    color:var(--eof-text);
    transition:transform .3s var(--eof-ease),box-shadow .3s var(--eof-ease),border-color .3s var(--eof-ease),background .3s var(--eof-ease);
    z-index:4;
}
.env-odoo-features-orbit-node i{
    width:34px; height:34px;
    border-radius:10px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    transition:background .3s var(--eof-ease),color .3s var(--eof-ease),transform .3s var(--eof-ease);
}
.env-odoo-features-orbit-node:hover,
.env-odoo-features-orbit-node:focus-visible{
    border-color:var(--eof-primary);
    box-shadow:var(--eof-shadow-md);
    background:#fff;
    outline:none;
}
.env-odoo-features-orbit-node:hover i,
.env-odoo-features-orbit-node:focus-visible i{
    background:var(--eof-primary);
    color:#fff;
    transform:scale(1.08);
}
.env-odoo-features-orbit-node.is-active i{ background:var(--eof-primary); color:#fff; }

.env-odoo-features-orbit-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
}
.env-odoo-features-orbit-lines line{
    stroke:rgba(113,75,103,.22);
    stroke-width:1.5;
    transition:stroke .3s var(--eof-ease),stroke-width .3s var(--eof-ease);
}
.env-odoo-features-orbit-lines line.is-active{
    stroke:var(--eof-primary);
    stroke-width:2.2;
}

/* mobile ecosystem: static grid */
.env-odoo-features-ecosystem-grid{ display:none; }

/* =======================================================================
   4. MODULES SHOWCASE
======================================================================= */
.env-odoo-features-modules{
    position:relative;
    padding:0 0 100px;
   
}
.env-odoo-features-modules-intro{
    max-width:720px;
    margin:0 auto 56px;
    text-align:center;
}
.env-odoo-features-modules-intro .env-odoo-features-heading{ margin-bottom:14px; }

.env-odoo-features-modules-layout{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:32px;
    align-items:flex-start;
}

.env-odoo-features-modules-nav{
    position:sticky;
    top:110px;
    display:flex;
    flex-direction:column;
    gap:6px;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-lg);
    padding:14px;
    box-shadow:var(--eof-shadow-sm);
}
.env-odoo-features-modules-nav-item{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    text-align:left;
    background:transparent;
    border:none;
    border-radius:var(--eof-radius-sm);
    padding:13px 14px;
    font-weight:600;
    font-size:14.5px;
    color:var(--eof-muted);
    cursor:pointer;
    transition:background .3s var(--eof-ease),color .3s var(--eof-ease);
}
.env-odoo-features-modules-nav-item i{
    width:32px; height:32px;
    border-radius:9px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:14px;
    flex-shrink:0;
    transition:background .3s var(--eof-ease),color .3s var(--eof-ease);
}
.env-odoo-features-modules-nav-item:hover{ background:var(--eof-bg-soft-2); color:var(--eof-text); }
.env-odoo-features-modules-nav-item.is-active{
    background:var(--eof-primary);
    color:#fff;
}
.env-odoo-features-modules-nav-item.is-active i{ background:rgba(255,255,255,.18); color:#fff; }

.env-odoo-features-modules-panels{ position:relative; min-height:420px; }
.env-odoo-features-modules-panel{
    display:none;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-lg);
    box-shadow:var(--eof-shadow-sm);
    overflow:hidden;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
}
.env-odoo-features-modules-panel.is-active{ display:grid; }

.env-odoo-features-modules-panel-media{
    position:relative;
    min-height:320px;
    background:var(--eof-bg-soft-2);
}
.env-odoo-features-modules-panel-media img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.env-odoo-features-modules-panel-body{
    padding:44px 42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.env-odoo-features-modules-panel-icon{
    width:52px; height:52px;
    border-radius:14px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:22px;
    margin-bottom:18px;
}
.env-odoo-features-modules-panel-body .env-odoo-features-subheading{ margin-bottom:14px; }

/* mobile pill nav (hidden on desktop) */
.env-odoo-features-modules-pillnav{ display:none; }

/* =======================================================================
   5. CTA (mid + final)
======================================================================= */
.env-odoo-features-cta{
    position:relative;
    padding:90px 0;
    background:var(--eof-navy);
    overflow:hidden;
}
.env-odoo-features-cta-bg{ position:absolute; inset:0; z-index:0; }
.env-odoo-features-cta .env-odoo-features-blob--1{
    width:480px; height:480px; top:-200px; left:10%;
    background:radial-gradient(circle,rgba(113,75,103,.55),transparent 70%);
    opacity:.6;
}
.env-odoo-features-cta .env-odoo-features-blob--2{
    width:380px; height:380px; bottom:-200px; right:5%;
    background:radial-gradient(circle,rgba(59,130,246,.32),transparent 70%);
    opacity:.55;
}
.env-odoo-features-cta-shape{
    position:absolute;
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    z-index:0;
}
.env-odoo-features-cta .container{ position:relative; z-index:1; }

.env-odoo-features-cta-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--eof-radius-lg);
    padding:34px;
    backdrop-filter:blur(6px);
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:stretch;
}
.env-odoo-features-cta-phone{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:17px;
    padding:14px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:99px;
    transition:border-color .3s var(--eof-ease),background .3s var(--eof-ease);
}
.env-odoo-features-cta-phone:hover{ border-color:#fff; background:rgba(255,255,255,.06); }
.env-odoo-features-cta-phone i{ color:#facc15; }

.env-odoo-features-cta--final{ padding:110px 0; }
.env-odoo-features-cta--final .env-odoo-features-heading{ font-size:clamp(30px,4vw,48px); }

/* =======================================================================
   6. BENEFITS — Business growth dashboard
======================================================================= */
.env-odoo-features-benefits{
    position:relative;
    padding:100px 0;
    background:#fff;
}
.env-odoo-features-benefits-intro{
    max-width:760px;
    margin:0 auto 56px;
    text-align:center;
}
.env-odoo-features-benefits-slider{
    overflow:hidden;
    padding-bottom:6px;
}
.env-odoo-features-benefits-slider .swiper-slide{
    height:auto;
    display:flex;
}

.env-odoo-features-benefit-card{
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-lg);
    transition:transform .35s var(--eof-ease),box-shadow .35s var(--eof-ease),border-color .35s var(--eof-ease);
}
.env-odoo-features-benefit-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--eof-shadow-md);
    border-color:rgba(113,75,103,.35);
}
.env-odoo-features-benefit-card-media{
    position:relative;
    height:190px;
    background:var(--eof-bg-soft-2);
    overflow:hidden;
    border-radius:var(--eof-radius-lg) var(--eof-radius-lg) 0 0;
}
.env-odoo-features-benefit-card-media img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s var(--eof-ease);
}
.env-odoo-features-benefit-card:hover .env-odoo-features-benefit-card-media img{ transform:scale(1.06); }
.env-odoo-features-benefit-card-media .env-odoo-features-benefit-index{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(17,24,39,.72);
    color:#fff;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.05em;
    padding:5px 12px;
    border-radius:99px;
}
.env-odoo-features-benefit-card-body{
    padding:24px 22px 26px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.env-odoo-features-benefit-card-body i{
    width:40px; height:40px;
    border-radius:11px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:17px;
    margin-bottom:14px;
    margin-top:-46px;
    box-shadow:0 8px 18px -6px rgba(17,24,39,.25);
    border:1px solid var(--eof-border);
    background:#fff; position: relative;
    transition:transform .35s var(--eof-ease),background .35s var(--eof-ease),color .35s var(--eof-ease);
}
.env-odoo-features-benefit-card:hover .env-odoo-features-benefit-card-body i{ background:var(--eof-primary); color:#fff; transform:scale(1.08) rotate(-4deg); }
.env-odoo-features-benefit-card-body h3{
    font-size:16.5px;
    font-weight:700;
    color:var(--eof-dark);
    margin-bottom:8px;
}
.env-odoo-features-benefit-card-body p{
    font-size:14px;
    color:var(--eof-muted);
    line-height:1.65;
    margin:0;
}

.env-odoo-features-benefits-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:36px;
}
.env-odoo-features-benefits-prev,
.env-odoo-features-benefits-next{
    width:46px; height:46px;
    border-radius:50%;
    border:1px solid var(--eof-border);
    background:#fff;
    color:var(--eof-dark);
    display:flex; align-items:center; justify-content:center;
    font-size:16px;
    cursor:pointer;
    transition:background .3s var(--eof-ease),color .3s var(--eof-ease),border-color .3s var(--eof-ease);
    flex-shrink:0;
}
.env-odoo-features-benefits-prev:hover,
.env-odoo-features-benefits-next:hover{
    background:var(--eof-primary);
    border-color:var(--eof-primary);
    color:#fff;
}
.env-odoo-features-benefits-pagination.swiper-pagination{
    position:static;
    display:flex;
    align-items:center;
    gap:8px;
}
.env-odoo-features-benefits-pagination .swiper-pagination-bullet{
    width:8px; height:8px;
    background:var(--eof-border);
    opacity:1;
    margin:0;
    transition:background .3s var(--eof-ease),width .3s var(--eof-ease);
    border-radius:99px;
}
.env-odoo-features-benefits-pagination .swiper-pagination-bullet-active{
    background:var(--eof-primary);
    width:22px;
}

/* =======================================================================
   7. COMPARISON
======================================================================= */
.env-odoo-features-comparison{
    position:relative;
    padding:100px 0;
    background:#f5f6f8;
}
.env-odoo-features-comparison-intro{
    max-width:760px;
    margin:0 auto 50px;
    text-align:center;
}
.env-odoo-features-comparison-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.env-odoo-features-comparison-box{
    position:relative;
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-lg);
    padding:32px 28px;
    overflow:hidden;
    transition:transform .4s var(--eof-ease),box-shadow .4s var(--eof-ease),border-color .4s var(--eof-ease);
}
.env-odoo-features-comparison-box::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg,var(--eof-primary),#5c7cfa);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s var(--eof-ease);
}
.env-odoo-features-comparison-box:hover{
    transform:translateY(-8px);
    box-shadow:var(--eof-shadow-lg);
    border-color:rgba(113,75,103,.3);
}
.env-odoo-features-comparison-box:hover::before{ transform:scaleX(1); }

.env-odoo-features-comparison-box-icon{
    width:52px; height:52px;
    border-radius:14px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;
    transition:transform .4s var(--eof-ease),background .4s var(--eof-ease),color .4s var(--eof-ease);
}
.env-odoo-features-comparison-box:hover .env-odoo-features-comparison-box-icon{
    background:var(--eof-primary);
    color:#fff;
    transform:scale(1.1) rotate(-6deg);
}

.env-odoo-features-comparison-box h3{
    font-size:17.5px;
    font-weight:700;
    color:var(--eof-dark);
    margin-bottom:10px;
}
.env-odoo-features-comparison-box p{
    font-size:14.5px;
    color:var(--eof-muted);
    line-height:1.7;
    margin-bottom:18px;
}
.env-odoo-features-comparison-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.03em;
    color:#16a34a;
    background:rgba(34,197,94,.1);
    padding:6px 14px;
    border-radius:99px;
}

/* =======================================================================
   8. TRANSFORMATION JOURNEY (timeline)
======================================================================= */
.env-odoo-features-journey{
    position:relative;
    padding:100px 0;
    background:var(--eof-navy);
    overflow:hidden;
}
.env-odoo-features-journey-bg{ position:absolute; inset:0; z-index:0; }
.env-odoo-features-journey .env-odoo-features-blob--1{
    width:460px; height:460px; top:-180px; left:-140px;
    background:radial-gradient(circle,rgba(113,75,103,.5),transparent 70%);
}
.env-odoo-features-journey .env-odoo-features-blob--2{
    width:380px; height:380px; bottom:-180px; right:-120px;
    background:radial-gradient(circle,rgba(59,130,246,.28),transparent 70%);
}
.env-odoo-features-journey .container{ position:relative; z-index:1; }

.env-odoo-features-journey-intro{
    max-width:780px;
    margin:0 auto 56px;
    text-align:center;
}
.env-odoo-features-journey-intro .env-odoo-features-eyebrow--light{ margin-left:auto; margin-right:auto; }

.env-odoo-features-journey-showcase{
    display:grid;
    grid-template-columns:1fr .9fr 1fr;
    gap:32px;
    align-items:center;
}

.env-odoo-features-journey-points{
    display:flex;
    flex-direction:column;
    gap:28px;
}
.env-odoo-features-journey-point{
    display:flex;
    align-items:flex-start;
    gap:16px;
}
.env-odoo-features-journey-point-icon{
    width:48px; height:48px;
    border-radius:13px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    flex-shrink:0;
    transition:background .35s var(--eof-ease),border-color .35s var(--eof-ease),transform .35s var(--eof-ease);
}
.env-odoo-features-journey-point:hover .env-odoo-features-journey-point-icon{
    background:var(--eof-primary);
    border-color:var(--eof-primary);
    transform:translateY(-3px);
}
.env-odoo-features-journey-point h3{
    font-size:16px;
    font-weight:700;
    color:#fff;
    margin-bottom:6px;
}
.env-odoo-features-journey-point p{
    font-size:13.5px;
    color:rgba(255,255,255,.62);
    line-height:1.65;
    margin:0;
}

.env-odoo-features-journey-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:340px;
}
.env-odoo-features-journey-visual-frame{
    position:relative;
    width:100%;
    max-width:320px;
    aspect-ratio:1/1;
    border-radius:var(--eof-radius-lg);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 30px 80px -20px rgba(0,0,0,.55);
}
.env-odoo-features-journey-visual-frame img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.env-odoo-features-journey-badge{
    position:absolute;
    left:-8%;
    bottom:8%;
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    border-radius:16px;
    padding:14px 18px;
    box-shadow:0 20px 45px -15px rgba(0,0,0,.45);
    z-index:2;
    max-width:230px;
}
.env-odoo-features-journey-badge i{
    width:38px; height:38px;
    border-radius:11px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:17px;
    flex-shrink:0;
}
.env-odoo-features-journey-badge-title{ display:block; font-size:13px; font-weight:700; color:var(--eof-dark); }
.env-odoo-features-journey-badge-sub{ display:block; font-size:11.5px; color:var(--eof-muted); margin-top:2px; }

.env-odoo-features-journey-dots{
    position:absolute;
    right:-6%;
    top:6%;
    width:110px;
    height:110px;
    background-image:radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 1.5px);
    background-size:14px 14px;
    z-index:0;
    pointer-events:none;
}

.env-odoo-features-journey-note{
    max-width:820px;
    margin:64px auto 0;
    text-align:center;
}

/* =======================================================================
   9. TAILORED SERVICES
======================================================================= */
.env-odoo-features-tailored{
    position:relative;
    padding:100px 0;
    background-color: #eaf8fd;
  background-image: url(../images/wave.png);
    overflow:hidden; background-repeat: no-repeat;
  background-position: left top;
}
.env-odoo-features-tailored .container{ position:relative; z-index:1; }
.env-odoo-features-tailored-visual{
    position:relative;
    min-height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.env-odoo-features-tailored-panel{
    position:absolute;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.14);
    border-radius:var(--eof-radius-md);
    backdrop-filter:blur(6px);
    box-shadow:0 25px 60px -20px rgba(0,0,0,.5);
}
.env-odoo-features-tailored-panel--1{ width:280px; height:180px; top:8%; left:6%; padding:20px; }
.env-odoo-features-tailored-panel--2{ width:220px; height:150px; bottom:10%; right:4%; padding:18px; }
.env-odoo-features-tailored-panel--3{ width:190px; height:120px; top:38%; right:14%; padding:16px; }
.env-odoo-features-tailored-panel-bar{ height:8px; border-radius:4px; background:rgba(255,255,255,.14); margin-bottom:10px; }
.env-odoo-features-tailored-panel-bar:nth-child(2){ width:70%; }
.env-odoo-features-tailored-panel-bar:nth-child(3){ width:45%; }
.env-odoo-features-tailored-panel i{ color:#e7c9dd; font-size:18px; margin-bottom:10px; display:block; }
.env-odoo-features-tailored-line{
    position:absolute;
    background:linear-gradient(90deg,transparent,rgba(231,201,221,.6),transparent);
    height:1px;
    width:60%;
    top:50%;
    left:20%;
}

/* =======================================================================
   10. WHY CHOOSE US
======================================================================= */
.env-odoo-features-whyus{
    position:relative;
    padding:100px 0;
    background:var(--eof-bg-soft);
}
.env-odoo-features-whyus-layout{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:56px;
    align-items:center;
}

.env-odoo-features-whyus-stats{
    display:block;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin:32px 0 30px;
}
.env-odoo-features-whyus-stat h3{
    font-size:18px;
    font-weight:800;
    color:var(--eof-dark);
    margin-bottom:8px;
    letter-spacing:-.01em;
}
.env-odoo-features-whyus-stat p{
    font-size:13.5px;
    color:var(--eof-muted);
    line-height:1.65;
    margin:0;
}

.env-odoo-features-whyus-actions{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}
.env-odoo-features-whyus-link{
    font-size:14.5px;
    font-weight:700;
    color:var(--eof-dark);
    text-decoration:underline;
    text-underline-offset:3px;
    transition:color .3s var(--eof-ease);
}
.env-odoo-features-whyus-link:hover{ color:var(--eof-primary); }



.about__img-wrap-four {
  position: relative;
  padding-bottom: 125px;
}

.about__img-wrap-home8.about__img-wrap-four > img {
  border-radius: 0px 40px 0px 40px;
}
.about__img-wrap-four > img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.about__img-wrap-home8.about__img-wrap-four > img:nth-child(2) {
  border: 0px;
  border-radius: 40px 0px 40px 0px;
}
.about__img-wrap-home8.about__img-wrap-four > img {
  border-radius: 0px 40px 0px 40px;
}
.about__img-wrap-four > img:nth-child(2) {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 10px solid var(--tg-color-white-default);
  position: absolute;
  right: 35px;
  bottom: 0;
}


.about__img-wrap-home8.about__img-wrap-four .shape img {
  right: auto;
  top: auto;
  left: -50px;
  bottom: 0;
}
.about__img-wrap-four .shape img {
  position: absolute;
  right: 13%;
  z-index: -1;
  top: 31%;
}
.alltuchtopdown {
  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
    animation-duration: 1.5s;
  animation-duration: 3s;
}












.env-odoo-features-whyus-media{
    position:relative;
    border-radius:var(--eof-radius-lg);
    overflow:hidden;
    box-shadow:var(--eof-shadow-lg);
    border:1px solid var(--eof-border);
    aspect-ratio:4/3;
}
.env-odoo-features-whyus-media img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.env-odoo-features-whyus-play{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:76px; height:76px;
    border-radius:50%;
    background:#fff;
    color:var(--eof-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 20px 45px -15px rgba(0,0,0,.5);
    transition:transform .35s var(--eof-ease),background .35s var(--eof-ease),color .35s var(--eof-ease);
}
.env-odoo-features-whyus-play i{ margin-left:4px; }
.env-odoo-features-whyus-play:hover{
    transform:translate(-50%,-50%) scale(1.08);
    background:var(--eof-primary);
    color:#fff;
}

/* =======================================================================
   11. DEV SERVICES GRID
======================================================================= */
.env-odoo-features-devservices{
    position:relative;
    padding:100px 0;
    background:#fff;
}
.env-odoo-features-devservices-intro{
    max-width:820px;
    margin:0 auto 56px;
    text-align:center;
}
.env-odoo-features-devservices-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--eof-border);
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-lg);
    overflow:hidden;
}
.env-odoo-features-devservice-card{
    position: relative;
    background: #f8fafc;
    padding: 38px 32px;
    transition: background .35s var(--eof-ease);
    border: 1px solid #0000001c; 
}
.env-odoo-features-devservice-card:hover{ background:var(--eof-bg-soft); }
.env-odoo-features-devservice-num{
    font-size:13px;
    font-weight:800;
    color:var(--eof-primary);
    letter-spacing:.05em;
    margin-bottom:20px;
    display:block;
}
.env-odoo-features-devservice-card i{
    width:48px; height:48px;
    border-radius:14px;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:20px;
    margin-bottom:20px;
    transition:transform .35s var(--eof-ease),background .35s var(--eof-ease),color .35s var(--eof-ease);
}
.env-odoo-features-devservice-card:hover i{ background:var(--eof-primary); color:#fff; transform:translateY(-4px); }
.env-odoo-features-devservice-card h3{
    font-size:17px;
    font-weight:700;
    color:var(--eof-dark);
    margin-bottom:10px;
}
.env-odoo-features-devservice-card p{
    font-size:14px;
    color:var(--eof-muted);
    line-height:1.7;
    margin:0;
}
.env-odoo-features-devservice-arrow{
    position:absolute;
    top:36px;
    right:30px;
    color:var(--eof-border);
    font-size:16px;
    transition:transform .35s var(--eof-ease),color .35s var(--eof-ease);
}
.env-odoo-features-devservice-card:hover .env-odoo-features-devservice-arrow{
    color:var(--eof-primary);
    transform:translate(4px,-4px);
}

/* =======================================================================
   12. FAQ
======================================================================= */
.env-odoo-features-faq{
    position:relative;
    padding:100px 0;
    background:var(--eof-bg-soft);
}
.env-odoo-features-faq-intro{
    max-width:640px;
    margin:0 auto 48px;
    text-align:center;
}
.env-odoo-features-faq-list{
    max-width:880px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.env-odoo-features-faq-item{
    background:#fff;
    border:1px solid var(--eof-border);
    border-radius:var(--eof-radius-md);
    overflow:hidden;
    transition:border-color .3s var(--eof-ease),box-shadow .3s var(--eof-ease);
}
.env-odoo-features-faq-item.is-open{
    border-color:rgba(113,75,103,.35);
    box-shadow:var(--eof-shadow-sm);
}
.env-odoo-features-faq-question{
    width:100%;
    display:flex;
    align-items:center;
    gap:20px;
    text-align:left;
    background:transparent;
    border:none;
    padding:22px 26px;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    color:var(--eof-dark);
}
.env-odoo-features-faq-question-num{
    font-size:13px;
    font-weight:800;
    color:rgba(113,75,103,.4);
    flex-shrink:0;
    width:28px;
}
.env-odoo-features-faq-question span.env-odoo-features-faq-question-text{ flex:1; }
.env-odoo-features-faq-icon{
    width:32px; height:32px;
    border-radius:50%;
    background:var(--eof-bg-soft-2);
    color:var(--eof-primary);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    position:relative;
    transition:background .3s var(--eof-ease),color .3s var(--eof-ease);
}
.env-odoo-features-faq-icon::before,
.env-odoo-features-faq-icon::after{
    content:"";
    position:absolute;
    background:currentColor;
    transition:transform .3s var(--eof-ease);
}
.env-odoo-features-faq-icon::before{ width:12px; height:2px; }
.env-odoo-features-faq-icon::after{ width:2px; height:12px; }
.env-odoo-features-faq-item.is-open .env-odoo-features-faq-icon{ background:var(--eof-primary); color:#fff; }
.env-odoo-features-faq-item.is-open .env-odoo-features-faq-icon::after{ transform:rotate(90deg) scaleY(0); }

.env-odoo-features-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s var(--eof-ease);
}
.env-odoo-features-faq-answer-inner{
    padding:0 26px 24px 74px;
    color:var(--eof-muted);
    font-size:15px;
    line-height:1.75;
}

/* =======================================================================
   RESPONSIVE
======================================================================= */
@media (max-width:1200px){
    .env-odoo-features-modules-layout{ grid-template-columns:260px 1fr; }
}

@media (max-width:991px){
    .env-odoo-features-section,
    .env-odoo-features-hero,
    .env-odoo-features-ecosystem,
    .env-odoo-features-modules,
    .env-odoo-features-cta,
    .env-odoo-features-benefits,
    .env-odoo-features-comparison,
    .env-odoo-features-journey,
    .env-odoo-features-tailored,
    .env-odoo-features-whyus,
    .env-odoo-features-devservices,
    .env-odoo-features-faq{ padding:22px 0; }

    /* ecosystem -> stacked grid */
    .env-odoo-features-orbit{ display:none; }
    .env-odoo-features-ecosystem-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:14px;
    }
    .env-odoo-features-ecosystem-grid .env-odoo-features-eco-card{
        background:#fff;
        border:1px solid var(--eof-border);
        border-radius:var(--eof-radius-md);
        padding:20px 16px;
        text-align:center;
    }
    .env-odoo-features-eco-card i{
        width:42px; height:42px;
        border-radius:12px;
        background:var(--eof-bg-soft-2);
        color:var(--eof-primary);
        display:flex; align-items:center; justify-content:center;
        font-size:18px;
        margin:0 auto 10px;
    }
    .env-odoo-features-eco-card span{ font-size:13.5px; font-weight:700; color:var(--eof-dark); }

    /* modules -> pill nav + stacked */
    .env-odoo-features-modules-layout{ grid-template-columns:1fr; }
    .env-odoo-features-modules-nav{ display:none; }
    .env-odoo-features-modules-pillnav{
        display:flex;
        gap:10px;
        overflow-x:auto;
        padding-bottom:14px;
        margin-bottom:22px;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .env-odoo-features-modules-pillnav::-webkit-scrollbar{ display:none; }
    .env-odoo-features-modules-pillnav button{
        flex:0 0 auto;
        white-space:nowrap;
        padding:10px 18px;
        border-radius:99px;
        border:1px solid var(--eof-border);
        background:#fff;
        color:var(--eof-muted);
        font-weight:700;
        font-size:13.5px;
        cursor:pointer;
    }
    .env-odoo-features-modules-pillnav button.is-active{
        background:var(--eof-primary);
        border-color:var(--eof-primary);
        color:#fff;
    }
    .env-odoo-features-modules-panel{ grid-template-columns:1fr; }
    .env-odoo-features-modules-panel-media{ min-height:220px; }
    .env-odoo-features-modules-panel-body{ padding:30px 26px; }

    .env-odoo-features-benefit-card-media{ height:170px; }

    .env-odoo-features-comparison-grid{ grid-template-columns:1fr 1fr; }

    .env-odoo-features-journey-showcase{
        grid-template-columns:1fr;
        gap:44px;
        justify-items:center;
    }
    .env-odoo-features-journey-visual{ order:-1; min-height:0; margin-bottom:20px; }
    .env-odoo-features-journey-points{ width:100%; max-width:460px; }

    .env-odoo-features-whyus-layout{ grid-template-columns:1fr; gap:36px; display: block;}
    .env-odoo-features-whyus-media{ order:-1; }
    .env-odoo-features-whyus-stats{ grid-template-columns:1fr 1fr; }

    .env-odoo-features-devservices-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width:767px){
    .env-odoo-features-dashboard{ min-height:380px; }
    .env-odoo-features-dash-card--main{ max-width:320px; padding:22px 20px 26px; }
    .env-odoo-features-dash-float{ padding:8px 14px 8px 8px; font-size:12px; }
    .env-odoo-features-dash-float i{ width:26px; height:26px; font-size:11px; }
    .env-odoo-features-dash-float--crm{ left:-2%; top:-2%; }
    .env-odoo-features-dash-float--sales{ right:-4%; }
    .env-odoo-features-dash-float--inventory{ left:-4%; }
    .env-odoo-features-dash-notif{ font-size:10.5px; padding:8px 12px; right:2%; }

    .env-odoo-features-ecosystem-grid{ grid-template-columns:1fr 1fr; }
    .env-odoo-features-devservices-grid{ grid-template-columns:1fr; }
    .env-odoo-features-comparison-box-icon{ width:44px; height:44px; font-size:19px; }
    .env-odoo-features-journey-badge{ left:4%; }
    .env-odoo-features-whyus-play{ width:60px; height:60px; font-size:20px; }
}

@media (max-width:576px){
    .env-odoo-features-hero{ padding:90px 0 70px; }
    .env-odoo-features-btn{ width:100%; justify-content:center; }
    .env-odoo-features-hero-cta-row{ flex-direction:column; align-items:stretch; }
    .env-odoo-features-cta-1-phone{ font-size:15px; }
    .env-odoo-features-faq-question{ padding:18px 18px; gap:14px; font-size:14.5px; }
    .env-odoo-features-faq-answer-inner{ padding:0 18px 20px 62px; font-size:14px; }
    .env-odoo-features-ecosystem-grid{ grid-template-columns:1fr 1fr; gap:10px; }
    .env-odoo-features-comparison-grid{ grid-template-columns:1fr; }
    .env-odoo-features-journey-visual-frame{ max-width:220px; }
    .env-odoo-features-journey-badge{ position:static; margin-top:18px; max-width:none; }
    .env-odoo-features-journey-dots{ display:none; }
    .env-odoo-features-whyus-stats{ grid-template-columns:1fr; }
    .env-odoo-features-whyus-actions{ flex-direction:column; align-items:flex-start; gap:14px; margin-bottom: 20px;}
}


/* =============================================================================================
   ============================  ODOO INVENTORY PAGE CSS START  ==============================
   File: odoo-inventory.html | Scope: middle content area only | Prefix: .envInv-
   ============================================================================================= */

/* ---------------------------------------------------------------------
   0. TOKENS + SHARED UTILITIES
--------------------------------------------------------------------- */
:root{
    --einv-primary:#714B67;
    --einv-primary-dark:#5c3c54;
    --einv-primary-light:#9b7292;
    --einv-dark:#111827;
    --einv-navy:#0f172a;
    --einv-text:#1f2937;
    --einv-muted:#64748b;
    --einv-bg-soft:#F7F9FC;
    --einv-bg-soft-2:#F3F6FA;
    --einv-border:#e6e7ee;
    --einv-radius-lg:22px;
    --einv-radius-md:16px;
    --einv-radius-sm:10px;
    --einv-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --einv-shadow-md:0 20px 50px -18px rgba(17,24,39,.16);
    --einv-shadow-lg:0 30px 80px -25px rgba(17,24,39,.26);
    --einv-ease:cubic-bezier(.16,.84,.44,1);
}

[class^="envInv-"],[class*=" envInv-"]{ box-sizing:border-box; }
[class^="envInv-"] *,[class*=" envInv-"] *{ box-sizing:border-box; }

.envInv-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 16px;
    border-radius:99px;
    background:rgba(113,75,103,.08);
    color:var(--einv-primary);
    font-size:13px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    margin-bottom:18px;
    border:1px solid rgba(113,75,103,.14);
}
.envInv-eyebrow--light{ background:rgba(255,255,255,.08); color:#e7c9dd; border-color:rgba(255,255,255,.16); }

.envInv-heading{
    font-weight:400;
    
    line-height:1.16;
    color:var(--einv-dark);
    font-size:clamp(28px,3.4vw,46px);
    margin-bottom:18px; font-family: "Work Sans", sans-serif;
}
.envInv-heading--light{ color:#fff; }

.envInv-subheading{
    font-weight:700;
    line-height:1.3;
    color:var(--einv-dark);
    font-size:clamp(18px,1.8vw,22px);
    margin-bottom:10px;
}

.envInv-text{
    color:var(--einv-muted);
    font-size:16px;
    line-height:1.75;
    margin-bottom:0;
}
.envInv-text--light{ color:rgba(255,255,255,.72); }
.envInv-text a{ color:var(--einv-primary); font-weight:700; text-decoration:underline; }
.envInv-text--light a{ color:#fff; }

.envInv-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    border-radius:99px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .35s var(--einv-ease),box-shadow .35s var(--einv-ease),background .35s var(--einv-ease),color .35s var(--einv-ease);
    white-space:nowrap;
}
.envInv-btn i{ transition:transform .35s var(--einv-ease); font-size:14px; }
.envInv-btn:hover i{ transform:translate(3px,-3px); }
.envInv-btn:hover{ transform:translateY(-3px); }
.envInv-btn--primary{ background:var(--einv-primary); color:#fff; box-shadow:0 14px 30px -10px rgba(113,75,103,.5); }
.envInv-btn--primary:hover{ background:var(--einv-primary-dark); color:#fff; }
.envInv-btn--light{ background:#fff; color:var(--einv-dark); }
.envInv-btn--light:hover{ color:var(--einv-primary); }

.envInv-section{ position:relative; padding:100px 0; overflow:hidden; }
.envInv-section--soft{ background:var(--einv-bg-soft); }
.envInv-section--navy{ background:var(--einv-navy); }

.envInv-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.5; pointer-events:none; z-index:0; }
.envInv-grid-lines{
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    pointer-events:none;
}
.envInv-grid-lines--light{ background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); }

@media (prefers-reduced-motion: no-preference){
    .envInv-float{ animation:envInvFloat 6s ease-in-out infinite; }
    .envInv-float-delay1{ animation-delay:.6s; }
    .envInv-float-delay2{ animation-delay:1.2s; }
}
@keyframes envInvFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }

[data-einv-reveal]{ opacity:0; }
@media (prefers-reduced-motion: reduce){
    [data-einv-reveal]{ opacity:1 !important; transform:none !important; }
    .envInv-float,.envInv-float-delay1,.envInv-float-delay2{ animation:none !important; }
}

/* ---------------------------------------------------------------------
   1. HERO
--------------------------------------------------------------------- */
.envInv-hero{ position:relative; padding:110px 0 100px; background:var(--einv-bg-soft); overflow:hidden; }
.envInv-hero-bg{ position:absolute; inset:0; z-index:0; }
.envInv-hero .envInv-blob--1{ width:520px; height:520px; top:-220px; right:-160px; background:radial-gradient(circle,rgba(113,75,103,.35),transparent 70%); }
.envInv-hero .envInv-blob--2{ width:420px; height:420px; bottom:-200px; left:-140px; background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%); }
.envInv-hero .container{ position:relative; z-index:1; }

.envInv-eyebrow--accent{ background:rgba(240,135,30,.1); color:#e0690f; border-color:rgba(240,135,30,.22); }
.envInv-heading--upper{ text-transform:uppercase; letter-spacing:-.01em; }
.envInv-btn--dark{ background:var(--einv-dark); color:#fff; }
.envInv-btn--dark:hover{ background:#000; color:#fff; }

.envInv-hero-photo{ position:relative; max-width:560px; padding:26px 0 0 26px; }
.envInv-hero-photo-shape{
    position:absolute;
    top:0; left:0;
    width:72%;
    height:56%;
    border-radius:40px 40px 0 0;
    background:linear-gradient(160deg,#f6b73c,#f0871e);
    z-index:0;
}
.envInv-hero-photo-frame{
    position:relative;
    z-index:1;
    border-radius:0 0 32px 32px;
    overflow:hidden;
    box-shadow:var(--einv-shadow-lg);
    aspect-ratio:4/5;
}
.envInv-hero-photo-frame img{ width:100%; height:100%; object-fit:cover; display:block; }

.envInv-hero-photo-card{
    position:absolute;
    right:-8%;
    bottom:8%;
    z-index:2;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border-radius:16px;
    padding:16px 20px;
    box-shadow:var(--einv-shadow-lg);
    max-width:250px;
}
.envInv-hero-photo-card-icon{
    width:44px; height:44px; border-radius:12px; background:var(--einv-bg-soft-2); color:var(--einv-primary);
    display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0;
}
.envInv-hero-photo-card-title{ display:block; font-size:14px; font-weight:800; color:var(--einv-dark); }
.envInv-hero-photo-card-sub{ display:block; font-size:12px; color:var(--einv-muted); margin-top:2px; }

/* ---------------------------------------------------------------------
   2. CHALLENGES (intro + feature cards)
--------------------------------------------------------------------- */
.envInv-challenges{ position:relative; padding:100px 0; background:#fff; }
.envInv-challenges-intro{ display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; margin-bottom:56px; }
.envInv-challenges-intro-media{ border-radius:var(--einv-radius-lg); overflow:hidden; border:1px solid var(--einv-border); box-shadow:var(--einv-shadow-md); }
.envInv-challenges-intro-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.envInv-challenges-intro-copy .envInv-kicker{ display:block; font-size:14px; font-weight:800; color:var(--einv-primary); text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; }

/* ---------------------------------------------------------------------
   2b. STEPS — inventory challenges as a horizontal step timeline
--------------------------------------------------------------------- */
.envInv-steps{ position:relative; padding:90px 0; background:#0b2b25; overflow:hidden; }
.envInv-steps-track{ position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.envInv-steps-track::before{
    content:"";
    position:absolute;
    top:17px;
    left:8%;
    right:8%;
    height:1px;
    background:rgb(246 119 52);
    z-index:0;
}
.envInv-steps-step{ position:relative; z-index:1; text-align:center; }
.envInv-steps-pill{
        display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 8px 27px;
    border-radius: 99px;
    background: #f96f2a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .04em;
    position: relative;
    z-index: 1;
}
.envInv-steps-line{
    display:block;
    width:1px;
    height:56px;
    background:rgb(246 119 52);
    margin:0 auto;
}
.envInv-steps-step h3{
    font-size: 17px;
    font-weight: 800;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: .01em;
    margin: 10px 0 10px;
    line-height: 22px;
}
.envInv-steps-step p{
    font-size:16px;
    
    line-height:1.65;
    margin:0;
    max-width:220px;
    margin-left:auto;
    margin-right:auto;
}

/* ---------------------------------------------------------------------
   3. CTA
--------------------------------------------------------------------- */
.envInv-cta{ position:relative; padding:90px 0; background:var(--einv-navy); overflow:hidden; }
.envInv-cta-bg{ position:absolute; inset:0; z-index:0; }
.envInv-cta .envInv-blob--1{ width:480px; height:480px; top:-200px; left:10%; background:radial-gradient(circle,rgba(113,75,103,.55),transparent 70%); opacity:.6; }
.envInv-cta .envInv-blob--2{ width:380px; height:380px; bottom:-200px; right:5%; background:radial-gradient(circle,rgba(59,130,246,.32),transparent 70%); opacity:.55; }
.envInv-cta .container{ position:relative; z-index:1; }
.envInv-cta-actions{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:8px; }
.envInv-cta-phone{ display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-weight:700; font-size:16px; }
.envInv-cta-phone i{ color:#facc15; }
.envInv-cta-media{ border-radius:var(--einv-radius-lg); overflow:hidden; max-width:340px; margin-left:auto; box-shadow:0 30px 70px -20px rgba(0,0,0,.6); }
.envInv-cta-media img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ---------------------------------------------------------------------
   4. BENEFITS (sticky visual + scrollspy)
--------------------------------------------------------------------- */
.envInv-benefits{ position:relative; padding:100px 0; background:url(../images/bgn-team.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; }
.envInv-benefits:before{ background: rgb(255 255 255 / 43%); content:""; position:absolute; inset:0; z-index:0; }
.envInv-benefits-intro{ margin:0 auto 56px; text-align:center; }
.envInv-benefits-layout{ display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:flex-start; }
.envInv-benefits-visual{ position:sticky; top:110px; overflow:hidden;}
.envInv-benefits-visual img{ width:100%; height:100%; object-fit:cover; display:block; }
.envInv-benefits-list{ display:flex; flex-direction:column; gap:6px; }
.envInv-benefit-item{
    position:relative; display:flex; gap:18px; padding:22px 20px; 
    transition:background .35s var(--einv-ease); border-bottom: 1px #00000091 dashed;
}
/*.envInv-benefit-item.is-active{ background:#fff; border-color:var(--einv-border); box-shadow:var(--einv-shadow-sm); }*/
.envInv-benefit-num{
    width:42px; height:42px; border-radius:12px; background: #f96f2a; color: #ffffff;
    display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex-shrink:0;
    transition:background .35s var(--einv-ease),color .35s var(--einv-ease);
}
/*.envInv-benefit-item.is-active .envInv-benefit-num{ background:var(--einv-primary); color:#fff; }*/
.envInv-benefit-item h3{ font-size:17px; font-weight:700; color:var(--einv-dark); margin-bottom:6px; }
.envInv-benefit-item p{ font-size:16px; color:var(--einv-muted); line-height:1.65; margin:0; }

/* ---------------------------------------------------------------------
   5. PROCESS (Why Choose Envertis as 4-step journey)
--------------------------------------------------------------------- */
.envInv-process{ position:relative; padding: 50px 0; background: #f1f1f1;}
.envInv-process-intro{ max-width:760px; margin:0 auto 56px; text-align:center; }
.envInv-process-track{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.envInv-process-track::before{ content:""; position:absolute; top:44px; left:8%; right:8%; height:2px; background:repeating-linear-gradient(90deg,var(--einv-border) 0 8px,transparent 8px 16px); z-index:0; }
.envInv-process-step{ position:relative; z-index:1; text-align:center; }
.envInv-process-num{
    width:88px; height:88px; border-radius:50%; background:#fff; border:2px solid var(--einv-border); margin:0 auto 22px; font-size:30px;;
    display:flex; align-items:center; justify-content:center; transition:border-color .4s var(--einv-ease),transform .4s var(--einv-ease),background .4s var(--einv-ease);
}
.envInv-process-num img{ width:34px; height:34px; object-fit:contain; }
.envInv-process-step.is-visible .envInv-process-num{ border-color:var(--einv-primary); transform:scale(1.06); background:var(--einv-bg-soft-2); }
.envInv-process-index{ position:absolute; top:-6px; right:calc(50% - 90px); font-size: 32px; font-weight: 800; color: rgb(251 113 67 / 82%); }
.envInv-process-step h3{ font-size:16.5px; font-weight:700; color:var(--einv-dark); margin-bottom:8px; }
.envInv-process-step p{ font-size:13.5px; color:var(--einv-muted); line-height:1.65; margin:0; }

/* ---------------------------------------------------------------------
   6. TESTIMONIALS
--------------------------------------------------------------------- */
.envInv-testimonials{ position:relative; padding:100px 0; background:var(--einv-bg-soft); overflow:hidden; }
.envInv-testimonials-intro{ max-width:760px; margin:0 auto 50px; text-align:center; }
.envInv-testimonials-slider{ overflow:hidden; padding-bottom:8px; }
.envInv-testimonials-slider .swiper-slide{ height:auto; display:flex; }
.envInv-testimonial-card{
    width:100%; background:#fff; border:1px solid var(--einv-border); border-radius:var(--einv-radius-lg);
    padding:32px 28px; display:flex; flex-direction:column;
}
.envInv-testimonial-stars{ color:#f59e0b; font-size:13px; margin-bottom:16px; display:flex; gap:3px; }
.envInv-testimonial-quote{ font-size:14.5px; color:var(--einv-text); line-height:1.75; margin-bottom:22px; flex:1; }
.envInv-testimonial-author{ display:flex; align-items:center; gap:14px; padding-top:18px; border-top:1px solid var(--einv-border); }
.envInv-testimonial-avatar{
    width:44px; height:44px; border-radius:50%; background:var(--einv-primary); color:#fff; font-weight:800;
    display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;
}
.envInv-testimonial-name{ font-size:14.5px; font-weight:700; color:var(--einv-dark); display:block; }
.envInv-testimonial-role{ font-size:12.5px; color:var(--einv-muted); display:block; margin-top:2px; }

.envInv-testimonials-nav{ display:flex; align-items:center; justify-content:center; gap:20px; margin-top:36px; }
.envInv-testimonials-prev,.envInv-testimonials-next{
    width:46px; height:46px; border-radius:50%; border:1px solid var(--einv-border); background:#fff; color:var(--einv-dark);
    display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer;
    transition:background .3s var(--einv-ease),color .3s var(--einv-ease),border-color .3s var(--einv-ease); flex-shrink:0;
}
.envInv-testimonials-prev:hover,.envInv-testimonials-next:hover{ background:var(--einv-primary); border-color:var(--einv-primary); color:#fff; }
.envInv-testimonials-pagination.swiper-pagination{ position:static; display:flex; align-items:center; gap:8px; }
.envInv-testimonials-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:var(--einv-border); opacity:1; margin:0; border-radius:99px; transition:background .3s var(--einv-ease),width .3s var(--einv-ease); }
.envInv-testimonials-pagination .swiper-pagination-bullet-active{ background:var(--einv-primary); width:22px; }

.envInv-mini-cta{ text-align:center; margin-top:44px; }

/* ---------------------------------------------------------------------
   7. FAQ
--------------------------------------------------------------------- */
.envInv-faq{ position:relative; padding:100px 0; background:#fff; }
.envInv-faq-intro{ max-width:640px; margin:0 auto 48px; text-align:center; }
.envInv-faq-list{ max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.envInv-faq-item{ background:var(--einv-bg-soft); border:1px solid var(--einv-border); border-radius:var(--einv-radius-md); overflow:hidden; transition:border-color .3s var(--einv-ease),box-shadow .3s var(--einv-ease),background .3s var(--einv-ease); }
.envInv-faq-item.is-open{ border-color:rgba(113,75,103,.35); box-shadow:var(--einv-shadow-sm); background:#fff; }
.envInv-faq-question{ width:100%; display:flex; align-items:center; gap:20px; text-align:left; background:transparent; border:none; padding:22px 26px; cursor:pointer; font-size:16px; font-weight:700; color:var(--einv-dark); }
.envInv-faq-question-num{ font-size:13px; font-weight:800; color:rgba(113,75,103,.4); flex-shrink:0; width:26px; }
.envInv-faq-question-text{ flex:1; }
.envInv-faq-icon{ width:32px; height:32px; border-radius:50%; background:#fff; color:var(--einv-primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; transition:background .3s var(--einv-ease),color .3s var(--einv-ease); }
.envInv-faq-icon::before,.envInv-faq-icon::after{ content:""; position:absolute; background:currentColor; transition:transform .3s var(--einv-ease); }
.envInv-faq-icon::before{ width:12px; height:2px; }
.envInv-faq-icon::after{ width:2px; height:12px; }
.envInv-faq-item.is-open .envInv-faq-icon{ background:var(--einv-primary); color:#fff; }
.envInv-faq-item.is-open .envInv-faq-icon::after{ transform:rotate(90deg) scaleY(0); }
.envInv-faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s var(--einv-ease); }
.envInv-faq-answer-inner{ padding:0 26px 24px 70px; color:var(--einv-muted); font-size:15px; line-height:1.75; }

/* ---------------------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------------------- */
@media (max-width:991px){
    .envInv-hero,.envInv-challenges,.envInv-steps,.envInv-cta,.envInv-benefits,.envInv-process,.envInv-testimonials,.envInv-faq{ padding:72px 0; }

    .envInv-challenges-intro{ grid-template-columns:1fr; gap:28px; }

    .envInv-steps-track{ grid-template-columns:1fr; gap:0; }
    .envInv-steps-track::before{ display:none; }
    .envInv-steps-step{ display:flex; flex-direction:column; align-items:center; padding-bottom:36px; }
    .envInv-steps-step:last-child{ padding-bottom:0; }
    .envInv-steps-line{ height:28px; }

    .envInv-benefits-layout{ grid-template-columns:1fr; }
    .envInv-benefits-visual{ position:relative; top:0; max-width:100%; margin:0 auto 32px; aspect-ratio:0; }

    .envInv-process-track{ grid-template-columns:1fr; gap:0; padding-left:26px; }
    .envInv-process-track::before{ top:0; bottom:0; left:22px; right:auto; width:2px; height:auto; }
    .envInv-process-step{ display:contents; align-items:flex-start; gap:20px; text-align:left; padding:0 0 40px; margin-left:-26px; }
    .envInv-process-step:last-child{ padding-bottom:0; }
    .envInv-process-num{ margin: 0 0 30px; flex-shrink:0; width:60px; height:60px; }
    .envInv-process-num img{ width:24px; height:24px; }
    .envInv-process-index{ position:static; display:block; margin-bottom:4px; }

    .envInv-cta-media{ display:none; }
    .envoneapp-section { padding: 0px 0;}
}

@media (max-width:767px){
    .envInv-hero-photo{ max-width:340px; margin:0 auto; }
    .envInv-hero-photo-card{ padding:12px 16px; right:-4%; }
    .envInv-process-index { display: none; }
    .envInv-process-step p { margin: 0 0 30px;}
    .desc-title { font-size: 35px; line-height: 40px;}
    .desc-title span::after { display: none;}
    .envoneapp-section { padding: 0px 0;}
}

@media (max-width:576px){
    .envInv-btn{ width:100%; justify-content:center; }
    .envInv-cta-actions{ flex-direction:column; align-items:stretch; }
    .envInv-faq-question{ padding:18px; gap:14px; font-size:14.5px; }
    .envInv-faq-answer-inner{ padding:0 18px 20px 60px; font-size:14px; }
    .envInv-hero-photo{ max-width:80%; padding-left:16px; }
    .envInv-hero-photo-card{ position:static; margin-top:14px; max-width:none; }
}

/* =============================================================================================
   =============================  ODOO INVENTORY PAGE CSS END  ===============================
   ============================================================================================= */






/* ==========================================================================
   ODOO SALES MANAGEMENT PAGE — CUSTOM STYLESHEET
   File: css/odoo-sales-management.css
   Page: odoo-sales-management.html
   Scope: Middle content area (.env-sales-main) between the site header
   banner and the site footer ONLY. All custom classes are prefixed with
   "env-sales-" and all custom properties are prefixed "--eosm-" so this
   file cannot collide with shared site styles or other Odoo inner pages
   (odoo-features.css uses "env-odoo-features-", odoo-inventory styles use
   "envInv-").
   ========================================================================== */

/* ---------------------------------------------------------------------
   0. DESIGN TOKENS
--------------------------------------------------------------------- */

:root{
    --eosm-primary:#000;
    --eosm-primary-dark:#5c3c54;
    --eosm-primary-light:#9b7292;
    --eosm-dark:#111827;
    --eosm-navy:#0f172a;
    --eosm-navy-2:#161e33;
    --eosm-text:#1f2937;
    --eosm-muted:#64748b;
    --eosm-bg:#ffffff;
    --eosm-bg-soft:#f7f8fb;
    --eosm-bg-soft-2:#f2f0f5;
    --eosm-border:#e6e7ee;
    --eosm-radius-lg:24px;
    --eosm-radius-md:16px;
    --eosm-radius-sm:10px;
    --eosm-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --eosm-shadow-md:0 20px 50px -18px rgba(17,24,39,.18);
    --eosm-shadow-lg:0 30px 80px -25px rgba(17,24,39,.28);
    --eosm-ease:cubic-bezier(.16,.84,.44,1);
    
}

.env-sales-main,
[class^="env-sales-"],
[class*=" env-sales-"]{
    font-family:var(--eosm-font);
    box-sizing:border-box;
}
.env-sales-main *,
[class^="env-sales-"] *,
[class*=" env-sales-"] *{
    box-sizing:border-box;
}
.env-sales-main{ position:relative; overflow:hidden; }

/* ---------------------------------------------------------------------
   1. SHARED / UTILITY
--------------------------------------------------------------------- */
.env-sales-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 16px;
    border-radius:99px;
    background:rgba(113,75,103,.08);
    color:var(--eosm-primary);
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:18px;
    border:1px solid rgba(113,75,103,.14);
}
.env-sales-eyebrow i{ font-size:12px; }
.env-sales-eyebrow--light{
    background:rgba(255,255,255,.1);
    color:#e7c9dd;
    border-color:rgba(255,255,255,.16);
}

.env-sales-heading{
    font-weight:400;
    letter-spacing:-.02em;
    line-height:1.2;
    color:var(--eosm-dark);
    font-size:clamp(26px,3.2vw,38px);
    margin-bottom:18px; font-family: "Work Sans", sans-serif;
}
.env-sales-heading--light{ color:#fff; }
.env-sales-heading--sub{ font-size:clamp(20px,2.4vw,28px); font-weight:700; margin-top:-8px; opacity:.92; }

.env-sales-text{
    color:var(--eosm-muted);
    font-size:16px;
    line-height:1.75;
    
    margin-bottom:16px;
}
.env-sales-text--light{ color:rgba(255,255,255,.75); }
.env-sales-text a{ color:var(--eosm-primary); font-weight:700; text-decoration:underline; }
.env-sales-text--light a{ color:#fff; }
.env-sales-text:last-child{ margin-bottom:0; }

.env-sales-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    border-radius:99px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .35s var(--eosm-ease),box-shadow .35s var(--eosm-ease),background .35s var(--eosm-ease),color .35s var(--eosm-ease),border-color .35s var(--eosm-ease);
    white-space:nowrap;
    cursor:pointer;
}
.env-sales-btn i{ transition:transform .35s var(--eosm-ease); font-size:14px; }
.env-sales-btn:hover i{ transform:translate(3px,-2px); }
.env-sales-btn:hover{ transform:translateY(-3px); }

.env-sales-btn--primary{
    background:var(--eosm-primary);
    color:#fff;
    box-shadow:0 14px 30px -10px rgba(113,75,103,.55);
}
.env-sales-btn--primary:hover{ background:var(--eosm-primary-dark); color:#fff; box-shadow:0 20px 40px -12px rgba(113,75,103,.65); }

.env-sales-btn--light{ background:#fff; color:var(--eosm-dark); }
.env-sales-btn--light:hover{ color:var(--eosm-primary); }

.env-sales-btn--outline-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.env-sales-btn--outline-light:hover{ border-color:#fff; background:rgba(255,255,255,.08); color:#fff; }

/* section paddings + bg decor helpers */
.env-sales-section{ position:relative; padding:96px 0; overflow:hidden; }
.env-sales-section--soft{ background:var(--eosm-bg-soft); }

.env-sales-blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.45; pointer-events:none; z-index:0; }
.env-sales-bgdecor{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.env-sales-bgdecor .env-sales-blob--1{ width:480px; height:480px; top:-180px; right:-160px; background:radial-gradient(circle,rgba(113,75,103,.28),transparent 70%); }
.env-sales-bgdecor .env-sales-blob--2{ width:420px; height:420px; top:620px; left:-180px; background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%); }

[data-eosm-reveal]{ opacity:0; }
@media (prefers-reduced-motion: reduce){
    [data-eosm-reveal]{ opacity:1 !important; transform:none !important; }
}

/* =======================================================================
   2. CHALLENGES — image + accordion
======================================================================= */
.env-sales-challenges{ background: #f6f7f7; }

.env-sales-visual{ position:relative; z-index:1; }
.env-sales-visual-frame{
    position:relative;
    border-radius:var(--eosm-radius-lg);
    overflow:hidden;
    background:linear-gradient(160deg,var(--eosm-bg-soft-2),var(--eosm-bg-soft));
    border:1px solid var(--eosm-border);
    box-shadow:var(--eosm-shadow-lg);
    padding:28px;
}
.env-sales-visual-frame img{ display:block; width:100%; height:auto; border-radius:var(--eosm-radius-md); }

.env-sales-visual-badge{
    position:absolute;
    left:-8px;
    bottom:-22px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    border:1px solid var(--eosm-border);
    border-radius:var(--eosm-radius-md);
    padding:14px 20px 14px 14px;
    box-shadow:var(--eosm-shadow-md);
    z-index:2;
}
.env-sales-visual-badge i{
    width:42px; height:42px; border-radius:12px;
    background:var(--eosm-primary); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:17px; flex:none;
}
.env-sales-visual-badge .value{ display:block; font-weight:800; font-size:14px; color:var(--eosm-dark); }
.env-sales-visual-badge .label{ display:block; font-size:12px; color:var(--eosm-muted); font-weight:600; }

.env-sales-accordion{ margin-top:8px; border-radius:var(--eosm-radius-md); overflow:hidden; border:1px solid var(--eosm-border); }
.env-sales-accordion-item{ border-bottom:1px solid var(--eosm-border); background:#fff; }
.env-sales-accordion-item:last-child{ border-bottom:none; }

.env-sales-accordion-header{
    width:100%;
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    background:transparent;
    border:none;
    text-align:left;
    cursor:pointer;
    font-family:inherit;
}
.env-sales-accordion-num{
    flex:none;
    font-size:13px;
    font-weight:800;
    color:var(--eosm-primary);
    background:rgba(113,75,103,.08);
    width:32px; height:32px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    transition:background .3s var(--eosm-ease),color .3s var(--eosm-ease);
}
.env-sales-accordion-title{ flex:1; font-weight:700; font-size:15.5px; color:var(--eosm-dark); }
.env-sales-accordion-icon{ flex:none; color:var(--eosm-muted); transition:transform .35s var(--eosm-ease); font-size:13px; }

.env-sales-accordion-item.is-open .env-sales-accordion-num{ background:#f96f2a; color:#fff; }
.env-sales-accordion-item.is-open .env-sales-accordion-icon{ transform:rotate(180deg); color:#f96f2a; }
.env-sales-accordion-item.is-open .env-sales-accordion-header{ background:rgba(113,75,103,.04); }

.env-sales-accordion-panel{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s var(--eosm-ease);
}
.env-sales-accordion-panel p{
    margin:0;
    padding:0 20px 20px 68px;
    color:var(--eosm-muted);
    font-size:15px;
    line-height:1.7;
}

/* =======================================================================
   3. MID CTA PANEL
======================================================================= */
.env-sales-cta{
    background:linear-gradient(135deg,var(--eosm-navy),var(--eosm-navy-2));
    padding:90px 0;
}
.env-sales-cta-decor{
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(circle at 85% 20%,rgba(113,75,103,.45),transparent 55%),
                      radial-gradient(circle at 5% 90%,rgba(59,130,246,.22),transparent 50%);
    pointer-events:none;
}
.env-sales-cta .container{ position:relative; z-index:1; }
.env-sales-cta-visual{ display:flex; justify-content:center; }
.env-sales-cta-visual img{ max-width:100%; height:auto; filter:drop-shadow(0 30px 50px rgba(0,0,0,.35)); }
.env-sales-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:8px 0 20px; }
.env-sales-cta-phone{ font-weight:700; }

/* =======================================================================
   4. BENEFITS — content + icon list + image
======================================================================= */
.env-sales-benefits{ background:var(--eosm-bg); }

.env-sales-benefit-list{ margin-top:8px; display:flex; flex-direction:column; gap:18px; }
.env-sales-benefit-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px;
    border-radius:var(--eosm-radius-md);
    border-bottom: 2px #0000001c dashed;
    background:#fff;
    transition:transform .35s var(--eosm-ease),box-shadow .35s var(--eosm-ease),border-color .35s var(--eosm-ease);
}
.env-sales-benefit-item:hover{ transform:translateY(-4px); box-shadow:var(--eosm-shadow-md); border-color:rgba(113,75,103,.25); }

.env-sales-benefit-icon{
    flex:none;
    width:46px; height:46px;
    border-radius:14px;
    background:rgba(113,75,103,.08);
    color:var(--eosm-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:18px;
    transition:transform .35s var(--eosm-ease),background .35s var(--eosm-ease),color .35s var(--eosm-ease);
}
.env-sales-benefit-item:hover .env-sales-benefit-icon{ background:#f67734; color:#fff; transform:scale(1.08); }

.env-sales-benefit-item h4{ font-size:16px; font-weight:800; color:var(--eosm-dark); margin:0 0 6px; }
.env-sales-benefit-item p{ font-size:14.5px; line-height:1.65; color:var(--eosm-muted); margin:0; }

.env-sales-visual--alt .env-sales-visual-frame{ background:linear-gradient(160deg,#fff,var(--eosm-bg-soft-2)); }

/* =======================================================================
   5. WHY CHOOSE ENVERTIS — pillar cards
======================================================================= */
.env-sales-why{ }
.env-sales-pillars{ margin-top:44px; }

.env-sales-pillar-card{
    height:100%;
    background:#fff;
    border:1px solid var(--eosm-border);
    border-radius:var(--eosm-radius-md);
    padding:32px 26px;
    text-align:left;
    transition:transform .35s var(--eosm-ease),box-shadow .35s var(--eosm-ease),border-color .35s var(--eosm-ease);
}
.env-sales-pillar-card:hover{ transform:translateY(-6px); box-shadow:var(--eosm-shadow-md); border-color:rgba(113,75,103,.25); }

.env-sales-pillar-icon{
    width:56px; height:56px;
    border-radius:16px;
    background:linear-gradient(150deg,var(--eosm-primary),var(--eosm-primary-dark));
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:22px;
    margin-bottom:20px;
    transition:transform .35s var(--eosm-ease);
}
.env-sales-pillar-card:hover .env-sales-pillar-icon{ transform:rotate(-8deg) scale(1.06); }

.env-sales-pillar-card h3{ font-size:17px; font-weight:800; color:var(--eosm-dark); margin:0 0 10px; line-height:1.35; }
.env-sales-pillar-card p{ font-size:14.5px; line-height:1.65; color:var(--eosm-muted); margin:0; }

/* =======================================================================
   6. TESTIMONIALS
======================================================================= */
.env-sales-testimonials{ background:var(--eosm-bg-soft); }
.env-sales-testimonials .env-sales-eyebrow,
.env-sales-testimonials .env-sales-heading{ }

.env-sales-testi-slider{ margin-top:48px; padding-bottom:52px; }
.env-sales-testi-card{
    height:100%;
    background:#fff;
    border:1px solid var(--eosm-border);
    border-radius:var(--eosm-radius-md);
    padding:30px 28px;
    box-shadow:var(--eosm-shadow-sm);
}
.env-sales-testi-stars{ color:#f5a623; font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.env-sales-testi-quote{ font-size:15px; line-height:1.75; color:var(--eosm-text); margin-bottom:20px; min-height:132px; }
.env-sales-testi-author{ display:flex; flex-direction:column; padding-top:14px; border-top:1px dashed var(--eosm-border); }
.env-sales-testi-author .name{ font-weight:800; color:var(--eosm-dark); font-size:15px; }
.env-sales-testi-author .role{ font-size:13px; color:var(--eosm-muted); font-weight:600; }

.env-sales-testi-pagination{ position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; gap:8px; }
.env-sales-testi-pagination .swiper-pagination-bullet{
    width:9px; height:9px; opacity:1; background:var(--eosm-border); margin:0 !important;
}
.env-sales-testi-pagination .swiper-pagination-bullet-active{ background:var(--eosm-primary); width:26px; border-radius:6px; }

/* =======================================================================
   7. PHOTO STACK VISUAL + ORBIT BADGE
   Two overlapping framed photos with a spinning "Contact Us" badge.
======================================================================= */
.env-sales-photo-stack{
    position:relative;
    min-height:420px;
    z-index:1;
}

.env-sales-photo-card{
    background:#fff;
    padding:10px;
    border-radius:var(--eosm-radius-lg);
    box-shadow:var(--eosm-shadow-lg);
}
.env-sales-photo-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:calc(var(--eosm-radius-lg) - 8px);
}

.env-sales-photo-card--large{
    width:76%;
    margin-left:auto;
    aspect-ratio:4/5;
}

.env-sales-photo-card--small{
    position:absolute;
    left:0;
    bottom:-32px;
    width:60%;
    aspect-ratio:4/5;
    z-index:2;
}

.env-sales-orbit-badge{
    position:absolute;
    right:6%;
    bottom:-30px;
    width:128px;
    height:128px;
    border-radius:50%;
    background:#f96f2a;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 16px 34px -10px rgba(22,163,74,.55);
    z-index:3;
}
.env-sales-orbit-badge-ring{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    animation:eosmOrbitSpin 12s linear infinite;
}
.env-sales-orbit-badge-ring text{
    font-size:13.5px;
    font-weight:700;
    letter-spacing:1.5px;
    fill:#fff;
    text-transform:uppercase;
}
.env-sales-orbit-badge-center{
    position:relative;
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.4);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:19px;
}

@keyframes eosmOrbitSpin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
    .env-sales-orbit-badge-ring{ animation:none; }
}

/* =======================================================================
   8. RESPONSIVE
======================================================================= */
@media (max-width:991.98px){
    .env-sales-section{ padding:70px 0; }
    .env-sales-cta{ padding:64px 0; text-align:center; }
    .env-sales-cta-actions{ justify-content:center; }
    .env-sales-visual-badge{ left:16px; bottom:-18px; }
    .env-sales-pillars{ margin-top:32px; }
    .env-sales-photo-stack{ min-height:380px; max-width:440px; margin:0 auto; }
}

@media (max-width:767.98px){
    .env-sales-section{ padding:56px 0; }
    .env-sales-accordion-panel p{ padding-left:20px; }
    .env-sales-visual-badge{ position:static; margin-top:16px; display:inline-flex; }
    .env-sales-cta-visual img{ max-width:260px; }
    .env-sales-bgdecor{ display:none; }
    .env-sales-photo-stack{ min-height:340px; }
    .env-sales-orbit-badge{ width:104px; height:104px; right:2%; bottom:-22px; }
    .env-sales-orbit-badge-center{ width:40px; height:40px; font-size:16px; }
    .env-sales-orbit-badge-ring text{ font-size:12px; }
}

@media (max-width:575.98px){
    .env-sales-heading{ font-size:24px; }
    .env-sales-btn{ width:100%; justify-content:center; }
    .env-sales-cta-actions{ flex-direction:column; align-items:stretch; }
    .env-sales-photo-stack{ min-height:300px; max-width:320px; }
    .env-sales-photo-card--small{ bottom:-22px; }
    .env-sales-orbit-badge{ width:88px; height:88px; right:0; bottom:-18px; }
    .env-sales-orbit-badge-center{ width:34px; height:34px; font-size:14px; }
    .env-sales-orbit-badge-ring text{ font-size:10.5px; letter-spacing:1px; }
}


/* =========================================================
   CONSTX SAFETY SECTION
   All classes are uniquely prefixed with envSafety-
========================================================= */

.envSafety-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff; padding: 100px 0 0;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.envSafety-content {
    padding: 0 8% 70px 7.8%;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: #ffffff;
}


/* =========================================================
   EYEBROW
========================================================= */

.envSafety-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 23px;

    color: #ff5a1f;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;

    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.envSafety-eyebrow-line {
    width: 40px;
    height: 2px;

    background: #ff5a1f;

    display: inline-block;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.envSafety-title {
    max-width: 720px;

    margin: 0 0 42px;

    color: #071d35;

    font-family: "Work Sans", sans-serif;
    font-size: 44px;
    font-weight: 400;

    line-height: 1.25;
    letter-spacing: -1px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.envSafety-description {
    max-width: 720px;

    margin: 0 0 38px;

    color: #536b83;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;

    line-height: 1.65;
}


/* =========================================================
   SAFETY ITEMS
========================================================= */

.envSafety-item {
    display: flex;
    align-items: flex-start;

    max-width: 730px;

    margin-bottom: 32px;
}

.envSafety-item:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ICON
========================================================= */

.envSafety-icon {
    flex: 0 0 70px;

    width: 70px;
    height: 70px;

    margin-right: 20px;

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

    border-radius: 50%;

    background: #fff0ea;

    color: #ff5a1f;

    font-size: 28px;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}

.envSafety-item:hover .envSafety-icon {
    background: #ff5a1f;
    color: #ffffff;

    transform: translateY(-4px);
}


/* =========================================================
   ITEM CONTENT
========================================================= */

.envSafety-item-content {
    flex: 1;
}

.envSafety-item-content h3 {
    margin: 0 0 8px;

    color: #071d35;

    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;

    line-height: 1.25;
}

.envSafety-item-content p {
    max-width: 610px;

    margin: 0;

    color: #536b83;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;

    line-height: 1.6;
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.envSafety-media {
    position: relative;

    width: 100%;
   

    overflow: hidden;

    border-radius: 6px 0 0 0;
}

.envSafety-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;

    transition: transform 0.8s ease;
}

.envSafety-media:hover .envSafety-image {
    transform: scale(1.025);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.envSafety-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.05),
            rgba(0, 0, 0, 0)
        );

    pointer-events: none;
}


/* =========================================================
   VIDEO PLAY BUTTON
========================================================= */

.envSafety-play-button {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 92px;
    height: 92px;

    transform: translate(-50%, -50%);

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

    padding: 0;

    border: 0;
    background: transparent;

    cursor: pointer;

    z-index: 5;
}


/* White center circle */

.envSafety-play-inner {
    position: relative;

    width: 82px;
    height: 82px;

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

    border-radius: 50%;

    background: #ffffff;

    color: #ff5a1f;

    font-size: 22px;

    box-shadow:
        0 5px 25px rgba(0, 0, 0, 0.18);

    z-index: 3;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.envSafety-play-button:hover .envSafety-play-inner {
    transform: scale(1.08);

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.25);
}

.envSafety-play-inner i {
    margin-left: 4px;
}


/* =========================================================
   PLAY RINGS
========================================================= */

.envSafety-play-ring {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 92px;
    height: 92px;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255, 255, 255, 0.9);

    border-radius: 50%;

    z-index: 1;
}

.envSafety-play-ring-two {
    width: 120px;
    height: 120px;

    border-color: rgba(255, 255, 255, 0.5);
}


/* =========================================================
   SCROLL TO TOP
========================================================= */

.envSafety-scroll-top {
    position: fixed;

    right: 30px;
    bottom: 0;

    transform: translateY(-50%);

    width: 27px;
    height: 105px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-decoration: none;

    z-index: 20;
}


/* Rotated label */

.envSafety-scroll-label {
    position: relative;

    width: 99px;

    padding: 7px 11px;

    border-radius: 14px;

    background: #ffffff;

    color: #253242;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;

    text-align: center;

    transform: rotate(-90deg);

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.12);

    white-space: nowrap;
}


/* Vertical line */

.envSafety-scroll-line {
    position: absolute;

    top: 56px;

    width: 2px;
    height: 70px;

    background: linear-gradient(
        to bottom,
        #ff5a1f 0%,
        #ff5a1f 48%,
        #d8e0e7 48%,
        #d8e0e7 100%
    );
}





/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1600px) {

    .envSafety-content {
        padding-left: 7.8%;
        padding-right: 8%;
    }

    

    .envSafety-description {
        font-size: 16px;
    }

    
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1399.98px) {

    .envSafety-content {
        padding: 80px 6% 60px 7%;
    }

    .envSafety-title {
        font-size: 42px;
    }

    .envSafety-item-content h3 {
        font-size: 21px;
    }

    .envSafety-item-content p {
        font-size: 15px;
    }

    .envSafety-media {
        height: 700px;
    }
}


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

@media (max-width: 991.98px) {

    .envSafety-content {
        min-height: auto;

        padding: 70px 7%;
    }

    .envSafety-title {
        max-width: 700px;

        font-size: 40px;
    }

    .envSafety-description {
        max-width: 700px;
    }

    .envSafety-media {
        height: 600px;

        border-radius: 0;
    }

    .envSafety-image {
        object-position: center center;
    }

    .envSafety-scroll-top {
        display: none;
    }
}


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

@media (max-width: 767.98px) {

    .envSafety-content {
        padding: 55px 24px 50px;
    }

    .envSafety-eyebrow {
        margin-bottom: 18px;

        font-size: 13px;
    }

    .envSafety-eyebrow-line {
        width: 30px;
    }

    .envSafety-title {
        margin-bottom: 18px;

        font-size: 34px;
        line-height: 1.2;

        letter-spacing: -0.6px;
    }

    .envSafety-desktop-break {
        display: none;
    }

    .envSafety-description {
        margin-bottom: 35px;

        font-size: 15px;
        line-height: 1.65;
    }

    .envSafety-item {
        margin-bottom: 28px;
    }

    .envSafety-icon {
        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        margin-right: 15px;

        font-size: 22px;
    }

    .envSafety-item-content h3 {
        font-size: 19px;
    }

    .envSafety-item-content p {
        font-size: 14px;

        line-height: 1.6;
    }

    .envSafety-media {
        height: 480px;
    }

    .envSafety-play-inner {
        width: 70px;
        height: 70px;

        font-size: 18px;
    }

    .envSafety-play-ring {
        width: 80px;
        height: 80px;
    }

    .envSafety-play-ring-two {
        width: 105px;
        height: 105px;
    }
}


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

@media (max-width: 575.98px) {

    .envSafety-content {
        padding: 45px 20px;
    }

    .envSafety-title {
        font-size: 30px;
    }

    .envSafety-description {
        font-size: 14px;
    }

    .envSafety-item {
        align-items: flex-start;
    }

    .envSafety-icon {
        flex: 0 0 52px;

        width: 52px;
        height: 52px;

        margin-right: 13px;

        font-size: 20px;
    }

    .envSafety-item-content h3 {
        margin-bottom: 7px;

        font-size: 18px;
    }

    .envSafety-item-content p {
        font-size: 13.5px;
    }

    .envSafety-media {
        height: 400px;
    }
}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 375px) {

    .envSafety-content {
        padding: 40px 16px;
    }

    .envSafety-title {
        font-size: 27px;
    }

    .envSafety-item {
        display: block;
    }

    .envSafety-icon {
        margin-bottom: 13px;
    }

    .envSafety-item-content h3 {
        font-size: 18px;
    }

    .envSafety-item-content p {
        font-size: 13px;
    }

    .envSafety-media {
        height: 350px;
    }
}


/* =========================================================
   MODERN PROCESS SECTION
   Unique prefix: envProcess-
========================================================= */

.envProcess-section {
    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(80, 120, 255, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(255, 130, 100, 0.08),
            transparent 30%
        ),
        #f8fafc;
}


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

/*.envProcess-heading {
    max-width: 720px;

    margin: 0 auto 80px;
}*/

.envProcess-eyebrow {
    display: inline-flex;

    padding: 7px 15px;

    border: 1px solid rgba(30, 64, 175, 0.12);
    border-radius: 50px;

    background: rgba(37, 99, 235, 0.06);

    color: #2563eb;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.envProcess-title {
    margin: 18px 0 14px;

    color: #101828;

    font-size: clamp(34px, 4vw, 50px);
    font-weight: 750;

    line-height: 1.15;
    letter-spacing: -1.5px;
}

.envProcess-subtitle {
    max-width: 600px;

    margin: 0 auto;

    color: #667085;

    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   MAIN FLOW
========================================================= */

.envProcess-flow {
    position: relative;

    display: flex;
    align-items: flex-start;

    width: 100%; margin: 50px auto !important;
}


/* =========================================================
   MAIN STEP
========================================================= */

.envProcess-step {
    position: relative;

    flex: 1;
    min-width: 0;
}

.envProcess-number {
    position: absolute;

    top: -13px;
    left: 26px;

    z-index: 3;

    width: 34px;
    height: 34px;

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

    border-radius: 50%;

    background: #101828;

    color: #ffffff;

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

    box-shadow:
        0 5px 15px rgba(16, 24, 40, 0.2);
}


/* =========================================================
   MAIN CARD
========================================================= */

.envProcess-card {
    position: relative;

    min-height: 235px;

    padding: 30px 25px;

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

    border: 1px solid rgba(16, 24, 40, 0.07);

    border-radius: 22px;

    box-shadow:
        0 15px 45px rgba(16, 24, 40, 0.07);

    backdrop-filter: blur(10px);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.envProcess-card:hover {
    transform: translateY(-8px);

    border-color: rgba(37, 99, 235, 0.18);

    box-shadow:
        0 25px 60px rgba(16, 24, 40, 0.12);
}


/* =========================================================
   ICON
========================================================= */

.envProcess-icon {
    width: 64px;
    height: 64px;

    margin-bottom: 24px;

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

    border-radius: 18px;

    font-size: 26px;

    transition:
        transform 0.3s ease;
}

.envProcess-card:hover .envProcess-icon {
    transform: scale(1.08) rotate(-3deg);
}


/* Icon colors */

.envProcess-icon-blue {
    background: #e7f5ff;
    color: #0099e5;
}

.envProcess-icon-pink {
    background: #ffe9ed;
    color: #f05b72;
}

.envProcess-icon-yellow {
    background: #fff4d6;
    color: #e8a400;
}

.envProcess-icon-green {
    background: #dcfce7;
    color: #00a878;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.envProcess-label {
    display: block;

    margin-bottom: 6px;

    color: #98a2b3;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1.4px;
}

.envProcess-card h3 {
    margin: 0 0 10px;

    color: #101828;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.3;
}

.envProcess-card p {
    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================================
   HORIZONTAL CONNECTOR
========================================================= */

.envProcess-connector {
    flex: 0 0 45px;

    height: 235px;

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

    padding-top: 95px;

    gap: 6px;
}

.envProcess-connector span {
    width: 8px;
    height: 4px;

    border-radius: 10px;

    background: #cbd5e1;
}


/* =========================================================
   SECONDARY EMAIL FLOW
========================================================= */

.envProcess-secondary-flow {
    position: absolute;

    left: 10%;
    right: 0;

    top: 305px;

    height: 180px;
}


/* =========================================================
   BRANCH LINES
========================================================= */

.envProcess-branch-line {
    position: absolute;

    width: 1px;

    border-left: 2px dashed #cbd5e1;
}

.envProcess-branch-one {
    left: 12.5%;

    top: -75px;

    height: 75px;

    transform: rotate(35deg);
    transform-origin: bottom;
}

.envProcess-branch-two {
    left: 37.5%;

    top: -75px;

    height: 75px;

    transform: rotate(-35deg);
    transform-origin: bottom;
}


/* =========================================================
   MINI EMAIL CARDS
========================================================= */

.envProcess-mini-card {
    position: absolute;

    width: 245px;

    display: flex;
    align-items: center;

    gap: 15px;

    padding: 18px 20px;

    background: #ffffff;

    border: 1px solid #e7eaf0;

    border-radius: 16px;

    box-shadow:
        0 12px 30px rgba(16, 24, 40, 0.07);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.envProcess-mini-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(16, 24, 40, 0.11);
}

.envProcess-mini-card-one {
    left: 18%;
}

.envProcess-mini-card-two {
    left: 45%;
}


/* =========================================================
   MINI ICON
========================================================= */

.envProcess-mini-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

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

    border-radius: 14px;

    background: #f1f5f9;

    color: #475569;

    font-size: 20px;
}

.envProcess-mini-label {
    display: block;

    margin-bottom: 3px;

    color: #98a2b3;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.2px;
}

.envProcess-mini-card h4 {
    margin: 0;

    color: #1e293b;

    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   MINI CONNECTOR
========================================================= */

.envProcess-mini-connector {
    position: absolute;

    left: calc(18% + 257px);
    top: 42px;

    display: flex;

    gap: 6px;
}

.envProcess-mini-connector span {
    width: 8px;
    height: 4px;

    border-radius: 10px;

    background: #cbd5e1;
}


/* =========================================================
   DESKTOP SPACING
========================================================= */

@media (min-width: 1400px) {

    .envProcess-flow {
        max-width: 1250px;
        margin: 0 auto;
    }

}


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

@media (max-width: 1199.98px) {

    .envProcess-section {
        padding: 90px 0;
    }

    .envProcess-flow {
        flex-wrap: wrap;
        gap: 20px;
    }

    .envProcess-step-main {
        flex: 0 0 calc(50% - 10px);
    }

    .envProcess-connector-horizontal {
        display: none;
    }

    .envProcess-secondary-flow {
        position: relative;

        top: auto;

        width: 100%;
        height: auto;

        display: flex;
        justify-content: center;

        gap: 25px;

        margin-top: 20px;
    }

    .envProcess-branch-line,
    .envProcess-mini-connector {
        display: none;
    }

    .envProcess-mini-card {
        position: relative;

        left: auto;

        width: 240px;
    }
}


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

@media (max-width: 767.98px) {

    .envProcess-section {
        padding: 70px 0;
    }

    .envProcess-heading {
        margin-bottom: 55px;

        padding: 0 15px;
    }

    .envProcess-title {
        font-size: 34px;
    }

    .envProcess-subtitle {
        font-size: 14px;
    }

    .envProcess-flow {
        display: block;
    }

    .envProcess-step-main {
        width: 100%;

        margin-bottom: 25px;
    }

    .envProcess-card {
        min-height: auto;

        padding: 28px 23px;
    }

    .envProcess-number {
        top: -10px;
        left: 20px;
    }

    .envProcess-secondary-flow {
        display: flex;
        flex-direction: column;

        align-items: stretch;

        gap: 15px;

        margin-top: 5px;
    }

    .envProcess-mini-card {
        width: 100%;
    }
}


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

@media (max-width: 575.98px) {

    .envProcess-section {
        padding: 60px 0;
    }

    .envProcess-title {
        font-size: 29px;

        letter-spacing: -0.8px;
    }

    .envProcess-card {
        padding: 24px 20px;
    }

    .envProcess-icon {
        width: 58px;
        height: 58px;

        border-radius: 16px;

        font-size: 23px;
    }

    .envProcess-card h3 {
        font-size: 19px;
    }

    .envProcess-card p {
        font-size: 13.5px;
    }

    .envProcess-mini-card {
        padding: 15px;
    }
}


/* =========================================================
   ABOUT / CONSTRUCTION SECTION
   Unique prefix: envAbout-
========================================================= */

.envAbout-section {
    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background: #ffffff;
}


/* =========================================================
   MAIN ROW
========================================================= */

.envAbout-row {
    min-height: 730px;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.envAbout-visual {
    position: relative;

    width: 100%;
    

    display: flex;
    align-items: center;
}


/* =========================================================
   MAIN BACKGROUND IMAGE
========================================================= */

.envAbout-image-wrap {
    position: relative;

    width: 78%;
    

    margin-left: 7%;

    overflow: hidden;

    border-radius: 8px;
}

.envAbout-main-image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}

.envAbout-image-wrap:hover .envAbout-main-image {
    transform: scale(1.03);
}


/* =========================================================
   WORKER IMAGE
========================================================= */

.envAbout-worker-wrap {
    position: absolute;

    left: -2%;
    bottom: -2px;

    width: 73%;

    z-index: 3;

    pointer-events: none;
}

.envAbout-worker-image {
    width: 100%;
    height: auto;

    display: block;

    object-fit: contain;

    filter: drop-shadow(
        0 15px 25px rgba(0, 0, 0, 0.08)
    );
}


/* =========================================================
   VERTICAL CONSTRUCTION TEXT
========================================================= */

.envAbout-vertical-text {
    position: absolute;

    right: -4px;
    top: 50%;

    transform:
        translateY(-50%)
        rotate(90deg);

    transform-origin: center;

    z-index: 4;

    color: transparent;

    -webkit-text-stroke: 1px #e3e3e3;

    font-size: 62px;
    font-weight: 800;

    letter-spacing: 2px;

    white-space: nowrap;

    pointer-events: none;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.envAbout-content {
    padding-left: 30px;
    padding-right: 10px;
}


/* =========================================================
   EYEBROW
========================================================= */

.envAbout-eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: #111111;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
}

.envAbout-eyebrow-dot {
    width: 6px;
    height: 6px;

    display: inline-block;

    background: #ffd000;
}


/* =========================================================
   TITLE
========================================================= */

.envAbout-title {
    font-family: "Work Sans", sans-serif;

    margin: 0 0 22px;

    color: #050505;

    font-size: 44px;
    font-weight: 400;

    line-height: 1.02;

    letter-spacing: -1.8px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.envAbout-description {
    max-width: 700px;

    margin: 0 0 38px;

    color: #63748a;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.65;
}


/* =========================================================
   QUOTE BOX
========================================================= */

.envAbout-quote {
    position: relative;

    display: flex;
    align-items: stretch;

    min-height: 96px;

    margin-bottom: 38px;

    padding: 22px 25px 22px 28px;

    background: #f5f5f5;

    border-radius: 9px;

    overflow: hidden;
}

.envAbout-quote-line {
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: #ffd000;
}

.envAbout-quote p {
    margin: 0;

    color: #111111;

    font-size: 18px;
    font-weight: 700;

    line-height: 1.5;
}


/* =========================================================
   FEATURES
========================================================= */

.envAbout-features {
    --bs-gutter-x: 25px;
}

.envAbout-feature {
    height: 100%;
}

.envAbout-feature-icon {
    width: 40px;
    height: 40px;

    margin-bottom: 20px;

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

    border-radius: 6px;

    background: #ffd000;

    color: #111111;

    font-size: 18px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.envAbout-feature:hover .envAbout-feature-icon {
    transform: translateY(-4px);

    box-shadow:
        0 8px 18px rgba(255, 208, 0, 0.3);
}

.envAbout-feature h3 {
    margin: 0;

    color: #111111;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.4;
}

.envAbout-feature h3 span {
    display: block;
}


/* =========================================================
   DIVIDER
========================================================= */

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

    margin: 40px 0 45px;

    background: #dedede;
}


/* =========================================================
   BOTTOM AREA
========================================================= */

.envAbout-bottom {
    display: flex;
    align-items: center;

    gap: 48px;
}


/* =========================================================
   ABOUT BUTTON
========================================================= */

.envAbout-button {
    display: inline-flex;
    align-items: center;

    height: 52px;

    padding-left: 20px;

    border-radius: 5px;

    background: #ffd000;

    color: #111111;

    text-decoration: none;

    font-size: 16px;
    font-weight: 600;

    overflow: hidden;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.envAbout-button:hover {
    background: #f5c400;

    color: #111111;

    transform: translateY(-2px);
}

.envAbout-button-icon {
    width: 43px;
    height: 43px;

    margin-left: 15px;
    margin-right: 4px;

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

    border-radius: 5px;

    background: #050505;

    color: #ffffff;

    font-size: 17px;

    transition:
        transform 0.3s ease;
}

.envAbout-button:hover .envAbout-button-icon {
    transform: translateX(3px);
}


/* =========================================================
   EXPERIENCE
========================================================= */

.envAbout-experience {
    display: flex;
    align-items: center;

    gap: 16px;
}

.envAbout-experience strong {
    color: #050505;

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

    line-height: 1;
    letter-spacing: -2px;
}

.envAbout-experience-text {
    display: flex;
    flex-direction: column;

    color: #63748a;

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    

    .envAbout-content {
        padding-left: 45px;
    }

    

    

    
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199.98px) {

    .envAbout-section {
        padding: 80px 0;
    }

    .envAbout-content {
        padding-left: 15px;
    }

    .envAbout-title {
        font-size: 42px;
    }

    .envAbout-description {
        font-size: 15px;
    }

    .envAbout-quote p {
        font-size: 16px;
    }

    .envAbout-feature h3 {
        font-size: 17px;
    }

    .envAbout-experience strong {
        font-size: 50px;
    }

    .envAbout-vertical-text {
        font-size: 50px;
    }
}


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

@media (max-width: 991.98px) {

    .envAbout-section {
        padding: 70px 0;
    }

    .envAbout-row {
        min-height: auto;
    }

    /* Visual */
    .envAbout-visual {
        height: auto;

        max-width: 700px;

        margin: 0 auto 60px;
    }

    .envAbout-image-wrap {
        width: 100%;
        height: auto;

        margin-left: 0;
    }

    .envAbout-worker-wrap {
        left: 0;
        width: 72%;
    }

    .envAbout-vertical-text {
        right: 0;

        font-size: 52px;
    }

    /* Content */
    .envAbout-content {
        padding: 0 20px;
    }

    .envAbout-title {
        max-width: 650px;

        font-size: 42px;
    }

    .envAbout-description {
        max-width: 700px;
    }
}


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

@media (max-width: 767.98px) {

    .envAbout-section {
        padding: 55px 0;
    }

    .envAbout-visual {
        height: 520px;

        margin-bottom: 50px;
    }

    .envAbout-image-wrap {
        width: 82%;
        height: 490px;

        margin-left: 8%;
    }

    .envAbout-worker-wrap {
        left: -2%;

        width: 78%;
    }

    .envAbout-vertical-text {
        right: -25px;

        font-size: 42px;
    }

    .envAbout-content {
        padding: 0 15px;
    }

    .envAbout-title {
        font-size: 36px;

        line-height: 1.08;

        letter-spacing: -1px;
    }

    .envAbout-description {
        font-size: 15px;

        line-height: 1.65;
    }

    .envAbout-quote {
        padding: 20px 20px 20px 24px;
    }

    .envAbout-quote p {
        font-size: 16px;
    }

    .envAbout-features {
        --bs-gutter-y: 30px;
    }

    .envAbout-feature-icon {
        margin-bottom: 14px;
    }

    .envAbout-feature h3 {
        font-size: 18px;
    }

    .envAbout-divider {
        margin: 35px 0;
    }

    .envAbout-bottom {
        flex-wrap: wrap;

        gap: 30px;
    }

    .envAbout-experience strong {
        font-size: 48px;
    }
    .envSpeed-feature-wrapper2 { width: auto !important; padding: 10px 5px 30px !important;}
    .envSpeed-feature-content2 h3 { height: auto !important;}
}


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

@media (max-width: 575.98px) {

    .envAbout-section {
        padding: 45px 0;
    }

    .envAbout-visual {
        height: 420px;
    }

    .envAbout-image-wrap {
        height: 395px;

        width: 84%;
        margin-left: 7%;
    }

    .envAbout-worker-wrap {
        width: 82%;
        left: -4%;
    }

    .envAbout-vertical-text {
        right: -35px;

        font-size: 34px;

        -webkit-text-stroke: 0.8px #e2e2e2;
    }

    .envAbout-eyebrow {
        font-size: 12px;
    }

    .envAbout-title {
        font-size: 31px;
    }

    .envAbout-description {
        font-size: 14px;
    }

    .envAbout-quote {
        margin-bottom: 30px;
    }

    .envAbout-quote p {
        font-size: 15px;
    }

    .envAbout-feature h3 {
        font-size: 17px;
    }

    .envAbout-bottom {
        display: flex;
        flex-direction: column;

        align-items: flex-start;

        gap: 25px;
    }
}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 375px) {

    .envAbout-visual {
        height: auto;
    }

    .envAbout-image-wrap {
        height: auto;
    }

    .envAbout-worker-wrap {
        width: 88%;
    }

    .envAbout-vertical-text {
        right: -48px;

        font-size: 29px;
    }

    .envAbout-title {
        font-size: 28px;
    }

    .envAbout-experience strong {
        font-size: 43px;
    }
}


/* =========================================================
   SPEED / FEATURES SECTION
   Unique prefix: envSpeed-
========================================================= */

.envSpeed-section {
    position: relative;

    min-height: 340px;

    padding: 55px 0 0;

    overflow: visible;

    background-image: url("../images/banner-3-1.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
background-attachment: fixed;
    color: #ffffff;
}


/* =========================================================
   DARK OVERLAY
========================================================= */

.envSpeed-overlay {
    position: absolute;

    inset: 0;

    z-index: 0;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.68),
            rgba(0, 0, 0, 0.68)
        );
}


/* =========================================================
   CONTENT POSITION
========================================================= */

.envSpeed-section .container {
    z-index: 2;
}


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

.envSpeed-heading {
    position: relative;

    margin-bottom: 70px;
}

.envSpeed-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 4vw, 48px);
    font-weight: 700;

    line-height: 1.18;

    letter-spacing: -1px;
}

.envSpeed-heading h2 span {
    display: block;
}


/* =========================================================
   STATISTICS
========================================================= */

.envSpeed-stats {
    position: relative;

    margin-bottom: 95px;
}

.envSpeed-stat-item {
    position: relative;

    text-align: center;

    padding: 0 15px;
}

.envSpeed-stat-item strong {
    display: block;

    margin-bottom: 7px;

    color: #ffffff;

    font-size: 48px;
    font-weight: 700;

    line-height: 1;
}

.envSpeed-stat-item span {
    display: block;

    color: #ffffff;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.4;
}


/* =========================================================
   FEATURE WRAPPER
========================================================= */

.envSpeed-feature-wrapper {
    position: relative;

    z-index: 5;

    width: calc(100% - 40px);

    margin: 0 auto;

    padding: 10px 55px 10px;

    background: #f96f2a;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.18);
}


/* =========================================================
   FEATURE ITEM
========================================================= */

.envSpeed-feature-item {
    display: flex;
    align-items: center;

    gap: 20px;

    padding: 10px 15px;
}


/* =========================================================
   FEATURE ICON
========================================================= */

.envSpeed-feature-icon {
    flex: 0 0 80px;

    width: 80px;
    height: 80px;

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

    border-radius: 50%;

    background: #ffffff;

    color: #ff4b37;

    font-size: 25px;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.envSpeed-feature-item:hover .envSpeed-feature-icon {
    transform: translateY(-5px) rotate(-5deg);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   FEATURE TEXT
========================================================= */

.envSpeed-feature-content h3 {
    margin: 0;

    color: #ffffff;

    font-size: 25px;
    font-weight: 700;

    line-height: 1.5;
}

.envSpeed-feature-content h3 span {
    display: block;
}


/* =========================================================
   SCROLL TOP BUTTON
========================================================= */

.envSpeed-scroll-top {
    position: absolute;

    right: 20px;
    bottom: 8px;

    z-index: 10;

    width: 50px;
    height: 50px;

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

    border: 1px solid #e5e5e5;
    border-radius: 50%;

    background: #ffffff;

    color: #ff4b37;

    text-decoration: none;

    font-size: 17px;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}

.envSpeed-scroll-top:hover {
    background: #ff4b37;

    color: #ffffff;

    transform: translateY(-4px);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    

    .envSpeed-feature-wrapper {
        max-width: 1296px;
    }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1199.98px) {

    .envSpeed-section {
        padding: 105px 0 100px;
    }

    .envSpeed-heading {
        margin-bottom: 60px;
    }

    .envSpeed-heading h2 {
        font-size: 42px;
    }

    .envSpeed-stats {
        margin-bottom: 85px;
    }

    .envSpeed-stat-item strong {
        font-size: 42px;
    }

    .envSpeed-feature-wrapper {
        width: calc(100% - 30px);

        padding: 40px 25px;
    }

    .envSpeed-feature-item {
        gap: 15px;

        padding: 8px;
    }

    .envSpeed-feature-icon {
        flex: 0 0 65px;

        width: 65px;
        height: 65px;

        font-size: 21px;
    }

    .envSpeed-feature-content h3 {
        font-size: 16px;
    }
}


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

@media (max-width: 991.98px) {

    .envSpeed-section {
        padding: 90px 0 80px;
    }

    .envSpeed-heading {
        margin-bottom: 55px;
    }

    .envSpeed-heading h2 {
        font-size: 38px;
    }

    .envSpeed-stats {
        margin-bottom: 70px;
    }

    .envSpeed-stat-item {
        margin-bottom: 25px;
    }

    .envSpeed-stat-item strong {
        font-size: 40px;
    }

    .envSpeed-feature-wrapper {
        padding: 35px 20px;
    }

    .envSpeed-feature-item {
        margin-bottom: 20px;
    }

    .envSpeed-feature-icon {
        flex-basis: 62px;

        width: 62px;
        height: 62px;
    }
}


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

@media (max-width: 767.98px) {

    .envSpeed-section {
        padding: 75px 0 60px;
    }

    .envSpeed-heading {
        margin-bottom: 45px;

        padding: 0 15px;
    }

    .envSpeed-heading h2 {
        font-size: 32px;

        line-height: 1.2;
    }

    .envSpeed-stats {
        margin-bottom: 55px;
    }

    .envSpeed-stat-item {
        padding: 10px;
    }

    .envSpeed-stat-item strong {
        font-size: 36px;
    }

    .envSpeed-stat-item span {
        font-size: 14px;
    }

    .envSpeed-feature-wrapper {
        width: calc(100% - 30px);

        padding: 30px 20px;
    }

    .envSpeed-feature-item {
        min-height: 90px;

        margin-bottom: 5px;

        padding: 8px 5px;
    }

    .envSpeed-feature-icon {
        flex: 0 0 65px;

        width: 65px;
        height: 65px;
    }

    .envSpeed-feature-content h3 {
        font-size: 17px;
    }

    .envSpeed-scroll-top {
        right: 15px;
        bottom: 10px;

        width: 46px;
        height: 46px;
    }
}


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

@media (max-width: 575.98px) {

    .envSpeed-section {
        padding: 60px 0 50px;
    }

    .envSpeed-heading h2 {
        font-size: 28px;
    }

    .envSpeed-heading h2 span {
        display: inline;
    }

    .envSpeed-stats {
        margin-bottom: 40px;
    }

    .envSpeed-stat-item {
        margin-bottom: 20px;
    }

    .envSpeed-stat-item strong {
        font-size: 32px;
    }

    .envSpeed-stat-item span {
        font-size: 13px;
    }

    .envSpeed-feature-wrapper {
        width: calc(100% - 20px);

        padding: 25px 18px;
    }

    .envSpeed-feature-item {
        gap: 15px;
    }

    .envSpeed-feature-icon {
        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        font-size: 19px;
    }

    .envSpeed-feature-content h3 {
        font-size: 16px;
    }

    .envSpeed-scroll-top {
        width: 42px;
        height: 42px;

        font-size: 14px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 375px) {

    .envSpeed-heading h2 {
        font-size: 25px;
    }

    .envSpeed-stat-item strong {
        font-size: 29px;
    }

    .envSpeed-stat-item span {
        font-size: 12px;
    }

    .envSpeed-feature-wrapper {
        width: 100%;

        padding: 25px 15px;
    }

    .envSpeed-feature-icon {
        flex-basis: 54px;

        width: 54px;
        height: 54px;
    }

    .envSpeed-feature-content h3 {
        font-size: 15px;
    }
}

.env-crm-quote-media{ margin-top: 50px !important;}

/* ==========================================================================
   ODOO CRM PAGE — CUSTOM STYLESHEET
   File: css/odoo-crm.css
   Page: odoo-crm.html
   Scope: Middle content area (.env-crm-main) between the site header
   banner and the site footer ONLY. All custom classes are prefixed with
   "env-crm-" and all custom properties are prefixed "--ecrm-" so this
   file cannot collide with shared site styles or other Odoo inner pages
   (odoo-features.css uses "env-odoo-features-", odoo-sales-management.css
   uses "env-sales-", odoo-inventory styles use "envInv-").
   ========================================================================== */

/* ---------------------------------------------------------------------
   0. DESIGN TOKENS
--------------------------------------------------------------------- */
:root{
    --ecrm-primary:#714B67;
    --ecrm-primary-dark:#5c3c54;
    --ecrm-primary-light:#9b7292;
    --ecrm-blue:#3b6fe0;
    --ecrm-blue-dark:#2a52b3;
    --ecrm-amber:#e0972f;
    --ecrm-amber-dark:#b9781d;
    --ecrm-dark:#111827;
    --ecrm-navy:#12082e;
    --ecrm-navy-2:#1d0f3d;
    --ecrm-text:#1f2937;
    --ecrm-muted:#64748b;
    --ecrm-bg:#ffffff;
    --ecrm-bg-soft:#f7f8fb;
    --ecrm-bg-soft-2:#f2f0f5;
    --ecrm-border:#e6e7ee;
    --ecrm-radius-lg:24px;
    --ecrm-radius-md:16px;
    --ecrm-radius-sm:10px;
    --ecrm-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --ecrm-shadow-md:0 20px 50px -18px rgba(17,24,39,.18);
    --ecrm-shadow-lg:0 30px 80px -25px rgba(17,24,39,.28);
    --ecrm-ease:cubic-bezier(.16,.84,.44,1);
    --ecrm-font:'Manrope','Plus Jakarta Sans',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --ecrm-grad-a:linear-gradient(150deg,#8a5c7d,var(--ecrm-primary) 55%,var(--ecrm-primary-dark));
    --ecrm-grad-b:linear-gradient(150deg,#5c8bf5,var(--ecrm-blue) 55%,var(--ecrm-blue-dark));
    --ecrm-grad-c:linear-gradient(150deg,#f2b559,var(--ecrm-amber) 55%,var(--ecrm-amber-dark));
}

.env-crm-main,
[class^="env-crm-"],
[class*=" env-crm-"]{
    font-family:var(--ecrm-font);
    box-sizing:border-box;
}
.env-crm-main *,
[class^="env-crm-"] *,
[class*=" env-crm-"] *{
    box-sizing:border-box;
}
.env-crm-main{ position:relative; overflow:hidden; }

/* ---------------------------------------------------------------------
   1. SHARED / UTILITY
--------------------------------------------------------------------- */
.env-crm-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 18px 8px 14px;
    border-radius:99px;
    background:#fff;
    color:var(--ecrm-primary);
    font-size:13px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:20px;
    border:1px solid rgba(113,75,103,.18);
    box-shadow:var(--ecrm-shadow-sm);
}
.env-crm-eyebrow::before{
    content:"";
    width:8px; height:8px;
    border-radius:50%;
    background:var(--ecrm-grad-a);
    flex:none;
}
.env-crm-eyebrow i{ font-size:12px; }
.env-crm-eyebrow--light{
    background:rgba(255,255,255,.1);
    color:#f2d9ea;
    border-color:rgba(255,255,255,.22);
    box-shadow:none;
    backdrop-filter:blur(6px);
}
.env-crm-eyebrow--light::before{ background:linear-gradient(150deg,#f2b559,#e7c9dd); }

.env-crm-heading{
    font-weight:400; font-family: "Work Sans", sans-serif;
    letter-spacing:-.02em;
    line-height:1.2;
    color:var(--ecrm-dark);
    font-size:44px;
    margin-bottom:18px; text-align: left;
}
.env-crm-heading--light{ color:#fff; }
.env-crm-heading--sm{ font-size:clamp(20px,2.2vw,26px); margin-bottom:14px; }

.env-crm-text{
    color:var(--ecrm-muted);
    font-size:16px;
    line-height:1.75;
    max-width:60ch;
    margin-bottom:16px; text-align: left;
}
.env-crm-text--light{ color:rgba(255,255,255,.75); }
.env-crm-text--center{ max-width:60ch; margin-left:auto; margin-right:auto; }
.env-crm-text a{ color:var(--ecrm-primary); font-weight:700; text-decoration:underline; }
.env-crm-text--light a{ color:#fff; }
.env-crm-text:last-child{ margin-bottom:0; }

.env-crm-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    border-radius:99px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .35s var(--ecrm-ease),box-shadow .35s var(--ecrm-ease),background .35s var(--ecrm-ease),color .35s var(--ecrm-ease),border-color .35s var(--ecrm-ease);
    white-space:nowrap;
    cursor:pointer;
}
.env-crm-btn i{ transition:transform .35s var(--ecrm-ease); font-size:14px; }
.env-crm-btn:hover i{ transform:translate(3px,-2px); }
.env-crm-btn:hover{ transform:translateY(-3px); }

.env-crm-btn--primary{
    background:var(--ecrm-primary);
    color:#fff;
    box-shadow:0 14px 30px -10px rgba(113,75,103,.55);
}
.env-crm-btn--primary:hover{ background:var(--ecrm-primary-dark); color:#fff; box-shadow:0 20px 40px -12px rgba(113,75,103,.65); }

.env-crm-btn--light{ background:#fff; color:var(--ecrm-dark); }
.env-crm-btn--light:hover{ color:var(--ecrm-primary); }

.env-crm-btn--outline-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.env-crm-btn--outline-light:hover{ border-color:#fff; background:rgba(255,255,255,.08); color:#fff; }

/* section paddings + bg decor helpers */
.env-crm-section{ position:relative; position: relative;
    padding: 62px 0;
    overflow: hidden;
    background: #f9fbfb;
   }
.env-crm-section--soft{ background:var(--ecrm-bg-soft); }
.env-crm-section--bordered{ border-top:1px solid var(--ecrm-border); border-bottom:1px solid var(--ecrm-border); }

.env-crm-section--dark{
    background:linear-gradient(160deg,var(--ecrm-navy),var(--ecrm-navy-2));
}
.env-crm-section--dark .env-crm-heading{ color:#fff; }
.env-crm-section--dark .env-crm-text{ color:rgba(255,255,255,.72); }
.env-crm-section--dark .env-crm-eyebrow{
    background:rgba(255,255,255,.08);
    color:#f2d9ea;
    border-color:rgba(255,255,255,.18);
    box-shadow:none;
}
.env-crm-section--dark .env-crm-eyebrow::before{ background:linear-gradient(150deg,#f2b559,#e7c9dd); }
.env-crm-section--dark .env-crm-frame{
    background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
    border-color:rgba(255,255,255,.12);
}
.env-crm-section--dark .env-crm-point{
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.12);
}
.env-crm-section--dark .env-crm-point:hover{ border-color:rgba(255,255,255,.28); }
.env-crm-section--dark .env-crm-point h5{ color:#fff; }
.env-crm-section--dark .env-crm-point p{ color:rgba(255,255,255,.62); }

.env-crm-blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.4; pointer-events:none; z-index:0; }
.env-crm-bgdecor{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.env-crm-bgdecor .env-crm-blob--1{ width:460px; height:460px; top:-160px; right:-140px; background:radial-gradient(circle,rgba(113,75,103,.26),transparent 70%); }
.env-crm-bgdecor .env-crm-blob--2{ width:420px; height:420px; bottom:-160px; left:-160px; background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%); }

.env-crm-grid-lines{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    pointer-events:none;
}

[data-ecrm-reveal]{ opacity:0; }
@media (prefers-reduced-motion: reduce){
    [data-ecrm-reveal]{ opacity:1 !important; transform:none !important; }
}

/* image frame shared by several sections */
.env-crm-frame{
    position:relative;
    border-radius:var(--ecrm-radius-lg);
    overflow:hidden;
    background:linear-gradient(160deg,var(--ecrm-bg-soft-2),var(--ecrm-bg-soft));
    border:1px solid var(--ecrm-border);
    box-shadow:var(--ecrm-shadow-lg);
    padding:20px;
}
.env-crm-frame img,
.env-crm-frame video{ display:block; width:100%; height:auto; border-radius:var(--ecrm-radius-md); }
.env-crm-frame--flush{ padding:0; }
.env-crm-frame--flush img,
.env-crm-frame--flush video{ border-radius:var(--ecrm-radius-lg); }



/* =======================================================================
   2. HERO STRIP — intro heading + product screenshot
======================================================================= */
.env-crm-intro{
    text-align:center;
    padding-top:108px;
    background:
        radial-gradient(ellipse 70% 60% at 82% -10%,rgba(113,75,103,.16),transparent 60%),
        radial-gradient(ellipse 60% 55% at 8% 105%,rgba(59,111,224,.14),transparent 60%),
        var(--ecrm-bg-soft);
}
.env-crm-intro .env-crm-grid-lines{ opacity:.7; }
.env-crm-intro .env-crm-blob--1{ width:520px; height:520px; top:-220px; right:-160px; background:radial-gradient(circle,rgba(113,75,103,.32),transparent 70%); }
.env-crm-intro .env-crm-blob--2{ width:440px; height:440px; bottom:-200px; left:-160px; background:radial-gradient(circle,rgba(59,111,224,.22),transparent 70%); }
.env-crm-intro .env-crm-heading{ max-width:900px; margin-left:auto; margin-right:auto; }
.env-crm-intro-media{ margin-top:48px; position:relative; }

/* Browser-chrome mockup frame */
.env-crm-frame--browser{ padding:0; background:#fff; }
.env-crm-browser-bar{
    display:flex;
    align-items:center;
    gap:7px;
    padding:14px 18px;
    background:var(--ecrm-bg-soft);
    border-bottom:1px solid var(--ecrm-border);
}
.env-crm-browser-bar span{ width:10px; height:10px; border-radius:50%; background:var(--ecrm-border); }
.env-crm-browser-bar span:nth-child(1){ background:#f26d6d; }
.env-crm-browser-bar span:nth-child(2){ background:#f2c14e; }
.env-crm-browser-bar span:nth-child(3){ background:#5fc27e; }
.env-crm-frame--browser img{ border-radius:0; }

.env-crm-float-badge{
    position:absolute;
    left:-18px;
    bottom:28px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-md);
    padding:14px 20px 14px 14px;
    box-shadow:var(--ecrm-shadow-md);
    z-index:2;
}
.env-crm-float-badge i{
    width:42px; height:42px; border-radius:12px;
    background:var(--ecrm-grad-b); color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:17px; flex:none;
}
.env-crm-float-badge .value{ display:block; font-weight:800; font-size:14px; color:var(--ecrm-dark); }
.env-crm-float-badge .label{ display:block; font-size:12px; color:var(--ecrm-muted); font-weight:600; }

.env-crm-float-badge--top{
    left:auto; right:-14px; bottom:auto; top:24px;
}
.env-crm-float-badge--top i{ background:var(--ecrm-grad-c); }

/* =======================================================================
   3. TWO-COLUMN CONTENT + MEDIA (sales tracking / reporting)
======================================================================= */
.env-crm-split{ background:var(--ecrm-bg); }
.env-crm-split--soft{ background:var(--ecrm-bg-soft); }

.env-crm-point-list{ display:flex; flex-direction:column; gap:22px; margin-top:8px; }
.env-crm-point{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:20px;
    border-radius:var(--ecrm-radius-md);
    border:1px solid var(--ecrm-border);
    background:#fff;
    transition:transform .35s var(--ecrm-ease),box-shadow .35s var(--ecrm-ease),border-color .35s var(--ecrm-ease);
}
.env-crm-point:hover{ transform:translateY(-4px); box-shadow:var(--ecrm-shadow-md); border-color:rgba(113,75,103,.25); }
.env-crm-point-num{
    flex:none;
    width:38px; height:38px;
    border-radius:50%;
    background:var(--ecrm-grad-a);
    color:#fff;
    font-weight:800;
    font-size:14px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 18px -8px rgba(113,75,103,.6);
}
.env-crm-point:nth-of-type(2) .env-crm-point-num{ background:var(--ecrm-grad-b); box-shadow:0 8px 18px -8px rgba(59,111,224,.55); }
.env-crm-point h5{ font-size:16px; font-weight:800; color:var(--ecrm-dark); margin:0 0 6px; }
.env-crm-point p{ font-size:14.5px; line-height:1.65; color:var(--ecrm-muted); margin:0; }

/* =======================================================================
   4. CENTERED FEATURE BLOCKS (follow-ups / communication)
======================================================================= */
.env-crm-centered{ text-align:center; }
.env-crm-centered .env-crm-heading,
.env-crm-centered .env-crm-text{ margin-left:auto; margin-right:auto; }
.env-crm-highlight{
    position:relative;
    color:var(--ecrm-primary);
    background:linear-gradient(transparent 65%,rgba(250,204,21,.45) 0);
    padding:0 2px;
}

.env-crm-centered-icon{
    width:60px; height:60px;
    border-radius:18px;
    background:var(--ecrm-grad-a);
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:23px;
    margin-bottom:22px;
    box-shadow:0 14px 28px -12px rgba(113,75,103,.6);
}
.env-crm-centered-icon--b{ background:var(--ecrm-grad-b); box-shadow:0 14px 28px -12px rgba(59,111,224,.55); }
.env-crm-centered-icon--c{ background:var(--ecrm-grad-c); box-shadow:0 14px 28px -12px rgba(224,151,47,.55); }
.env-crm-centered-media{ margin-top:40px; max-width:900px; margin-left:auto; margin-right:auto; }

/* =======================================================================
   5. INTEGRATIONS ROW
======================================================================= */
.env-crm-integrations-panel{
    position:relative;
    background:linear-gradient(160deg,var(--ecrm-bg-soft-2),#fff 60%);
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-lg);
    box-shadow:var(--ecrm-shadow-sm);
    padding:48px 30px;
    margin-top:36px;
}
.env-crm-integration-item{ text-align:center; }
.env-crm-integration-icon{
    width:66px; height:66px;
    border-radius:18px;
    background:var(--ecrm-grad-a);
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:26px;
    margin:0 auto 14px;
    box-shadow:0 12px 24px -12px rgba(113,75,103,.55);
    transition:transform .35s var(--ecrm-ease);
}
.env-crm-integration-item:nth-child(2) .env-crm-integration-icon{ background:var(--ecrm-grad-b); box-shadow:0 12px 24px -12px rgba(59,111,224,.5); }
.env-crm-integration-item:nth-child(3) .env-crm-integration-icon{ background:var(--ecrm-grad-c); box-shadow:0 12px 24px -12px rgba(224,151,47,.5); }
.env-crm-integration-item:nth-child(4) .env-crm-integration-icon{ background:var(--ecrm-grad-a); box-shadow:0 12px 24px -12px rgba(113,75,103,.55); }
.env-crm-integration-item:hover .env-crm-integration-icon{ transform:translateY(-5px) scale(1.05); }
.env-crm-integration-item h5{ font-size:15px; font-weight:700; color:var(--ecrm-dark); margin:0; }

/* =======================================================================
   6. QUOTE SHOWCASE (two images side by side)
======================================================================= */
.env-crm-quote-media{ margin-top:40px; }
.env-crm-quote-media .env-crm-frame{ height:550px; }
.env-crm-quote-media .env-crm-frame img{ height:100%; object-fit:cover; }

/* =======================================================================
   7. FEATURE CARDS GRID
======================================================================= */
.env-crm-feature-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-md);
    padding:32px 26px 28px;
    overflow:hidden;
    transition:transform .35s var(--ecrm-ease),box-shadow .35s var(--ecrm-ease),border-color .35s var(--ecrm-ease);
}
.env-crm-feature-card::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:var(--ecrm-grad-a);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s var(--ecrm-ease);
}
.env-crm-feature-card:hover{ transform:translateY(-6px); box-shadow:var(--ecrm-shadow-md); border-color:rgba(113,75,103,.25); }
.env-crm-feature-card:hover::before{ transform:scaleX(1); }

.env-crm-feature-icon{
    width:54px; height:54px;
    border-radius:15px;
    background:var(--ecrm-grad-a);
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:21px;
    margin-bottom:18px;
    box-shadow:0 12px 24px -12px rgba(113,75,103,.55);
    transition:transform .35s var(--ecrm-ease);
}
.env-crm-feature-card:hover .env-crm-feature-icon{ transform:scale(1.08) rotate(-4deg); }

/* cycle 3 accent colours across the 6-card grid */
.env-crm-main .row > [class*="col-"]:nth-child(3n+2) .env-crm-feature-card::before,
.env-crm-main .row > [class*="col-"]:nth-child(3n+2) .env-crm-feature-icon{ background:var(--ecrm-grad-b); }
.env-crm-main .row > [class*="col-"]:nth-child(3n+2) .env-crm-feature-icon{ box-shadow:0 12px 24px -12px rgba(59,111,224,.5); }
.env-crm-main .row > [class*="col-"]:nth-child(3n+3) .env-crm-feature-card::before,
.env-crm-main .row > [class*="col-"]:nth-child(3n+3) .env-crm-feature-icon{ background:var(--ecrm-grad-c); }
.env-crm-main .row > [class*="col-"]:nth-child(3n+3) .env-crm-feature-icon{ box-shadow:0 12px 24px -12px rgba(224,151,47,.5); }

.env-crm-feature-card h4{ font-size:16.5px; font-weight:800; color:var(--ecrm-dark); margin:0 0 10px; line-height:1.35; }
.env-crm-feature-card p{ font-size:14.5px; line-height:1.65; color:var(--ecrm-muted); margin:0; }

/* =======================================================================
   8. MID CTA PANEL
======================================================================= */
.env-crm-cta{
    background:linear-gradient(135deg,var(--ecrm-navy),var(--ecrm-navy-2));
    padding:88px 0;
}
.env-crm-cta-decor{
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(circle at 85% 20%,rgba(113,75,103,.45),transparent 55%),
                      radial-gradient(circle at 5% 90%,rgba(59,130,246,.22),transparent 50%);
    pointer-events:none;
}
.env-crm-cta .container{ position:relative; z-index:1; }
.env-crm-cta-visual{ display:flex; justify-content:center; }
.env-crm-cta-visual img{ max-width:100%; height:auto; filter:drop-shadow(0 30px 50px rgba(0,0,0,.35)); }
.env-crm-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:8px 0 20px; }
.env-crm-cta-phone{ font-weight:700; }

/* =======================================================================
   9. APPS GRID ("One Need, One App")
======================================================================= */
.env-crm-apps-panel{
    margin-top:40px;
    background:linear-gradient(160deg,var(--ecrm-bg-soft-2),var(--ecrm-bg-soft));
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-lg);
    padding:36px;
}
.env-crm-app-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    text-align:center;
    text-decoration:none;
    background:#fff;
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-md);
    padding:26px 16px;
    height:100%;
    transition:transform .35s var(--ecrm-ease),box-shadow .35s var(--ecrm-ease),border-color .35s var(--ecrm-ease);
}
.env-crm-app-card:hover{ transform:translateY(-6px); box-shadow:var(--ecrm-shadow-md); border-color:rgba(113,75,103,.25); }
.env-crm-app-icon{
    width:60px; height:60px;
    border-radius:16px;
    background:#fff;
    display:flex; align-items:center; justify-content:center;
    padding:11px;
    border:2px solid transparent;
    background-image:linear-gradient(#fff,#fff),var(--ecrm-grad-a);
    background-origin:border-box;
    background-clip:padding-box,border-box;
    box-shadow:0 10px 22px -12px rgba(113,75,103,.55);
    transition:transform .35s var(--ecrm-ease);
}
.env-crm-apps-panel .row > div:nth-child(4n+2) .env-crm-app-icon{ background-image:linear-gradient(#fff,#fff),var(--ecrm-grad-b); box-shadow:0 10px 22px -12px rgba(59,111,224,.5); }
.env-crm-apps-panel .row > div:nth-child(4n+3) .env-crm-app-icon{ background-image:linear-gradient(#fff,#fff),var(--ecrm-grad-c); box-shadow:0 10px 22px -12px rgba(224,151,47,.5); }
.env-crm-apps-panel .row > div:nth-child(4n+4) .env-crm-app-icon{ background-image:linear-gradient(#fff,#fff),var(--ecrm-grad-a); box-shadow:0 10px 22px -12px rgba(113,75,103,.55); }
.env-crm-app-card:hover .env-crm-app-icon{ transform:scale(1.08); }
.env-crm-app-icon img{ width:100%; height:100%; object-fit:contain; }
.env-crm-app-card h3{ font-size:14.5px; font-weight:800; color:var(--ecrm-dark); margin:0; }
.env-crm-app-card.is-current{
    border-color:var(--ecrm-primary);
    box-shadow:0 0 0 1px var(--ecrm-primary) inset,var(--ecrm-shadow-sm);
    background:linear-gradient(160deg,#fff,rgba(113,75,103,.05));
}

/* =======================================================================
   10. TESTIMONIALS
======================================================================= */
.env-crm-testimonials{ background:var(--ecrm-bg-soft); }
.env-crm-testi-slider{ margin-top:48px; padding-bottom:52px; }
.env-crm-testi-card{
    height:100%;
    background:#fff;
    border:1px solid var(--ecrm-border);
    border-radius:var(--ecrm-radius-md);
    padding:30px 28px;
    box-shadow:var(--ecrm-shadow-sm);
    display:flex;
    flex-direction:column;
}
.env-crm-testi-stars{ color:#f5a623; font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.env-crm-testi-quote{ font-size:14.5px; line-height:1.75; color:var(--ecrm-text); margin-bottom:20px; flex:1; }
.env-crm-testi-author{ display:flex; flex-direction:column; padding-top:14px; border-top:1px dashed var(--ecrm-border); }
.env-crm-testi-author .name{ font-weight:800; color:var(--ecrm-dark); font-size:15px; }
.env-crm-testi-author .role{ font-size:12.5px; color:var(--ecrm-muted); font-weight:600; }

.env-crm-testi-pagination{ position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; gap:8px; }
.env-crm-testi-pagination .swiper-pagination-bullet{
    width:9px; height:9px; opacity:1; background:var(--ecrm-border); margin:0 !important;
}
.env-crm-testi-pagination .swiper-pagination-bullet-active{ background:var(--ecrm-primary); width:26px; border-radius:6px; }

/* =======================================================================
   11. FAQ ACCORDION
======================================================================= */
.env-crm-faq{ background:var(--ecrm-bg); }
.env-crm-faq-list{ max-width:900px; margin:40px auto 0; border-radius:var(--ecrm-radius-md); overflow:hidden; border:1px solid var(--ecrm-border); }
.env-crm-faq-item{ border-bottom:1px solid var(--ecrm-border); background:#fff; }
.env-crm-faq-item:last-child{ border-bottom:none; }

.env-crm-faq-question{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 24px;
    background:transparent;
    border:none;
    text-align:left;
    cursor:pointer;
    font-family:inherit;
    font-weight:700;
    font-size:15.5px;
    color:var(--ecrm-dark);
}
.env-crm-faq-question .env-crm-faq-icon{
    flex:none;
    width:30px; height:30px;
    border-radius:50%;
    background:rgba(113,75,103,.08);
    color:var(--ecrm-primary);
    display:flex; align-items:center; justify-content:center;
    font-size:12px;
    transition:transform .35s var(--ecrm-ease),background .35s var(--ecrm-ease),color .35s var(--ecrm-ease);
}
.env-crm-faq-item.is-open .env-crm-faq-icon{ background:var(--ecrm-primary); color:#fff; transform:rotate(45deg); }
.env-crm-faq-item.is-open .env-crm-faq-question{ background:rgba(113,75,103,.04); }

.env-crm-faq-answer{ max-height:0; overflow:hidden; transition:max-height .4s var(--ecrm-ease); }
.env-crm-faq-answer p{ margin:0; padding:0 24px 22px; color:var(--ecrm-muted); font-size:15px; line-height:1.7; }
.env-crm-faq-answer a{ color:var(--ecrm-primary); font-weight:700; }

/* =======================================================================
   12. RESPONSIVE
======================================================================= */
@media (max-width:991.98px){
    .env-crm-section{ padding:66px 0; }
    .env-crm-cta{ padding:60px 0; text-align:center; }
    .env-crm-cta-actions{ justify-content:center; }
    .env-crm-integrations-panel{ padding:34px 20px; }
}

@media (max-width:767.98px){
    .env-crm-section{ padding:52px 0; }
    .env-crm-cta-visual img{ max-width:260px; }
    .env-crm-bgdecor{ display:none; }
    .env-crm-integration-item{ margin-bottom:24px; }
    .env-crm-integration-item:last-child{ margin-bottom:0; }
    .env-crm-faq-question{ padding:16px 18px; font-size:14.5px; }
    .env-crm-faq-answer p{ padding:0 18px 18px; }
}

@media (max-width:575.98px){
    .env-crm-heading{ font-size:24px; }
    .env-crm-btn{ width:100%; justify-content:center; }
    .env-crm-cta-actions{ flex-direction:column; align-items:stretch; }
    .env-crm-quote-media .col-lg-4{ margin-top:16px; }
}





/*Odoo Manufacturing Page*/


.odoo-manufacturing-title {
    max-width: 720px;
    margin: 0 0 22px;
    color: #071d35;
    font-family: "Work Sans", sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -1px;
}


/* =========================================
   Business Analysis Section
========================================= */

.env-business-analysis-section {
    position: relative;
    width: 100%;
    padding: 70px 0;
    overflow: hidden;
    background: #ffffff; margin-top: 60px;
}

/* =========================================
   Image Area
========================================= */

.env-business-image-wrap {
    position: relative;
    width: 100%;
    max-width: 720px;
    min-height: 520px;
    margin: 0 auto;
}

/* Common Image Style */

.env-business-image {
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
}

.env-business-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 0.8s ease;
}

/* =========================================
   Back Image Animation
========================================= */

.env-business-image-one {
    top: 0;
    left: 0;
    width: 68%;
    height: 440px;

    animation: envBusinessFloatOne 6s ease-in-out infinite;
}


/* =========================================
   Front Image Animation
========================================= */

.env-business-image-two {
    right: 0;
    bottom: 0;
    width: 57%;
    height: 475px;
    border: 4px solid #ffffff;

    animation: envBusinessFloatTwo 6s ease-in-out infinite;
    animation-delay: -2.5s;
}


/* =========================================
   Floating Animation - Image 1
========================================= */

@keyframes envBusinessFloatOne {

    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }

}


/* =========================================
   Floating Animation - Image 2
========================================= */

@keyframes envBusinessFloatTwo {

    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, 12px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }

}


/* =========================================
   Slow Image Zoom
========================================= */

.env-business-image-one img {
    animation: envBusinessImageZoomOne 8s ease-in-out infinite alternate;
}

.env-business-image-two img {
    animation: envBusinessImageZoomTwo 8s ease-in-out infinite alternate;
    animation-delay: -3s;
}


@keyframes envBusinessImageZoomOne {

    0% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1.08);
    }

}


@keyframes envBusinessImageZoomTwo {

    0% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1.07);
    }

}


/* =========================================
   Hover Effect
========================================= */

.env-business-image:hover img {
    transform: scale(1.12);
    transition: transform 1s ease;
}


/* =========================================
   Moving Light / Shine Effect
========================================= */

.env-business-image::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -80%;
    width: 45%;
    height: 300%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.35),
        transparent
    );
    transform: rotate(20deg);
    pointer-events: none;

    animation: envBusinessImageShine 7s ease-in-out infinite;
}


@keyframes envBusinessImageShine {

    0% {
        left: -100%;
    }

    45% {
        left: 130%;
    }

    100% {
        left: 130%;
    }

}


/* =========================================
   Soft Shadow
========================================= */

.env-business-image-one {
    box-shadow:
        0 25px 55px rgba(24, 45, 85, 0.10);
}

.env-business-image-two {
    box-shadow:
        0 25px 60px rgba(24, 45, 85, 0.16);
}


/* =========================================
   Mobile Animation Adjustment
========================================= */

@media (max-width: 767.98px) {

    .env-business-image-one {
        animation-duration: 7s;
    }

    .env-business-image-two {
        animation-duration: 7s;
    }

    .env-business-image-one img,
    .env-business-image-two img {
        animation-duration: 9s;
    }

}


/* =========================================
   Accessibility
========================================= */

@media (prefers-reduced-motion: reduce) {

    .env-business-image,
    .env-business-image img,
    .env-business-image::after {
        animation: none !important;
        transition: none !important;
    }

}


/* =========================================
   Content
========================================= */

.env-business-content {
    position: relative;
    padding-left: 20px;
    max-width: 650px;
}

/* =========================================
   Icon
========================================= */

.env-business-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    color: #8b5cf6;
    font-size: 30px;
}

.env-business-icon i {
    line-height: 1;
}

/* =========================================
   Heading
========================================= */

.env-business-title {
    margin: 0 0 12px;
    color: #062d61;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.25;font-family: "Work Sans", sans-serif;
    text-align: left;
}

/* =========================================
   Description
========================================= */

.env-business-description {
    max-width: 600px;
    margin: 0 0 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75; color: #000; text-align: left;
}

/* =========================================
   Feature List
========================================= */

.env-business-list {
    padding: 0;
    margin: 0 0 35px;
    list-style: none;
}

.env-business-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 15px;
    color: #8791a3;
    font-size: 16px;
    line-height: 1.5;
}

/* =========================================
   Bullet
========================================= */

.env-business-bullet {
    position: relative;
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(32, 48, 85, 0.12);
}

.env-business-bullet span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5867ff;
    box-shadow: 0 0 8px rgba(88, 103, 255, 0.45);
}

/* =========================================
   Explore Link
========================================= */

.env-business-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5d63ff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.env-business-link span {
    display: inline-block;
    font-size: 21px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.env-business-link:hover {
    color: #3d45e8;
}

.env-business-link:hover span {
    transform: translate(3px, -3px);
}


/* =========================================
   Tablet
========================================= */

@media (max-width: 991.98px) {

    .env-business-analysis-section {
        padding: 60px 0;
    }

    .env-business-image-wrap {
        max-width: 650px;
        min-height: 500px;
    }

    .env-business-image-one {
        width: 68%;
        height: 420px;
    }

    .env-business-image-two {
        width: 57%;
        height: 430px;
    }

    .env-business-content {
        padding-left: 0;
        max-width: 100%;
    }

    .env-business-title {
        font-size: 25px;
    }
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .env-business-analysis-section {
        padding: 50px 0;
    }

    .env-business-image-wrap {
        min-height: 430px;
        max-width: 600px;
    }

    .env-business-image-one {
        width: 72%;
        height: 350px;
    }

    .env-business-image-two {
        width: 60%;
        height: 360px;
    }

    .env-business-content {
        padding-top: 20px;
    }

    .env-business-icon {
        width: 42px;
        height: 42px;
        font-size: 27px;
    }

    .env-business-title {
        font-size: 24px;
    }

    .env-business-description {
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 1.7;
    }

    .env-business-list li {
        gap: 12px;
        margin-bottom: 14px;
        font-size: 15px;
    }

    .env-business-bullet {
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
    }
}


/* =========================================
   Small Mobile
========================================= */

@media (max-width: 575.98px) {

    .env-business-analysis-section {
        padding: 40px 0;
    }

    .env-business-image-wrap {
        min-height: 350px;
    }

    .env-business-image-one {
        width: 76%;
        height: 290px;
    }

    .env-business-image-two {
        width: 62%;
        height: 300px;
    }

    .env-business-title {
        font-size: 22px;
    }

    .env-business-description {
        font-size: 14px;
    }

    .env-business-list li {
        align-items: flex-start;
        font-size: 14px;
    }

    .env-business-bullet {
        margin-top: 1px;
    }

    .env-business-link {
        font-size: 15px;
    }
}



/* ==========================================
   COREBIZ HERO SECTION
========================================== */

.env-corebiz-hero {
    position: relative;
    width: 100%;
    min-height: 720px;
    padding: 60px 0 0;
    overflow: hidden;
    
}


/* ==========================================
   Background Gradient Shape
========================================== */




/* ==========================================
   Main Content
========================================== */

.env-corebiz-hero .container {
    position: relative;
    z-index: 2;
}

.env-corebiz-content {
    position: relative;
    padding: 15px 0;
}


/* ==========================================
   Know About Us
========================================== */

.env-corebiz-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 20px;
    margin-bottom: 32px;
    border-radius: 50px;
    color: #ffffff;
    background: linear-gradient(
        100deg,
        #8b9cff,
        #f47fc4
    );
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(126, 111, 255, 0.15);
    transition: all 0.3s ease;
}

.env-corebiz-label:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(126, 111, 255, 0.25);
}

.env-corebiz-label-icon {
    font-size: 18px;
    line-height: 1;
}


/* ==========================================
   Main Heading
========================================== */

.env-corebiz-title {
    max-width: 650px;
    margin: 0 0 22px;
    color: #002f66;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -1.5px; font-family: "Work Sans", sans-serif; text-align: left;
}

.env-corebiz-title span {
    display: inline-block;
    background: linear-gradient(90deg, #f96f2a 0%, #e5a427 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* ==========================================
   Description
========================================== */

.env-corebiz-description {
    max-width: 625px;
    margin: 0 0 32px;
    text-align: left;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
}


/* ==========================================
   Feature Grid
========================================== */

.env-corebiz-features {
    max-width: 670px;
    margin: 0 -10px;
}

.env-corebiz-features > div {
    padding: 0 10px;
    margin-bottom: 18px;
}

.env-corebiz-feature-box {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 15px 18px;
    border-radius: 10px;
    color: #002f66;
    background: linear-gradient(
        135deg,
        rgba(237, 239, 255, 0.95),
        rgba(248, 248, 255, 0.95)
    );
    font-size: 17px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(77, 88, 150, 0.03);
    transition: all 0.35s ease;
}

.env-corebiz-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(77, 88, 150, 0.10);
}

.env-corebiz-feature-icon {
    flex: 0 0 auto;
    color: #806aff;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}


/* ==========================================
   Bottom Area
========================================== */

.env-corebiz-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 28px;
}


/* ==========================================
   Explore Button
========================================== */

.env-corebiz-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    height: 60px;
    padding: 0 30px;
    border-radius: 50px;
    color: #ffffff;
    background: linear-gradient(
        100deg,
        #7285ff,
        #4e60f5
    );
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 15px 30px rgba(76, 94, 245, 0.25);
    transition: all 0.35s ease;
}

.env-corebiz-button:hover {
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(76, 94, 245, 0.32);
}


/* ==========================================
   People / Avatar Group
========================================== */

.env-corebiz-people {
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.env-corebiz-avatar {
    position: relative;
    width: 52px;
    height: 52px;
    margin-left: -8px;
    overflow: hidden;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #eeeeee;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.env-corebiz-avatar:first-child {
    margin-left: 0;
}

.env-corebiz-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.env-corebiz-avatar-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(
        135deg,
        #f584ca,
        #d65bb6
    );
    font-size: 25px;
    font-weight: 400;
}


/* ==========================================
   Counter
========================================== */

.env-corebiz-counter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.env-corebiz-counter strong {
    display: block;
    color: #b46de1;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.env-corebiz-counter span {
    margin-top: 4px;
    color: #8a91a3;
    font-size: 15px;
}


/* ==========================================
   Right Visual
========================================== */

.env-corebiz-visual {
    position: relative;
    width: 100%;
    max-width: 680px;
    height: 650px;
    margin: 0 auto;
}


/* ==========================================
   Common Image
========================================== */

.env-corebiz-image {
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
   will-change: transform;
    transform: translateZ(0);

}

.env-corebiz-image img {
    display: block;
    width: 100%;
    height: 100%;
    
}

.env-corebiz-image-back {
    animation: envCorebizBackFloat 6s ease-in-out infinite;
}

@keyframes envCorebizBackFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -12px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}


/* ==========================================
   MIDDLE IMAGE - Floating Opposite Direction
========================================== */

.env-corebiz-image-middle {
    animation: envCorebizMiddleFloat 7s ease-in-out infinite;
    animation-delay: -2s;
}

@keyframes envCorebizMiddleFloat {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, 10px, 0) rotate(1deg);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
}


/* ==========================================
   MAIN FAMILY IMAGE - Floating
========================================== */

.env-corebiz-image-main {
    animation: envCorebizMainFloat 6.5s ease-in-out infinite;
    animation-delay: -1.5s;
}

@keyframes envCorebizMainFloat {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -9px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}


/* ==========================================
   Image Zoom
========================================== */

.env-corebiz-image img {
    transform: scale(1.02);
    transition: transform 1s ease;
}

.env-corebiz-image-back img {
    animation: envCorebizImageZoomBack 9s ease-in-out infinite alternate;
}

.env-corebiz-image-middle img {
    animation: envCorebizImageZoomMiddle 8s ease-in-out infinite alternate;
    animation-delay: -2s;
}

.env-corebiz-image-main img {
    animation: envCorebizImageZoomMain 10s ease-in-out infinite alternate;
    animation-delay: -3s;
}


@keyframes envCorebizImageZoomBack {
    0% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1.08);
    }
}


@keyframes envCorebizImageZoomMiddle {
    0% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1.07);
    }
}


@keyframes envCorebizImageZoomMain {
    0% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1.09);
    }
}


/* ==========================================
   Shine / Light Sweep
========================================== */

.env-corebiz-image::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: -80%;
    left: -100%;
    width: 45%;
    height: 260%;
    
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 35%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.08) 65%,
        transparent 100%
    );

    transform: rotate(20deg);
    pointer-events: none;

    animation: envCorebizImageShine 8s ease-in-out infinite;
}


@keyframes envCorebizImageShine {

    0% {
        left: -100%;
    }

    35% {
        left: 140%;
    }

    100% {
        left: 140%;
    }

}


/* ==========================================
   Hover Effect
========================================== */

.env-corebiz-image:hover img {
    transform: scale(1.12);
}

.env-corebiz-image:hover {
    z-index: 10;
}


/* ==========================================
   Premium Shadows
========================================== */

.env-corebiz-image-back {
    box-shadow:
        0 20px 50px rgba(20, 45, 80, 0.10);
}

.env-corebiz-image-middle {
    box-shadow:
        0 20px 45px rgba(20, 45, 80, 0.08);
}

.env-corebiz-image-main {
    box-shadow:
        0 25px 60px rgba(20, 45, 80, 0.16);
}


/* ==========================================
   Mobile - Slightly Softer Animation
========================================== */

@media (max-width: 767.98px) {

    .env-corebiz-image-back {
        animation-duration: 7s;
    }

    .env-corebiz-image-middle {
        animation-duration: 8s;
    }

    .env-corebiz-image-main {
        animation-duration: 7.5s;
    }

    .env-corebiz-image::after {
        animation-duration: 9s;
    }

}


/* ==========================================
   Reduced Motion Accessibility
========================================== */

@media (prefers-reduced-motion: reduce) {

    .env-corebiz-image,
    .env-corebiz-image img,
    .env-corebiz-image::after {
        animation: none !important;
        transition: none !important;
    }

}

/* ==========================================
   Back Woman Image
========================================== */

.env-corebiz-image-back {
    z-index: 1;
    top: 15px;
    right: 2%;
    width: 48%;
    height: 345px;
}

.env-corebiz-image-back img {
    object-position: center;
}


/* ==========================================
   Middle Umbrella Image
========================================== */

.env-corebiz-image-middle {
    z-index: 2;
    top: 57px;
    left: 5%;
    width: 42%;
    height: 295px;
}

.env-corebiz-image-middle img {
    object-position: center;
}


/* ==========================================
   Main Family Image
========================================== */

.env-corebiz-image-main {
    z-index: 3;
    right: 15%;
    bottom: 90px;
    width: 57%;
    height: 400px;
    border: 4px solid #ffffff;
    box-shadow: 0 20px 50px rgba(42, 55, 100, 0.13);
}

.env-corebiz-image-main img {
    object-position: center;
}


/* ==========================================
   Tablet
========================================== */

@media (max-width: 1199.98px) {

    .env-corebiz-title {
        font-size: 43px;
    }

    .env-corebiz-description {
        font-size: 16px;
    }

    .env-corebiz-feature-box {
        font-size: 15px;
    }

    .env-corebiz-visual {
        height: 580px;
    }

    .env-corebiz-image-back {
        height: 310px;
    }

    .env-corebiz-image-middle {
        height: 265px;
    }

    .env-corebiz-image-main {
        height: 365px;
    }

}


/* ==========================================
   Tablet / Small Desktop
========================================== */

@media (max-width: 991.98px) {

    .env-corebiz-hero {
        padding: 70px 0;
    }

    .env-corebiz-content {
        margin-bottom: 50px;
    }

    .env-corebiz-title {
        max-width: 700px;
    }

    .env-corebiz-description {
        max-width: 700px;
    }

    .env-corebiz-features {
        max-width: 700px;
    }

    .env-corebiz-bottom {
        margin-top: 15px;
    }

    .env-corebiz-visual {
        height: 600px;
        max-width: 650px;
    }

    .env-corebiz-image-back {
        right: 4%;
        width: 45%;
    }

    .env-corebiz-image-middle {
        left: 7%;
        width: 43%;
    }

    .env-corebiz-image-main {
        right: 12%;
        width: 56%;
    }

}


/* ==========================================
   Mobile
========================================== */

@media (max-width: 767.98px) {

    .env-corebiz-hero {
        min-height: auto;
        padding: 50px 0 60px;
    }

    .env-corebiz-label {
        margin-bottom: 24px;
    }

    .env-corebiz-title {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .env-corebiz-description {
        font-size: 15px;
        line-height: 1.75;
    }

    .env-corebiz-feature-box {
        min-height: 62px;
        font-size: 14px;
    }

    .env-corebiz-bottom {
        align-items: center;
        gap: 18px;
    }

    .env-corebiz-button {
        min-width: 175px;
        height: 55px;
        font-size: 15px;
    }

    .env-corebiz-avatar {
        width: 46px;
        height: 46px;
    }

    .env-corebiz-counter strong {
        font-size: 31px;
    }

    .env-corebiz-counter span {
        font-size: 13px;
    }

    .env-corebiz-visual {
        height: 510px;
        margin-top: 20px;
    }

    .env-corebiz-image-back {
        top: 0;
        right: 2%;
        width: 48%;
        height: 270px;
    }

    .env-corebiz-image-middle {
        top: 35px;
        left: 3%;
        width: 45%;
        height: 240px;
    }

    .env-corebiz-image-main {
        right: 8%;
        bottom: 0;
        width: 60%;
        height: 315px;
    }

}


/* ==========================================
   Small Mobile
========================================== */

@media (max-width: 575.98px) {

    .env-corebiz-hero {
        padding: 40px 0 50px;
    }

    .env-corebiz-title {
        font-size: 32px;
        line-height: 1.2;
    }

    .env-corebiz-description {
        font-size: 14px;
    }

    .env-corebiz-features > div {
        margin-bottom: 12px;
    }

    .env-corebiz-feature-box {
        min-height: 58px;
        padding: 12px 14px;
        font-size: 13px;
    }

    .env-corebiz-feature-icon {
        font-size: 22px;
    }

    .env-corebiz-bottom {
        gap: 14px;
    }

    .env-corebiz-button {
        width: 100%;
    }

    .env-corebiz-people {
        margin-left: auto;
    }

    .env-corebiz-counter {
        margin-left: auto;
    }

    .env-corebiz-visual {
        height: 410px;
    }

    .env-corebiz-image-back {
        width: 48%;
        height: 215px;
    }

    .env-corebiz-image-middle {
        top: 25px;
        width: 45%;
        height: 195px;
    }

    .env-corebiz-image-main {
        right: 4%;
        width: 62%;
        height: 270px;
    }

}


.envWhyChoose-video-wrapper2 {
    position: relative;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    padding: 20px 30px 20px 0;
}

/* =========================================
   SINGLE INTERFACE SECTION
========================================= */

.env-single-interface-section {
    position: relative;
    width: 100%;
    padding: 60px 0 60px;
    overflow: hidden;
    background: #ffffff;
}


/* =========================================
   Heading
========================================= */

.env-single-interface-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
}

.env-single-interface-title {
    margin: 0;
    color: #080808;
    font-size: clamp(32px, 3.2vw, 40px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.5px;
}


/* =========================================
   Main Layout
========================================= */

.env-single-interface-layout {
    display: grid;
    grid-template-columns: 170px minmax(500px, 760px) 170px;
    justify-content: center;
    align-items: center;
    column-gap: 20px; margin-top: 50px;
}


/* =========================================
   Side Feature Container
========================================= */

.env-single-interface-side {
    position: relative;
    height: 480px;
}


/* =========================================
   Feature
========================================= */

.env-single-interface-feature {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
}

.env-single-interface-feature-text {
    color: #080808;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}


/* =========================================
   LEFT SIDE POSITIONS
========================================= */

.env-single-interface-left
.env-single-interface-feature-launch {
    top: 5px;
    right: 0;
    justify-content: flex-end;
}

.env-single-interface-left
.env-single-interface-feature-notes {
    top: 150px;
    right: 0;
    justify-content: flex-end;
}

.env-single-interface-left
.env-single-interface-feature-loyalty {
    top: 310px;
    right: 0;
    justify-content: flex-end;
}

.env-single-interface-left
.env-single-interface-feature-payment {
    top: 440px;
    right: 0;
    justify-content: flex-end;
}


/* =========================================
   RIGHT SIDE POSITIONS
========================================= */

.env-single-interface-right
.env-single-interface-feature-online {
    top: 90px;
    left: 0;
}

.env-single-interface-right
.env-single-interface-feature-filter {
    top: 225px;
    left: 0;
}

.env-single-interface-right
.env-single-interface-feature-intuitive {
    top: 405px;
    left: 0;
}


/* =========================================
   CENTER SCREEN
========================================= */

.env-single-interface-screen-wrap {
    position: relative;
    width: 100%;
    z-index: 2;
}

.env-single-interface-screen {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #ffffff;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.04);
}

.env-single-interface-screen-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* =========================================
   ARROWS
========================================= */

.env-single-interface-arrow {
    position: relative;
    flex: 0 0 55px;
    width: 55px;
    height: 35px;
}

.env-single-interface-arrow span {
    position: absolute;
    display: block;
    width: 38px;
    height: 2px;
    top: 18px;
    background: #d9d9d9;
    border-radius: 10px;
}


/* =========================================
   Right Pointing Arrow
========================================= */

.env-single-interface-arrow-right {
    margin-left: 8px;
}

.env-single-interface-arrow-right span {
    left: 0;
    transform: rotate(20deg);
    transform-origin: left center;
}

.env-single-interface-arrow-right span::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    transform: rotate(45deg);
}


/* =========================================
   Left Pointing Arrow
========================================= */

.env-single-interface-arrow-left {
    margin-right: 8px;
}

.env-single-interface-arrow-left span {
    right: 40px;
    transform: rotate(160deg);
    transform-origin: right center;
}

.env-single-interface-arrow-left span::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    transform: rotate(45deg);
}


/* =========================================
   Subtle Arrow Animation
========================================= */

.env-single-interface-arrow-right {
    animation: envSingleInterfaceArrowRight 2.8s ease-in-out infinite;
}

.env-single-interface-arrow-left {
    animation: envSingleInterfaceArrowLeft 2.8s ease-in-out infinite;
}

@keyframes envSingleInterfaceArrowRight {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(7px);
    }
}

@keyframes envSingleInterfaceArrowLeft {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-7px);
    }
}


/* =========================================
   SCREEN HOVER
========================================= */

.env-single-interface-screen {
    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease;
}

.env-single-interface-screen:hover {
    transform: translateY(-5px);
    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.10),
        0 5px 15px rgba(0, 0, 0, 0.05);
}


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

@media (max-width: 1199.98px) {

    .env-single-interface-layout {
        grid-template-columns: 135px minmax(450px, 650px) 135px;
        column-gap: 15px;
    }

    .env-single-interface-feature-text {
        font-size: 16px;
    }

    .env-single-interface-side {
        height: 420px;
    }

    .env-single-interface-left
    .env-single-interface-feature-launch {
        top: 0;
    }

    .env-single-interface-left
    .env-single-interface-feature-notes {
        top: 125px;
    }

    .env-single-interface-left
    .env-single-interface-feature-loyalty {
        top: 265px;
    }

    .env-single-interface-left
    .env-single-interface-feature-payment {
        top: 385px;
    }

    .env-single-interface-right
    .env-single-interface-feature-online {
        top: 75px;
    }

    .env-single-interface-right
    .env-single-interface-feature-filter {
        top: 195px;
    }

    .env-single-interface-right
    .env-single-interface-feature-intuitive {
        top: 350px;
    }

}


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

@media (max-width: 991.98px) {

    .env-single-interface-section {
        padding: 20px 0 50px;
    }

    .env-single-interface-title {
        font-size: 32px;
    }

    .env-single-interface-layout {
        display: block;
    }

    /* Hide desktop side labels */
    .env-single-interface-side {
        display: none;
    }

    .env-single-interface-screen-wrap {
        width: 92%;
        max-width: 760px;
        margin: 0 auto;
    }

}


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

@media (max-width: 767.98px) {

    .env-single-interface-section {
        padding: 15px 0 40px;
    }

    .env-single-interface-heading {
        margin-bottom: 22px;
    }

    .env-single-interface-title {
        padding: 0 15px;
        font-size: 27px;
        line-height: 1.25;
    }

    .env-single-interface-screen-wrap {
        width: 94%;
    }

    .env-single-interface-screen {
        border-radius: 7px;
    }

}


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

@media (max-width: 575.98px) {

    .env-single-interface-title {
        font-size: 24px;
    }

    .env-single-interface-screen-wrap {
        width: 96%;
    }

}


/* ==========================================
   BLOG SECTION
========================================== */

.env-blog-section {
    width: 100%;
    padding: 80px 22px;
    background: #f4f4f4
}


/* ==========================================
   BLOG CARD
========================================== */

.env-blog-card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 480px;
    padding: 27px 30px 30px;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(
        135deg,
        #f4f4ff 0%,
        #fafaff 50%,
        #f0f1ff 100%
    );
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 3px 10px rgba(0, 0, 0, 0.04);    
}


/* Card Hover */

.env-blog-card:hover {
    /*transform: translateY(-6px);*/
    box-shadow: 0 18px 45px rgba(50, 65, 120, 0.10);
}


/* ==========================================
   META INFORMATION
========================================== */

.env-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
    color: #7f8a9f;
    font-size: 14px;
    line-height: 1.4;
}

.env-blog-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.env-blog-meta-item i {
    color: #778196;
    font-size: 15px;
}


/* Divider */

.env-blog-meta-divider {
    width: 1px;
    height: 24px;
    background: #d9dce7;
}


/* ==========================================
   TITLE
========================================== */

.env-blog-title {
    min-height: 100px;
    margin: 0 0 10px;
    color: #002e64;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
}


/* ==========================================
   DESCRIPTION
========================================== */

.env-blog-description {
    max-width: 380px;
    min-height: 55px;
    margin: 0 0 27px;
    color: #8993a6;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}


/* ==========================================
   IMAGE WRAPPER
========================================== */

.env-blog-image-wrap {
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
    border-radius: 10px;
}


/* ==========================================
   IMAGE
========================================== */

.env-blog-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}


/* Image Hover */

.env-blog-card:hover .env-blog-image {
    transform: scale(1.06);
}


/* ==========================================
   CATEGORY
========================================== */

.env-blog-category {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    min-height: 36px;
    padding: 6px 17px;
    border-radius: 30px;
    color: #f15bc1;
    background: rgba(255, 255, 255, 0.94);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 5px 15px rgba(40, 40, 80, 0.08);
}


/* ==========================================
   IMAGE LIGHT EFFECT
========================================== */

.env-blog-image-wrap::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -120%;
    width: 50%;
    height: 300%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent
    );
    transform: rotate(20deg);
    pointer-events: none;
    transition: left 0.8s ease;
}

.env-blog-card:hover .env-blog-image-wrap::after {
    left: 140%;
}


/* ==========================================
   LARGE DESKTOP
========================================== */

@media (max-width: 1199.98px) {

    .env-blog-card {
        padding: 25px;
    }

    .env-blog-title {
        font-size: 19px;
        line-height: 1.5;
    }

    .env-blog-description {
        font-size: 14px;
    }

    .env-blog-image-wrap {
        height: 220px;
    }

}


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

@media (max-width: 991.98px) {

    .env-blog-section {
        padding: 15px;
    }

    .env-blog-card {
        min-height: 460px;
        padding: 25px;
    }

    .env-blog-title {
        font-size: 20px;
    }

    .env-blog-image-wrap {
        height: 230px;
    }

}


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

@media (max-width: 767.98px) {

    .env-blog-section {
        padding: 15px;
    }

    .env-blog-card {
        min-height: auto;
        padding: 23px;
    }

    .env-blog-meta {
        font-size: 13px;
    }

    .env-blog-title {
        max-width: 100%;
        min-height: auto;
        font-size: 20px;
        line-height: 1.5;
    }

    .env-blog-description {
        max-width: 100%;
        min-height: auto;
        margin-bottom: 22px;
        font-size: 14px;
    }

    .env-blog-image-wrap {
        height: 240px;
    }

}


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

@media (max-width: 575.98px) {

    .env-blog-section {
        padding: 10px;
    }

    .env-blog-card {
        padding: 20px;
        border-radius: 10px;
    }

    .env-blog-meta {
        gap: 8px;
        font-size: 12px;
    }

    .env-blog-meta-divider {
        height: 20px;
    }

    .env-blog-title {
        font-size: 19px;
    }

    .env-blog-description {
        font-size: 14px;
        line-height: 1.55;
    }

    .env-blog-image-wrap {
        height: 220px;
    }

    .env-blog-category {
        top: 10px;
        left: 10px;
        min-height: 34px;
        padding: 5px 15px;
        font-size: 13px;
    }

}




.env-sales-photo-card--small-odoo-purchase {
    position: absolute;
    left: 0;
    bottom: -32px;
    width: 50%;
    aspect-ratio: 4 / 5;
    z-index: 2;
}

.env-sales-photo-card--small-odoo-purchase img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--eosm-radius-lg) - 8px);
}

.env-sales-photo-card--large-odoo-purchase {
    width: 56%;
    margin-left: auto;
    aspect-ratio: 4 / 5;
}


/* Initial animation state */
.env-crm-quote-media [data-ecrm-reveal] {
    opacity: 0;
    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

/* From right */
.env-crm-quote-media [data-ecrm-reveal="fade-right"] {
    transform: translateX(-80px);
}

/* From left */
.env-crm-quote-media [data-ecrm-reveal="fade-left"] {
    transform: translateX(80px);
}

/* Active animation */
.env-crm-quote-media [data-ecrm-reveal].ecrm-revealed {
    opacity: 1;
    transform: translateX(0);
}

/* Image effect */
.env-crm-quote-media .env-crm-frame {
    overflow: hidden;
    border-radius: 12px;
}

.env-crm-quote-media .env-crm-frame img {
    display: block;
    width: 100%;
    transition: transform 0.8s ease;
}

.env-crm-quote-media .env-crm-frame:hover img {
    transform: scale(1.04);
}

/* =========================================
   ECRM SCROLL REVEAL
========================================= */

[data-ecrm-reveal] {
    opacity: 0;
    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

/* Fade Up */
[data-ecrm-reveal="fade-up"] {
    transform: translate3d(0, 70px, 0);
}

/* Fade Down */
[data-ecrm-reveal="fade-down"] {
    transform: translate3d(0, -70px, 0);
}

/* Fade Left */
[data-ecrm-reveal="fade-left"] {
    transform: translate3d(70px, 0, 0);
}

/* Fade Right */
[data-ecrm-reveal="fade-right"] {
    transform: translate3d(-70px, 0, 0);
}

/* Animation completed */
[data-ecrm-reveal].ecrm-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.envSpeed-feature-item2 {
    display: block;
    text-align: center;
    gap: 20px;
    padding: 10px 15px;
}

.envSpeed-feature-icon2 {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    color: #ff4b37;
    margin: auto;
    font-size: 25px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.envSpeed-feature-content2 h3 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    height: 20px;
}

.envSpeed-feature-wrapper2 {
    position: relative;
    z-index: 5;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 10px 55px 30px;
    background: #f96f2a;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}


.env-crm-frame2 {
    position: relative;
    border-radius: var(--ecrm-radius-lg);
    overflow: hidden;
    background: linear-gradient(160deg, var(--ecrm-bg-soft-2), var(--ecrm-bg-soft));
    border: 1px solid var(--ecrm-border) #e6e7ee;
    box-shadow: var(--ecrm-shadow-lg);
    padding: 20px;
}


/*==================================================
    PAGE: odoo-erp-manufacturing.html
    Premium middle-content redesign — every custom
    class below is prefixed "envmfg-".
==================================================*/

.envmfg-page{
    position:relative;
    overflow:hidden;
    background:#ffffff;
}

.envmfg-section{
    padding:90px 0;
}

.envmfg-problems{ background:#f7f8fc; overflow: hidden; display: block; position: relative;}
.envmfg-midcta{ background:#ffffff; }
.envmfg-benefits{ background:#ffffff; }
.envmfg-why{ background:#f7f8fc; position: relative; overflow: hidden;}
.envmfg-faq{ background:#ffffff; }

.envmfg-success{
    background:linear-gradient(160deg,#0b0d14,#1f2128 80%);
    position:relative;
    overflow:hidden;
}

.envmfg-success::before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(252,102,28,.25), transparent 70%);
    top:-120px;
    right:-100px;
    pointer-events:none;
}

/*---------- Typography ----------*/

.envmfg-header{
    max-width:760px;
    margin:0 auto 50px;
    text-align:center;
}

.envmfg-header-text{
    margin-top:12px;
}

.envmfg-eyebrow{
    display:block;
    font-family:"Work Sans", sans-serif;
    font-weight:400;
    font-size:44px;
    line-height:1.35;
    color:#111827;
    margin-bottom:30px;
}

.envmfg-eyebrow--center{
    text-align:center;
    color:#fc661c;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:0;
}

.envmfg-title{
    font-family:"Work Sans", sans-serif;
    font-weight:400;
    font-size:clamp(28px, 3.4vw, 40px);
    line-height:1.25;
    color:#111827;
    margin:0 0 14px;
}

.envmfg-title--center{
    text-align:center;
    margin:0;
}

.envmfg-title--light{
    color:#ffffff;
}

.envmfg-subtitle{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:19px;
    color:#fc661c;
    margin:0 0 16px;
}

.envmfg-item-title{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:19px;
    color:#111827;
    margin:0 0 8px;
}

.envmfg-item-text{
    font-size:16px;
    line-height:1.7;
    color:#4b5563;
    margin:0;
}

.envmfg-item-text--light{
    color:#c6c8d2;
}

.envmfg-benefits-intro{
    margin-bottom:26px;
}

.envmfg-card-title{
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:18px;
    color:#111827;
    margin:16px 0 8px; line-height: 26px;
}

/*---------- Icon badges ----------*/

.envmfg-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:14px;
    font-size:22px;
    color:#ffffff;
}

.envmfg-icon--a{ background:#fc661c; }
.envmfg-icon--b{ background:#714b67; }
.envmfg-icon--c{ background:#000; }

/*---------- Image frame ----------*/

.envmfg-frame{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 30px 60px rgba(17,24,39,.18);
}

.envmfg-frame img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:transform .6s ease;
}

.envmfg-frame:hover img{
    transform:scale(1.04);
}

.envmfg-frame--wide{
    border-radius:24px;
}

.envmfg-frame-chip{
    position:absolute;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#ffffff;
    color:#111827;
    font-size:13px;
    font-weight:600;
    padding:10px 16px;
    border-radius:100px;
    box-shadow:0 14px 28px rgba(17,24,39,.18);
}

.envmfg-frame-chip i{
    color:#fc661c;
}

.envmfg-frame-chip--1{ top:18px; left:18px; }
.envmfg-frame-chip--2{ bottom:70px; right:-14px; }
.envmfg-frame-chip--3{ bottom:18px; left:40px; }

/*---------- Problem / benefit list ----------*/

.envmfg-problem-list{
    margin-top:8px;
}

.envmfg-problem-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:20px 0;
    border-bottom:1px solid #e7e8ee;
}

.envmfg-problem-item:first-child{
    padding-top:0;
}

.envmfg-problem-item:last-child{
    padding-bottom:0;
    border-bottom:none;
}

.envmfg-problem-item .envmfg-icon{
    transition:transform .4s ease;
}

.envmfg-problem-item:hover .envmfg-icon{
    transform:rotate(-8deg) scale(1.08);
}

/*---------- Mid CTA ----------*/

.envmfg-midcta-card{
    background:#f7f8fc;
    border-radius:24px;
    padding:44px;
}

.envmfg-midcta-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-top:28px;
}

/*---------- Buttons ----------*/

.envmfg-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 30px;
    border-radius:100px;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;
}

.envmfg-btn--primary{
    background:#fc661c;
    color:#ffffff;
    box-shadow:0 14px 28px rgba(252,102,28,.28);
}

.envmfg-btn--primary:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 34px rgba(252,102,28,.35);
    color:#ffffff;
}

.envmfg-btn-arrow{
    display:inline-block;
    transition:transform .3s ease;
}

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

.envmfg-btn--outline{
    background:transparent;
    color:#111827;
    border:1.5px solid #d7d9e2;
}

.envmfg-btn--outline:hover{
    border-color:#fc661c;
    color:#fc661c;
}

.envmfg-btn--ghost{
    background:rgba(255,255,255,.08);
    color:#ffffff;
    border:1px solid rgba(255,255,255,.25);
}

.envmfg-btn--ghost:hover{
    background:#fc661c;
    border-color:#fc661c;
    color:#ffffff;
    transform:translateY(-3px);
}

/*---------- Why choose cards ----------*/

.envmfg-why-card{
    background:#ffffff;
    border:1px solid #eaebf2;
    border-radius:18px;
    padding:32px 26px;
    height:100%;
    box-shadow:0 4px 20px rgba(17,24,39,.05);
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.envmfg-why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 40px rgba(17,24,39,.1);
    border-color:transparent;
}

/*---------- Testimonials ----------*/

.envmfg-success-slider{
    position:relative;
    z-index:1;
    padding-bottom:6px;
}

.envmfg-testi-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:32px 28px;
    height:100%;
    backdrop-filter:blur(6px);
}

.envmfg-testi-stars{
    color:#fc661c;
    font-size:14px;
    letter-spacing:3px;
    margin-bottom:16px;
}

.envmfg-testi-quote{
    color:#dfe1e8;
    font-size:15px;
    line-height:1.75;
    margin:0 0 26px;
    min-height:96px;
}

.envmfg-testi-author{
    display:flex;
    align-items:center;
    gap:14px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
}

.envmfg-testi-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    background:linear-gradient(135deg,#fc661c,#714b67);
    color:#ffffff;
    font-family:"Work Sans", sans-serif;
    font-weight:700;
    font-size:14px;
}

.envmfg-testi-name{
    color:#ffffff;
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:16px;
    margin:0;
}

.envmfg-testi-role{
    display:block;
    color:#9a9dab;
    font-size:12.5px;
    margin-top:2px;
}

.envmfg-success-nav{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-top:38px;
}

.envmfg-success-prev,
.envmfg-success-next{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.25);
    background:transparent;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.envmfg-success-prev:hover,
.envmfg-success-next:hover{
    background:#fc661c;
    border-color:#fc661c;
}

.envmfg-success-pagination.swiper-pagination{
    position:static;
    display:flex;
    align-items:center;
    gap:8px;
}

.envmfg-success-pagination .swiper-pagination-bullet{
    background:rgba(255,255,255,.3);
    opacity:1;
    margin:0;
    transition:.3s;
}

.envmfg-success-pagination .swiper-pagination-bullet-active{
    background:#fc661c;
    width:22px;
    border-radius:5px;
}

.envmfg-success-cta{
    position:relative;
    z-index:1;
    text-align:center;
    margin-top:46px;
}

/*---------- FAQ ----------*/

.envmfg-faq-list{
    max-width:860px;
    margin:0 auto;
}

.envmfg-faq-item{
    background:#f7f8fc;
    border-radius:14px;
    margin-bottom:14px;
    overflow:hidden;
}

.envmfg-faq-item:last-child{
    margin-bottom:0;
}

.envmfg-faq-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    width:100%;
    border:none;
    background:transparent;
    padding:22px 26px;
    text-align:left;
    font-family:"Work Sans", sans-serif;
    font-weight:600;
    font-size:16.5px;
    color:#111827;
    cursor:pointer;
}

.envmfg-faq-icon{
    flex-shrink:0;
    font-size:14px;
    color:#fc661c;
    transition:transform .35s ease;
}

.envmfg-faq-toggle[aria-expanded="true"] .envmfg-faq-icon{
    transform:rotate(135deg);
}

.envmfg-faq-item .collapse,
.envmfg-faq-item .collapsing{
    padding:0 26px;
}

.envmfg-faq-item .collapse.show{
    padding-bottom:22px;
}

/*---------- Reveal fallback (no-GSAP browsers) ----------*/

[data-envmfg-reveal]{
    will-change:opacity, transform;
}

.envmfg-revealed{
    opacity:1 !important;
    transform:none !important;
}

@media (prefers-reduced-motion: reduce){
    .envmfg-frame img,
    .envmfg-problem-item .envmfg-icon,
    .envmfg-why-card,
    .envmfg-btn,
    .envmfg-btn-arrow{
        transition:none;
    }
}

/*---------- Responsive ----------*/

@media only screen and (max-width: 991px) {
    .envmfg-section{ padding:70px 0; }
    .envmfg-midcta-card{ padding:32px; }
    .envmfg-frame-chip--2{ right:10px; }
}

@media only screen and (max-width: 767px) {
    .envmfg-section{ padding:55px 0; }
    .envmfg-eyebrow{ margin-bottom:22px; font-size: 24px;}
    .envmfg-problem-item{ gap:14px; }
    .envmfg-midcta-card{ padding:26px; border-radius:18px; }
    .envmfg-midcta-actions{ flex-direction:column; align-items:stretch; }
    .envmfg-btn{ justify-content:center; }
    .envmfg-frame-chip{ font-size:12px; padding:8px 12px; }
    .envmfg-frame-chip--2{ bottom:auto; top:18px; right:18px; }
    .envmfg-frame-chip--3{ left:18px; }
    .envmfg-why-card{ padding:26px 22px; }
    .envmfg-faq-toggle{ padding:18px 20px; font-size:15px; }
    .envmfg-faq-item .collapse,
    .envmfg-faq-item .collapsing{ padding:0 20px; }
    .envmfg-faq-item .collapse.show{ padding-bottom:18px; }
}

@media only screen and (max-width: 575px) {
    .envmfg-testi-quote{ min-height:0; }
}

.pb-120{ padding-bottom: 120px !important;}

.env-odoo-features-benefit-card-body .sp-head {
    font-size: 20.5px !important;
    font-weight: 700;
    color: var(--eof-dark);
    margin-bottom: 16px !important;
}

.pooints{ align-items: center; gap: 10px; margin-top: 10px; padding-left: 12px;}
.pooints li{ font-size: 15px; color: var(--eof-dark); line-height: 1.5; float: left; margin-right: 50px;}

.envInv-benefit-item2 {
    position: relative;
    display: flex;
    gap: 18px;
    padding: 22px 0;
    transition: background .35s var(--einv-ease);
    border-bottom: 1px #00000091 dashed;
}

.envInv-benefit-item2 h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--einv-dark);
    margin-bottom: 18px;
}

.envSafety-section-odoo-consulting {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 60px 0;
}

.env-sales-photo-card--large2 {
    width: 50%;
    margin-left: auto;
    aspect-ratio: 4 / 5;
}

.env-sales-photo-card--small2 {
    position: absolute;
    left: 0;
    bottom: -32px;
    width: 50%;
    aspect-ratio: 4 / 5;
    z-index: 2;
}


/* =====================================================
   BLOGS PAGE (blogs.html) — Premium Redesign
   Prefix: env-blog-
===================================================== */
:root{
    --eblog-primary:#f96f2a;
    --eblog-primary-dark:#5c2c6b;
    --eblog-primary-light:#a566b8;
    --eblog-accent:#ff6b4a;
    --eblog-gradient:linear-gradient(135deg, #ff6b4a 0%, #ff6b4a 55%, #ff6b4a 100%);
    --eblog-navy:#0a0e1f;
    --eblog-navy-2:#1a1140;
    --eblog-text:#1a1d29;
    --eblog-muted:#5b6272;
    --eblog-bg:#ffffff;
    --eblog-bg-soft:#f6f5fa;
    --eblog-border:#e4e1ec;
    --eblog-radius-lg:22px;
    --eblog-radius-md:16px;
    --eblog-radius-sm:10px;
    --eblog-shadow-sm:0 8px 26px -12px rgba(26,17,64,.16);
    --eblog-shadow-md:0 26px 60px -18px rgba(26,17,64,.30);
    --eblog-glow:0 0 0 4px rgba(197,112,18,40%), 0 20px 46px -14px rgba(197,112,18,40%);
}

.env-blog-page{
    position:relative;
    overflow:hidden;
    background:var(--eblog-bg-soft);
    font-family:'Manrope','Inter',sans-serif;
    color:var(--eblog-text);
    padding: 70px 0 0;
}

.env-blog-page .container{
    max-width:1320px;
}

/* ---------- Background FX ---------- */
.env-blog-bg-fx{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}
.env-blog-blob{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    opacity:.16;
}
.env-blog-blob--1{
    width:420px;height:420px;
    top:-140px; right:-100px;
    background:var(--eblog-primary);
}
.env-blog-blob--2{
    width:360px;height:360px;
    top:900px; left:-140px;
    background:var(--eblog-navy);
    opacity:.08;
}
.env-blog-grid-lines{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
    background-size:64px 64px;
    -webkit-mask-image:linear-gradient(to bottom, black, transparent 700px);
    mask-image:linear-gradient(to bottom, black, transparent 700px);
}
.env-blog-dots{
    position:absolute;
    width:260px; height:260px;
    right:8%; top:520px;
    background-image:radial-gradient(rgba(113,75,103,.28) 1.5px, transparent 1.5px);
    background-size:18px 18px;
    opacity:.5;
}

/* ---------- HERO ---------- */
.env-blog-hero-wrap{
    position:relative;
    z-index:1;
    padding:96px 0 60px;
}
.env-blog-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:800;
    letter-spacing:.16em;
    color:#fff;
    background:var(--eblog-gradient);
    box-shadow:0 10px 26px -10px rgba(125,63,143,.55);
    padding:9px 18px 9px 14px;
    border-radius:30px;
    margin-bottom:26px;
}
.env-blog-eyebrow::before{
    content:'';
    width:7px; height:7px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.28);
}
.env-blog-hero-title{
    font-size:62px;
    font-weight:900;
    line-height:1.08;
    letter-spacing:-.03em;
    color:var(--eblog-navy);
    margin-bottom:24px;
}
.env-blog-hero-title .env-blog-grad{
    background:var(--eblog-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.env-blog-hero-desc{
    font-size:18px;
    line-height:1.75;
    color:var(--eblog-muted);
    max-width:520px;
    margin-bottom:0;
    font-weight:500;
}

/* Hero visual */
.env-blog-hero-visual{
    position:relative;
    height:460px;
}
.env-blog-glow{
    position:absolute;
    width:360px;height:360px;
    right:0; top:20px;
    background:radial-gradient(circle, rgba(125,63,143,.35), transparent 70%);
    filter:blur(10px);
}
.env-blog-vcard{
    position:absolute;
    background:#fff;
    border:1px solid var(--eblog-border);
    border-radius:var(--eblog-radius-md);
    box-shadow:var(--eblog-shadow-md);
}
.env-blog-vcard--dash{
    position:absolute;
    width:280px;
    padding:20px;
    top:20px; left:20px;
    animation:envBlogFloat 6s ease-in-out infinite;
    overflow:hidden;
}
.env-blog-vcard--dash::before{
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:var(--eblog-gradient);
}
.env-blog-vcard-head{
    display:flex; gap:6px; margin-bottom:14px;
}
.env-blog-vdot{width:8px; height:8px; border-radius:50%; display:inline-block;}
.env-blog-vdot--a{background:#f87171;}
.env-blog-vdot--b{background:#fbbf24;}
.env-blog-vdot--c{background:#34d399;}
.env-blog-vchart svg{width:100%; height:70px;}
.env-blog-vchart polyline{
    fill:none;
    stroke:var(--eblog-primary);
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.env-blog-vstat{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    margin-top:12px;
    font-size:13px;
    color:var(--eblog-muted);
}
.env-blog-vstat strong{
    font-size:18px;
    color:var(--eblog-navy);
}

.env-blog-vcard--apps{
    display:flex;
    gap:10px;
    padding:14px;
    right:10px; top:60px;
    animation:envBlogFloat 7s ease-in-out infinite 1s;
}
.env-blog-vapp{
    width:38px; height:38px;
    display:flex; align-items:center; justify-content:center;
    border-radius:10px;
    background:var(--eblog-gradient);
    color:#fff;
    font-size:16px;
    box-shadow:0 8px 18px -8px rgba(125,63,143,.6);
}

.env-blog-vcard--nodes{
    width:200px; height:150px;
    padding:12px;
    right:30px; bottom:10px;
    animation:envBlogFloat 8s ease-in-out infinite .5s;
}
.env-blog-vcard--nodes svg{width:100%; height:100%;}
.env-blog-vcard--nodes line{stroke:rgba(113,75,103,.35); stroke-width:1.5;}
.env-blog-vcard--nodes circle{fill:var(--eblog-primary);}

.env-blog-ring{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(113,75,103,.18);
}
.env-blog-ring--1{width:120px; height:120px; left:0; bottom:60px;}
.env-blog-ring--2{width:70px; height:70px; left:60px; bottom:20px; border-color:rgba(15,23,42,.10);}

@keyframes envBlogFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}

/* ---------- FEATURED ---------- */
.env-blog-featured-wrap{
    position:relative; z-index:1;
    padding-bottom:56px;
}
.env-blog-featured{
    position:relative;
    display:grid;
    grid-template-columns:55% 45%;
    align-items:stretch;
    background:#fff;
    border:1px solid var(--eblog-border);
    border-radius:28px;
    box-shadow:var(--eblog-shadow-sm);
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    transition:box-shadow .35s ease, border-color .35s ease, transform .35s ease;
}
.env-blog-featured::before{
    content:'';
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:var(--eblog-gradient);
    z-index:2;
}
.env-blog-featured:hover{
    box-shadow:rgb(255 87 34 / 54%);
    border-color:rgb(255 87 34 / 54%);
    color:inherit;
    transform:translateY(-4px);
}
.env-blog-featured-media{
    position:relative;
    aspect-ratio:3/2;
    overflow:hidden;
}
.env-blog-featured-media img{
    width:100%; height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}
.env-blog-featured:hover .env-blog-featured-media img{
    transform:scale(1.03);
}
.env-blog-featured-body{
    padding:44px 48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.env-blog-badge{
    display:inline-block;
    align-self:flex-start;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#fff;
    background:var(--eblog-gradient);
    box-shadow:0 8px 20px -8px rgba(125,63,143,.55);
    padding:7px 16px;
    border-radius:20px;
    margin-bottom:20px;
}
.env-blog-featured-title{
    font-size:32px;
    font-weight:900;
    letter-spacing:-.01em;
    line-height:1.28;
    color:var(--eblog-navy);
    margin-bottom:16px;
}
.env-blog-featured-excerpt{
    font-size:15.5px;
    line-height:1.7;
    color:var(--eblog-muted);
    margin-bottom:26px;
}
.env-blog-meta-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:auto;
}
.env-blog-date{
    font-size:13.5px;
    color:var(--eblog-muted);
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.env-blog-readmore{
    font-size:14px;
    font-weight:800;
    color:var(--eblog-primary);
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    transition:color .3s ease;
}
.env-blog-featured:hover .env-blog-readmore,
.env-blog-card:hover .env-blog-readmore{
    color:var(--eblog-accent);
}
.env-blog-readmore i{transition:transform .3s ease;}
.env-blog-featured:hover .env-blog-readmore i,
.env-blog-card:hover .env-blog-readmore i{
    transform:translate(5px,-5px);
}

/* ---------- FILTER + SEARCH ---------- */
.env-blog-controls-wrap{
    position:relative; z-index:2;
    position:sticky;
    top:0;
    padding:14px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--eblog-border);
    margin-bottom:44px;
}
.env-blog-filter{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:2px;
    flex:1 1 auto;
}
.env-blog-filter::-webkit-scrollbar{display:none;}
.env-blog-filter-btn{
    flex:0 0 auto;
    border:1.5px solid var(--eblog-border);
    background:#fff;
    color:var(--eblog-text);
    font-size:13.5px;
    font-weight:700;
    padding:10px 20px;
    border-radius:30px;
    white-space:nowrap;
    transition:.25s ease;
}
.env-blog-filter-btn:hover{
    border-color:rgba(125,63,143,.5);
    color:var(--eblog-primary);
    
}
.env-blog-filter-btn.is-active{
    background:var(--eblog-gradient);
    border-color:transparent;
    color:#fff;
    box-shadow:0 10px 24px -10px rgba(125,63,143,.55);
}
.env-blog-search{
    position:relative;
    flex:0 0 auto;
    width:280px;
}
.env-blog-search i{
    position:absolute;
    left:18px; top:50%;
    transform:translateY(-50%);
    color:var(--eblog-muted);
    font-size:14px;
}
.env-blog-search input{
    width:100%;
    border:1.5px solid var(--eblog-border);
    background:#fff;
    border-radius:30px;
    padding:10px 18px 10px 42px;
    font-size:14px;
    font-weight:600;
    color:var(--eblog-text);
    outline:none;
    transition:.25s ease;
}
.env-blog-search input:focus{
    border-color:var(--eblog-primary);
    box-shadow:0 0 0 4px rgba(125,63,143,.14);
}

/* ---------- GRID (ThemeForest-style editorial cards) ---------- */
.env-blog-grid-wrap{
    position:relative; z-index:1;
}
.env-blog-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:36px;
    margin-bottom:56px;
    counter-reset:eblogCard;
}
.env-blog-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid var(--eblog-border);
    border-radius:26px;
    box-shadow:var(--eblog-shadow-sm);
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    height:100%;
    /*opacity:0;*/
    transform:translateY(30px);
    counter-increment:eblogCard;
    transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease;
}
.env-blog-card.env-blog-in-view{
    opacity:1;
    transform:translateY(0);
}
.env-blog-card:hover{
    /*transform:translateY(-10px);*/
    box-shadow:var(--eblog-glow);
    border-color:rgb(143 105 63 / 40%);
    color:inherit;
}

/* -- media: image + overlaid tag + floating arrow button -- */
.env-blog-card-media{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--eblog-navy);
}
.env-blog-card-media::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(10,14,31,0) 45%, rgba(10,14,31,.55) 100%);
    opacity:.55;
    transition:opacity .4s ease;
}
.env-blog-card:hover .env-blog-card-media::after{
    opacity:.75;
}
.env-blog-card-media img{
    width:100%; height:100%;
    object-fit:cover;
    transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.env-blog-card:hover .env-blog-card-media img{
    transform:scale(1.09);
}
.env-blog-card-media::before{
    content:'0' counter(eblogCard);
    position:absolute;
    right:16px; bottom:8px;
    font-size:48px;
    font-weight:900;
    line-height:1;
    color:rgba(255,255,255,.14);
    z-index:1;
    letter-spacing:-.02em;
    pointer-events:none;
}
.env-blog-card-tag{
    position:absolute;
    top:18px; left:18px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    font-size:11px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#fff;
    background:#fc661c;
    border:1px solid rgba(255,255,255,.3);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    padding:6px 14px;
    border-radius:20px;
}
.env-blog-card-arrow{
    position:absolute;
    right:18px; top:18px;
    z-index:2;
    width:42px; height:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--eblog-gradient);
    color:#fff;
    font-size:16px;
    box-shadow:0 10px 24px -8px rgba(0,0,0,.5);
    opacity:0;
    transform:translateY(-8px) scale(.7);
    transition:opacity .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.env-blog-card:hover .env-blog-card-arrow{
    opacity:1;
    transform:translateY(0) scale(1);
}

/* -- body -- */
.env-blog-card-body{
    position:relative;
    padding:28px 26px 24px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.env-blog-card-title{
    font-size:20px;
    font-weight:800;
    letter-spacing:-.01em;
    line-height:1.4;
    color:var(--eblog-navy);
    margin-bottom:12px;
    transition:color .3s ease;
}
.env-blog-card:hover .env-blog-card-title{
    color:var(--eblog-primary);
}
.env-blog-card-excerpt{
    font-size:14.5px;
    line-height:1.65;
    color:var(--eblog-muted);
    margin-bottom:22px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.env-blog-card .env-blog-meta-row{
    margin-top:auto;
    padding-top:18px;
    border-top:1px solid var(--eblog-border);
}
.env-blog-card[hidden]{display:none;}

.env-blog-empty{
    text-align:center;
    padding:60px 20px;
    color:var(--eblog-muted);
    font-size:15px;
}

/* ---------- PAGINATION ---------- */
.env-blog-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:100px;
    flex-wrap:wrap;
}
.env-blog-page-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1.5px solid var(--eblog-border);
    background:#fff;
    color:var(--eblog-text);
    font-size:13.5px;
    font-weight:700;
    padding:10px 20px;
    border-radius:30px;
    transition:.25s ease;
}
.env-blog-page-btn:hover:not(:disabled){
    border-color:rgba(125,63,143,.5);
    color:var(--eblog-primary);
    transform:translateY(-2px);
}
.env-blog-page-btn:disabled{
    opacity:.4;
    cursor:not-allowed;
}
.env-blog-page-numbers{
    display:flex;
    gap:8px;
}
.env-blog-page-num{
    width:40px; height:40px;
    border:1.5px solid var(--eblog-border);
    background:#fff;
    color:var(--eblog-text);
    font-size:13.5px;
    font-weight:700;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:.25s ease;
}
.env-blog-page-num:hover{
    border-color:rgba(125,63,143,.5);
    color:var(--eblog-primary);
}
.env-blog-page-num.active{
    background:var(--eblog-gradient);
    border-color:transparent;
    color:#fff;
    box-shadow:0 10px 22px -8px rgba(125,63,143,.55);
}
.env-blog-page-status{
    display:none;
    font-size:13.5px;
    font-weight:600;
    color:var(--eblog-muted);
}

/* ---------- CTA ---------- */
.env-blog-cta-wrap{
    position:relative; z-index:1;
    padding-bottom:110px;
}
.env-blog-cta{
    position:relative;
    overflow:hidden;
    background:linear-gradient(160deg, var(--eblog-navy), var(--eblog-navy-2));
    border-radius:32px;
    padding:76px 40px;
    text-align:center;
}
.env-blog-cta::before{
    content:'';
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:var(--eblog-gradient);
}
.env-blog-cta-glow{
    position:absolute;
    width:460px; height:460px;
    left:50%; top:-180px;
    transform:translateX(-50%);
    background:radial-gradient(circle, rgba(125,63,143,.55), transparent 70%);
    filter:blur(20px);
}
.env-blog-cta-lines{
    position:absolute;
    inset:0;
    width:100%; height:100%;
    opacity:.25;
}
.env-blog-cta-lines path{
    fill:none;
    stroke:rgba(255,255,255,.25);
    stroke-width:1.5;
}
.env-blog-cta-title{
    position:relative;
    font-size:42px;
    font-weight:900;
    letter-spacing:-.01em;
    color:#fff;
    margin-bottom:16px;
}
.env-blog-cta-desc{
    position:relative;
    font-size:16.5px;
    color:rgba(255,255,255,.75);
    max-width:560px;
    margin:0 auto 34px;
    font-weight:500;
}
.env-blog-cta-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:var(--eblog-navy);
    font-size:15.5px;
    font-weight:800;
    padding:16px 32px;
    border-radius:40px;
    transition:.3s ease;
    box-shadow:0 16px 36px -14px rgba(0,0,0,.5);
}
.env-blog-cta-btn:hover{
    background:var(--eblog-gradient);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 20px 40px -12px rgba(125,63,143,.6);
}

/* ---------- Hero entrance animation base states ---------- */
.env-blog-page [data-env-anim]{
    opacity:0;
}
.env-blog-page [data-env-anim="fade-up"]{
    transform:translateY(24px);
}
.env-blog-page [data-env-anim="fade-left"]{
    transform:translateX(30px);
}
.env-blog-page [data-env-anim].env-blog-anim-done{
    opacity:1;
    transform:none;
    transition:opacity .7s ease, transform .7s ease;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width:1199px){
    .env-blog-grid{grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:991px){
    .env-blog-hero-title{font-size:40px;}
    .env-blog-hero-visual{height:360px; margin-top:20px;}
    .env-blog-featured{grid-template-columns:1fr;}
    .env-blog-featured-media{aspect-ratio:16/10;}
    .env-blog-featured-body{padding:32px;}
    .env-blog-controls-wrap{position:relative;}
    .env-blog-search{width:100%;}
}

@media (max-width:767px){
    .env-blog-hero-wrap{padding:56px 0 36px;}
    .env-blog-hero-title{font-size:32px;}
    .env-blog-hero-desc{font-size:15.5px;}
    .env-blog-grid{grid-template-columns:1fr; gap:22px;}
    .env-blog-controls-wrap{
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }
    .env-blog-featured-title{font-size:24px;}
    .env-blog-cta{padding:50px 22px;}
    .env-blog-cta-title{font-size:28px;}
    .env-blog-page-status{
        display:inline-block;
    }
    .env-blog-page-numbers{display:none;}
    .env-blog-pagination{gap:14px;}
}

@media (max-width:575px){
    .env-blog-hero-title{font-size:28px;}
    .env-blog-featured-body{padding:24px;}
}

/* =====================================================
   PAGE: blogs-details.html
   Odoo Gold Partner article — premium editorial redesign (v2)
   All rules scoped to .env-erp-article- prefixed classes
===================================================== */

.env-erp-article{
    --env-erp-navy:#0F1B3D;
    --env-erp-ink:#1B2438;
    --env-erp-muted:#657089;
    --env-erp-accent:#f96f2a;
    --env-erp-accent2:#E07A2E;
    --env-erp-bg-soft:#F7F8FC;
    --env-erp-border:rgba(15,27,61,.09);
    font-family:'Plus Jakarta Sans','Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color:var(--env-erp-ink);
    background:#fff;
    position:relative;
}
.env-erp-article *{box-sizing:border-box;}
.env-erp-article img{max-width:100%;}

/* ---------- reading progress ---------- */
.env-erp-article-progress{
    position:sticky;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:transparent;
    z-index:20;
}
.env-erp-article-progress span{
    display:block;
    height:100%;
    width:0%;
    background:linear-gradient(90deg,var(--env-erp-accent),var(--env-erp-accent2));
    transition:width .1s linear;
}

/* ---------- reveal ---------- */
.env-erp-article [data-env-erp-reveal],
.env-erp-article [data-env-erp-hero]{
    opacity:0;
    transition:opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1);
}
.env-erp-article [data-env-erp-reveal="up"]{transform:translateY(26px);}
.env-erp-article [data-env-erp-reveal].env-erp-revealed,
.env-erp-article [data-env-erp-hero].env-erp-revealed{
    opacity:1;
    transform:none;
}
@media (prefers-reduced-motion:reduce){
    .env-erp-article [data-env-erp-reveal],
    .env-erp-article [data-env-erp-hero]{opacity:1!important;transform:none!important;transition:none!important;}
}

/* =====================================================
   HERO
===================================================== */
.env-erp-article-hero{
    position:relative;
    padding:60px 0 52px;
    background:linear-gradient(180deg,#FBFBFF 0%,#FFFFFF 65%);
    overflow:hidden;
}
.env-erp-article-hero-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(30px);
    pointer-events:none;
}
.env-erp-article-hero-shape-1{
    width:420px;height:420px;
    top:-160px;right:-120px;
    background:radial-gradient(circle,rgba(79,76,224,.14),transparent 70%);
}
.env-erp-article-hero-shape-2{
    width:220px;height:220px;
    bottom:-100px;left:-60px;
    background:radial-gradient(circle,rgba(224,122,46,.10),transparent 70%);
}
.env-erp-article-eyebrow{
    display:inline-flex;
    align-items:center;
    padding:7px 16px;
    border-radius:99px;
    background:rgba(79,76,224,.09);
    color:var(--env-erp-accent);
    font-size:13px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    margin-bottom:20px;
}
.env-erp-article-title{
    font-size:44px;
    font-weight:400;
    line-height:1.14;
    letter-spacing:-.02em;
    color:var(--env-erp-navy);
    margin:0 0 20px; font-family: "Work Sans", sans-serif;
}
.env-erp-article-lead{
    font-size:18px;
    line-height:1.65;
    color:var(--env-erp-muted);
    max-width:540px;
    margin:0 0 26px;
}
.env-erp-article-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:600;
    color:var(--env-erp-muted);
}
.env-erp-article-meta-item{display:inline-flex;align-items:center;gap:6px;}
.env-erp-article-meta-item i{color:var(--env-erp-accent);}
.env-erp-article-meta-dot{width:4px;height:4px;border-radius:50%;background:#C7CCDD;}

.env-erp-article-hero-frame{
    position:relative;
    border-radius:26px;
    overflow:hidden;
    border:1px solid var(--env-erp-border);
    box-shadow:0 30px 60px -32px rgba(15,27,61,.28);
}
.env-erp-article-hero-img{
    width:100%;
    /*aspect-ratio:16/11;*/
    object-fit:contain;
    display:block;
    transition:transform .6s ease;
}
.env-erp-article-hero-frame:hover .env-erp-article-hero-img{transform:scale(1.03);}

/* =====================================================
   LAYOUT
===================================================== */
.env-erp-article-layout{
   /* max-width:1280px;*/
    padding-top:56px;
    padding-bottom:40px;
}
.env-erp-article-layout .col-lg-8{max-width:800px;}

.env-erp-article-intro p{
    font-size:18px;
    line-height:1.8;
    color:var(--env-erp-ink);
    margin-bottom:18px;
}

.env-erp-article-section{
    padding-top:52px;
    scroll-margin-top:96px;
}
.env-erp-article-eyebrow-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}
.env-erp-article-eyebrow-num{
    font-size:14px;
    font-weight:800;
    color:var(--env-erp-accent);
}
.env-erp-article-eyebrow-rule{
    width:34px;
    height:2px;
    background:linear-gradient(90deg,var(--env-erp-accent),var(--env-erp-accent2));
    border-radius:2px;
}
.env-erp-article-eyebrow-row-light .env-erp-article-eyebrow-num{color:#C9CEFF;}
.env-erp-article-eyebrow-row-light .env-erp-article-eyebrow-rule{background:linear-gradient(90deg,#C9CEFF,#7B84FF);}

.env-erp-article-h2{
    font-size:32px;
    font-weight:800;
    letter-spacing:-.015em;
    line-height:1.25;
    color:var(--env-erp-navy);
    margin:0 0 20px;
}
.env-erp-article-h3{
    font-size:21px;
    font-weight:750;
    color:var(--env-erp-navy);
    margin:30px 0 12px;
}
.env-erp-article-prose p,
.env-erp-article-prose-lead,
.env-erp-article-prose-close,
.env-erp-article-caption{
    font-size:17px;
    line-height:1.8;
    color:#3B4256;
    margin-bottom:16px;
}
.env-erp-article-prose-close{margin-top:18px;}
.env-erp-article-caption{
    font-size:14.5px;
    text-align:center;
    color:var(--env-erp-muted);
    max-width:620px;
    margin:6px auto 22px;
}

/* =====================================================
   EDITORIAL IMAGES (existing images only, unchanged)
===================================================== */
.env-erp-article-image{
    margin:26px 0;
}
.env-erp-article-image img{
    width:100%;
    display:block;
    border-radius:20px;
    border:1px solid var(--env-erp-border);
    box-shadow:0 22px 44px -30px rgba(15,27,61,.3);
    transition:transform .5s ease, box-shadow .5s ease;
}
.env-erp-article-image:hover img{
    transform:scale(1.015);
    box-shadow:0 26px 50px -26px rgba(15,27,61,.36);
}

.env-erp-article-banner{
    display:block;
    margin:34px 0;
    border-radius:18px;
    overflow:hidden;
    border:1px solid var(--env-erp-border);
    box-shadow:0 18px 36px -28px rgba(15,27,61,.3);
    transition:transform .35s ease, box-shadow .35s ease;
}
.env-erp-article-banner img{width:100%;display:block;}
.env-erp-article-banner:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 42px -24px rgba(15,27,61,.36);
}

/* =====================================================
   CARDS
===================================================== */
.env-erp-article-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin:22px 0 6px;
}
.env-erp-article-card{
    background:#fff;
    border:1px solid var(--env-erp-border);
    border-radius:18px;
    padding:22px;
    display:flex;
    flex-direction:column;
    gap:12px;
    transition:transform .3s cubic-bezier(.16,.84,.44,1), box-shadow .3s ease, border-color .3s ease;
}
.env-erp-article-card:hover{
    transform:translateY(-5px);
    border-color:rgba(79,76,224,.32);
    box-shadow:0 18px 36px -26px rgba(15,27,61,.28);
}
.env-erp-article-card-icon{
    width:40px;height:40px;
    display:flex;align-items:center;justify-content:center;
    border-radius:11px;
    background:var(--env-erp-bg-soft);
    color:var(--env-erp-accent);
    font-size:17px;
}
.env-erp-article-card p{margin:0;font-size:15px;line-height:1.65;color:#3B4256;}

/* =====================================================
   HIGHLIGHT LIST (Gold Partner benefits)
===================================================== */
.env-erp-article-highlight{
    background:var(--env-erp-bg-soft);
    border:1px solid var(--env-erp-border);
    border-left:3px solid var(--env-erp-accent);
    border-radius:14px;
    padding:24px 26px;
    margin:20px 0;
}
.env-erp-article-checklist-mini{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.env-erp-article-checklist-mini li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:15.5px;
    line-height:1.6;
    color:#3B4256;
}
.env-erp-article-checklist-mini li i{color:var(--env-erp-accent);margin-top:3px;flex-shrink:0;}

/* =====================================================
   STATS
===================================================== */
.env-erp-article-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:28px 0 8px;
}
.env-erp-article-stat{
    text-align:center;
    padding:22px 14px;
    background:var(--env-erp-bg-soft);
    border:1px solid var(--env-erp-border);
    border-radius:16px;
}
.env-erp-article-stat-num{
    font-size:34px;
    font-weight:800;
    color:var(--env-erp-navy);
}
.env-erp-article-stat-pct{
    font-size:20px;
    font-weight:700;
    color:var(--env-erp-navy);
}
.env-erp-article-stat-bar{
    height:6px;
    border-radius:99px;
    background:rgba(15,27,61,.08);
    margin:12px 0 10px;
    overflow:hidden;
}
.env-erp-article-stat-bar span{
    display:block;
    height:100%;
    width:0%;
    border-radius:99px;
    background:linear-gradient(90deg,var(--env-erp-accent),var(--env-erp-accent2));
    transition:width 1.1s cubic-bezier(.16,.84,.44,1);
}
.env-erp-article-stat p{
    margin:0;
    font-size:13.5px;
    font-weight:600;
    color:var(--env-erp-muted);
}

/* =====================================================
   LOCATIONS
===================================================== */
.env-erp-article-locations{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.env-erp-article-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 16px;
    background:#fff;
    border:1px solid var(--env-erp-border);
    border-radius:99px;
    font-size:14px;
    font-weight:700;
    color:var(--env-erp-navy);
    transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.env-erp-article-chip i{color:var(--env-erp-accent);font-size:13px;}
.env-erp-article-chip:hover{
    transform:translateY(-3px);
    border-color:rgba(79,76,224,.35);
    background:var(--env-erp-bg-soft);
}

/* =====================================================
   TIMELINE
===================================================== */
.env-erp-article-timeline{
    display:flex;
    flex-direction:column;
    gap:0;
    margin-top:28px;
    border-left:2px solid var(--env-erp-border);
    padding-left:28px;
}
.env-erp-article-timeline-item{
    position:relative;
    display:flex;
    gap:18px;
    padding-bottom:32px;
}
.env-erp-article-timeline-item:last-child{padding-bottom:0;}
.env-erp-article-timeline-num{
    position:absolute;
    left:-42px;
    top:0;
    width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    background:var(--env-erp-navy);
    color:#fff;
    font-size:11px;
    font-weight:800;
}
.env-erp-article-timeline-item h4{
    font-size:17px;
    font-weight:750;
    color:var(--env-erp-navy);
    margin:0 0 8px;
}
.env-erp-article-timeline-item p{
    font-size:15px;
    line-height:1.7;
    color:#3B4256;
    margin:0;
}

/* =====================================================
   CHECKLIST
===================================================== */
.env-erp-article-checklist{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:24px 0 6px;
}
.env-erp-article-check-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 20px;
    background:#fff;
    border:1px solid var(--env-erp-border);
    border-radius:14px;
    transition:transform .3s ease, border-color .3s ease, background .3s ease;
}
.env-erp-article-check-item:hover{
    transform:translateX(5px);
    border-color:rgba(79,76,224,.32);
    background:var(--env-erp-bg-soft);
}
.env-erp-article-check-num{
    font-size:20px;
    font-weight:800;
    color:#DADFF2;
    flex-shrink:0;
    width:32px;
    transition:color .3s ease;
}
.env-erp-article-check-item:hover .env-erp-article-check-num{color:var(--env-erp-accent);}
.env-erp-article-check-item p{margin:0;font-size:15px;line-height:1.6;color:#3B4256;}
.env-erp-article-check-item p strong{color:var(--env-erp-navy);}

/* =====================================================
   ENVERTIS TRUST SECTION
===================================================== */
.env-erp-article-envertis{
    background:linear-gradient(150deg,var(--env-erp-navy) 0%,#1B2B5C 100%);
    border-radius:24px;
    padding:48px 40px;
}
.env-erp-article-h2-light{color:#fff;}
.env-erp-article-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin:24px 0 30px;
}
.env-erp-article-metric{
    text-align:center;
    padding:18px 8px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(255,255,255,.04);
}
.env-erp-article-metric span{
    display:block;
    font-size:28px;
    font-weight:800;
    color:#fff;
    margin-bottom:6px;
}
.env-erp-article-metric p{
    margin:0;
    font-size:12.5px;
    color:rgba(255,255,255,.65);
    line-height:1.4;
}
.env-erp-article-envertis-copy p{
    font-size:15.5px;
    line-height:1.8;
    color:rgba(255,255,255,.82);
    margin-bottom:14px;
}
.env-erp-article-envertis-copy p:last-child{margin-bottom:0;}

/* =====================================================
   FAQ
===================================================== */
.env-erp-article-faq{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
}
.env-erp-article-faq-item{
    border:1px solid var(--env-erp-border);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    transition:border-color .3s ease, background .3s ease;
}
.env-erp-article-faq-q{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px;
    background:transparent;
    border:none;
    text-align:left;
    font-size:15.5px;
    font-weight:700;
    color:var(--env-erp-navy);
    cursor:pointer;
}
.env-erp-article-faq-q i{
    flex-shrink:0;
    font-size:14px;
    color:var(--env-erp-accent);
    transition:transform .3s ease;
}
.env-erp-article-faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s cubic-bezier(.16,.84,.44,1);
    padding:0 20px;
}
.env-erp-article-faq-a p{
    margin:0 0 18px;
    font-size:14.5px;
    line-height:1.75;
    color:#3B4256;
}
.env-erp-article-faq-item.env-erp-faq-open{
    border-color:rgba(79,76,224,.32);
    background:var(--env-erp-bg-soft);
}
.env-erp-article-faq-item.env-erp-faq-open .env-erp-article-faq-q i{transform:rotate(135deg);}

/* =====================================================
   FINAL CTA
===================================================== */
.env-erp-article-cta{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
    background:linear-gradient(135deg,var(--env-erp-navy) 0%,#26356E 60%,var(--env-erp-accent) 140%);
    border-radius:26px;
    padding:44px 44px;
    margin:56px 0 20px;
}
.env-erp-article-cta-left h3{
    font-size:26px;
    font-weight:800;
    line-height:1.3;
    color:#fff;
    margin:0;
    max-width:480px;
}
.env-erp-article-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:15px 28px;
    background:#fff;
    color:var(--env-erp-navy);
    font-weight:750;
    font-size:14.5px;
    border-radius:99px;
    text-decoration:none;
    flex-shrink:0;
    transition:transform .3s ease, box-shadow .3s ease;
}
.env-erp-article-cta-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 30px -14px rgba(0,0,0,.35);
    color:var(--env-erp-navy);
}

/* =====================================================
   STICKY "IN THIS ARTICLE" NAV
===================================================== */
.env-erp-article-nav-toggle{
    display:none;
    width:100%;
    align-items:center;
    justify-content:space-between;
    padding:13px 16px;
    border:1px solid var(--env-erp-border);
    border-radius:12px;
    background:var(--env-erp-bg-soft);
    font-weight:700;
    font-size:14px;
    color:var(--env-erp-navy);
    margin-bottom:16px;
}
.env-erp-article-nav-toggle i:first-child{color:var(--env-erp-accent);margin-right:8px;}
.env-erp-article-layout .col-lg-4{
    position:relative;
}
.env-erp-article-nav{
    position:static;
    padding:0 0 22px 22px;
}
.env-erp-article-nav.env-erp-nav-fixed{
    position:fixed;
    top:20px;
    z-index:5;
}
.env-erp-article-nav.env-erp-nav-bottom{
    position:absolute;
    top:auto;
    bottom:0;
    left:0;
}
.env-erp-article-nav-label{
    display:block;
    font-size:11.5px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--env-erp-muted);
    margin-bottom:14px;
}
.env-erp-article-nav ul{
    list-style:none;
    margin:0;
    padding:0;
    border-left:2px solid var(--env-erp-border);
}
.env-erp-article-nav li a{
    display:flex;
    align-items:baseline;
    gap:10px;
    padding:8px 0 8px 16px;
    margin-left:-2px;
    border-left:2px solid transparent;
    font-size:16px;
    font-weight:600;
    color:var(--env-erp-muted);
    text-decoration:none;
    line-height:1.4;
    transition:color .25s ease, border-color .25s ease;
}
.env-erp-article-nav li a span{
    font-size:10.5px;
    font-weight:800;
    color:#B7BEDB;
}
.env-erp-article-nav li a:hover{color:var(--env-erp-navy);}
.env-erp-article-nav li a.active{
    color:var(--env-erp-accent);
    border-left-color:var(--env-erp-accent);
}
.env-erp-article-nav li a.active span{color:var(--env-erp-accent);}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width:1199px){
    .env-erp-article-title{font-size:42px;}
}

@media (max-width:991px){
    .env-erp-article-layout .row{flex-direction:column;}
    .env-erp-article-nav-toggle{display:flex;}
    .env-erp-article-nav{
        position:static;
        display:none;
        border:1px solid var(--env-erp-border);
        border-radius:14px;
        padding:16px;
        margin-bottom:24px;
    }
    .env-erp-article-nav.env-erp-nav-open{display:block;}
    .env-erp-article-nav ul{border-left:none;}
    .env-erp-article-nav li a{border-left:2px solid var(--env-erp-border);}
    .env-erp-article-cards{grid-template-columns:1fr;}
    .env-erp-article-metrics{grid-template-columns:1fr 1fr;}
    .env-erp-article-envertis{padding:36px 24px;}
}

@media (max-width:767px){
    .env-erp-article-hero{padding:36px 0 32px;}
    .env-erp-article-hero .row{flex-direction:column-reverse;}
    .env-erp-article-title{font-size:30px;}
    .env-erp-article-lead{font-size:15.5px;}
    .env-erp-article-h2{font-size:24px;}
    .env-erp-article-stats{grid-template-columns:1fr;}
    .env-erp-article-timeline{padding-left:22px;}
    .env-erp-article-timeline-num{left:-36px;}
    .env-erp-article-cta{padding:32px 22px;flex-direction:column;text-align:center;}
    .env-erp-article-cta-left h3{max-width:100%;}
    .env-erp-article-cta-btn{width:100%;justify-content:center;}
    .env-erp-article-layout{padding-top:30px;}
}

@media (max-width:575px){
    .env-erp-article-title{font-size:27px;}
    .env-erp-article-envertis{padding:26px 16px;}
}



/* =====================================================
   PAGE: contact.html
   Contact Us — "Get free consultation" layout (form + map, watermark + CTA below)
   All rules scoped to .env-contactus2- prefixed classes
===================================================== */

.env-contactus2-section{
    --env-c2-navy:#111C3B;
    --env-c2-muted:#667085;
    --env-c2-accent:#f96f2a;
    --env-c2-border:#E7E9EF;
    --env-c2-bg-soft:#F7F8FA;
    font-family:'Plus Jakarta Sans','Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    background:#fff;
    padding:96px 0 0;
    overflow:hidden;
    position:relative;
}
.env-contactus2-section *{box-sizing:border-box;}

/* ---------- Decorative background ---------- */
.env-contactus2-section::before,
.env-contactus2-section::after{
    content:"";
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    z-index:0;
    pointer-events:none;
}
.env-contactus2-section::before{
    width:420px;
    height:420px;
    top:-160px;
    left:-140px;
    background:radial-gradient(circle,rgba(249,111,42,.16),rgba(249,111,42,0) 70%);
}
.env-contactus2-section::after{
    width:460px;
    height:460px;
    top:120px;
    right:-180px;
    background:radial-gradient(circle,rgba(17,28,59,.10),rgba(17,28,59,0) 70%);
}
.env-contactus2-section .container{
    position:relative;
    z-index:1;
}

/* ---------- reveal ---------- */
.env-contactus2-section [data-env-contactus2-reveal]{
    opacity:0;
    transition:opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1);
}
.env-contactus2-section [data-env-contactus2-reveal="left"]{transform:translateX(-30px);}
.env-contactus2-section [data-env-contactus2-reveal="right"]{transform:translateX(30px);}
.env-contactus2-section [data-env-contactus2-reveal="up"]{transform:translateY(26px);}
.env-contactus2-section [data-env-contactus2-reveal].env-contactus2-revealed{
    opacity:1;
    transform:none; display: flex;
    flex-direction: column;
}
@media (prefers-reduced-motion:reduce){
    .env-contactus2-section [data-env-contactus2-reveal]{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ---------- Left column ---------- */
.env-contactus2-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px 8px 12px;
    border-radius:30px;
    background:#FFF1E8;
    font-size:13px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--env-c2-accent);
    margin-bottom:20px;
}
.env-contactus2-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--env-c2-accent);
    position:relative;
    flex-shrink:0;
}
.env-contactus2-dot::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:50%;
    background:var(--env-c2-accent);
    opacity:.35;
    animation:env-c2-pulse 1.8s ease-out infinite;
}
@keyframes env-c2-pulse{
    0%{transform:scale(.6);opacity:.5;}
    100%{transform:scale(2.2);opacity:0;}
}
.env-contactus2-title{
    font-size:40px;
    font-weight:400;
    line-height:1.22;
    letter-spacing:-.02em;
    color:var(--env-c2-navy);
    margin:0 0 14px;
    font-family: "Work Sans", sans-serif;
}
.env-contactus2-chat-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#DCEBFF;
    color:var(--env-c2-accent);
    font-size:14px;
    vertical-align:middle;
    margin:0 4px;
    transform:translateY(-4px) rotate(-8deg);
}
.env-contactus2-desc{
    font-size:16px;
    line-height:1.75;
    color:var(--env-c2-muted);
    margin:0 0 30px;
}

.env-contactus2-phone{
    position:relative;
    display:flex;
    align-items:center;
    gap:18px;
    padding:20px 22px;
    margin-bottom:24px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--env-c2-navy),#1c2b57);
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 20px 40px -18px rgba(17,28,59,.55);
    transition:transform .3s ease, box-shadow .3s ease;
}
.env-contactus2-phone::after{
    content:"";
    position:absolute;
    top:-40%;
    right:-10%;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(249,111,42,.45),rgba(249,111,42,0) 70%);
    pointer-events:none;
}
.env-contactus2-phone:hover{
    transform:translateY(-3px);
    box-shadow:0 26px 50px -18px rgba(17,28,59,.65);
}
.env-contactus2-phone-icon{
    position:relative;
    z-index:1;
    flex-shrink:0;
    width:52px;
    height:52px;
    border-radius:50%;
    background:var(--env-c2-accent);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    box-shadow:0 10px 22px -8px rgba(249,111,42,.6);
}
.env-contactus2-phone-text{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.env-contactus2-phone-number{
    display:block;
    font-size:22px;
    font-weight:800;
    color:#fff;
    line-height:1.2;
}
.env-contactus2-phone-label{
    display:block;
    font-size:13px;
    font-weight:500;
    color:rgba(255,255,255,.6);
}
.env-contactus2-phone-arrow{
    position:relative;
    z-index:1;
    margin-left:auto;
    flex-shrink:0;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    transition:background .3s ease, transform .3s ease;
}
.env-contactus2-phone:hover .env-contactus2-phone-arrow{
    background:var(--env-c2-accent);
    transform:translate(2px,-2px);
}

/* ---------- Trust strip ---------- */
.env-contactus2-trust{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:28px;
}
.env-contactus2-trust-item{
    display:flex;
    flex-direction:column;
}
.env-contactus2-trust-item strong{
    font-size:26px;
    font-weight:800;
    color:var(--env-c2-navy);
    font-family:"Work Sans",sans-serif;
    line-height:1.1;
}
.env-contactus2-trust-item span{
    font-size:13px;
    color:var(--env-c2-muted);
}
.env-contactus2-trust-sep{
    width:1px;
    height:34px;
    background:var(--env-c2-border);
}

/* ---------- Quick Connect ---------- */
.env-contactus2-quick{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.env-contactus2-quick-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    padding:20px;
    background:var(--env-c2-bg-soft);
    border:1px solid var(--env-c2-border);
    border-radius:14px;
    text-decoration:none;
    overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}
.env-contactus2-quick-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--env-c2-navy);
    transform:translateY(102%);
    transition:transform .35s cubic-bezier(.16,.84,.44,1);
    z-index:0;
}
.env-contactus2-quick-card:hover::before{
    transform:translateY(0);
}
.env-contactus2-quick-icon{
    position:relative;
    z-index:1;
    flex-shrink:0;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#fff;
    color:var(--env-c2-accent);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    transition:background .3s ease, color .3s ease;
}
.env-contactus2-quick-card:hover .env-contactus2-quick-icon{
    background:var(--env-c2-accent);
    color:#fff;
}
.env-contactus2-quick-text{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}
.env-contactus2-quick-label{
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--env-c2-muted);
    transition:color .3s ease;
}
.env-contactus2-quick-value{
    font-size:15px;
    font-weight:700;
    color:var(--env-c2-navy);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:color .3s ease;
}
.env-contactus2-quick-card:hover .env-contactus2-quick-label,
.env-contactus2-quick-card:hover .env-contactus2-quick-value{
    color:#fff;
}
.env-contactus2-quick-arrow{
    position:relative;
    z-index:1;
    margin-left:auto;
    flex-shrink:0;
    font-size:16px;
    color:var(--env-c2-muted);
    opacity:0;
    transform:translate(-4px,4px);
    transition:opacity .3s ease, transform .3s ease, color .3s ease;
}
.env-contactus2-quick-card:hover{
    transform:translateY(-4px);
    border-color:transparent;
    box-shadow:0 20px 40px -20px rgba(17,28,59,.35);
}
.env-contactus2-quick-card:hover .env-contactus2-quick-arrow{
    opacity:1;
    transform:translate(0,0);
    color:#fff;
}
@media(max-width:575px){
    .env-contactus2-quick{grid-template-columns:1fr;}
    .env-contactus2-quick-value{white-space:normal;}
}

/* ---------- Form Card ---------- */
.env-contactus2-form-card{
    position:relative;
    background:#fff;
    border:1px solid var(--env-c2-border);
    border-radius:22px;
    padding:36px;
    margin-bottom:24px;
    overflow:hidden;
    box-shadow:0 34px 64px -36px rgba(17,28,59,.22);
}
.env-contactus2-form-card::before{
    content:"";
    position:absolute;
    top:-70px;
    right:-70px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(249,111,42,.12),rgba(249,111,42,0) 70%);
    pointer-events:none;
}
.env-contactus2-form-title{
    position:relative;
    font-size:24px;
    font-weight:700;
    color:var(--env-c2-navy);
    margin:0 0 6px;
    font-family:"Work Sans",sans-serif;
}
.env-contactus2-form-sub{
    position:relative;
    font-size:14.5px;
    line-height:1.6;
    color:var(--env-c2-muted);
    margin:0 0 26px;
}
.env-contactus2-form{position:relative;}

.env-contactus2-map-wrap-sm .env-contactus2-map,
.env-contactus2-map-wrap-sm .env-contactus2-map iframe{
    /*min-height:260px;*/
}
@media(max-width:575px){
    .env-contactus2-form-card{padding:26px 22px;border-radius:18px;}
}

/* ---------- Form ---------- */
.env-contactus2-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.env-contactus2-field label{
    font-size:14px;
    color:var(--env-c2-navy);
}
.env-contactus2-field input,
.env-contactus2-field textarea{
    width:100%;
    border:none;
    border-bottom:1px solid var(--env-c2-border);
    padding:8px 2px;
    font-size:15px;
    color:var(--env-c2-navy);
    background:transparent;
    transition:border-color .25s ease;
}
.env-contactus2-field input::placeholder,
.env-contactus2-field textarea::placeholder{color:#9CA3AF;}
.env-contactus2-field input:focus,
.env-contactus2-field textarea:focus{
    outline:none;
    border-color:var(--env-c2-accent);
}
.env-contactus2-field textarea{
    resize:vertical;
    min-height:56px;
    line-height:1.6;
}

.env-contactus2-check{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14.5px;
    color:var(--env-c2-muted);
    cursor:pointer;
    margin-top:6px;
}
.env-contactus2-check input{
    width:18px;
    height:18px;
    accent-color:var(--env-c2-accent);
    cursor:pointer;
}

.env-contactus2-submit{
    width:100%;
    height:58px;
    border:none;
    border-radius:8px;
    background:var(--env-c2-accent);
    color:#fff;
    font-size:16px;
    font-weight:800;
    margin-top:8px;
    transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
}
.env-contactus2-submit:hover{
    background:#C92A2A;
    transform:translateY(-2px);
    box-shadow:0 16px 30px -14px rgba(230,50,50,.5);
}

/* ---------- Map ---------- */
.env-contactus2-map-wrap{
    position:relative;
}
.env-contactus2-map-wrap::before{
    content:"";
    position:absolute;
    inset:-14px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--env-c2-accent),var(--env-c2-navy));
    opacity:.12;
    z-index:0;
}
.env-contactus2-map{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    min-height:500px;
    border-radius:14px;
    overflow:hidden;
    border:1px solid var(--env-c2-border);
    box-shadow:0 24px 48px -30px rgba(17,28,59,.25);
}
.env-contactus2-map iframe{
    width:100%;
    height:100%;
    min-height:620px;
    border:0;
    display:block;
    filter:grayscale(.15);
}
.env-contactus2-map-badge{
    position:absolute;
    z-index:2;
    left:24px;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:12px;
    max-width:290px;
    padding:16px 20px;
    border-radius:14px;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.6);
    box-shadow:0 20px 40px -20px rgba(17,28,59,.4);
}
.env-contactus2-map-badge-icon{
    flex-shrink:0;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--env-c2-accent);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}
.env-contactus2-map-badge-text{
    font-size:13px;
    line-height:1.5;
    color:var(--env-c2-muted);
}
.env-contactus2-map-badge-text strong{
    display:block;
    font-size:14px;
    color:var(--env-c2-navy);
}
@media(max-width:575px){
    .env-contactus2-map-badge{
        left:14px;
        bottom:14px;
        max-width:calc(100% - 28px);
    }
}

/* ---------- Watermark (infinite loop marquee) ---------- */
.env-contactus2-watermark{
    margin-top:110px;
    overflow:hidden;
    line-height:1;
    user-select:none;
    pointer-events:none;
}
.env-contactus2-watermark-track{
    display:inline-flex;
    width:max-content;
    white-space:nowrap;
    animation:env-contactus2-marquee 26s linear infinite;
    will-change:transform;
}
.env-contactus2-watermark span{
    display:inline-block;
    flex-shrink:0;
    font-size:170px;
    font-weight:800;
    letter-spacing:-.02em;
    color:var(--env-c2-bg-soft);
}
@keyframes env-contactus2-marquee{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion:reduce){
    .env-contactus2-watermark-track{animation:none;}
}

/* ---------- Bottom CTA ---------- */
/* =========================================
   Project CTA Section
========================================= */

.env-project-cta {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #eef5fa 100%
    );
    padding: 22px 20px 54px;
}

.env-project-cta-inner {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

/* =========================================
   Decorative Circle
========================================= */

.env-project-cta-circle {
    position: absolute;
    top: 0;
    left: -18px;

    width: 70px;
    height: 70px;

    border-radius: 50%;
    background: #f1f1f1;

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

    z-index: -1;
}

.env-project-cta-circle span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ef1111;
}

/* =========================================
   Heading
========================================= */

.env-project-cta-title {
    position: relative;

    margin: 18px auto 20px;

    max-width: 760px;

    color: #080b50;

    font-size: 46px;
    line-height: 1.5;
    font-weight: 700;

    letter-spacing: -1.2px;
}

/* =========================================
   Red Underline
========================================= */

.env-project-cta-highlight {
    position: relative;
    display: inline-block;
}

.env-project-cta-highlight::after {
    content: "";

    position: absolute;

    left: 0;
    right: -8px;
    bottom: -2px;

    height: 6px;

    background: #ef0909;

    border-radius: 50%;

    transform: rotate(1deg);

    clip-path: polygon(
        0 40%,
        20% 25%,
        40% 30%,
        60% 20%,
        80% 32%,
        100% 45%,
        100% 80%,
        80% 65%,
        60% 55%,
        40% 65%,
        20% 60%,
        0 75%
    );
}

/* =========================================
   Description
========================================= */

.env-project-cta-description {
    max-width: 690px;

    margin: 0 auto 34px;

    color: #68717c;

    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
}

/* =========================================
   Button
========================================= */

.env-project-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 151px;
    min-height: 50px;

    padding: 12px 28px;

    background: #ef0808;
    color: #ffffff;

    border-radius: 6px;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

.env-project-cta-button:hover {
    background: #d90000;
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(239, 8, 8, 0.18);
}

/* =========================================
   Tablet
========================================= */

@media (max-width: 991.98px) {

    .env-project-cta {
        padding: 30px 20px 50px;
    }

    .env-project-cta-title {
        max-width: 700px;
        font-size: 40px;
        line-height: 1.35;
    }

    .env-project-cta-description {
        max-width: 650px;
        font-size: 15px;
    }

    .env-project-cta-circle {
        left: 0;
    }
}

/* =========================================
   Mobile
========================================= */

@media (max-width: 767.98px) {

    .env-project-cta {
        padding: 35px 18px 45px;
    }

    .env-project-cta-inner {
        max-width: 100%;
    }

    .env-project-cta-circle {
        width: 55px;
        height: 55px;

        left: 0;
        top: 0;
    }

    .env-project-cta-title {
        margin-top: 12px;
        margin-bottom: 18px;

        max-width: 100%;

        font-size: 32px;
        line-height: 1.3;

        letter-spacing: -0.6px;
    }

    .env-project-cta-break {
        display: none;
    }

    .env-project-cta-description {
        max-width: 100%;

        margin-bottom: 28px;

        font-size: 15px;
        line-height: 1.75;
    }

    .env-project-cta-highlight::after {
        height: 4px;
        bottom: -1px;
    }

    .env-project-cta-button {
        min-width: 145px;
        min-height: 48px;

        font-size: 14px;
    }
}

/* =========================================
   Small Mobile
========================================= */

@media (max-width: 480px) {

    .env-project-cta {
        padding: 30px 15px 40px;
    }

    .env-project-cta-circle {
        width: 48px;
        height: 48px;
    }

    .env-project-cta-title {
        font-size: 27px;
        line-height: 1.35;
    }

    .env-project-cta-description {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width:991px){
    .env-contactus2-section{padding-top:64px;}
    .env-contactus2-title{font-size:32px;max-width:100%;}
    .env-contactus2-desc{max-width:100%;}
    .env-contactus2-map{min-height:380px;}
    .env-contactus2-map iframe{min-height:380px;}
    .env-contactus2-watermark span{font-size:110px;}
    .env-contactus2-cta{margin-top:-40px;padding-bottom:72px;}
    .env-contactus2-cta-title{font-size:26px;}
}

@media (max-width:575px){
    .env-contactus2-section{padding-top:48px;}
    .env-contactus2-title{font-size:27px;}
    .env-contactus2-phone-number{font-size:18px;}
    .env-contactus2-submit{height:54px;}
    .env-contactus2-map{min-height:280px;}
    .env-contactus2-map iframe{min-height:280px;}
    .env-contactus2-watermark{margin-top:64px;}
    .env-contactus2-watermark span{font-size:56px;}
    .env-contactus2-cta{margin-top:-24px;padding-bottom:56px;}
    .env-contactus2-cta-title{font-size:22px;}
    .env-contactus2-cta-btn{width:100%;justify-content:center;}
}


/* =====================================================
   PAGE: contact.html
   "Free ERP Readiness Assessment" — Our Offices showcase
   (form removed, replaced with a modern address card grid)
   All rules scoped to .envoffices- prefixed classes
===================================================== */

.envoffices-section{
    --env-of-navy:#111C3B;
    --env-of-muted:#667085;
    --env-of-accent:#f96f2a;
    --env-of-border:#E7E9EF;
    --env-of-bg-soft:#F7F8FA;
    font-family:'Plus Jakarta Sans','Manrope','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    background:#fff;
    padding:96px 0;
}
.envoffices-section *{box-sizing:border-box;}

.envoffices-header{
    max-width:640px;
    margin:0 auto 52px;
    text-align:center;
}
.envoffices-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 16px 8px 12px;
    border-radius:30px;
    background:#FFF1E8;
    font-size:13px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--env-of-accent);
    margin-bottom:18px;
}
.envoffices-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--env-of-accent);
    flex-shrink:0;
}
.envoffices-title{
    font-size:38px;
    font-weight:400;
    line-height:1.2;
    letter-spacing:-.02em;
    color:var(--env-of-navy);
    margin:0 0 14px;
    font-family:"Work Sans",sans-serif;
}
.envoffices-description{
    font-size:16px;
    line-height:1.75;
    color:var(--env-of-muted);
    margin:0;
}

.envoffices-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}
.envoffices-card{
    position:relative;
    padding:38px 30px;
    background:var(--env-of-bg-soft);
    border:1px solid var(--env-of-border);
    border-radius:20px;
    text-align:center;
    overflow:hidden;
    transition:transform .35s cubic-bezier(.16,.84,.44,1), box-shadow .35s ease, border-color .35s ease, background .35s ease;
}
.envoffices-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(150deg,var(--env-of-navy),#1c2b57);
    transform:translateY(102%);
    transition:transform .4s cubic-bezier(.16,.84,.44,1);
    z-index:0;
}
.envoffices-card:hover::before{
    transform:translateY(0);
}
.envoffices-card:hover{
    transform:translateY(-6px);
    border-color:transparent;
    box-shadow:0 28px 54px -26px rgba(17,28,59,.4);
}
.envoffices-icon{
    position:relative;
    z-index:1;
    width:62px;
    height:62px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 10px 24px -12px rgba(17,28,59,.25);
    transition:transform .35s ease;
}
.envoffices-icon img{
    width:60%;
    height:60%;
    object-fit:contain;
}
.envoffices-card:hover .envoffices-icon{
    transform:scale(1.08);
}
.envoffices-city{
    position:relative;
    z-index:1;
    font-size:22px;
    font-weight:700;
    color:var(--env-of-navy);
    margin:0 0 10px;
    font-family:"Work Sans",sans-serif;
    transition:color .35s ease;
}
.envoffices-address{
    position:relative;
    z-index:1;
    font-size:14.5px;
    line-height:1.65;
    color:var(--env-of-muted);
    margin:0 0 20px;
    min-height:48px;
    transition:color .35s ease;
}
.envoffices-link{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    font-weight:700;
    letter-spacing:.02em;
    color:var(--env-of-accent);
    text-decoration:none;
    transition:gap .3s ease, color .35s ease;
}
.envoffices-link i{
    font-size:13px;
    transition:transform .3s ease;
}
.envoffices-link:hover{
    gap:12px;
}
.envoffices-card:hover .envoffices-city,
.envoffices-card:hover .envoffices-address{
    color:#fff;
}
.envoffices-card:hover .envoffices-link{
    color:#fff;
}
.envoffices-card:hover .envoffices-link i{
    transform:translate(2px,-2px);
}

@media(max-width:991px){
    .envoffices-section{padding:72px 0;}
    .envoffices-title{font-size:30px;}
    .envoffices-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:575px){
    .envoffices-section{padding:56px 0;}
    .envoffices-header{margin-bottom:36px;}
    .envoffices-title{font-size:25px;}
    .envoffices-grid{grid-template-columns:1fr;gap:20px;}
    .envoffices-card{padding:32px 24px;}
}


.odbx-recent-post-box {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .08);
    margin-bottom: 30px;
}

.odbx-sidebar-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.odbx-recent-post-item
 {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    align-items: center;
}

.odbx-recent-post-item img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.odbx-recent-post-item small {
    color: #ff8a00;
    display: block;
    margin-bottom: 4px;
}

.odbx-recent-post-item h6 {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}




/*Odoo Support Training Page*/



.env-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 50px;
    row-gap: 12px;
    width: 100%;
}

.env-checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.env-checklist-icon {
    flex: 0 0 auto;
    color: #f96f2a;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 900;
}

.env-checklist-text {
    color: #111111;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

/* Tablet */
@media (max-width: 991.98px) {
    .env-checklist {
        column-gap: 30px;
    }

    .env-checklist-text {
        font-size: 15px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .env-checklist {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .env-checklist-item {
        gap: 9px;
    }

    .env-checklist-text {
        font-size: 15px;
    }
}

.envInv-process-track2 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.envInv-process-track2::before {
    content: "";
    position: absolute;
    top: 44px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: repeating-linear-gradient(90deg, var(--einv-border) 0 8px, transparent 8px 16px);
    z-index: 0;
}

.gradient-icon {
    /* 1. Define your gradient background */
    background: linear-gradient(135deg, #714b67, #f96f2a);

    /* 2. Clip the background to the text/icon shape */
    background-clip: text;
    -webkit-background-clip: text;

    /* 3. Make the default icon color transparent to reveal the gradient */
    color: transparent;
    -webkit-text-fill-color: transparent;

    /* 4. Ensure it renders correctly as an inline-block */
    display: inline-block;
}

/* ==========================================================================
   CRM MANAGEMENT SOFTWARE PAGE — CUSTOM STYLES
   Page: crm-management-software.html
   Scope: Middle content area (.env-crm-modern-page) between the site header
   banner and the site footer ONLY. All custom classes are prefixed with
   "env-crm-modern-" and all custom properties are namespaced "--crm-" so
   this block cannot collide with shared site styles or other Odoo inner
   pages (odoo-crm.html uses "env-crm-", odoo-sales-management.html uses
   "env-sales-", odoo-features.html uses "env-odoo-features-").
   The matching JS (scroll-reveal + FAQ collapse sync) already lives in
   js/custom.js — search for ".env-crm-modern-page" there.
   ========================================================================== */
.env-crm-modern-page{
    --crm-primary:#ff8c00;
    --crm-primary-dark:#5c3c54;
    --crm-accent:#f96f2a;
    --crm-accent-dark:#d85a1c;
    --crm-dark:#111827;
    --crm-navy:#1c1030;
    --crm-navy-2:#2a1745;
    --crm-text:#1f2937;
    --crm-muted:#64748b;
    --crm-bg:#ffffff;
    --crm-bg-soft:#f7f8fb;
    --crm-bg-soft-2:#f2eef1;
    --crm-border:#e6e7ee;
    --crm-radius:24px;
    --crm-radius-md:16px;
    --crm-radius-sm:10px;
    --crm-shadow:0 20px 50px -18px rgba(17,24,39,.18);
    --crm-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --crm-shadow-lg:0 30px 80px -25px rgba(17,24,39,.28);
    --crm-ease:cubic-bezier(.16,.84,.44,1);
    --crm-grad:linear-gradient(135deg,var(--crm-primary),var(--crm-accent));
    --crm-font:'Manrope','Plus Jakarta Sans',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

    position:relative;
    overflow:hidden;
    font-family:var(--crm-font);
}
.env-crm-modern-page *{ box-sizing:border-box; }

/* ---------------------------------------------------------------------
   Shared / utility
--------------------------------------------------------------------- */
.env-crm-modern-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 18px 8px 14px;
    border-radius:99px;
    background:#fff;
    color:var(--crm-primary);
    font-size:13px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    margin-bottom:20px;
    border:1px solid rgba(113,75,103,.18);
    box-shadow:var(--crm-shadow-sm);
}
.env-crm-modern-eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--crm-grad); flex:none; }
.env-crm-modern-eyebrow--light{ background:rgba(255,255,255,.1); color:#f2d9ea; border-color:rgba(255,255,255,.22); box-shadow:none; }

.env-crm-modern-heading{
    font-weight:400;
    letter-spacing:-.02em;
    line-height:1.18;
    color:var(--crm-dark);
    font-size:44px;
    margin-bottom:18px; font-family: "Work Sans", sans-serif;
    text-transform: capitalize;
}
.env-crm-modern-heading--light{ color:#fff; }
.env-crm-modern-heading--sm{ font-size:clamp(22px,2.6vw,30px); margin-bottom:14px; }

.env-crm-modern-text{
    color:var(--crm-muted);
    font-size:16.5px;
    line-height:1.8;
    max-width:62ch;
    margin-bottom:16px;
}
.env-crm-modern-text--light{ color:rgba(255,255,255,.75); }
.env-crm-modern-text a{ color:var(--crm-primary); font-weight:700; text-decoration:underline; }
.env-crm-modern-text--light a{ color:#fff; }
.env-crm-modern-text:last-child{ margin-bottom:0; }

.env-crm-modern-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 28px;
    border-radius:99px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    border:1px solid transparent;
    transition:transform .35s var(--crm-ease),box-shadow .35s var(--crm-ease),background .35s var(--crm-ease),color .35s var(--crm-ease),border-color .35s var(--crm-ease);
    white-space:nowrap;
    cursor:pointer;
}
.env-crm-modern-btn i{ transition:transform .35s var(--crm-ease); font-size:14px; }
.env-crm-modern-btn:hover i{ transform:translate(3px,-2px); }
.env-crm-modern-btn:hover{ transform:translateY(-3px); }
.env-crm-modern-btn--primary{ background:var(--crm-grad); color:#fff; box-shadow:0 14px 30px -10px rgba(113,75,103,.55); }
.env-crm-modern-btn--primary:hover{ color:#fff; box-shadow:0 20px 40px -12px rgba(113,75,103,.65); }
.env-crm-modern-btn--light{ background:#fff; color:var(--crm-dark); }
.env-crm-modern-btn--light:hover{ color:var(--crm-primary); }
.env-crm-modern-btn--outline{ background:transparent; color:var(--crm-dark); border-color:var(--crm-border); }
.env-crm-modern-btn--outline:hover{ border-color:var(--crm-primary); color:var(--crm-primary); }
.env-crm-modern-btn--outline-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.env-crm-modern-btn--outline-light:hover{ border-color:#fff; background:rgba(255,255,255,.08); }

.env-crm-modern-section{ position:relative; padding:96px 0; overflow:hidden; }
.env-crm-modern-section--soft{ background:var(--crm-bg-soft); }

.env-crm-modern-blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.4; pointer-events:none; z-index:0; }
.env-crm-modern-bgdecor{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.env-crm-modern-bgdecor .env-crm-modern-blob--1{ width:480px; height:480px; top:-180px; right:-150px; background:radial-gradient(circle,rgba(113,75,103,.26),transparent 70%); }
.env-crm-modern-bgdecor .env-crm-modern-blob--2{ width:420px; height:420px; bottom:-160px; left:-160px; background:radial-gradient(circle,rgba(249,111,42,.16),transparent 70%); }

.env-crm-modern-grid-lines{
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    pointer-events:none;
}

[data-ecrmm-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--crm-ease),transform .7s var(--crm-ease); }
[data-ecrmm-reveal="fade-right"]{ transform:translateX(-36px); }
[data-ecrmm-reveal="fade-left"]{ transform:translateX(36px); }
[data-ecrmm-reveal="scale-in"]{ transform:scale(.94); }
.env-crm-modern-page .ecrmm-in-view{ opacity:1 !important; transform:none !important; }
@media (prefers-reduced-motion: reduce){
    [data-ecrmm-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* image frame shared across sections */
.env-crm-modern-frame{
    position:relative;
    border-radius:var(--crm-radius);
    overflow:hidden;
    background:linear-gradient(160deg,var(--crm-bg-soft-2),var(--crm-bg-soft));
    border:1px solid var(--crm-border);
    box-shadow:var(--crm-shadow-lg);
    padding:18px;
    transition:transform .5s var(--crm-ease);
}
.env-crm-modern-frame img{ display:block; width:100%; height:auto; border-radius:var(--crm-radius-md); transition:transform .6s var(--crm-ease); }
.env-crm-modern-frame:hover img{ transform:scale(1.02); }

.env-crm-modern-browser-bar{ display:flex; align-items:center; gap:7px; padding:14px 18px; background:var(--crm-bg-soft); border-bottom:1px solid var(--crm-border); border-radius:var(--crm-radius-md) var(--crm-radius-md) 0 0; }
.env-crm-modern-browser-bar span{ width:10px; height:10px; border-radius:50%; background:var(--crm-border); }
.env-crm-modern-browser-bar span:nth-child(1){ background:#f26d6d; }
.env-crm-modern-browser-bar span:nth-child(2){ background:#f2c14e; }
.env-crm-modern-browser-bar span:nth-child(3){ background:#5fc27e; }
.env-crm-modern-frame--browser{ padding:0; }
.env-crm-modern-frame--browser img{ border-radius:0 0 var(--crm-radius-md) var(--crm-radius-md); }

.env-crm-modern-float-badge{
    position:absolute; left:-16px; bottom:26px;
    display:flex; align-items:center; gap:12px;
    background:#fff; border:1px solid var(--crm-border); border-radius:var(--crm-radius-md);
    padding:14px 20px 14px 14px; box-shadow:var(--crm-shadow); z-index:2;
}
.env-crm-modern-float-badge i{ width:42px; height:42px; border-radius:12px; background:var(--crm-grad); color:#fff; display:flex; align-items:center; justify-content:center; font-size:17px; flex:none; }
.env-crm-modern-float-badge .value{ display:block; font-weight:800; font-size:14px; color:var(--crm-dark); }
.env-crm-modern-float-badge .label{ display:block; font-size:12px; color:var(--crm-muted); font-weight:600; }
.env-crm-modern-float-badge--top{ left:auto; right:-14px; bottom:auto; top:22px; }

/* ---------------------------------------------------------------------
   Hero
--------------------------------------------------------------------- */
.env-crm-modern-hero{
    text-align:left;
    padding-top:100px;
    background:
        radial-gradient(ellipse 70% 60% at 85% -10%,rgba(113,75,103,.16),transparent 60%),
        radial-gradient(ellipse 60% 55% at 5% 105%,rgba(249,111,42,.12),transparent 60%),
        var(--crm-bg-soft);
}
.env-crm-modern-hero .env-crm-modern-grid-lines{ opacity:.7; }
.env-crm-modern-hero-visual{ position:relative; }

/* ---------------------------------------------------------------------
   Two-column alternating content sections
--------------------------------------------------------------------- */
.env-crm-modern-split{ background:var(--crm-bg); }

/* ---------------------------------------------------------------------
   Accordion (Bootstrap 5 collapse, custom skin)
--------------------------------------------------------------------- */
.env-crm-modern-accordion{ border-radius:var(--crm-radius-md); overflow:hidden; border:1px solid var(--crm-border); margin-top:8px; }
.env-crm-modern-accordion-item{ border-bottom:1px solid var(--crm-border); background:#fff; }
.env-crm-modern-accordion-item:last-child{ border-bottom:none; }
.env-crm-modern-accordion-btn{
    width:100%; display:flex; align-items:center; gap:16px; padding:18px 20px;
    background:transparent; border:none; text-align:left; cursor:pointer; font-family:inherit;
}
.env-crm-modern-accordion-num{
    flex:none; width:34px; height:34px; border-radius:50%;
    background:var(--crm-grad); color:#fff; font-weight:800; font-size:13px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 18px -8px rgba(113,75,103,.55);
}
.env-crm-modern-accordion-title{ flex:1; font-weight:700; font-size:15.5px; color:var(--crm-dark); }
.env-crm-modern-accordion-icon{ flex:none; color:var(--crm-muted); font-size:13px; transition:transform .35s var(--crm-ease); }
.env-crm-modern-accordion-btn[aria-expanded="true"] .env-crm-modern-accordion-icon{ transform:rotate(180deg); color:var(--crm-primary); }
.env-crm-modern-accordion-btn[aria-expanded="true"]{ background:rgba(113,75,103,.04); }
.env-crm-modern-accordion-body{ padding:0 20px 20px 70px; color:var(--crm-muted); font-size:14.5px; line-height:1.7; }

/* ---------------------------------------------------------------------
   Point list (mini feature rows used in the strategy section)
--------------------------------------------------------------------- */
.env-crm-modern-point-list{ display:flex; flex-direction:column; gap:18px; margin-top:8px; }
.env-crm-modern-point{
    display:flex; align-items:flex-start; gap:16px; padding:20px;
    border-radius:var(--crm-radius-md); border:1px solid var(--crm-border); background:#fff;
    transition:transform .35s var(--crm-ease),box-shadow .35s var(--crm-ease),border-color .35s var(--crm-ease);
}
.env-crm-modern-point:hover{ transform:translateY(-4px); box-shadow:var(--crm-shadow-sm); border-color:rgba(113,75,103,.25); }
.env-crm-modern-point-icon{
    flex:none; width:44px; height:44px; border-radius:13px; background:var(--crm-grad); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:17px;
    box-shadow:0 10px 20px -10px rgba(113,75,103,.55);
}
.env-crm-modern-point h5{ font-size:16px; font-weight:800; color:var(--crm-dark); margin:0 0 6px; }
.env-crm-modern-point p{ font-size:14.5px; line-height:1.65; color:var(--crm-muted); margin:0; }

.env-crm-modern-tag-list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.env-crm-modern-tag{
    display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:99px;
    background:var(--crm-bg-soft); border:1px solid var(--crm-border); color:var(--crm-dark);
    font-size:13.5px; font-weight:700;
}
.env-crm-modern-tag i{ color:var(--crm-primary); font-size:11px; }

/* ---------------------------------------------------------------------
   Feature / pillar cards grid
--------------------------------------------------------------------- */
.env-crm-modern-pillar-card{
    position:relative; height:100%; background:#fff; border:1px solid var(--crm-border);
    border-radius:var(--crm-radius-md); padding:30px 26px; overflow:hidden;
    transition:transform .35s var(--crm-ease),box-shadow .35s var(--crm-ease),border-color .35s var(--crm-ease);
}
.env-crm-modern-pillar-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--crm-grad);
    transform:scaleX(0); transform-origin:left; transition:transform .4s var(--crm-ease);
}
.env-crm-modern-pillar-card:hover{ transform:translateY(-6px); box-shadow:var(--crm-shadow); border-color:rgba(113,75,103,.25); }
.env-crm-modern-pillar-card:hover::before{ transform:scaleX(1); }
.env-crm-modern-pillar-icon{
    width:52px; height:52px; border-radius:14px; background:rgba(113,75,103,.08); color:var(--crm-primary);
    display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:18px;
    transition:transform .35s var(--crm-ease),background .35s var(--crm-ease),color .35s var(--crm-ease);
}
.env-crm-modern-pillar-card:hover .env-crm-modern-pillar-icon{ background:var(--crm-grad); color:#fff; transform:scale(1.08) rotate(-4deg); }
.env-crm-modern-pillar-card h4{ font-size:16.5px; font-weight:800; color:var(--crm-dark); margin:0 0 10px; line-height:1.35; }
.env-crm-modern-pillar-card p{ font-size:14.5px; line-height:1.65; color:var(--crm-muted); margin:0; }

/* ---------------------------------------------------------------------
   Mid CTA panel
--------------------------------------------------------------------- */
.env-crm-modern-cta{ background:linear-gradient(135deg,var(--crm-navy),var(--crm-navy-2)); padding:90px 0; border-radius:0; }
.env-crm-modern-cta-decor{
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(circle at 85% 20%,rgba(113,75,103,.5),transparent 55%),
                      radial-gradient(circle at 5% 90%,rgba(249,111,42,.25),transparent 50%);
    pointer-events:none;
}
.env-crm-modern-cta .container{ position:relative; z-index:1; }
.env-crm-modern-cta-visual{ display:flex; justify-content:center; }
.env-crm-modern-cta-visual img{ max-width:100%; height:auto; filter:drop-shadow(0 30px 50px rgba(0,0,0,.35)); }
.env-crm-modern-cta-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:8px 0 20px; }

/* ---------------------------------------------------------------------
   Testimonials
--------------------------------------------------------------------- */
.env-crm-modern-testimonials{ background:var(--crm-bg-soft); }
.env-crm-modern-testi-slider{ margin-top:48px; padding-bottom:52px; }
.env-crm-modern-testi-card{
    height:100%; background:#fff; border:1px solid var(--crm-border); border-radius:var(--crm-radius-md);
    padding:30px 28px; box-shadow:var(--crm-shadow-sm); display:flex; flex-direction:column;
}
.env-crm-modern-testi-stars{ color:#f5a623; font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.env-crm-modern-testi-quote{ font-size:14.5px; line-height:1.75; color:var(--crm-text); margin-bottom:20px; flex:1; }
.env-crm-modern-testi-author{ display:flex; flex-direction:column; padding-top:14px; border-top:1px dashed var(--crm-border); }
.env-crm-modern-testi-author .name{ font-weight:800; color:var(--crm-dark); font-size:15px; }
.env-crm-modern-testi-author .role{ font-size:12.5px; color:var(--crm-muted); font-weight:600; }
.env-crm-modern-testi-pagination{ position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; gap:8px; }
.env-crm-modern-testi-pagination .swiper-pagination-bullet{ width:9px; height:9px; opacity:1; background:var(--crm-border); margin:0 !important; }
.env-crm-modern-testi-pagination .swiper-pagination-bullet-active{ background:var(--crm-primary); width:26px; border-radius:6px; }

/* ---------------------------------------------------------------------
   FAQ (Bootstrap 5 collapse)
--------------------------------------------------------------------- */
.env-crm-modern-faq{ background:var(--crm-bg); }
.env-crm-modern-faq-list{ max-width:900px; margin:40px auto 0; border-radius:var(--crm-radius-md); overflow:hidden; border:1px solid var(--crm-border); }
.env-crm-modern-faq-item{ border-bottom:1px solid var(--crm-border); background:#fff; }
.env-crm-modern-faq-item:last-child{ border-bottom:none; }
.env-crm-modern-faq-btn{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:20px 24px; background:transparent; border:none; text-align:left; cursor:pointer;
    font-family:inherit; font-weight:700; font-size:15.5px; color:var(--crm-dark);
}
.env-crm-modern-faq-btn .env-crm-modern-faq-icon{
    flex:none; width:30px; height:30px; border-radius:50%; background:rgba(113,75,103,.08); color:var(--crm-primary);
    display:flex; align-items:center; justify-content:center; font-size:12px; transition:transform .35s var(--crm-ease),background .35s var(--crm-ease),color .35s var(--crm-ease);
}
.env-crm-modern-faq-btn[aria-expanded="true"] .env-crm-modern-faq-icon{ background:var(--crm-grad); color:#fff; transform:rotate(45deg); }
.env-crm-modern-faq-btn[aria-expanded="true"]{ background:rgba(113,75,103,.04); }
.env-crm-modern-faq-body{ padding:0 24px 22px; color:var(--crm-muted); font-size:15px; line-height:1.7; }

/* ---------------------------------------------------------------------
   Responsive
--------------------------------------------------------------------- */
@media (max-width:991.98px){
    .env-crm-modern-section{ padding:66px 0; }
    .env-crm-modern-hero{ padding-top:70px; text-align:center; }
    .env-crm-modern-cta{ padding:60px 0; text-align:center; }
    .env-crm-modern-cta-actions{ justify-content:center; }
    .env-crm-modern-float-badge{ left:16px; bottom:-18px; }
}
@media (max-width:767.98px){
    .env-crm-modern-section{ padding:52px 0; }
    .env-crm-modern-bgdecor{ display:none; }
    .env-crm-modern-cta-visual img{ max-width:260px; }
    .env-crm-modern-accordion-body{ padding-left:20px; }
    .env-crm-modern-faq-btn{ padding:16px 18px; font-size:14.5px; }
    .env-crm-modern-faq-body{ padding:0 18px 18px; }
}
@media (max-width:575.98px){
    .env-crm-modern-heading{ font-size:26px; }
    .env-crm-modern-btn{ width:100%; justify-content:center; }
    .env-crm-modern-cta-actions{ flex-direction:column; align-items:stretch; }
}


/* =========================================
   ENVX RESPONSIVE VISUAL SECTION
========================================= */

.envx-visual-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
    box-sizing: border-box;
}

.envx-visual-wrapper {
    width: min(100%, 700px);
    aspect-ratio: 1 / 1.05;
    position: relative;
    margin: 0 auto;
}


/* =========================================
   YELLOW FRAME
========================================= */

.envx-yellow-frame {
    position: absolute;
    width: 72%;
    height: 91%;
    left: 10%;
    bottom: 2%;
    border: 10px solid #fa8a26;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: 1;
}


/* =========================================
   MAIN IMAGE
========================================= */

.envx-main-image-box {
    position: absolute;
    width: 76%;
    height: 88%;
    top: 5%;
    right: 6%;
    border-radius: 9px;
    overflow: hidden;
    z-index: 3;
    background: #eee;
}

.envx-main-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* =========================================
   CIRCULAR IMAGE
========================================= */

.envx-circle-image-box {
    position: absolute;
    width: 39%;
    aspect-ratio: 1 / 1;
    left: -20px;
    top: 33%;
    border-radius: 50%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 5;
}

.envx-circle-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}


/* =========================================
   DECORATIVE LINES
========================================= */

.envx-decor-line {
    position: absolute;
    display: block;
    z-index: 0;
    pointer-events: none;
}


/* Top dashed line */

.envx-decor-line-one {
    width: 75px;
    height: 2px;
    top: 1%;
    left: 52%;
    background: repeating-linear-gradient(
        to right,
        #244d48 0,
        #244d48 7px,
        transparent 7px,
        transparent 13px
    );
    transform: rotate(-61deg);
}


/* Top-right light curved/decorative line */

.envx-decor-line-two {
    width: 115px;
    height: 2px;
    top: 4%;
    right: 20%;
    background: #e7e9e8;
    transform: rotate(-67deg);
    border-radius: 100%;
}


/* Bottom-left decorative line */

.envx-decor-line-three {
    width: 100px;
    height: 2px;
    left: -12px;
    bottom: 38%;
    background: #e5e8e7;
    transform: rotate(-20deg);
    border-radius: 100%;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1200px) {

    .envx-visual-section {
        padding: 30px 20px;
    }

    .envx-visual-wrapper {
        width: 100%;
    }

    .envx-yellow-frame {
        border-width: 10px;
    }

    .envx-circle-image-box {
        padding: 11px;
    }
}


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

@media (max-width: 991px) {

    .envx-visual-section {
        padding: 35px 25px;
    }

    .envx-visual-wrapper {
        width: min(100%, 620px);
    }

    .envx-yellow-frame {
        border-width: 8px;
    }

    .envx-circle-image-box {
        padding: 9px;
    }

    .envx-decor-line-one {
        left: 51%;
    }
}


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

@media (max-width: 767px) {

    .envx-visual-section {
        padding: 25px 15px;
    }

    .envx-visual-wrapper {
        width: 100%;
        aspect-ratio: 1 / 1.08;
    }

    .envx-yellow-frame {
        width: 76%;
        height: 88%;
        left: 13%;
        bottom: 3%;
        border-width: 7px;
        border-radius: 8px;
    }

    .envx-main-image-box {
        width: 78%;
        height: 84%;
        top: 5%;
        right: 2%;
        border-radius: 8px;
    }

    .envx-circle-image-box {
        width: 42%;
        left: -1%;
        top: 34%;
        padding: 7px;
    }

    .envx-decor-line-one {
        width: 55px;
        top: 1%;
        left: 53%;
    }

    .envx-decor-line-two {
        width: 80px;
        right: 18%;
        top: 5%;
    }

    .envx-decor-line-three {
        width: 65px;
        left: -10px;
        bottom: 38%;
    }
}


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

@media (max-width: 480px) {

    .envx-visual-section {
        padding: 20px 10px;
    }

    .envx-visual-wrapper {
        aspect-ratio: 1 / 1.1;
    }

    .envx-yellow-frame {
        width: 77%;
        height: 86%;
        left: 12%;
        bottom: 3%;
        border-width: 6px;
    }

    .envx-main-image-box {
        width: 79%;
        height: 82%;
        top: 5%;
        right: 1%;
        border-radius: 7px;
    }

    .envx-circle-image-box {
        width: 43%;
        top: 35%;
        left: -2%;
        padding: 6px;
    }

    .envx-decor-line-one {
        width: 42px;
        left: 55%;
    }

    .envx-decor-line-two {
        width: 65px;
        right: 15%;
    }

    .envx-decor-line-three {
        width: 55px;
    }
}


/* =========================================
   EXTRA SMALL DEVICES
========================================= */

@media (max-width: 360px) {

    .envx-visual-section {
        padding-left: 5px;
        padding-right: 5px;
    }

    .envx-yellow-frame {
        border-width: 5px;
    }

    .envx-circle-image-box {
        padding: 5px;
    }

    .envx-main-image-box {
        border-radius: 6px;
    }
}

.env-crm-modern-section2 {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

.crm-heading {
    font-size: 22px;
    font-weight: 700;
    color: var(--eof-dark);
    margin-bottom: 20px;
}

/* Equal height for all Swiper slides */
.env-odoo-features-devservices-slider .swiper-wrapper {
    align-items: stretch;
}

.env-odoo-features-devservices-slider .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch;
}

.env-odoo-features-devservices-slider .env-odoo-features-devservice-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}










/* =========================================================
   ENV CASE MODERN
   All CSS is scoped to .env-case-modern-page
========================================================= */

.env-case-modern-page {
    --env-case-modern-dark: #101d2b;
    --env-case-modern-text: #182433;
    --env-case-modern-muted: #657184;
    --env-case-modern-accent: #f1d969;
    --env-case-modern-accent-dark: #d7bd3d;
    --env-case-modern-border: #e5e9ef;
    --env-case-modern-soft: #f7f8fa;
    --env-case-modern-white: #ffffff;

    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--env-case-modern-text);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   HERO
========================================================= */

.env-case-modern-page .env-case-modern-hero {
    position: relative;
    padding: 90px 0 80px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(241, 217, 105, 0.18),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fbfcfd 0%,
            #f5f7f9 55%,
            #ffffff 100%
        );
}

.env-case-modern-page .env-case-modern-hero-inner {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    overflow: hidden;
    isolation: isolate;
}

.env-case-modern-page .env-case-modern-hero-content {
    position: relative;
    z-index: 3;
    width: 100%;
    text-align: center;
}

.env-case-modern-page .env-case-modern-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    padding: 8px 16px;
    border: 1px solid rgba(16, 29, 43, 0.12);
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.7);
    color: var(--env-case-modern-dark);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.env-case-modern-page .env-case-modern-hero-title {
    margin: 0;
    color: var(--env-case-modern-dark);
    font-size: clamp(44px, 5vw, 68px);
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -0.045em;
}

.env-case-modern-page .env-case-modern-hero-line {
    width: 72px;
    height: 5px;
    margin: 25px auto 0;
    border-radius: 100px;
    background: var(--env-case-modern-accent);
}

.env-case-modern-page .env-case-modern-hero-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.35;
    background-image:
        linear-gradient(
            rgba(16, 29, 43, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16, 29, 43, 0.045) 1px,
            transparent 1px
        );
    background-size: 44px 44px;
    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 25%,
        #000 75%,
        transparent
    );
}

.env-case-modern-page .env-case-modern-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.env-case-modern-page .env-case-modern-orb-one {
    width: 260px;
    height: 260px;
    top: -130px;
    right: -90px;
    border: 1px solid rgba(16, 29, 43, 0.08);
}

.env-case-modern-page .env-case-modern-orb-two {
    width: 170px;
    height: 170px;
    left: -70px;
    bottom: -100px;
    background: rgba(241, 217, 105, 0.18);
}


/* =========================================================
   LISTING SECTION
========================================================= */

.env-case-modern-page .env-case-modern-listing {
    padding: 0 0 110px;
    background: #fff;
}


/* =========================================================
   FILTER
========================================================= */

.env-case-modern-page .env-case-modern-filter-wrap {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin-top: 90px;
    margin-bottom: 65px;
}

.env-case-modern-page .env-case-modern-filter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 8px;
    overflow-x: auto;
    border: 1px solid var(--env-case-modern-border);
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow:
        0 18px 45px rgba(16, 29, 43, 0.08);
    scrollbar-width: none;
}

.env-case-modern-page .env-case-modern-filter::-webkit-scrollbar {
    display: none;
}

.env-case-modern-page .env-case-modern-filter-btn {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    color: var(--env-case-modern-muted);
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.env-case-modern-page .env-case-modern-filter-btn:hover {
    color: var(--env-case-modern-dark);
    background: #f5f6f8;
}

.env-case-modern-page .env-case-modern-filter-btn.is-active {
    color: #fff;
    background: #fb9323;
    box-shadow: 0 5px 16px rgba(241, 217, 105, 0.28);
}

.env-case-modern-page .env-case-modern-filter-btn:focus-visible {
    outline: 3px solid rgba(241, 217, 105, 0.5);
    outline-offset: 2px;
}


/* =========================================================
   CARD
========================================================= */

.env-case-modern-page .env-case-modern-card-col {
    display: flex;
    opacity: 1;
    transform: translateY(0) scale(1);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.env-case-modern-page .env-case-modern-card-col.is-hidden {
    display: none;
}

.env-case-modern-page .env-case-modern-card {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--env-case-modern-border);
    border-radius: 24px;
    background: var(--env-case-modern-white);
    box-shadow:
        0 10px 35px rgba(16, 29, 43, 0.045);
    transition:
        transform 0.4s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.env-case-modern-page .env-case-modern-card:hover {
    transform: translateY(-7px);
    border-color: rgba(241, 217, 105, 0.9);
    box-shadow:
        0 24px 60px rgba(16, 29, 43, 0.11);
}


/* =========================================================
   IMAGE
========================================================= */

.env-case-modern-page .env-case-modern-card-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #eef1f4;
}

.env-case-modern-page .env-case-modern-card-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 0.7s cubic-bezier(.2,.8,.2,1);
}

.env-case-modern-page .env-case-modern-card:hover
.env-case-modern-card-image {
    transform: scale(1.05);
}

.env-case-modern-page .env-case-modern-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02) 30%,
            rgba(0, 0, 0, 0.35) 100%
        );
    pointer-events: none;
}

.env-case-modern-page .env-case-modern-number {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    background: rgba(16, 29, 43, 0.72);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.env-case-modern-page .env-case-modern-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 27px 28px 25px;
}

.env-case-modern-page .env-case-modern-category {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 14px;
    color: #7b8795;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.env-case-modern-page .env-case-modern-card-client {
    margin: 0 0 11px;
    color: var(--env-case-modern-dark);
    font-size: 25px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -0.025em;
}

.env-case-modern-page .env-case-modern-card-client a{ color:#fb9323}
.env-case-modern-page .env-case-modern-card-client a:hover{ color:#000}

.env-case-modern-page .env-case-modern-card-title {
    margin: 0;
    color: var(--env-case-modern-muted);
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
}

.env-case-modern-page .env-case-modern-card-action {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    margin-top: auto;
    padding-top: 25px;
    color: var(--env-case-modern-dark);
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    transition: color 0.3s ease;
}

.env-case-modern-page .env-case-modern-card-action:hover {
    color: #fb9323;
}

.env-case-modern-page .env-case-modern-action-arrow {
    display: inline-block;
    font-size: 19px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.env-case-modern-page .env-case-modern-card-action:hover
.env-case-modern-action-arrow {
    transform: translateX(5px);
}


/* =========================================================
   SCROLL REVEAL
========================================================= */

.env-case-modern-page .env-case-modern-card-col.env-case-modern-reveal {
    opacity: 0;
    transform: translateY(30px);
}

.env-case-modern-page .env-case-modern-card-col.env-case-modern-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}


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

@media (max-width: 991.98px) {

    .env-case-modern-page .env-case-modern-hero {
        padding: 70px 0 65px;
    }

    .env-case-modern-page .env-case-modern-hero-inner {
        min-height: 260px;
    }

    .env-case-modern-page .env-case-modern-filter-wrap {
        margin-bottom: 45px;
    }

    .env-case-modern-page .env-case-modern-card-content {
        padding: 24px;
    }

    .env-case-modern-page .env-case-modern-card-client {
        font-size: 23px;
    }
}


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

@media (max-width: 767.98px) {

    .env-case-modern-page .env-case-modern-hero {
        padding: 55px 0 50px;
    }

    .env-case-modern-page .env-case-modern-hero-inner {
        min-height: 225px;
        border-radius: 22px;
    }

    .env-case-modern-page .env-case-modern-eyebrow {
        margin-bottom: 15px;
        padding: 7px 13px;
        font-size: 10px;
    }

    .env-case-modern-page .env-case-modern-hero-title {
        font-size: 40px;
    }

    .env-case-modern-page .env-case-modern-listing {
        padding-bottom: 70px;
    }

    .env-case-modern-page .env-case-modern-filter-wrap {
        justify-content: flex-start;
        margin-top: -22px;
        margin-bottom: 40px;
    }

    .env-case-modern-page .env-case-modern-filter {
        width: 100%;
        justify-content: flex-start;
        border-radius: 18px;
        padding: 7px;
    }

    .env-case-modern-page .env-case-modern-filter-btn {
        min-height: 42px;
        padding: 0 17px;
        font-size: 13px;
    }

    .env-case-modern-page .env-case-modern-card {
        border-radius: 20px;
    }

    .env-case-modern-page .env-case-modern-card-content {
        padding: 23px 21px 22px;
    }

    .env-case-modern-page .env-case-modern-card-client {
        font-size: 22px;
    }

    .env-case-modern-page .env-case-modern-card-title {
        font-size: 15px;
        line-height: 1.65;
    }

    .envnav-header-overlap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    box-shadow: none;
    transition: background .35s ease, box-shadow .35s ease;
}
}


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

@media (max-width: 480px) {

    .env-case-modern-page .env-case-modern-hero {
        padding: 40px 0 38px;
    }

    .env-case-modern-page .env-case-modern-hero-inner {
        min-height: 190px;
    }

    .env-case-modern-page .env-case-modern-hero-title {
        font-size: 34px;
    }

    .env-case-modern-page .env-case-modern-hero-line {
        width: 55px;
        height: 4px;
        margin-top: 19px;
    }

    .env-case-modern-page .env-case-modern-card-image-wrap {
        aspect-ratio: 16 / 10.5;
    }

    .env-case-modern-page .env-case-modern-card-content {
        padding: 21px 19px;
    }

    .env-case-modern-page .env-case-modern-category {
        font-size: 10px;
    }

    .env-case-modern-page .env-case-modern-card-client {
        font-size: 21px;
    }

    .env-case-modern-page .env-case-modern-number {
        width: 37px;
        height: 37px;
        top: 13px;
        right: 13px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .env-case-modern-page *,
    .env-case-modern-page *::before,
    .env-case-modern-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* =========================================================
   ALLPLASTICS CASE STUDY PAGE — CUSTOM STYLES
   Page: allplastics.html
   Scope: Middle content area (.env-allplastics-page) between the site
   header banner and the site footer ONLY. All custom classes are
   prefixed "env-allplastics-" and all custom properties are namespaced
   "--eap-" so this block cannot collide with shared site styles or any
   other page (case-study.html uses "env-case-modern-", odoo-crm.html
   uses "env-crm-", crm-management-software.html uses "env-crm-modern-").
========================================================= */
.env-allplastics-page{
    --eap-primary:#fc661c;
    --eap-primary-dark:#5c3c54;
    --eap-accent:#f96f2a;
    --eap-dark:#111827;
    --eap-navy-2:#2a1745;
    --eap-text:#374151;
    --eap-muted:#6b7280;
    --eap-light:#f8fafc;
    --eap-light-2:#f2eef1;
    --eap-border:#000;
    --eap-white:#ffffff;
    --eap-radius:24px;
    --eap-radius-md:16px;
    --eap-radius-sm:10px;
    --eap-shadow:0 20px 50px -18px rgba(17,24,39,.16);
    --eap-shadow-sm:0 6px 20px -8px rgba(17,24,39,.10);
    --eap-shadow-lg:0 30px 80px -25px rgba(17,24,39,.26);
    --eap-ease:cubic-bezier(.16,.84,.44,1);
    --eap-grad:linear-gradient(135deg,var(--eap-primary),var(--eap-accent));
    

    position:relative;
    overflow:hidden;
    font-family:var(--eap-font);
    color:var(--eap-text);
}
.env-allplastics-page *{ box-sizing:border-box; }

/* ---------------------------------------------------------------------
   Shared / utility
--------------------------------------------------------------------- */
.env-allplastics-eyebrow{
    display:inline-flex; align-items:center; gap:9px; padding:8px 18px 8px 14px;
    border-radius:99px; background:#fff; color:var(--eap-primary); font-size:13px;
    font-weight:800; letter-spacing:.06em; text-transform:uppercase; margin-bottom:18px;
    border:1px solid rgba(113,75,103,.18); box-shadow:var(--eap-shadow-sm);
}
.env-allplastics-eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--eap-grad); flex:none; }
.env-allplastics-eyebrow--light{ background:rgba(255,255,255,.1); color:#f2d9ea; border-color:rgba(255,255,255,.22); box-shadow:none; }

.env-allplastics-heading{ font-weight:400; letter-spacing:-.02em; line-height:1.16; color:var(--eap-dark); font-size:clamp(30px,4vw,50px); margin-bottom:18px; font-family: "Work Sans", sans-serif;}
.env-allplastics-heading--light{ color:#fff; }
.env-allplastics-heading--sm{ font-size:clamp(24px,2.8vw,34px); margin-bottom:14px; }

.env-allplastics-text{ color:var(--eap-muted); font-size:16.5px; line-height:1.8; max-width:64ch; margin-bottom:0; }
.env-allplastics-text--light{ color:rgba(255,255,255,.75); }
.env-allplastics-text--center{ margin-left:auto; margin-right:auto; }

.env-allplastics-btn{
    position:relative; display:inline-flex; align-items:center; gap:10px; padding:16px 30px;
    border-radius:99px; font-weight:700; font-size:15px; text-decoration:none; border:1px solid transparent;
    transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),background .35s var(--eap-ease),color .35s var(--eap-ease),border-color .35s var(--eap-ease);
    white-space:nowrap; cursor:pointer;
}
.env-allplastics-btn i{ transition:transform .35s var(--eap-ease); font-size:14px; }
.env-allplastics-btn:hover i{ transform:translate(3px,-2px); }
.env-allplastics-btn:hover{ transform:translateY(-3px); }
.env-allplastics-btn--primary{ background:var(--eap-grad); color:#fff; box-shadow:0 14px 30px -10px rgba(113,75,103,.55); }
.env-allplastics-btn--primary:hover{ color:#fff; box-shadow:0 20px 40px -12px rgba(113,75,103,.65); }
.env-allplastics-btn--outline{ background:#fff; color:var(--eap-dark); border-color:var(--eap-border); }
.env-allplastics-btn--outline:hover{ border-color:var(--eap-primary); color:var(--eap-primary); }
.env-allplastics-btn--light{ background:#fff; color:var(--eap-dark); }
.env-allplastics-btn--light:hover{ color:var(--eap-primary); }

.env-allplastics-section{ position:relative; padding:92px 0; overflow:hidden; }
.env-allplastics-section--soft{ background:var(--eap-light); }

.env-allplastics-blob{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.4; pointer-events:none; z-index:0; }
.env-allplastics-bgdecor{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.env-allplastics-bgdecor .env-allplastics-blob--1{ width:480px; height:480px; top:-180px; right:-150px; background:radial-gradient(circle,rgba(113,75,103,.24),transparent 70%); }
.env-allplastics-bgdecor .env-allplastics-blob--2{ width:420px; height:420px; bottom:-160px; left:-160px; background:radial-gradient(circle,rgba(249,111,42,.14),transparent 70%); }
.env-allplastics-grid-lines{
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);
    pointer-events:none;
}

[data-eap-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--eap-ease),transform .7s var(--eap-ease); }
[data-eap-reveal="fade-right"]{ transform:translateX(-36px); }
[data-eap-reveal="fade-left"]{ transform:translateX(36px); }
[data-eap-reveal="scale-in"]{ transform:scale(.94); }
.env-allplastics-page .eap-in-view{ opacity:1 !important; transform:none !important; }
@media (prefers-reduced-motion: reduce){
    [data-eap-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ---------------------------------------------------------------------
   Hero
--------------------------------------------------------------------- */
.env-allplastics-hero{
    padding-top:100px;
    background:
        radial-gradient(ellipse 70% 60% at 85% -10%,rgba(113,75,103,.16),transparent 60%),
        radial-gradient(ellipse 60% 55% at 5% 105%,rgba(249,111,42,.12),transparent 60%),
        var(--eap-light);
}
.env-allplastics-hero .env-allplastics-grid-lines{ opacity:.7; }

.env-allplastics-overview-card{
    position:relative; z-index:1; background:#fff; border:1px solid var(--eap-border);
    border-radius:var(--eap-radius-md); box-shadow:var(--eap-shadow); padding:30px 28px; margin-bottom:20px;
}
.env-allplastics-overview-card h4{ font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--eap-primary); margin:0 0 20px; }
.env-allplastics-overview-item{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:12px 0; border-top:1px dashed var(--eap-border); }
.env-allplastics-overview-item:first-of-type{ border-top:none; }
.env-allplastics-overview-item .label{ font-size:12.5px; font-weight:700; color:var(--eap-muted); text-transform:uppercase; letter-spacing:.04em; }
.env-allplastics-overview-item .value{ font-size:14.5px; font-weight:800; color:var(--eap-dark); text-align:right; }

/* ---------------------------------------------------------------------
   Challenge cards
--------------------------------------------------------------------- */
.env-allplastics-card-col{ display:flex; }
.env-allplastics-card{
    position:relative; width:100%; height:100%; display:flex; flex-direction:column;
    background:#fff; border:1px solid var(--eap-border); border-radius:var(--eap-radius-md);
    padding:30px 26px; overflow:hidden;
    transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),border-color .35s var(--eap-ease);
}
.env-allplastics-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--eap-grad);
    transform:scaleX(0); transform-origin:left; transition:transform .4s var(--eap-ease);
}
.env-allplastics-card:hover{ transform:translateY(-6px); box-shadow:var(--eap-shadow); border-color:rgba(113,75,103,.25); }
.env-allplastics-card:hover::before{ transform:scaleX(1); }

.env-allplastics-card-top{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }
.env-allplastics-card-num{ font-size:13px; font-weight:800; color:var(--eap-border); letter-spacing:.04em; }
.env-allplastics-card-icon{
    width:50px; height:50px; border-radius:14px; background:rgba(113,75,103,.08); color:var(--eap-primary);
    display:flex; align-items:center; justify-content:center; font-size:19px;
    transition:transform .35s var(--eap-ease),background .35s var(--eap-ease),color .35s var(--eap-ease);
}
.env-allplastics-card:hover .env-allplastics-card-icon{ background:var(--eap-grad); color:#fff; transform:scale(1.08) rotate(-4deg); }
.env-allplastics-card h4{ font-size:17px; font-weight:800; color:var(--eap-dark); margin:0 0 10px; line-height:1.35; }
.env-allplastics-card p{ font-size:14.5px; line-height:1.65; color:var(--eap-muted); margin:0; flex:1; }

/* ---------------------------------------------------------------------
   Why Envertis — compact feature pills
--------------------------------------------------------------------- */
.env-allplastics-feature{
    display:flex; align-items:center; gap:16px; height:100%; background:#fff; border:1px solid var(--eap-border);
    border-radius:var(--eap-radius-md); padding:22px 24px;
    transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),border-color .35s var(--eap-ease);
}
.env-allplastics-feature:hover{ transform:translateY(-4px); box-shadow:var(--eap-shadow-sm); border-color:rgba(113,75,103,.25); }
.env-allplastics-feature-icon{
    flex:none; width:48px; height:48px; border-radius:13px; background:var(--eap-grad); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:18px;
    box-shadow:0 10px 20px -10px rgba(113,75,103,.55);
}
.env-allplastics-feature span.env-allplastics-feature-label{ font-size:15.5px; font-weight:700; color:var(--eap-dark); }

/* ---------------------------------------------------------------------
   Solution cards
--------------------------------------------------------------------- */
.env-allplastics-solution-card{
    position:relative; width:100%; height:100%; display:flex; flex-direction:column;
    background:linear-gradient(160deg,#fff,var(--eap-light-2)); border:1px solid var(--eap-border);
    border-radius:var(--eap-radius-md); padding:34px 30px;
    transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),border-color .35s var(--eap-ease);
}
.env-allplastics-solution-card:hover{ transform:translateY(-6px); box-shadow:var(--eap-shadow); border-color:rgba(113,75,103,.25); }
.env-allplastics-solution-top{ display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.env-allplastics-solution-num{
    flex:none; width:46px; height:46px; border-radius:50%; background:var(--eap-grad); color:#fff;
    font-weight:800; font-size:15px; display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 22px -10px rgba(113,75,103,.55);
}
.env-allplastics-solution-icon{ flex:none; width:46px; height:46px; border-radius:13px; background:rgba(113,75,103,.08); color:var(--eap-primary); display:flex; align-items:center; justify-content:center; font-size:18px; }
.env-allplastics-solution-card h4{ font-size:19px; font-weight:800; color:var(--eap-dark); margin:0 0 10px; }
.env-allplastics-solution-card p{ font-size:14.5px; line-height:1.7; color:var(--eap-muted); margin:0 0 16px; flex:1; }
.env-allplastics-solution-arrow{ align-self:flex-end; color:var(--eap-primary); font-size:18px; transition:transform .35s var(--eap-ease); }
.env-allplastics-solution-card:hover .env-allplastics-solution-arrow{ transform:translateX(6px); }

/* ---------------------------------------------------------------------
   Outcomes
--------------------------------------------------------------------- */
.env-allplastics-outcome{
    display:flex; align-items:center; gap:14px; height:100%; background:#fff; border:1px solid var(--eap-border);
    border-radius:var(--eap-radius-md); padding:20px 22px;
    transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),border-color .35s var(--eap-ease);
}
.env-allplastics-outcome:hover{ transform:translateY(-4px); box-shadow:var(--eap-shadow-sm); border-color:rgba(113,75,103,.25); }
.env-allplastics-outcome-check{
    flex:none; width:38px; height:38px; border-radius:50%; background:rgba(113,75,103,.08); color:var(--eap-primary);
    display:flex; align-items:center; justify-content:center; font-size:15px;
}
.env-allplastics-outcome span{ font-size:15px; font-weight:700; color:var(--eap-dark); }

/* ---------------------------------------------------------------------
   CTA
--------------------------------------------------------------------- */
.env-allplastics-cta{ background:#000; padding:90px 0; text-align:center; }
.env-allplastics-cta-decor{
    position:absolute; inset:0; z-index:0;
    background-image:radial-gradient(circle at 85% 20%,rgba(113,75,103,.5),transparent 55%),
                      radial-gradient(circle at 5% 90%,rgba(249,111,42,.25),transparent 50%);
    pointer-events:none;
}
.env-allplastics-cta .container{ position:relative; z-index:1; }
.env-allplastics-cta .env-allplastics-heading{ max-width:720px; margin-left:auto; margin-right:auto; }
.env-allplastics-cta .env-allplastics-text{ max-width:640px; margin:0 auto 28px; }

/* ---------------------------------------------------------------------
   Modal / download form
--------------------------------------------------------------------- */
.env-allplastics-modal .modal-content{ border:none; border-radius:var(--eap-radius); overflow:hidden; box-shadow:var(--eap-shadow-lg); }
.env-allplastics-modal .modal-header{ border:none; padding:20px 20px 0; }
.env-allplastics-form-card{ padding:8px 34px 40px; }
.env-allplastics-form-card h2{ font-size:24px; font-weight:800; color:var(--eap-dark); margin:0 0 6px; }
.env-allplastics-form-card h3{ font-size:14.5px; font-weight:600; color:var(--eap-muted); margin:0 0 26px; }
.env-allplastics-form-field{
    width:100%; padding:15px 18px; margin-bottom:16px; border: 1px solid #00000021;
    border-radius: 10px; font-size:15px; font-family:inherit; color:var(--eap-dark); background:var(--eap-light); transition:border-color .3s var(--eap-ease),box-shadow .3s var(--eap-ease),background .3s var(--eap-ease);
}
.env-allplastics-form-field:focus{ outline:none; border-color:var(--eap-primary); background:#fff; box-shadow:0 0 0 4px rgba(113,75,103,.12); }
.env-allplastics-form-submit{
    width:100%; padding:16px; border:none; border-radius:99px; background:#f96f2a; color:#fff;
    font-weight:700; font-size:15.5px; cursor:pointer; transition:transform .35s var(--eap-ease),box-shadow .35s var(--eap-ease),opacity .3s var(--eap-ease);
    box-shadow:0 14px 30px -10px rgba(113,75,103,.55);
}
.env-allplastics-form-submit:hover{ transform:translateY(-3px); }
.env-allplastics-form-submit:disabled{ opacity:.7; cursor:not-allowed; transform:none; }
#formMessage.env-allplastics-form-message{ font-size:13.5px; font-weight:600; text-align:center; }

/* ---------------------------------------------------------------------
   Responsive
--------------------------------------------------------------------- */
@media (max-width:991.98px){
    .env-allplastics-section{ padding:66px 0; }
    .env-allplastics-hero{ padding-top:70px; text-align:center; }
    .env-allplastics-overview-card{ margin-top:36px; }
    .env-allplastics-cta{ padding:64px 0; }
}
@media (max-width:767.98px){
    .env-allplastics-section{ padding:52px 0; }
    .env-allplastics-bgdecor{ display:none; }
}
@media (max-width:575.98px){
    .env-allplastics-heading{ font-size:28px; }
    .env-allplastics-btn{ width:100%; justify-content:center; }
}

.background-orange{ background: #fc661c; }

.ecr-about-section {
            position: relative;
            width: 100%;
            padding: 70px 0;
            background: #f6f7f7;
            overflow: hidden;
            
        }

        .ecr-about-container {
            width: 100%;
            max-width: 1240px;
            margin: 0 auto;
            padding: 0 15px;
        }


        /* =========================================================
           MAIN ROW
        ========================================================= */

        .ecr-about-row {
            display: flex;
            align-items: stretch;
            gap: 55px;
        }


        /* =========================================================
           LEFT IMAGE AREA
        ========================================================= */

        .ecr-about-media {
            position: relative;
            width: 44%;
            flex: 0 0 44%;
            min-height: 390px;
        }

        .ecr-about-main-image-wrap {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 380px;
            overflow: hidden;
            border-radius: 4px;
        }

        .ecr-about-main-image-wrap::before {
            content: "";
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            width: 125px;
            height: 180px;
            background: #f96f2a;
            clip-path: polygon(
                0 0,
                100% 0,
                42% 55%,
                0 100%
            );
            pointer-events: none;
        }

        .ecr-about-main-image-wrap::after {
            content: "";
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            width: 145px;
            height: 185px;
            background: #f96f2a;
            clip-path: polygon(
                100% 0,
                100% 100%,
                0 100%
            );
            pointer-events: none;
        }

        .ecr-about-main-image {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }


        /* =========================================================
           EXPERIENCE CARD
        ========================================================= */

        .ecr-about-experience-card {
            position: absolute;
            z-index: 8;
            left: -15px;
            bottom: 30px;
            width: 210px;
            min-height: 138px;
            padding: 30px 30px 25px;
            background: #ffffff;
            border-radius: 5px;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
        }

        .ecr-about-experience-icon {
            position: absolute;
            left: 30px;
            top: -40px;
            width: 57px;
            height: 57px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #17202b;
            color: #ffffff;
            border-radius: 4px;
            font-size: 22px;
        }

        .ecr-about-experience-number {
            margin: 0;
            color: #111d2c;
            font-size: 36px;
            font-weight: 800;
            line-height: 1;
        }

        .ecr-about-experience-label {
            margin: 17px 0 0;
            color: #64748b;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4;
        }


        /* =========================================================
           VIDEO BUTTON
        ========================================================= */

        .ecr-about-video-button {
            position: absolute;
            z-index: 8;
            right: 28px;
            bottom: 27px;
            width: 105px;
            height: 105px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.8);
            border-radius: 50%;
        }

        .ecr-about-video-button::before {
            content: "";
            position: absolute;
            inset: 10px;
            border: 1px solid rgba(255, 255, 255, 0.7);
            border-radius: 50%;
        }

        .ecr-about-video-inner {
            position: relative;
            z-index: 2;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            border-radius: 50%;
            color: #ff571d;
            font-size: 22px;
            padding-left: 4px;
        }


        /* =========================================================
           RIGHT CONTENT
        ========================================================= */

        .ecr-about-content {
            width: 56%;
            flex: 1;
            padding-top: 2px;
        }


        /* =========================================================
           CONTENT TOP
        ========================================================= */

        .ecr-about-intro {
            position: relative;
            padding-left: 60px;
            margin-bottom: 26px;
        }

        .ecr-about-intro::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 7px;
            height: 198px;
            background: #f96f2a;
            border-radius: 2px;
        }

        .ecr-about-label {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 7px;
            margin-bottom: 22px;
            color: #ff571d;
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1.2;
        }

        .ecr-about-label-highlight {
            display: inline-block;
            padding: 4px 8px;
            background: #ff571d;
            color: #ffffff;
            font-weight: 600;
            line-height: 1;
        }

        .ecr-about-label-line {
            display: inline-block;
            width: 40px;
            height: 1px;
            margin-left: 3px;
            background: #ff571d;
        }

        .ecr-about-title {
            margin: 0 0 24px;
            color: #111d2c;
            font-size: 44px;
            font-weight: 400;
            line-height: 1.12;
            letter-spacing: -1.5px; font-family: "Work Sans", sans-serif;
        }

        .ecr-about-description {
            max-width: 590px;
            margin: 0;
            color: #64748b;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.7;
        }


        /* =========================================================
           LOWER CONTENT
        ========================================================= */

        .ecr-about-lower {
            position: relative;
            padding-left: 60px;
        }

        

        .ecr-about-lower::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 7px;
            height: 104px;
            background: #ff571d;
            border-radius: 2px;
        }


        /* =========================================================
           WHY CHOOSE AREA
        ========================================================= */

        .ecr-about-why-row {
            display: flex;
            align-items: flex-start;
            gap: 35px;
        }

        .ecr-about-why-content {
            flex: 1;
            min-width: 0;
        }

        .ecr-about-why-title {
            margin: 0 0 27px;
            color: #111d2c;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.3;
        }

        .ecr-about-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .ecr-about-list li {
            position: relative;
            margin-bottom: 11px;
            color: #64748b;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.55;
        }

        .ecr-about-list li i{ color: #ff8056; font-size: 20px;}

        /*.ecr-about-list li::before {
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 1px;
            color: #ff8056;
            font-family: "Font Awesome 6 Free";
            font-size: 13px;
            font-weight: 900;
        }*/


        /* =========================================================
           SMALL IMAGE
        ========================================================= */

        .ecr-about-small-image-wrap {
            width: 308px;
            flex: 0 0 308px;
            height: 154px;
            overflow: hidden;
            border-radius: 3px;
        }

        .ecr-about-small-image {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .ecr-about-small-image-wrap:hover .ecr-about-small-image {
            transform: scale(1.05);
        }


        /* =========================================================
           CALL AREA
        ========================================================= */

        .ecr-about-call {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-top: 40px;
        }

        .ecr-about-call-icon {
            width: 61px;
            height: 61px;
            flex: 0 0 61px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e7eb;
            border-radius: 50%;
            color: #ff571d;
            font-size: 21px;
        }

        .ecr-about-call-text {
            color: #64748b;
            font-size: 15px;
            line-height: 1.5;
        }

        .ecr-about-call-text strong {
            display: block;
            margin-top: 5px;
            color: #111d2c;
            font-size: 16px;
            font-weight: 800;
        }


        /* =========================================================
           BUTTON
        ========================================================= */

        .ecr-about-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-width: 184px;
            min-height: 60px;
            margin-top: 29px;
            padding: 15px 25px;
            background: #ff571d;
            color: #ffffff;
            border: 1px solid #ff571d;
            border-radius: 3px;
            text-decoration: none;
            font-size: 15px;
            font-weight: 700;
            transition: all 0.3s ease;
        }

        .ecr-about-button i {
            font-size: 14px;
            transition: transform 0.3s ease;
        }

        .ecr-about-button:hover {
            background: #111d2c;
            border-color: #111d2c;
            color: #ffffff;
        }

        .ecr-about-button:hover i {
            transform: translateX(5px);
        }


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

        @media (max-width: 1199.98px) {

            .ecr-about-section {
                padding: 60px 0;
            }

            .ecr-about-row {
                gap: 40px;
            }

            .ecr-about-media {
                width: 43%;
                flex-basis: 43%;
                min-height: 600px;
            }

            .ecr-about-main-image-wrap {
                min-height: 600px;
            }

            .ecr-about-content {
                width: 57%;
            }

            .ecr-about-intro,
            .ecr-about-lower {
                padding-left: 45px;
            }

            .ecr-about-title {
                font-size: 42px;
            }

            .ecr-about-small-image-wrap {
                width: 250px;
                flex-basis: 250px;
                height: 135px;
            }

            .ecr-about-why-row {
                gap: 25px;
            }

        }


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

        @media (max-width: 991.98px) {

            .ecr-about-section {
                padding: 55px 0;
            }

            .ecr-about-row {
                flex-direction: column;
                gap: 50px;
            }

            .ecr-about-media {
                width: 100%;
                flex-basis: auto;
                min-height: 580px;
            }

            .ecr-about-main-image-wrap {
                min-height: 580px;
            }

            .ecr-about-content {
                width: 100%;
            }

            .ecr-about-intro,
            .ecr-about-lower {
                padding-left: 40px;
            }

            .ecr-about-title {
                font-size: 43px;
            }

            .ecr-about-lower::before {
                height: 430px;
            }

        }


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

        @media (max-width: 767.98px) {

            .ecr-about-section {
                padding: 45px 0 55px;
            }

            .ecr-about-container {
                padding: 0 18px;
            }

            .ecr-about-row {
                gap: 45px;
            }


            /* LEFT IMAGE */

            .ecr-about-media {
                min-height: 480px;
            }

            .ecr-about-main-image-wrap {
                min-height: 480px;
            }

            .ecr-about-main-image-wrap::before {
                width: 90px;
                height: 130px;
            }

            .ecr-about-main-image-wrap::after {
                width: 100px;
                height: 130px;
            }


            /* EXPERIENCE */

            .ecr-about-experience-card {
                left: 10px;
                bottom: 20px;
                width: 190px;
                min-height: 125px;
                padding: 28px 22px 20px;
            }

            .ecr-about-experience-icon {
                left: 22px;
                top: -35px;
                width: 52px;
                height: 52px;
            }

            .ecr-about-experience-number {
                font-size: 32px;
            }

            .ecr-about-experience-label {
                margin-top: 13px;
                font-size: 13px;
            }


            /* VIDEO */

            .ecr-about-video-button {
                right: 18px;
                bottom: 20px;
                width: 85px;
                height: 85px;
            }

            .ecr-about-video-inner {
                width: 64px;
                height: 64px;
                font-size: 18px;
            }


            /* INTRO */

            .ecr-about-intro {
                padding-left: 28px;
                margin-bottom: 45px;
            }

            .ecr-about-intro::before {
                width: 5px;
                height: 100%;
            }

            .ecr-about-label {
                font-size: 14px;
                margin-bottom: 18px;
            }

            .ecr-about-label-highlight {
                padding: 4px 7px;
            }

            .ecr-about-label-line {
                width: 30px;
            }

            .ecr-about-title {
                font-size: clamp(32px, 9vw, 42px);
                letter-spacing: -1px;
                line-height: 1.15;
            }

            .ecr-about-description {
                font-size: 14px;
                line-height: 1.7;
            }


            /* LOWER */

            .ecr-about-lower {
                padding-left: 28px;
            }

            .ecr-about-lower::before {
                width: 5px;
                height: 100%;
                min-height: 590px;
            }

            .ecr-about-why-row {
                display: flex;
                flex-direction: column;
                gap: 25px;
            }

            .ecr-about-why-title {
                font-size: 19px;
                margin-bottom: 20px;
            }

            .ecr-about-list li {
                font-size: 14px;
                margin-bottom: 10px;
            }


            /* SMALL IMAGE */

            .ecr-about-small-image-wrap {
                width: 100%;
                flex-basis: auto;
                height: 210px;
            }


            /* CALL */

            .ecr-about-call {
                margin-top: 30px;
                gap: 12px;
            }

            .ecr-about-call-icon {
                width: 54px;
                height: 54px;
                flex-basis: 54px;
            }

            .ecr-about-call-text {
                font-size: 13px;
            }

            .ecr-about-call-text strong {
                font-size: 15px;
            }


            /* BUTTON */

            .ecr-about-button {
                width: 100%;
                min-height: 55px;
                margin-top: 25px;
            }

        }


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

        @media (max-width: 479.98px) {

            .ecr-about-section {
                padding: 35px 0 45px;
            }

            .ecr-about-container {
                padding: 0 15px;
            }

            .ecr-about-media {
                min-height: 420px;
            }

            .ecr-about-main-image-wrap {
                min-height: 420px;
            }

            .ecr-about-experience-card {
                width: 175px;
                left: 7px;
                bottom: 15px;
                padding: 26px 18px 18px;
            }

            .ecr-about-experience-number {
                font-size: 29px;
            }

            .ecr-about-experience-label {
                font-size: 12px;
            }

            .ecr-about-video-button {
                width: 72px;
                height: 72px;
                right: 12px;
                bottom: 15px;
            }

            .ecr-about-video-inner {
                width: 54px;
                height: 54px;
            }

            .ecr-about-intro,
            .ecr-about-lower {
                padding-left: 23px;
            }

            .ecr-about-title {
                font-size: 32px;
            }

            .ecr-about-description {
                font-size: 13px;
            }

            .ecr-about-small-image-wrap {
                height: 180px;
            }

            .ecr-about-lower::before {
                min-height: 560px;
            }

        }








/*microsoft-dynamics-365-erp-crm*/


/* =========================================================
   VISUAL AREA
========================================================= */

.md365eco-visual {
    position: relative;

    width: min(100%, 850px);
    height: 650px;

    margin: 0 auto;

    overflow: visible;
}


/* =========================================================
   ORBIT RINGS
========================================================= */

.md365eco-orbit {
    position: absolute;

    top: 50%;
    left: 50%;

    border-radius: 50%;

    transform: translate(-50%, -50%);

    pointer-events: none;

    border: 1px dashed rgba(38, 87, 160, 0.08);
}

.md365eco-orbit-01 {
    width: 430px;
    height: 430px;

    animation:
        md365eco-orbit-rotate
        30s
        linear
        infinite;
}

.md365eco-orbit-02 {
    width: 570px;
    height: 570px;

    animation:
        md365eco-orbit-rotate-reverse
        45s
        linear
        infinite;
}


/* =========================================================
   CENTRAL AREA
========================================================= */

.md365eco-center {
    position: absolute;

    top: 50%;
    left: 50%;

    z-index: 20;

    display: flex;
    align-items: center;
    gap: 22px;

    width: 420px;

    transform: translate(-50%, -50%);

    animation:
        md365eco-center-pulse
        5s
        ease-in-out
        infinite;
}


/* =========================================================
   DYNAMICS LOGO MARK
========================================================= */

.md365eco-logo-mark {
    position: relative;

    width: 105px;
    height: 125px;

    flex: 0 0 105px;
}


/* Main blue shape */

.md365eco-logo-shape-01 {
    position: absolute;

    top: 8px;
    left: 0;

    width: 80px;
    height: 100px;

    border-radius: 15px 35px 35px 15px;

    background:
        linear-gradient(
            135deg,
            #0755d5,
            #4e20d5
        );

    transform: skewY(-10deg);
}


/* Purple overlay */

.md365eco-logo-shape-02 {
    position: absolute;

    top: 42px;
    left: 40px;

    width: 68px;
    height: 68px;

    border-radius: 12px 32px 32px 12px;

    background:
        linear-gradient(
            135deg,
            #7044eb,
            #4621b8
        );
}


/* Highlight */

.md365eco-logo-shape-03 {
    position: absolute;

    top: 22px;
    left: 48px;

    width: 32px;
    height: 78px;

    border-radius: 5px 18px 18px 5px;

    background: rgba(255,255,255,0.12);
}


/* =========================================================
   CENTRAL TEXT
========================================================= */

.md365eco-logo-content {
    color: #172b56;

    white-space: nowrap;
}

.md365eco-microsoft {
    font-size: 39px;
    font-weight: 500;

    line-height: 1.05;

    letter-spacing: -1.5px;
}

.md365eco-dynamics {
    font-size: 39px;
    font-weight: 500;

    line-height: 1.05;

    letter-spacing: -1.5px;
}


/* =========================================================
   APP ICON BASE
========================================================= */

.md365eco-app {
    position: absolute;

    z-index: 10;

    width: 58px;
    height: 58px;

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

    border-radius: 14px;

    font-size: 25px;

    box-sizing: border-box;

    box-shadow:
        0 8px 18px rgba(0,0,0,0.10);

    animation:
        md365eco-floating
        5s
        ease-in-out
        infinite;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* Hover */

.md365eco-app:hover {
    z-index: 50;

    transform:
        scale(1.15);

    box-shadow:
        0 15px 35px rgba(0,0,0,0.16);
}


/* =========================================================
   TOP ROW
========================================================= */

.md365eco-app-crm {
    top: 35px;
    left: 34%;

    background: #6845a8;
    color: #e8d6f0;

    animation-delay: -1s;
}


.md365eco-app-target {
    top: 28px;
    left: 54%;

    width: 68px;
    height: 68px;

    border-radius: 50%;

    background: #0699b5;

    animation-delay: -2s;
}


/* =========================================================
   TARGET ICON
========================================================= */

.md365eco-target-ring {
    position: relative;

    width: 36px;
    height: 36px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            #b5eaf0 0 25%,
            #55c9d9 26% 48%,
            #0a7891 49% 100%
        );
}

.md365eco-target-ring::before,
.md365eco-target-ring::after {
    content: "";

    position: absolute;

    background: #a9e6ef;
}

.md365eco-target-ring::before {
    width: 48px;
    height: 7px;

    left: -6px;
    top: 15px;

    border-radius: 10px;
}

.md365eco-target-ring::after {
    width: 7px;
    height: 48px;

    left: 15px;
    top: -6px;

    border-radius: 10px;
}


/* Finance */

.md365eco-app-finance {
    top: 30px;
    right: 25%;

    background: #ffb900;

    color: #ffffff;

    animation-delay: -3s;
}


/* Business Central */

.md365eco-app-business {
    top: 100px;
    right: 8%;

    background:
        linear-gradient(
            145deg,
            #08752f,
            #7ac943
        );

    color: #ffffff;

    animation-delay: -2s;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.md365eco-app-powerapps {
    top: 205px;
    right: 1%;

    background: #e34826;
    color: #ffb58c;

    animation-delay: -3.5s;
}


.md365eco-app-copilot {
    top: 350px;
    right: 0;

    width: 65px;
    height: 65px;

    border-radius: 50%;

    background: #1673c5;
    color: #6dd5e8;

    animation-delay: -1.5s;
}


.md365eco-app-project {
    bottom: 95px;
    right: 12%;

    background: #e85a2d;
    color: #ffc1a5;

    animation-delay: -4s;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.md365eco-app-automate {
    top: 165px;
    left: 11%;

    background: #13a9bb;
    color: #b5f0f3;

    animation-delay: -2.5s;
}


.md365eco-app-sales {
    top: 285px;
    left: 7%;

    background:
        linear-gradient(
            135deg,
            #1446ca,
            #3198f5
        );

    color: #ffffff;

    animation-delay: -4s;
}


.md365eco-app-marketing {
    top: 365px;
    left: 13%;

    background: #a83c96;
    color: #f5bce9;

    animation-delay: -1.5s;
}


/* =========================================================
   BOTTOM AREA
========================================================= */

.md365eco-app-powerbi {
    bottom: 80px;
    left: 23%;

    background: #ffad00;
    color: #fff0a0;

    animation-delay: -2.8s;
}


.md365eco-app-service {
    bottom: 48px;
    left: 40%;

    width: 64px;
    height: 64px;

    background: #008fb8;
    color: #80e4f1;

    animation-delay: -3.8s;
}


.md365eco-app-field {
    bottom: 5px;
    left: 55%;

    width: 68px;
    height: 68px;

    border-radius: 50%;

    background: #ffad14;
    color: #ffe58a;

    animation-delay: -1.8s;
}


.md365eco-app-supply {
    bottom: 48px;
    right: 30%;

    background: #6650a5;
    color: #ded0ed;

    animation-delay: -3.2s;
}


.md365eco-app-hr {
    bottom: 45px;
    right: 3%;

    background: #f06b37;
    color: #ffd0bb;

    animation-delay: -4.5s;
}


/* =========================================================
   FLOATING ANIMATION
========================================================= */

@keyframes md365eco-floating {

    0%,
    100% {
        margin-top: 0;
    }

    25% {
        margin-top: -8px;
    }

    50% {
        margin-top: -15px;
    }

    75% {
        margin-top: -6px;
    }

}


/* =========================================================
   CENTRAL PULSE
========================================================= */

@keyframes md365eco-center-pulse {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            scale(1);
    }

    50% {
        transform:
            translate(-50%, -50%)
            scale(1.025);
    }

}


/* =========================================================
   ORBIT ROTATION
========================================================= */

@keyframes md365eco-orbit-rotate {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

}


@keyframes md365eco-orbit-rotate-reverse {

    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

}


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

@media (max-width: 1199.98px) {

    .md365eco-visual {
        height: 560px;
        max-width: 720px;
    }

    .md365eco-center {
        width: 350px;
        gap: 15px;
    }

    .md365eco-logo-mark {
        width: 80px;
        height: 100px;
        flex-basis: 80px;
    }

    .md365eco-logo-shape-01 {
        width: 62px;
        height: 82px;
    }

    .md365eco-logo-shape-02 {
        width: 54px;
        height: 55px;
        left: 30px;
    }

    .md365eco-logo-shape-03 {
        left: 35px;
        height: 62px;
    }

    .md365eco-microsoft,
    .md365eco-dynamics {
        font-size: 32px;
    }

    .md365eco-orbit-01 {
        width: 370px;
        height: 370px;
    }

    .md365eco-orbit-02 {
        width: 480px;
        height: 480px;
    }

    .md365eco-app {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

}


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

@media (max-width: 991.98px) {

    .md365eco-section {
        padding: 20px 0;
    }

    .md365eco-visual {
        height: 520px;
        max-width: 650px;
    }

    .md365eco-center {
        width: 310px;
    }

    .md365eco-microsoft,
    .md365eco-dynamics {
        font-size: 28px;
    }

    .md365eco-logo-mark {
        transform: scale(.85);
    }

}


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

@media (max-width: 767.98px) {

    .md365eco-section {
        padding: 15px 0;
    }

    .md365eco-visual {
        width: 100%;
        height: 450px;
    }

    .md365eco-center {
        width: 245px;
        gap: 8px;
    }

    .md365eco-logo-mark {
        width: 62px;
        height: 78px;
        flex-basis: 62px;
        transform: scale(.72);
        transform-origin: center;
    }

    .md365eco-microsoft,
    .md365eco-dynamics {
        font-size: 22px;
        letter-spacing: -1px;
    }

    .md365eco-orbit-01 {
        width: 285px;
        height: 285px;
    }

    .md365eco-orbit-02 {
        width: 370px;
        height: 370px;
    }

    .md365eco-app {
        width: 40px;
        height: 40px;

        border-radius: 50%;

        font-size: 16px;
    }

    .md365eco-app-target,
    .md365eco-app-copilot,
    .md365eco-app-field {
        width: 45px;
        height: 45px;
    }

    .md365eco-app-crm {
        top: 20px;
    }

    .md365eco-app-target {
        top: 15px;
    }

    .md365eco-app-finance {
        top: 20px;
    }

    .md365eco-app-business {
        top: 85px;
    }

    .md365eco-app-powerapps {
        top: 175px;
    }

    .md365eco-app-copilot {
        top: 285px;
    }

    .md365eco-app-project {
        bottom: 65px;
    }

    .md365eco-app-automate {
        top: 135px;
    }

    .md365eco-app-sales {
        top: 225px;
    }

    .md365eco-app-marketing {
        top: 295px;
    }

    .md365eco-app-powerbi {
        bottom: 55px;
    }

    .md365eco-app-service {
        bottom: 30px;
        width: 45px;
        height: 45px;
    }

    .md365eco-app-field {
        bottom: 0;
    }

    .md365eco-app-supply {
        bottom: 28px;
    }

    .md365eco-app-hr {
        bottom: 25px;
    }

}


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

@media (max-width: 480px) {

    .md365eco-visual {
        height: 390px;
    }

    .md365eco-center {
        width: 200px;
        gap: 3px;
    }

    .md365eco-logo-mark {
        width: 50px;
        height: 65px;
        flex-basis: 50px;
        transform: scale(.58);
    }

    .md365eco-microsoft,
    .md365eco-dynamics {
        font-size: 18px;
        letter-spacing: -0.6px;
    }

    .md365eco-orbit-01 {
        width: 235px;
        height: 235px;
    }

    .md365eco-orbit-02 {
        width: 315px;
        height: 315px;
    }

    .md365eco-app {
        width: 34px;
        height: 34px;

        font-size: 13px;
    }

    .md365eco-app-target,
    .md365eco-app-copilot,
    .md365eco-app-field {
        width: 38px;
        height: 38px;
    }

    .md365eco-target-ring {
        transform: scale(.75);
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .md365eco-app,
    .md365eco-center,
    .md365eco-orbit {
        animation: none !important;
    }

}

.envmfg-icon2 { width: 72px; height: 62px;}
        

/* ==========================================================================
   PAGE: microsoft-dynamics-365-business-central.html
   Section: Premium modern redesign of the main content area
   Scope:   .env-bc-modern-page / [class^="env-bc-modern-"] only — does not
            touch the site header, footer, or any other page's styles.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root{
    --bcm-primary:#fc661c;
    --bcm-primary-dark:#005A9E;
    --bcm-accent-purple:#6B4EFF;
    --bcm-accent-cyan:#12B7D6;
    --bcm-accent-orange:#FF8A3D;
    --bcm-dark:#101828;
    --bcm-navy:#0B1220;
    --bcm-navy-2:#101A2E;
    --bcm-text:#1f2937;
    --bcm-muted:#5b6a85;
    --bcm-bg:#ffffff;
    --bcm-bg-soft:#F7F9FC;
    --bcm-bg-soft-2:#F4F7FB;
    --bcm-border:rgba(16,24,40,.10);
    --bcm-radius-lg:28px;
    --bcm-radius-md:20px;
    --bcm-radius-sm:14px;
    --bcm-shadow-sm:0 6px 20px -10px rgba(16,24,40,.12);
    --bcm-shadow-md:0 20px 50px -18px rgba(16,24,40,.18);
    --bcm-shadow-lg:0 30px 80px -25px rgba(16,24,40,.28);
    --bcm-ease:cubic-bezier(.16,.84,.44,1);
    --bcm-font:'Plus Jakarta Sans','Manrope',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.env-bc-modern-scope,
[class^="env-bc-modern-"],
[class*=" env-bc-modern-"]{
    font-family:var(--bcm-font);
    box-sizing:border-box;
}
.env-bc-modern-scope *,
[class^="env-bc-modern-"] *,
[class*=" env-bc-modern-"] *{
    box-sizing:border-box;
}

.env-bc-modern-page{
    position:relative;
    overflow:hidden;
    background:var(--bcm-bg);
    color:var(--bcm-text);
}
.env-bc-modern-page section{
    position:relative;
}

/* =======================================================================
   Shared: eyebrow, headings, text, buttons, section-head
======================================================================= */
.env-bc-modern-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 16px;
    border-radius:99px;
    background:rgba(0,120,212,.08);
    border:1px solid rgba(0,120,212,.18);
    color:var(--bcm-primary);
    font-size:13px; font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin-bottom:18px;
}
.env-bc-modern-eyebrow i{ font-size:14px; }
.env-bc-modern-eyebrow--light{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.18);
    color:#fff;
}

.env-bc-modern-heading{
    font-family: "Work Sans", sans-serif;
    font-weight:400;
    letter-spacing:-.02em;
    line-height:1.15;
    color:var(--bcm-dark);
    font-size:clamp(28px,3.4vw,44px);
    margin-bottom:16px;
}
.env-bc-modern-heading--light{ color:#fff; }

.env-bc-modern-subheading{
    font-weight:600;
    font-size:19px;
    color:var(--bcm-primary);
    margin-bottom:16px;
}

.env-bc-modern-text{
    font-size:16.5px;
    line-height:1.75;
    color:var(--bcm-muted);
    margin-bottom:0;
}
.env-bc-modern-text--light{ color:rgba(255,255,255,.78); }

.env-bc-modern-section-head{
    
    margin:0 0 56px;
}


.env-bc-modern-hero, .env-bc-modern-intro, .env-bc-modern-features,
.env-bc-modern-benefits, .env-bc-modern-roi, .env-bc-modern-services,
.env-bc-modern-whyus, .env-bc-modern-testimonials, .env-bc-modern-faq{
    padding:100px 0;
}

.env-bc-modern-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:16px 30px;
    border-radius:99px;
    font-weight:700; font-size:15.5px;
    text-decoration:none;
    transition:transform .35s var(--bcm-ease), box-shadow .35s var(--bcm-ease), background .35s var(--bcm-ease);
    white-space:nowrap;
}
.env-bc-modern-btn i{ transition:transform .35s var(--bcm-ease); font-size:15px; }
.env-bc-modern-btn:hover i{ transform:translate(3px,-3px); }
.env-bc-modern-btn--primary{
    background:linear-gradient(135deg,var(--bcm-primary),var(--bcm-primary-dark));
    color:#fff;
    box-shadow:0 16px 36px -14px rgba(0,120,212,.55);
}
.env-bc-modern-btn--primary:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 44px -14px rgba(0,120,212,.65);
    color:#fff;
}
.env-bc-modern-btn--light{
    background:#fff;
    color:var(--bcm-primary-dark);
    box-shadow:0 16px 36px -14px rgba(0,0,0,.35);
}
.env-bc-modern-btn--light:hover{ transform:translateY(-3px); color:var(--bcm-primary-dark); }

/* =======================================================================
   Decorative backgrounds — orbs / grid lines
======================================================================= */
.env-bc-modern-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(60px);
    pointer-events:none;
}
.env-bc-modern-orb--1{
    width:420px; height:420px; top:-140px; right:-80px;
    background:radial-gradient(circle,rgba(0,120,212,.30),transparent 70%);
}
.env-bc-modern-orb--2{
    width:360px; height:360px; bottom:-160px; left:-100px;
    background:radial-gradient(circle,rgba(107,78,255,.24),transparent 70%);
}
.env-bc-modern-grid-lines{
    position:absolute; inset:0;
    background-image:
        linear-gradient(rgba(16,24,40,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,24,40,.05) 1px,transparent 1px);
    background-size:44px 44px;
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 40%,transparent 90%);
            mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 40%,transparent 90%);
    pointer-events:none;
}
.env-bc-modern-grid-lines--light{
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
}

/* =======================================================================
   Scroll reveal system  [data-bcm-reveal]
======================================================================= */
[data-bcm-reveal]{ opacity:0; }
@media (prefers-reduced-motion: reduce){
    [data-bcm-reveal]{ opacity:1 !important; transform:none !important; }
    .env-bc-modern-floaty{ animation:none !important; }
}

/* Floating animation */
.env-bc-modern-floaty{ animation:bcmFloat 6s ease-in-out infinite; }
.env-bc-modern-float-delay1{ animation-delay:1.2s; }
.env-bc-modern-float-delay2{ animation-delay:2.4s; }
.env-bc-modern-float-delay3{ animation-delay:3.6s; }
@keyframes bcmFloat{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-14px); }
}

/* =======================================================================
   1. HERO
======================================================================= */
.env-bc-modern-hero{
    padding-top:140px;
    background:linear-gradient(180deg,var(--bcm-bg-soft) 0%,#fff 100%);
    overflow:hidden;
}
.env-bc-modern-hero-bg{ position:absolute; inset:0; z-index:0; }

.env-bc-modern-hero-title{
    font-family:var(--bcm-font);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.08;
    font-size:clamp(34px,4.6vw,58px);
    color:var(--bcm-dark);
    margin-bottom:14px;
}
.env-bc-modern-hero-sub{
    font-size:clamp(17px,1.8vw,21px);
    font-weight:600;
    color:var(--bcm-primary);
    margin-bottom:18px;
}
.env-bc-modern-hero-text{
    font-size:16.5px;
    line-height:1.8;
    color:var(--bcm-muted);
    max-width:560px;
    margin-bottom:36px;
}
.env-bc-modern-hero-actions{
    display:flex; align-items:center; flex-wrap:wrap; gap:22px;
}
.env-bc-modern-hero-phone{
    display:flex; align-items:center; gap:12px;
    text-decoration:none;
    color:var(--bcm-dark);
    font-weight:700;
    font-size:17px;
}
.env-bc-modern-hero-phone i{
    width:48px; height:48px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff;
    color:var(--bcm-primary);
    box-shadow:var(--bcm-shadow-sm);
    font-size:17px;
}
.env-bc-modern-hero-phone small{
    display:block;
    font-weight:500;
    font-size:12.5px;
    color:var(--bcm-muted);
}

.env-bc-modern-hero-visual{
    position:relative;
    padding:30px 10px 60px 40px;
    min-height:420px;
}
.env-bc-modern-dash-card{
    position:relative;
    z-index:2;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-lg);
    box-shadow:var(--bcm-shadow-lg);
    padding:26px;
    max-width:440px;
}
.env-bc-modern-dash-head{
    display:flex; align-items:center; gap:10px;
    font-weight:700; font-size:15px; color:var(--bcm-dark);
    margin-bottom:20px;
}
.env-bc-modern-dash-head i{
    width:34px; height:34px; border-radius:10px;
    background:rgba(0,120,212,.10); color:var(--bcm-primary);
    display:flex; align-items:center; justify-content:center;
}
.env-bc-modern-dash-chart{
    display:flex; align-items:flex-end; gap:8px;
    height:110px;
    padding:0 4px 10px;
    border-bottom:1px dashed var(--bcm-border);
    margin-bottom:18px;
}
.env-bc-modern-dash-chart span{
    flex:1;
    height:var(--h,40%);
    border-radius:8px 8px 3px 3px;
    background:linear-gradient(180deg,var(--bcm-primary),rgba(0,120,212,.35));
}
.env-bc-modern-dash-chart span:nth-child(2n){ background:linear-gradient(180deg,var(--bcm-accent-purple),rgba(107,78,255,.30)); }
.env-bc-modern-dash-chart span:nth-child(3n){ background:linear-gradient(180deg,var(--bcm-accent-cyan),rgba(18,183,214,.30)); }
.env-bc-modern-dash-mini-row{ display:flex; flex-direction:column; gap:14px; }
.env-bc-modern-dash-mini{ display:flex; flex-direction:column; gap:3px; }
.env-bc-modern-dash-mini .label{ font-size:12px; color:var(--bcm-muted); font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.env-bc-modern-dash-mini .value{ font-size:14.5px; font-weight:700; color:var(--bcm-dark); }

.env-bc-modern-float{
    position:absolute;
    display:flex; align-items:center; gap:8px;
    padding:12px 18px;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:99px;
    box-shadow:var(--bcm-shadow-md);
    font-weight:700; font-size:13.5px;
    color:var(--bcm-dark);
    z-index:3;
}
.env-bc-modern-float i{ color:var(--bcm-primary); font-size:15px; }
.env-bc-modern-float--finance{ top:6%; left:0; }
.env-bc-modern-float--sales{ top:38%; right:0; }
.env-bc-modern-float--inventory{ bottom:12%; left:8%; }
.env-bc-modern-dash-notif{
    position:absolute; bottom:0; right:8%;
    display:flex; align-items:center; gap:10px;
    background:var(--bcm-dark);
    color:#fff;
    padding:12px 18px;
    border-radius:99px;
    box-shadow:var(--bcm-shadow-md);
    font-size:13px; font-weight:600;
    z-index:3;
}
.env-bc-modern-dash-notif i{ color:#5FD068; }

/* =======================================================================
   2. INTRO — What is Business Central
======================================================================= */
.env-bc-modern-intro{ background:#fff; }
.env-bc-modern-intro-visual{
    position:relative;
    padding:20px 30px 40px 0;
}
.env-bc-modern-intro-frame{
    border-radius:var(--bcm-radius-lg);
    overflow:hidden;
    box-shadow:var(--bcm-shadow-lg);
    border:1px solid var(--bcm-border);
}
.env-bc-modern-intro-frame img{ width:100%; height:auto; display:block; }
.env-bc-modern-intro-card{
    position:absolute;
    display:flex; align-items:center; gap:12px;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-sm);
    box-shadow:var(--bcm-shadow-md);
    padding:14px 18px;
    z-index:2;
}
.env-bc-modern-intro-card i{
    width:38px; height:38px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(0,120,212,.10); color:var(--bcm-primary);
    font-size:17px;
}
.env-bc-modern-intro-card .value{ display:block; font-weight:800; font-size:16px; color:var(--bcm-dark); }
.env-bc-modern-intro-card .label{ display:block; font-size:12px; color:var(--bcm-muted); font-weight:600; }
.env-bc-modern-intro-card{ top:8%; left:-6%; }
.env-bc-modern-intro-card--alt{ top:auto; left:auto; bottom:6%; right:0; }
.env-bc-modern-intro-card--alt i{ background:rgba(107,78,255,.10); color:var(--bcm-accent-purple); }
.env-bc-modern-intro-orb{
    position:absolute; z-index:0;
    width:260px; height:260px; top:-40px; right:-40px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,120,212,.22),transparent 70%);
    filter:blur(10px);
    pointer-events:none;
}

/* =======================================================================
   3. FEATURES
======================================================================= */
.env-bc-modern-features{ background:var(--bcm-bg-soft); }
.env-bc-modern-feature-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-md);
    padding:34px 30px;
    transition:transform .4s var(--bcm-ease), box-shadow .4s var(--bcm-ease), border-color .4s var(--bcm-ease);
}
.env-bc-modern-feature-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--bcm-shadow-lg);
    border-color:rgba(0,120,212,.35);
}
.env-bc-modern-feature-icon{
    display:flex; align-items:center; justify-content:center;
    width:56px; height:56px;
    border-radius:16px;
    background:rgba(0,120,212,.08);
    color:var(--bcm-primary);
    font-size:24px;
    margin-bottom:22px;
    transition:transform .4s var(--bcm-ease), background .4s var(--bcm-ease);
}
.env-bc-modern-feature-card:hover .env-bc-modern-feature-icon{
    transform:scale(1.1) rotate(-6deg);
    background:var(--bcm-primary);
    color:#fff;
}
.env-bc-modern-feature-card h3{
    font-size:19px; font-weight:700; color:var(--bcm-dark);
    margin-bottom:12px; line-height:1.35;
}
.env-bc-modern-feature-card p{
    font-size:15px; line-height:1.7; color:var(--bcm-muted);
    margin-bottom:0;
}
.env-bc-modern-feature-arrow{
    position:absolute; top:30px; right:30px;
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--bcm-bg-soft-2);
    color:var(--bcm-primary);
    font-size:14px;
    opacity:0; transform:translate(-6px,6px);
    transition:opacity .35s var(--bcm-ease), transform .35s var(--bcm-ease);
}
.env-bc-modern-feature-card:hover .env-bc-modern-feature-arrow{
    opacity:1; transform:translate(0,0);
}

/* =======================================================================
   4. BENEFITS ("How can it make a difference" + benefit cards)
======================================================================= */
.env-bc-modern-benefits{ background:#fff; }
.env-bc-modern-benefits-layout{
    display:flex;
    align-items:flex-start;
    gap:48px;
}
.env-bc-modern-benefits-visual{
    flex:0 0 380px;
    position:sticky;
    top:120px;
}
.env-bc-modern-benefits-visual-inner .env-bc-modern-dash-card{ max-width:none; }
.env-bc-modern-benefit-cards{
    flex:1 1 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}
.env-bc-modern-benefit-card{
    position:relative;
    background:var(--bcm-bg-soft);
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-md);
    padding:28px 24px;
    overflow:hidden;
    transition:transform .4s var(--bcm-ease), box-shadow .4s var(--bcm-ease), border-color .4s var(--bcm-ease), background .4s var(--bcm-ease);
}
.env-bc-modern-benefit-card::after{
    content:"";
    position:absolute; inset:0;
    background:radial-gradient(120px 120px at 100% 0%,rgba(0,120,212,.14),transparent 70%);
    opacity:0;
    transition:opacity .4s var(--bcm-ease);
}
.env-bc-modern-benefit-card:hover,
.env-bc-modern-benefit-card.is-active{
    transform:translateY(-6px);
    background:#fff;
    box-shadow:var(--bcm-shadow-md);
    border-color:rgba(0,120,212,.35);
}
.env-bc-modern-benefit-card:hover::after,
.env-bc-modern-benefit-card.is-active::after{ opacity:1; }
.env-bc-modern-benefit-index{
    position:absolute; top:20px; right:24px;
    font-size:60px; font-weight:800;
    color:rgba(16,24,40,.08);
    line-height:1;
}
.env-bc-modern-benefit-icon{
    display:flex; align-items:center; justify-content:center;
    width:48px; height:48px;
    border-radius:14px;
    background:#fff;
    color:var(--bcm-primary);
    font-size:20px;
    margin-bottom:18px;
    box-shadow:var(--bcm-shadow-sm);
    transition:transform .4s var(--bcm-ease);
}
.env-bc-modern-benefit-card:hover .env-bc-modern-benefit-icon,
.env-bc-modern-benefit-card.is-active .env-bc-modern-benefit-icon{
    transform:rotate(-8deg) scale(1.08);
}
.env-bc-modern-benefit-card h3{
    position:relative; z-index:1;
    font-size:16.5px; font-weight:700; color:var(--bcm-dark);
    margin-bottom:8px;
}
.env-bc-modern-benefit-card p{
    position:relative; z-index:1;
    font-size:14px; line-height:1.65; color:var(--bcm-muted);
    margin-bottom:0;
}

/* =======================================================================
   5. CHALLENGES — radial orbit (dark section)
======================================================================= */
.env-bc-modern-challenges{
    background:linear-gradient(180deg,var(--bcm-navy) 0%,var(--bcm-navy-2) 100%);
    padding:110px 0;
    overflow:hidden;
}
.env-bc-modern-challenges .env-bc-modern-section-head{ margin:0 auto 30px; text-align:center; }
.env-bc-modern-challenges .env-bc-modern-eyebrow{ display:inline-flex; }
.env-bc-modern-challenges .env-bc-modern-heading,
.env-bc-modern-challenges .env-bc-modern-text{ margin-left:auto; margin-right:auto; }

.env-bc-modern-orbit-wrap{ position:relative; padding-top:20px; }
.env-bc-modern-orbit{
    position:relative;
    width:100%;
    max-width:620px;
    aspect-ratio:1/1;
    margin:0 auto;
    display:flex; align-items:center; justify-content:center;
}
.env-bc-modern-orbit-lines{
    position:absolute; inset:0;
    width:100%; height:100%;
    pointer-events:none;
    z-index:0;
}
.env-bc-modern-orbit-lines line{
    stroke:rgba(0,120,212,.35);
    stroke-width:1.4;
    stroke-dasharray:4 5;
}
.env-bc-modern-orbit-ring{
    position:absolute;
    width:88%; height:88%;
    border-radius:50%;
    border:1px dashed rgba(255,255,255,.14);
    animation:bcmSpin 60s linear infinite;
}
.env-bc-modern-orbit-ring--inner{
    width:58%; height:58%;
    animation-duration:44s;
    animation-direction:reverse;
    border-color:rgba(255,255,255,.10);
}
@keyframes bcmSpin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

.env-bc-modern-orbit-core{
    position:relative; z-index:2;
    width:158px; height:158px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--bcm-primary),var(--bcm-primary-dark));
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:6px;
    color:#fff;
    box-shadow:0 0 0 10px rgba(0,120,212,.10), 0 30px 60px -20px rgba(0,120,212,.65);
    animation:bcmPulse 3.6s ease-in-out infinite;
}
.env-bc-modern-orbit-core i{ font-size:28px; }
.env-bc-modern-orbit-core span{ font-size:12.5px; font-weight:700; text-align:center; padding:0 10px; }
@keyframes bcmPulse{
    0%,100%{ box-shadow:0 0 0 10px rgba(0,120,212,.10), 0 30px 60px -20px rgba(0,120,212,.65); }
    50%{ box-shadow:0 0 0 18px rgba(0,120,212,.06), 0 30px 70px -20px rgba(0,120,212,.75); }
}

.env-bc-modern-orbit-node{
    position:absolute; z-index:2;
    top:50%; left:50%;
    width:118px;
    transform:
        rotate(calc(var(--ang) * 1deg))
        translate(270px)
        rotate(calc(var(--ang) * -1deg))
        translate(-50%,-50%);
    display:flex; flex-direction:column; align-items:center; gap:8px;
    text-align:center;
    color:#fff;
    transition:transform .3s var(--bcm-ease);
}
.env-bc-modern-orbit-node i{
    width:44px; height:44px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    font-size:17px;
    backdrop-filter:blur(6px);
}
.env-bc-modern-orbit-node span{
    font-size:11.5px; font-weight:600;
    line-height:1.35;
    color:rgba(255,255,255,.82);
}
.env-bc-modern-orbit-node.is-active i,
.env-bc-modern-orbit-node:hover i{
    background:var(--bcm-primary);
    border-color:var(--bcm-primary);
}
.env-bc-modern-orbit-lines line.is-active{ stroke:var(--bcm-primary); stroke-dasharray:none; }

.env-bc-modern-orbit-list{ display:none; }

/* =======================================================================
   6. ROI stats
======================================================================= */
.env-bc-modern-roi{ background:#fff; }
.env-bc-modern-roi .env-bc-modern-section-head{ margin-left:auto; margin-right:auto; text-align:center; max-width:700px; }
.env-bc-modern-roi-card{
    position:relative;
    height:100%;
    text-align:center;
    background:var(--bcm-bg-soft);
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-lg);
    padding:44px 30px;
    overflow:hidden;
    transition:transform .4s var(--bcm-ease), box-shadow .4s var(--bcm-ease);
}
.env-bc-modern-roi-card:hover{ transform:translateY(-6px); box-shadow:var(--bcm-shadow-md); }
.env-bc-modern-roi-deco{
    position:absolute; top:18px; right:22px;
    font-size:34px;
    color: rgb(212 82 0 / 55%);
}
.env-bc-modern-roi-number{
    display:block;
    font-size:clamp(38px,4vw,52px);
    font-weight:800;
    letter-spacing:-.02em;
    background:linear-gradient(135deg,var(--bcm-primary),var(--bcm-accent-purple));
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
    margin-bottom:10px;
}
.env-bc-modern-roi-card p{
    font-size:15px; color:var(--bcm-muted); line-height:1.6; margin-bottom:0;
    max-width:280px; margin-left:auto; margin-right:auto;
}

/* =======================================================================
   7. Main CTA banner
======================================================================= */
.env-bc-modern-cta{ padding:0 0 100px; background:#fff; }
.env-bc-modern-cta-banner{
    position:relative;
    background:linear-gradient(135deg,var(--bcm-navy) 0%,#132C55 60%,var(--bcm-primary-dark) 130%);
    border-radius:var(--bcm-radius-lg);
    padding:70px 50px;
    overflow:hidden;
}
.env-bc-modern-cta-bg{ position:absolute; inset:0; z-index:0; }
.env-bc-modern-cta-banner .row{ position:relative; z-index:1; }
.env-bc-modern-cta-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.env-bc-modern-cta-phone{
    display:inline-flex; align-items:center; gap:10px;
    color:#fff; text-decoration:none; font-weight:700; font-size:16px;
}
.env-bc-modern-cta-phone i{
    width:42px; height:42px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.12);
}

/* =======================================================================
   8. Services
======================================================================= */
.env-bc-modern-services{ background:var(--bcm-bg-soft); }
.env-bc-modern-service-card{
    position:relative;
    height:100%;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-md);
    padding:30px 26px;
    transition:transform .4s var(--bcm-ease), box-shadow .4s var(--bcm-ease), border-color .4s var(--bcm-ease);
}
.env-bc-modern-service-card:nth-child(2n){ transform:translateY(18px); }
.env-bc-modern-service-card:hover{
    transform:translateY(10px);
    box-shadow:var(--bcm-shadow-lg);
    border-color:rgba(0,120,212,.35);
}
.env-bc-modern-service-card:nth-child(2n):hover{ transform:translateY(10px); }
.env-bc-modern-service-num{
    display:block;
    font-size:14px; font-weight:800;
    color:rgba(0,120,212,.45);
    letter-spacing:.05em;
    margin-bottom:16px;
}
.env-bc-modern-service-icon{
    display:flex; align-items:center; justify-content:center;
    width:50px; height:50px;
    border-radius:14px;
    background:rgba(0,120,212,.08);
    color:var(--bcm-primary);
    font-size:21px;
    margin-bottom:18px;
    transition:transform .4s var(--bcm-ease), background .4s var(--bcm-ease), color .4s var(--bcm-ease);
}
.env-bc-modern-service-card:hover .env-bc-modern-service-icon{
    background:var(--bcm-primary); color:#fff; transform:scale(1.08) rotate(-6deg);
}
.env-bc-modern-service-card h3{ font-size:17.5px; font-weight:700; color:var(--bcm-dark); margin-bottom:10px; }
.env-bc-modern-service-card p{ font-size:14px; line-height:1.65; color:var(--bcm-muted); margin-bottom:26px; }
.env-bc-modern-service-arrow{
    position:absolute; bottom:24px; left:26px;
    width:32px; height:32px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--bcm-bg-soft-2);
    color:var(--bcm-primary);
    font-size:13px;
    opacity:0; transform:translate(-6px,6px);
    transition:opacity .35s var(--bcm-ease), transform .35s var(--bcm-ease);
}
.env-bc-modern-service-card:hover .env-bc-modern-service-arrow{ opacity:1; transform:translate(0,0); }

/* =======================================================================
   9. Single software solution CTA
======================================================================= */
.env-bc-modern-single{
    padding:110px 0;
    background:linear-gradient(135deg,var(--bcm-navy) 0%,#16264A 100%);
    overflow:hidden;
}
.env-bc-modern-single-visual{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:16px;
    aspect-ratio:1/1;
    max-width:280px;
    margin:0 auto;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%,rgba(0,120,212,.35),rgba(107,78,255,.12) 60%,transparent 75%);
    border:1px dashed rgba(255,255,255,.18);
}
.env-bc-modern-single-visual i{ font-size:64px; color:#fff; }
.env-bc-modern-single-visual span{ font-weight:700; color:#fff; font-size:16px; }

/* =======================================================================
   10. Why Choose Envertis
======================================================================= */
.env-bc-modern-whyus{ background:#fff; }
.env-bc-modern-whyus .env-bc-modern-section-head{ margin-left:auto; margin-right:auto; text-align:center; }
.env-bc-modern-whyus-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}
.env-bc-modern-whyus-card{
    background:var(--bcm-bg-soft);
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-md);
    padding:30px 22px;
    text-align:center;
    transition:transform .4s var(--bcm-ease), box-shadow .4s var(--bcm-ease), background .4s var(--bcm-ease);
}
.env-bc-modern-whyus-card:hover{ transform:translateY(-6px); background:#fff; box-shadow:var(--bcm-shadow-md); }
.env-bc-modern-whyus-card > i{
    display:inline-flex; align-items:center; justify-content:center;
    width:52px; height:52px; border-radius:14px;
    background:rgba(0,120,212,.08); color:var(--bcm-primary);
    font-size:22px; margin-bottom:16px;
}
.env-bc-modern-whyus-number{
    display:block;
    font-size:32px; font-weight:800;
    color:var(--bcm-dark);
    margin-bottom:8px;
}
.env-bc-modern-whyus-card h3{ font-size:15.5px; font-weight:700; color:var(--bcm-dark); margin-bottom:10px; }
.env-bc-modern-whyus-card p{ font-size:13px; line-height:1.6; color:var(--bcm-muted); margin-bottom:0; }

/* =======================================================================
   11. Testimonials
======================================================================= */
.env-bc-modern-testimonials{ background:var(--bcm-bg-soft); }
.env-bc-modern-testimonials .env-bc-modern-section-head{ margin-left:auto; margin-right:auto; text-align:center; }
.env-bc-modern-testi-slider{ padding-bottom:10px; }
.env-bc-modern-testi-card{
    height:100%;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-lg);
    padding:40px 36px;
    box-shadow:var(--bcm-shadow-sm);
}
.env-bc-modern-testi-mark{ font-size:38px; color:rgba(0,120,212,.25); margin-bottom:10px; }
.env-bc-modern-testi-rating{ color:#FFB020; font-size:14px; margin-bottom:16px; }
.env-bc-modern-testi-rating i{ margin-right:2px; }
.env-bc-modern-testi-card > p{
    font-size:15.5px; line-height:1.8; color:var(--bcm-text);
    margin-bottom:26px;
    min-height:170px;
}
.env-bc-modern-testi-author{ display:flex; align-items:center; gap:14px; }
.env-bc-modern-testi-avatar{
    width:50px; height:50px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--bcm-primary),var(--bcm-accent-purple));
    color:#fff; font-weight:700; font-size:15px;
    flex-shrink:0;
}
.env-bc-modern-testi-author h4{ font-size:15.5px; font-weight:700; color:var(--bcm-dark); margin:0; }
.env-bc-modern-testi-author span{ font-size:13px; color:var(--bcm-muted); }
.env-bc-modern-testi-nav{
    display:flex; align-items:center; justify-content:center; gap:22px;
    margin-top:34px;
}
.env-bc-modern-testi-prev, .env-bc-modern-testi-next{
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff; border:1px solid var(--bcm-border);
    color:var(--bcm-primary);
    transition:background .3s var(--bcm-ease), color .3s var(--bcm-ease), transform .3s var(--bcm-ease);
}
.env-bc-modern-testi-prev:hover, .env-bc-modern-testi-next:hover{
    background:var(--bcm-primary); color:#fff; transform:scale(1.06);
}
.env-bc-modern-testi-pagination{ display:flex; align-items:center; gap:8px; }
.env-bc-modern-testi-pagination .swiper-pagination-bullet{
    width:8px; height:8px; background:var(--bcm-border); opacity:1; border-radius:50%;
    transition:width .3s var(--bcm-ease), background .3s var(--bcm-ease);
}
.env-bc-modern-testi-pagination .swiper-pagination-bullet-active{
    width:24px; border-radius:6px; background:var(--bcm-primary);
}

/* =======================================================================
   12. FAQ
======================================================================= */
.env-bc-modern-faq{ background:#fff; }
.env-bc-modern-faq-accordion{ display:flex; flex-direction:column; gap:14px; }
.env-bc-modern-faq-item{
    border:1px solid var(--bcm-border);
    border-radius:var(--bcm-radius-sm);
    overflow:hidden;
    background:var(--bcm-bg-soft);
    transition:border-color .3s var(--bcm-ease), background .3s var(--bcm-ease);
}
.env-bc-modern-faq-btn{
    width:100%;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:20px 22px;
    background:transparent; border:0;
    text-align:left;
    font-size:15.5px; font-weight:700; color:var(--bcm-dark);
}
.env-bc-modern-faq-icon{
    flex-shrink:0;
    width:32px; height:32px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff; color:var(--bcm-primary);
    font-size:12px;
    transition:transform .35s var(--bcm-ease), background .35s var(--bcm-ease), color .35s var(--bcm-ease);
}
.env-bc-modern-faq-btn[aria-expanded="true"] .env-bc-modern-faq-icon{
    background:var(--bcm-primary); color:#fff; transform:rotate(135deg);
}
.env-bc-modern-faq-item:has(.env-bc-modern-faq-btn[aria-expanded="true"]){
    background:#fff; border-color:rgba(0,120,212,.3); box-shadow:var(--bcm-shadow-sm);
}
.env-bc-modern-faq-a-inner{
    padding:0 22px 22px;
    font-size:14.5px; line-height:1.75; color:var(--bcm-muted);
}

/* =======================================================================
   Responsive
======================================================================= */
@media (max-width:1199px){
    .env-bc-modern-orbit-node{ transform:rotate(calc(var(--ang) * 1deg)) translate(230px) rotate(calc(var(--ang) * -1deg)) translate(-50%,-50%); }
}

@media (max-width:991px){
    .env-bc-modern-hero, .env-bc-modern-intro, .env-bc-modern-features,
    .env-bc-modern-benefits, .env-bc-modern-roi, .env-bc-modern-services,
    .env-bc-modern-whyus, .env-bc-modern-testimonials, .env-bc-modern-faq{ padding:72px 0; }
    .env-bc-modern-hero{ padding-top:110px; }
    .env-bc-modern-hero-visual{ padding:20px 10px 40px 10px; margin-top:20px; }
    .env-bc-modern-intro-visual{ padding:20px 10px 30px 0; margin-top:10px; }

    .env-bc-modern-benefits-layout{ flex-direction:column; }
    .env-bc-modern-benefits-visual{ position:static; flex:1 1 auto; width:100%; margin-bottom:8px; }
    .env-bc-modern-benefit-cards{ grid-template-columns:repeat(2,1fr); width:100%; }

    .env-bc-modern-whyus-grid{ grid-template-columns:repeat(3,1fr); }

    .env-bc-modern-orbit{ max-width:520px; }
    .env-bc-modern-orbit-node{ width:100px; transform:rotate(calc(var(--ang) * 1deg)) translate(200px) rotate(calc(var(--ang) * -1deg)) translate(-50%,-50%); }
    .env-bc-modern-orbit-node span{ font-size:10.5px; }

    .env-bc-modern-cta-banner{ padding:50px 30px; text-align:center; }
    .env-bc-modern-cta-actions{ align-items:center; margin-top:20px; }
}

@media (max-width:767px){
    .env-bc-modern-hero-actions{ flex-direction:column; align-items:flex-start; gap:18px; }
    .env-bc-modern-benefit-cards{ grid-template-columns:1fr; }
    .env-bc-modern-whyus-grid{ grid-template-columns:repeat(2,1fr); }
    .env-bc-modern-service-card:nth-child(2n){ transform:none; }
    .env-bc-modern-service-card:hover{ transform:translateY(-6px); }
    .env-bc-modern-service-card:nth-child(2n):hover{ transform:translateY(-6px); }

    /* Orbit becomes a simple stacked list on mobile — radial layout doesn't
       stay legible below tablet width */
    .env-bc-modern-orbit{ display:none; }
    .env-bc-modern-orbit-list{
        display:flex; flex-direction:column; gap:12px;
        max-width:520px; margin:0 auto;
    }
    .env-bc-modern-orbit-list-item{
        display:flex; align-items:center; gap:14px;
        background:rgba(255,255,255,.05);
        border:1px solid rgba(255,255,255,.12);
        border-radius:var(--bcm-radius-sm);
        padding:14px 18px;
    }
    .env-bc-modern-orbit-list-item i{
        width:40px; height:40px; border-radius:50%; flex-shrink:0;
        display:flex; align-items:center; justify-content:center;
        background:rgba(0,120,212,.16); color:#fff; font-size:16px;
    }
    .env-bc-modern-orbit-list-item span{ font-size:13.5px; font-weight:600; color:rgba(255,255,255,.85); }
}

@media (max-width:575px){
    .env-bc-modern-heading{ font-size:26px; }
    .env-bc-modern-hero-title{ font-size:32px; }
    .env-bc-modern-dash-card{ padding:20px; }
    .env-bc-modern-whyus-grid{ grid-template-columns:1fr 1fr; gap:14px; }
    .env-bc-modern-testi-card{ padding:28px 22px; }
    .env-bc-modern-cta-banner{ padding:40px 20px; }
    .env-bc-modern-single-visual{ max-width:200px; }
    .env-bc-modern-single-visual i{ font-size:48px; }
}


/* ==========================================================================
   PAGE: microsoft-dynamics-365-business-central.html
   Component: "What is Business Central" hexagon process-cycle diagram
   Scope:   .env-bc-cycle only — unique prefix, no conflicts elsewhere.
   ========================================================================== */

.env-bc-cycle{
    position:relative;
    width:100%;
    max-width:600px;
    margin:0 auto;
    aspect-ratio:8/5;
}

.env-bc-cycle-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
}
.env-bc-cycle-lines path{
    fill:none;
    stroke:var(--red,#ff1e00);
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-dasharray:3 2.4;
    animation:envBcCycleFlow 1s linear infinite;
}
.env-bc-cycle-lines marker path{
    fill:var(--red,#ff1e00);
    stroke:none;
}

@keyframes envBcCycleFlow{
    to{ stroke-dashoffset:-10.8; }
}
@keyframes envBcCycleFloat{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-8px); }
}
@keyframes envBcCyclePulse{
    0%,100%{ box-shadow:0 0 0 0 rgba(0,120,212,.16); }
    50%{ box-shadow:0 0 0 14px rgba(0,120,212,0); }
}

.env-bc-cycle-core{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    width:36%;
    aspect-ratio:1/1;
    border-radius:50%;
    background:#eef1f4;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:6%;
    animation:envBcCyclePulse 3.6s ease-in-out infinite;
}
.env-bc-cycle-core span{
    font-weight:800;
    letter-spacing:.01em;
    text-transform:uppercase;
    color:#101828;
    font-size:clamp(11px,2.5vw,16px);
    line-height:1.3;
}

.env-bc-cycle-node{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:10px;
    max-width:36%;
    transform:translate(-50%,-50%);
}
.env-bc-cycle-node--tl{ top:14%; left:25%; flex-direction:column-reverse; text-align:center; }
.env-bc-cycle-node--tr{ top:14%; left:75%; flex-direction:column-reverse; text-align:center; }
.env-bc-cycle-node--bl{ top:86%; left:25%; flex-direction:column; text-align:center; }
.env-bc-cycle-node--br{ top:86%; left:75%; flex-direction:column; text-align:center; }
.env-bc-cycle-node--ml{ top:50%; left:6.25%; flex-direction:row-reverse; text-align:right; }
.env-bc-cycle-node--mr{ top:50%; left:93.75%; flex-direction:row; text-align:left; }

.env-bc-cycle-node--tl .env-bc-cycle-icon{ animation-delay:0s; }
.env-bc-cycle-node--tr .env-bc-cycle-icon{ animation-delay:.5s; }
.env-bc-cycle-node--mr .env-bc-cycle-icon{ animation-delay:1s; }
.env-bc-cycle-node--br .env-bc-cycle-icon{ animation-delay:1.5s; }
.env-bc-cycle-node--bl .env-bc-cycle-icon{ animation-delay:2s; }
.env-bc-cycle-node--ml .env-bc-cycle-icon{ animation-delay:2.5s; }

.env-bc-cycle-icon{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:clamp(42px,9vw,74px);
    height:clamp(42px,9vw,74px);
    border-radius:50%;
    background:#101828;
    color:#fff;
    font-size:clamp(16px,3.4vw,28px);
    box-shadow:0 10px 24px -10px rgba(16,24,40,.45);
    animation:envBcCycleFloat 5s ease-in-out infinite;
    transition:transform .35s cubic-bezier(.16,.84,.44,1), box-shadow .35s cubic-bezier(.16,.84,.44,1), background .35s ease;
}
.env-bc-cycle-node:hover .env-bc-cycle-icon,
.env-bc-cycle-node:focus-within .env-bc-cycle-icon{
    animation:none;
    transform:scale(1.12) translateY(-4px);
    background:var(--red,#ff1e00);
    box-shadow:0 16px 32px -12px rgba(255,30,0,.5);
}
.env-bc-cycle-label{
    font-weight:700;
    color:#101828;
    font-size:clamp(10.5px,2.3vw,14px);
    line-height:1.3;
}

.env-bc-cycle-fallback-list{
    display:none;
    list-style:none;
    margin:0;
    padding:0;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.env-bc-cycle-fallback-list li{
    display:flex;
    align-items:center;
    gap:10px;
    background:#fff;
    border:1px solid rgba(16,24,40,.10);
    border-radius:14px;
    padding:12px 14px;
}
.env-bc-cycle-fallback-list i{
    flex:0 0 auto;
    width:38px; height:38px;
    border-radius:50%;
    background:#101828;
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:15px;
}
.env-bc-cycle-fallback-list span{
    font-weight:700;
    font-size:13px;
    color:#101828;
    line-height:1.3;
}

@media (max-width:575px){
    .env-bc-cycle{ aspect-ratio:auto; max-width:none; }
    .env-bc-cycle-lines,
    .env-bc-cycle-core,
    .env-bc-cycle-node{ display:none; }
    .env-bc-cycle-fallback-list{ display:grid; }
}

@media (prefers-reduced-motion: reduce){
    .env-bc-cycle-icon,
    .env-bc-cycle-core,
    .env-bc-cycle-lines path{
        animation:none !important;
    }
}

.envmfg-frame-2 {
    position: relative;
    border-radius: 22px;
    overflow: hidden; height: 500px;
    box-shadow: 0 30px 60px rgba(17, 24, 39, .18);
}


/* =====================================================================
   PAGE: erp.html - "ERP - One Powerful System To Run Your Entire Business"
   Premium modern ERP/SaaS redesign of the main content between the
   existing header and existing footer.
   All custom classes are namespaced with the unique prefix:  env-erp-modern-
   Content is unchanged - only layout, typography, color, motion.
===================================================================== */

.env-erp-modern-page{
    --eem-navy:#101828;
    --eem-navy-2:#172B56;
    --eem-blue:#fc661c;
    --eem-blue-2:#000;
    --eem-indigo:#fc661c;
    --eem-bg:#FFFFFF;
    --eem-bg-2:#F7F9FC;
    --eem-bg-3:#F1F5F9;
    --eem-accent:#FF6B35;
    --eem-border:rgba(16,24,40,.08);
    --eem-text:#101828;
    --eem-muted:#57607a;
    --eem-radius:24px;
    --eem-radius-sm:16px;
    --eem-shadow:0 24px 60px -20px rgba(16,24,40,.18);
    --eem-shadow-lg:0 40px 90px -30px rgba(16,24,40,.28);
    --eem-ease:cubic-bezier(.22,.61,.36,1);

    position:relative;
    display:block;
    overflow:hidden;
    background:var(--eem-bg);
    color:var(--eem-text);
    font-family:"Manrope", sans-serif;
}

.env-erp-modern-page *{ box-sizing:border-box; }

.env-erp-modern-page img{ max-width:100%; height:auto; }

.env-erp-modern-page section{
    position:relative;
    padding:96px 0;
}

/*.env-erp-modern-page .container{ position:relative; z-index:2; max-width:1240px; }*/

/* ---------- Shared typography ---------- */

.env-erp-modern-page h1,
.env-erp-modern-page h2,
.env-erp-modern-page h3,
.env-erp-modern-page h4{
    font-family: "Work Sans", sans-serif;
    color:var(--eem-navy);
    font-weight:400;
    line-height:1.15;
    letter-spacing:-.01em;
    margin:0 0 16px; font-size: 44px;
}

.env-erp-modern-page p{
    color:var(--eem-muted);
    font-size:clamp(16px,1.5vw,19px);
    line-height:1.7;
    margin:0;
}

.env-erp-modern-h2{
    font-size:44px;
    margin-bottom:18px;
}

.env-erp-modern-h3{
    font-size:clamp(20px,2.2vw,26px);
    font-weight:700;
    color:var(--eem-blue-2);
    margin-bottom:18px;
}

.env-erp-modern-lead{
    /*max-width:720px;*/
    font-size:clamp(16px,1.4vw,18px);
}

.env-erp-modern-section-head{
    /*max-width:820px;*/
    margin:0 auto 56px;
    text-align:center;
}

.env-erp-modern-section-head .env-erp-modern-lead{
    margin:0 auto;
}

.env-erp-modern-page a{ transition:all .35s var(--eem-ease); }

/* ---------- Shared buttons ---------- */

.env-erp-modern-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 28px;
    border-radius:100px;
    font-weight:700;
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    isolation:isolate;
}

.env-erp-modern-btn i{
    transition:transform .35s var(--eem-ease);
    font-size:15px;
}

.env-erp-modern-btn:hover i{ transform:translate(4px,-4px); }

.env-erp-modern-btn--primary{
    background: linear-gradient(135deg, var(--eem-blue) 0%, #f95454 55%, var(--eem-indigo) 100%);
    color:#fff !important;
    box-shadow:0 16px 32px -12px rgba(37,99,235,.55);
}

.env-erp-modern-btn--primary:hover{
    color:#fff !important;
    box-shadow:0 20px 42px -12px rgba(37,99,235,.7);
    transform:translateY(-2px);
}

.env-erp-modern-btn--light{
    background:#fff;
    color:var(--eem-navy) !important;
    box-shadow:0 16px 32px -14px rgba(0,0,0,.35);
}

.env-erp-modern-btn--light:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 42px -14px rgba(0,0,0,.4);
}

.env-erp-modern-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 18px 9px 14px;
    border-radius:100px;
    background:var(--eem-bg-3);
    border:1px solid var(--eem-border);
    color:var(--eem-blue-2);
    font-weight:700;
    font-size:13px;
    letter-spacing:.02em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.env-erp-modern-badge i{ color:var(--eem-accent); font-size:14px; }

/* =====================================================================
   01. HERO
===================================================================== */

.env-erp-modern-hero{
    padding-top:64px;
    padding-bottom:110px;
    background:var(--eem-bg-2);
}

.env-erp-modern-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
}

.env-erp-modern-grid{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(16,24,40,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(16,24,40,.035) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 20%,#000 40%,transparent 100%);
    mask-image:radial-gradient(ellipse 60% 55% at 50% 20%,#000 40%,transparent 100%);
}

.env-erp-modern-blob{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    opacity:.55;
}

.env-erp-modern-blob--a{
    width:520px; height:520px;
    top:-180px; right:-120px;
    background:radial-gradient(circle at 30% 30%,var(--eem-blue) 0%,var(--eem-indigo) 60%,transparent 75%);
}

.env-erp-modern-blob--b{
    width:420px; height:420px;
    bottom:-160px; left:-140px;
    background:radial-gradient(circle at 30% 30%,var(--eem-accent) 0%,transparent 70%);
    opacity:.28;
}

.env-erp-modern-hero-content{ max-width:620px; }

.env-erp-modern-hero-title{
    font-size: 44px;
    margin-bottom:22px;
}

.env-erp-modern-hero-text{
    font-size:clamp(17px,1.6vw,20px);
    max-width:520px;
    margin-bottom:36px;
}

.env-erp-modern-hero-actions{ display:flex; flex-wrap:wrap; gap:16px; }

/* ---- Hero trial-request form ---- */

.env-erp-modern-hero-visual{
    position:relative;
    max-width:100%;
    margin:0 auto;
    padding:0px 10px;
}

.env-erp-modern-trial-form{
    position:relative;
    z-index:2;
    margin-left:auto;
    background:#fff;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    box-shadow:var(--eem-shadow-lg);
    padding:28px 26px;
}

.env-erp-modern-trial-form-badge{
    width:40px; height:40px;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px;
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    font-size:17px;
    margin-bottom:12px;
}

.env-erp-modern-trial-form-title{
    font-size:19px;
    margin-bottom:16px;
}

.env-erp-modern-trial-field{
    position:relative;
    margin-bottom:10px; width: 100%;
}

.env-erp-modern-trial-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.env-erp-modern-trial-row .env-erp-modern-trial-field{ margin-bottom:10px; }
.env-erp-modern-trial-row .env-erp-modern-trial-field input{
    padding-left:38px;
}
.env-erp-modern-trial-row .env-erp-modern-trial-field i{ left:14px; }

/* ---- Company size segmented control ---- */
.env-erp-modern-trial-sizes{ margin-bottom:12px; }
.env-erp-modern-trial-sizes-label{
    display:block;
    font-size:11px; font-weight:700;
    letter-spacing:.08em; text-transform:uppercase;
    color:var(--eem-muted);
    margin-bottom:8px;
}
.env-erp-modern-trial-sizes-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}
.env-erp-modern-trial-sizes-grid input{
    position:absolute; opacity:0; pointer-events:none;
}
.env-erp-modern-trial-sizes-grid span{
    display:flex; align-items:center; justify-content:center;
    padding:9px 4px;
    border-radius:10px;
    border:1px solid #0f172614;
    background:#f7f9fc;
    font-size:13px; font-weight:600;
    color:var(--eem-navy);
    cursor:pointer;
    transition:all .25s var(--eem-ease);
}
.env-erp-modern-trial-sizes-grid label:hover span{ border-color: #f96f2a; }
.env-erp-modern-trial-sizes-grid input:checked + span{
    border-color:#f96f2a;
    background:rgba(0,120,212,.10);
    color:var(--eem-blue);
}
.env-erp-modern-trial-sizes-grid input:focus-visible + span{
    box-shadow:0 0 0 4px rgba(0,120,212,.12);
}

.env-erp-modern-trial-field i{
    position:absolute;
    top:50%; left:18px;
    transform:translateY(-50%);
    color:var(--eem-muted);
    font-size:16px;
    pointer-events:none;
    transition:color .3s var(--eem-ease);
}

.env-erp-modern-trial-field input{
    width:100%;
    padding:11px 16px 11px 44px;
    border-radius:12px;
    border:1px solid var(--eem-border);
    background:var(--eem-bg-2);
    font-family:"Manrope", sans-serif;
    font-size:14.5px;
    color:var(--eem-navy);
    transition:all .3s var(--eem-ease);
}

.env-erp-modern-trial-field input::placeholder{ color:var(--eem-muted); opacity:.85; }

.env-erp-modern-trial-field input:focus{
    outline:none;
    border-color:var(--eem-blue);
    background:#fff;
    box-shadow:0 0 0 4px rgba(0,120,212,.12);
}

.env-erp-modern-trial-field:focus-within i{ color:var(--eem-blue); }

.env-erp-modern-trial-submit{
    width:100%;
    justify-content:center;
    margin-top:8px;
}

/* ---- Floating decorative accents ---- */

.env-erp-modern-float{
    position:absolute;
    z-index:3;
    will-change:transform;
}

.env-erp-modern-float--icon{
    width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid var(--eem-border);
    box-shadow:var(--eem-shadow);
    font-size:22px;
    color:var(--eem-blue);
}

.env-erp-modern-float--a{ top:-16px; right:10px; }

.env-erp-modern-float--b{ bottom:-14px; left:2px; color:var(--eem-accent); }

/* =====================================================================
   02. FEATURES - INTERACTIVE EXPLORER
===================================================================== */

.env-erp-modern-features{ background:var(--eem-bg); overflow:hidden; }

/* ---- Interactive feature explorer (tabs + live showcase panel) ---- */

.env-erp-modern-explore{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:56px;
    align-items:stretch;
}

.env-erp-modern-explore-tabs{
    display:flex;
    flex-direction:column;
}

.env-erp-modern-explore-tab{
    display:block;
    width:100%;
    padding:22px 6px;
    background:none;
    border:0;
    border-top:1px solid var(--eem-border);
    text-align:left;
    cursor:pointer;
    font-family:"Manrope", sans-serif;
}

.env-erp-modern-explore-tab:first-child{ border-top:0; padding-top:6px; }
.env-erp-modern-explore-tab:last-child{ padding-bottom:6px; }

.env-erp-modern-explore-tab-top{
    display:flex;
    align-items:center;
    gap:16px;
}

.env-erp-modern-explore-tab-num{
    flex-shrink:0;
    width:22px;
    font-size:13px;
    font-weight:800;
    color:var(--eem-muted);
    transition:color .4s var(--eem-ease);
}

.env-erp-modern-explore-tab-icon{
    flex-shrink:0;
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--eem-bg-3);
    color:var(--eem-navy);
    font-size:18px;
    transition:all .4s var(--eem-ease);
}

.env-erp-modern-explore-tab-title{
    font-size:16.5px;
    font-weight:700;
    color:var(--eem-navy);
    opacity:.5;
    transition:opacity .4s var(--eem-ease);
}

.env-erp-modern-explore-tab-bar{
    margin-top:16px;
    height:2px;
    border-radius:2px;
    background:var(--eem-border);
    overflow:hidden;
}

.env-erp-modern-explore-tab-bar-fill{
    display:block;
    height:30%;
    width:0%;
    background: linear-gradient(90deg, #FF9800, #FF5722);
    border-radius: 20px;
}

.env-erp-modern-explore-tab:hover .env-erp-modern-explore-tab-title{ opacity:.8; }

.env-erp-modern-explore-tab.is-active .env-erp-modern-explore-tab-title{ opacity:1; }
.env-erp-modern-explore-tab.is-active .env-erp-modern-explore-tab-num{ color:var(--eem-blue-2); }

.env-erp-modern-explore-tab.is-active .env-erp-modern-explore-tab-icon{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    transform:scale(1.06);
}

/* ---- Showcase panel ---- */

.env-erp-modern-explore-panel{
    position:relative;
    min-height:420px;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    background:linear-gradient(160deg,var(--eem-bg-2) 0%,#eef2fa 100%);
    overflow:hidden;
}

.env-erp-modern-explore-panel-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }

.env-erp-modern-explore-panel-blob{
    position:absolute;
    top:-90px; right:-90px;
    width:320px; height:320px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%,var(--eem-blue) 0%,var(--eem-indigo) 60%,transparent 75%);
    opacity:.16;
    filter:blur(6px);
}

.env-erp-modern-explore-panel-ring{
    position:absolute;
    bottom:-70px; left:-70px;
    width:220px; height:220px;
    border-radius:50%;
    border:1px dashed rgba(16,24,40,.14);
}

.env-erp-modern-explore-item{
    position:absolute;
    inset:0;
    z-index:1;
    padding:56px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    transition:opacity .5s var(--eem-ease), transform .5s var(--eem-ease), visibility 0s linear .5s;
}

.env-erp-modern-explore-item.is-active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:opacity .5s var(--eem-ease), transform .5s var(--eem-ease), visibility 0s;
}

.env-erp-modern-explore-item-icon{
    width:64px; height:64px;
    display:flex; align-items:center; justify-content:center;
    border-radius:20px;
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    font-size:26px;
    margin-bottom:24px;
}

.env-erp-modern-explore-item h4{ font-size:26px; max-width:420px; margin-bottom:14px; }
.env-erp-modern-explore-item p{ font-size:16px; max-width:440px; margin-bottom:28px; }

.env-erp-modern-explore-item-link{
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    border:1px solid var(--eem-border);
    background:#fff;
    color:var(--eem-navy);
    transition:all .4s var(--eem-ease);
}

.env-erp-modern-explore-item-link i{ transition:transform .4s var(--eem-ease); }

.env-erp-modern-explore-item-link:hover{
    background:var(--eem-blue);
    border-color:var(--eem-blue);
    color:#fff !important;
}

.env-erp-modern-explore-item-link:hover i{ transform:translate(3px,-3px); }

/* =====================================================================
   03. COMPARISON - SPREADSHEETS VS ERP
===================================================================== */

.env-erp-modern-comparison{ background:var(--eem-bg-2); }

.env-erp-modern-vs-wrap{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    align-items:stretch;
}

.env-erp-modern-vs-card{
    position:relative;
    padding:40px 36px;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    background:#fff;
}

.env-erp-modern-vs-card--negative{
    background:linear-gradient(180deg,#fff 0%,#fff5f2 100%);
    border-color:rgba(255,107,53,.2);
}

.env-erp-modern-vs-card--positive{
    background:linear-gradient(180deg,var(--eem-navy) 0%,var(--eem-navy-2) 100%);
    border-color:rgba(255,255,255,.08);
    box-shadow:var(--eem-shadow-lg);
}

.env-erp-modern-vs-card--positive h4{ color:#fff; }

.env-erp-modern-vs-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    border-radius:100px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:18px;
}

.env-erp-modern-vs-card--negative .env-erp-modern-vs-tag{
    background:rgba(255,107,53,.12);
    color:var(--eem-accent);
}

.env-erp-modern-vs-card--positive .env-erp-modern-vs-tag{
    background:rgba(0,120,212,.18);
    color:#7fd0ff;
}

.env-erp-modern-vs-card h4{ font-size:24px; margin-bottom:24px; }

.env-erp-modern-vs-list{ display:flex; flex-direction:column; gap:16px; }

.env-erp-modern-vs-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:15.5px;
    line-height:1.55;
    color:var(--eem-muted);
}

.env-erp-modern-vs-card--positive .env-erp-modern-vs-list li{ color:rgba(255,255,255,.82); }

.env-erp-modern-vs-list i{ margin-top:3px; flex-shrink:0; font-size:16px; }

.env-erp-modern-vs-card--negative .env-erp-modern-vs-list i{ color:var(--eem-accent); }
.env-erp-modern-vs-card--positive .env-erp-modern-vs-list i{ color:#3ecf8e; }

.env-erp-modern-vs-badge{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:66px; height:66px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid var(--eem-border);
    box-shadow:var(--eem-shadow);
    font-weight:800;
    font-size:14px;
    color:var(--eem-navy);
    z-index:3;
}

/* =====================================================================
   04. RED FLAGS - SCROLL TIMELINE
===================================================================== */

.env-erp-modern-redflags{ background:var(--eem-bg); }

.env-erp-modern-timeline{
    position:relative;
    max-width:880px;
    margin:0 auto;
    padding-left:64px;
}

.env-erp-modern-timeline-line{
    position:absolute;
    top:6px; bottom:6px; left:19px;
    width:2px;
    background:var(--eem-border);
}

.env-erp-modern-timeline-line-fill{
    position:absolute;
    top:0; left:0; width:100%;
    height:0%;
    background:linear-gradient(180deg,var(--eem-blue),var(--eem-indigo));
    transform-origin:top;
}

.env-erp-modern-redflag{
    position:relative;
    padding-bottom:56px;
}

.env-erp-modern-redflag:last-child{ padding-bottom:0; }

.env-erp-modern-redflag-num{
    position:absolute;
    left:-64px; top:0;
    width:40px; height:40px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:#fc661c;
    border:2px solid var(--eem-border);
    font-weight:800;
    font-size:13px;
    color:#fff;
    transition:all .5s var(--eem-ease);
}

.env-erp-modern-redflag-card{
    display:flex;
    align-items:flex-start;
    gap:22px;
    padding:30px 32px;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    background:var(--eem-bg-2);
    opacity:.55;
    transition:all .5s var(--eem-ease);
}

.env-erp-modern-redflag-icon{
    flex-shrink:0;
    width:52px; height:52px;
    display:flex; align-items:center; justify-content:center;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--eem-border);
    color:var(--eem-blue-2);
    font-size:20px;
}

.env-erp-modern-redflag-card h4{ font-size:19px; margin-bottom:8px; }
.env-erp-modern-redflag-card p{ font-size:15px; }

.env-erp-modern-redflag-num::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    opacity:0;
    pointer-events:none;
}

.env-erp-modern-redflag.is-active .env-erp-modern-redflag-num{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    border-color:transparent;
    color:#fff;
    transform:scale(1.12);
    animation:eemNumPop .6s var(--eem-ease);
}

.env-erp-modern-redflag.is-active .env-erp-modern-redflag-num::after{
    animation:eemNumPing 1s var(--eem-ease);
}

.env-erp-modern-redflag.is-active .env-erp-modern-redflag-card{
    background:#fff;
    border-color:rgba(0,120,212,.25);
    box-shadow:var(--eem-shadow);
    opacity:1;
    transform:translateX(4px);
    animation:eemCardPop .5s var(--eem-ease);
}

.env-erp-modern-redflag.is-active .env-erp-modern-redflag-icon{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    border-color:transparent;
    animation:eemIconPop .6s var(--eem-ease);
}

@keyframes eemNumPop{
    0%{ transform:scale(1); }
    45%{ transform:scale(1.4); }
    72%{ transform:scale(1); }
    100%{ transform:scale(1.12); }
}

@keyframes eemNumPing{
    0%{ transform:scale(1); opacity:.55; }
    100%{ transform:scale(1.9); opacity:0; }
}

@keyframes eemIconPop{
    0%{ transform:scale(1) rotate(0deg); }
    50%{ transform:scale(1.28) rotate(-12deg); }
    100%{ transform:scale(1) rotate(0deg); }
}

@keyframes eemCardPop{
    0%{ transform:translateX(4px) scale(.98); }
    100%{ transform:translateX(4px) scale(1); }
}

/* =====================================================================
   04a. RED FLAGS - COMPACT CREATIVE GRID (.env-erp-rf3)
===================================================================== */

.env-erp-rf3{
    max-width:100%;
    margin-top:36px;
    padding-left:0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

/* spine element is unused in this layout - keep for JS, hide visually */
.env-erp-rf3 .env-erp-modern-timeline-line{ display:none; }

.env-erp-rf3-step{
    position:relative;
    padding-bottom:0;
}

/* small number chip riding the card's top-left corner */
.env-erp-rf3 .env-erp-modern-redflag-num{
    left:14px; top:-12px;
    width:28px; height:28px;
    font-size:11px;
    border:2px solid var(--eem-bg);
    background:var(--eem-navy);
    box-shadow:0 6px 16px -6px rgba(16,24,40,.5);
    z-index:3;
    transition:all .4s var(--eem-ease);
}
.env-erp-rf3 .env-erp-modern-redflag.is-active .env-erp-modern-redflag-num{
    background:linear-gradient(135deg,var(--eem-blue),#f95454);
    transform:scale(1.1);
}

/* compact card */
.env-erp-rf3 .env-erp-modern-redflag-card{
    position:relative;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    height:100%;
    padding:20px 20px 18px;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--eem-border);
    border-radius:16px;
    opacity:1;
    box-shadow:0 8px 22px -16px rgba(16,24,40,.25);
    transition:transform .4s var(--eem-ease),box-shadow .4s var(--eem-ease),border-color .4s var(--eem-ease);
}
.env-erp-rf3 .env-erp-modern-redflag-card:hover,
.env-erp-rf3 .env-erp-modern-redflag.is-active .env-erp-modern-redflag-card{
    transform:translateY(-4px);
    border-color:rgba(252,102,28,.4);
    box-shadow:0 18px 40px -20px rgba(252,102,28,.4);
}

/* diagonal gradient corner flash */
.env-erp-rf3 .env-erp-modern-redflag-card::after{
    content:"";
    position:absolute;
    right:-40px; top:-40px;
    width:90px; height:90px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(252,102,28,.16),transparent 70%);
    opacity:0;
    transition:opacity .4s var(--eem-ease);
}
.env-erp-rf3 .env-erp-modern-redflag-card:hover::after,
.env-erp-rf3 .env-erp-modern-redflag.is-active .env-erp-modern-redflag-card::after{ opacity:1; }

/* subtle ghost number */
.env-erp-rf3-ghost{
    position:absolute;
    right:10px; bottom:-14px;
    font-size:58px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.04em;
    color:var(--eem-navy);
    opacity:.05;
    pointer-events:none;
}

.env-erp-rf3 .env-erp-modern-redflag-icon{
    width:40px; height:40px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(252,102,28,.12),rgba(249,84,84,.12));
    border-color:rgba(252,102,28,.2);
    color:var(--eem-blue);
    font-size:17px;
    transition:all .4s var(--eem-ease);
}
.env-erp-rf3 .env-erp-modern-redflag.is-active .env-erp-modern-redflag-icon{
    background:linear-gradient(135deg,var(--eem-blue),#f95454);
    color:#fff;
    transform:rotate(-6deg);
}

.env-erp-rf3-body{ position:relative; }
.env-erp-rf3 .env-erp-modern-redflag-card h4{ font-size: 18.5px; line-height: 1.35; margin-bottom: 6px; font-weight: 600; }
.env-erp-rf3 .env-erp-modern-redflag-card p{ font-size:16px; line-height:1.55; color:var(--eem-muted); }

@media (max-width:640px){
    .env-erp-rf3{ grid-template-columns:1fr; gap:20px; }
}

/* =====================================================================
   04b. RED FLAGS - CREATIVE BLOCK GRID (.env-erp-rf2)
===================================================================== */

.env-erp-rf2{
    max-width:100%;
    padding-left:0;
}

.env-erp-rf2-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:26px;
}

/* centre hub where the four blocks meet */
.env-erp-rf2-hub{
    position:absolute;
    left:50%; top:50%;
    width:84px; height:84px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--eem-navy),var(--eem-navy-2));
    border:6px solid var(--eem-bg-2);
    box-shadow:0 18px 40px -12px rgba(6,14,45,.5);
    z-index:4;
}
.env-erp-rf2-hub::after{
    content:"";
    position:absolute;
    inset:-14px;
    border-radius:50%;
    border:1px dashed rgba(0,120,212,.35);
    animation:rf2Spin 22s linear infinite;
}
.env-erp-rf2-hub span{
    font-size:14px;
    font-weight:800;
    letter-spacing:.12em;
    color:#fff;
}
@keyframes rf2Spin{ to{ transform:rotate(360deg); } }

/* the block */
.env-erp-rf2-block{
    position:relative;
    overflow:hidden;
    padding:34px 32px 30px;
    border-radius:20px;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
    border:1px solid var(--eem-border);
    box-shadow:0 12px 30px -18px rgba(15,30,70,.25);
    opacity:1;
    transition:transform .45s var(--eem-ease), box-shadow .45s var(--eem-ease), border-color .45s var(--eem-ease);
}
.env-erp-rf2-block::before{
    content:"";
    position:absolute;
    left:0; top:0; right:0;
    height:4px;
    background:linear-gradient(90deg,var(--eem-blue),var(--eem-indigo));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s var(--eem-ease);
}
.env-erp-rf2-block::after{
    content:"";
    position:absolute;
    right:-60px; top:-60px;
    width:160px; height:160px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,120,212,.14),transparent 70%);
    opacity:0;
    transition:opacity .5s var(--eem-ease);
}
.env-erp-rf2-block:hover,
.env-erp-rf2-block.is-active{
    transform:translateY(-6px);
    border-color:rgba(0,120,212,.28);
    box-shadow:0 30px 60px -24px rgba(15,30,70,.35);
}
.env-erp-rf2-block:hover::before,
.env-erp-rf2-block.is-active::before{ transform:scaleX(1); }
.env-erp-rf2-block:hover::after,
.env-erp-rf2-block.is-active::after{ opacity:1; }

/* giant watermark numeral */
.env-erp-rf2-watermark{
    position:absolute;
    right:18px; bottom:-24px;
    font-size:130px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.05em;
    color:transparent;
    -webkit-text-stroke:2px rgba(15,30,70,.07);
    pointer-events:none;
    transition:-webkit-text-stroke .5s var(--eem-ease);
}
.env-erp-rf2-block.is-active .env-erp-rf2-watermark,
.env-erp-rf2-block:hover .env-erp-rf2-watermark{
    -webkit-text-stroke:2px rgba(0,120,212,.22);
}

.env-erp-rf2-block-top{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

/* icon tile - reuse base class, restyle */
.env-erp-rf2 .env-erp-modern-redflag-icon{
    width:54px; height:54px;
    border-radius:16px;
    font-size:22px;
    background:linear-gradient(135deg,#eef4ff,#e3edff);
    border:1px solid rgba(0,120,212,.14);
    color:var(--eem-blue-2);
    transition:all .45s var(--eem-ease);
}
.env-erp-rf2-block.is-active .env-erp-modern-redflag-icon,
.env-erp-rf2-block:hover .env-erp-modern-redflag-icon{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    border-color:transparent;
    transform:rotate(-6deg);
}

/* number pill - reuse base class, restyle */
.env-erp-rf2 .env-erp-modern-redflag-num{
    position:static;
    width:auto; height:auto;
    padding:6px 12px;
    border-radius:100px;
    border:0;
    font-size:12px;
    letter-spacing:.14em;
    background:rgba(15,30,70,.06);
    color:var(--eem-navy);
}
.env-erp-rf2 .env-erp-modern-redflag.is-active .env-erp-modern-redflag-num{
    background:var(--eem-accent);
    color:#fff;
    transform:none;
}

.env-erp-rf2-block h4{
    position:relative;
    z-index:2;
    font-size:20px;
    margin-bottom:10px;
    color:var(--eem-navy);
}
.env-erp-rf2-block p{
    position:relative;
    z-index:2;
    font-size:15px;
    line-height:1.62;
    color:var(--eem-muted);
    margin:0;
}

/* bottom progress strip */
.env-erp-rf2-strip{
    position:relative;
    z-index:2;
    display:block;
    margin-top:22px;
    height:5px;
    border-radius:5px;
    background:rgba(15,30,70,.07);
    overflow:hidden;
}
.env-erp-rf2-strip > span{
    display:block;
    height:100%;
    width:28%;
    border-radius:5px;
    background:linear-gradient(90deg,var(--eem-blue),var(--eem-indigo));
    transition:width 1s var(--eem-ease);
}
.env-erp-rf2-block.is-active .env-erp-rf2-strip > span,
.env-erp-rf2-block:hover .env-erp-rf2-strip > span{ width:100%; }

@media (max-width:820px){
    .env-erp-rf2-grid{ gap:18px; }
    .env-erp-rf2-hub{ display:none; }
}
@media (max-width:600px){
    .env-erp-rf2-grid{ grid-template-columns:1fr; }
    .env-erp-rf2-block{ padding:28px 24px 26px; }
    .env-erp-rf2-watermark{ font-size:104px; }
}

/* =====================================================================
   05. MAIN CTA
===================================================================== */

.env-erp-modern-cta{ padding:40px 0 100px; }

.env-erp-modern-cta-box{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:64px;
    background:linear-gradient(135deg,var(--eem-navy) 0%,var(--eem-navy-2) 55%,#1b2f66 100%);
    box-shadow:var(--eem-shadow-lg);
}

.env-erp-modern-cta-bg{ position:absolute; inset:0; z-index:0; }

.env-erp-modern-blob--c{
    width:420px; height:420px;
    top:-160px; left:-100px;
    background:radial-gradient(circle,var(--eem-blue) 0%,transparent 70%);
    opacity:.45;
}

.env-erp-modern-blob--d{
    width:360px; height:360px;
    bottom:-160px; right:-80px;
    background:radial-gradient(circle,var(--eem-indigo) 0%,transparent 70%);
    opacity:.4;
}

.env-erp-modern-cta-content{ position:relative; z-index:2; }

.env-erp-modern-cta .env-erp-modern-cta-title{
    color:#fff;
    font-size:clamp(30px,3.6vw,44px);
    margin-bottom:18px;
}

.env-erp-modern-cta-text{
    color:rgba(255,255,255,.75);
    max-width:520px;
    margin-bottom:34px;
}

.env-erp-modern-cta-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:28px;
}

.env-erp-modern-cta-phone{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-weight:800;
    font-size:18px;
}

.env-erp-modern-cta-phone i{
    width:42px; height:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    font-size:15px;
}

.env-erp-modern-cta-phone:hover{ color:var(--eem-accent) !important; }

.env-erp-modern-cta-visual{
    position:relative;
    height:260px;
    z-index:2;
}

.env-erp-modern-cta-ring{
    position:absolute;
    top:50%; left:50%;
    width:220px; height:220px;
    transform:translate(-50%,-50%);
    border:1px dashed rgba(255,255,255,.22);
    border-radius:50%;
}

.env-erp-modern-cta-ring::before{
    content:"";
    position:absolute;
    inset:36px;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:50%;
}

.env-erp-modern-cta-widget{
    position:absolute;
    width:64px; height:64px;
    display:flex; align-items:center; justify-content:center;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:24px;
}

.env-erp-modern-cta-widget--a{ top:8%; left:50%; transform:translateX(-50%); }
.env-erp-modern-cta-widget--b{ bottom:14%; left:12%; }
.env-erp-modern-cta-widget--c{ bottom:14%; right:12%; }

/* =====================================================================
   06. WHY ENVERTIS - CREDENTIAL GRID
===================================================================== */

.env-erp-modern-why{ background:var(--eem-bg-2); }

.env-erp-modern-why-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

/* ---- Hero credential banner ---- */

.env-erp-modern-why-hero{
    position:relative;
    grid-column:1 / -1;
    display:flex;
    align-items:center;
    gap:32px;
    overflow:hidden;
    padding:44px 48px;
    border-radius:var(--eem-radius);
    background:linear-gradient(135deg,var(--eem-navy) 0%,var(--eem-navy-2) 55%,#1b2f66 100%);
    box-shadow:var(--eem-shadow-lg);
}

.env-erp-modern-why-hero-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }

.env-erp-modern-why-hero-dots{
    position:absolute;
    inset:0;
    background-image:radial-gradient(rgba(255,255,255,.16) 1.5px, transparent 1.5px);
    background-size:18px 18px;
    -webkit-mask-image:linear-gradient(115deg, transparent 40%, #000 75%);
    mask-image:linear-gradient(115deg, transparent 40%, #000 75%);
}

.env-erp-modern-why-hero-blob{
    position:absolute;
    top:-100px; right:-80px;
    width:280px; height:280px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%, var(--eem-blue) 0%, var(--eem-indigo) 60%, transparent 75%);
    opacity:.5;
    filter:blur(10px);
}

.env-erp-modern-why-hero-icon{
    position:relative; z-index:1;
    flex-shrink:0;
    width:76px; height:76px;
    display:flex; align-items:center; justify-content:center;
    border-radius:22px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    font-size:32px;
}

.env-erp-modern-why-hero-text{ position:relative; z-index:1; max-width:640px; }

.env-erp-modern-why-kicker{
    display:inline-block;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    margin-bottom:10px;
}

.env-erp-modern-why-hero-text .env-erp-modern-why-kicker{ color:#7fd0ff; }

.env-erp-modern-why-hero-text h4{ color:#fff; font-size:26px; margin-bottom:10px; }
.env-erp-modern-why-hero-text p{ color:rgba(255,255,255,.72); font-size:16px; max-width:520px; margin-bottom:0; }

/* ---- Credential cards ---- */

.env-erp-modern-why-card{
    position:relative;
    overflow:hidden;
    padding:34px 32px;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    background:#fff;
    transition:transform .5s var(--eem-ease), box-shadow .5s var(--eem-ease), border-color .5s var(--eem-ease);
}

.env-erp-modern-why-card::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:3px;
    background:linear-gradient(90deg,var(--eem-blue),var(--eem-indigo));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s var(--eem-ease);
}

.env-erp-modern-why-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--eem-shadow-lg);
    border-color:rgba(0,120,212,.2);
}

.env-erp-modern-why-card:hover::before{ transform:scaleX(1); }

.env-erp-modern-why-card .env-erp-modern-why-kicker{ color:var(--eem-blue-2); }

.env-erp-modern-why-icon{
    position:relative; z-index:1;
    width:52px; height:52px;
    display:flex; align-items:center; justify-content:center;
    border-radius:16px;
    background:var(--eem-bg-3);
    color:var(--eem-blue-2);
    font-size:20px;
    margin-bottom:18px;
    transition:all .5s var(--eem-ease);
}

.env-erp-modern-why-card:hover .env-erp-modern-why-icon{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    transform:scale(1.08) rotate(-4deg);
}

.env-erp-modern-why-card h4{ position:relative; z-index:1; font-size:18.5px; margin-bottom:8px; }
.env-erp-modern-why-card p{ position:relative; z-index:1; font-size:14.5px; }

/* ---------------------------------------------------------------------
   06b. WHY - STAGGERED CREATIVE ROW (.env-erp-why2)
--------------------------------------------------------------------- */

.env-erp-why2{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:38px;
}

.env-erp-why2-card{
    --c1:#000;
    --c2:#ff9d3c;
    position:relative;
    overflow:hidden;
    padding:26px 22px 22px;
    border-radius:18px;
    background:
        radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c1) 16%,transparent),transparent 55%),
        linear-gradient(180deg,#fff,var(--eem-bg-2));
    border:1px solid color-mix(in srgb,var(--c1) 24%,var(--eem-border));
    box-shadow:0 12px 28px -18px color-mix(in srgb,var(--c1) 45%,rgba(16,24,40,.3));
    transition:transform .4s var(--eem-ease),box-shadow .4s var(--eem-ease),border-color .4s var(--eem-ease);
}

/* colour glow blob */
.env-erp-why2-card::after{
    content:"";
    position:absolute;
    right:-46px; bottom:-46px;
    width:130px; height:130px;
    border-radius:50%;
    background:radial-gradient(circle,color-mix(in srgb,var(--c1) 40%,transparent),transparent 70%);
    opacity:.55;
    transition:opacity .4s var(--eem-ease),transform .4s var(--eem-ease);
    pointer-events:none;
}

/* alternating vertical offset for a dynamic rhythm */
.env-erp-why2-card:nth-child(even){ transform:translateY(24px); }

.env-erp-why2-card:hover{
    transform:translateY(-8px);
    border-color:color-mix(in srgb,var(--c1) 55%,transparent);
    box-shadow:0 28px 55px -22px color-mix(in srgb,var(--c1) 60%,transparent);
}
.env-erp-why2-card:nth-child(even):hover{ transform:translateY(16px); }
.env-erp-why2-card:hover::after{ opacity:.9; transform:scale(1.15); }

/* vivid top accent bar - always on */
.env-erp-why2-card::before{
    content:"";
    position:absolute;
    left:0; right:0; top:0;
    height:4px;
    background:linear-gradient(90deg,var(--c1),var(--c2));
}

.env-erp-why2-ghost{
    position:absolute;
    right:10px; top:-12px;
    font-size:70px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.05em;
    background:linear-gradient(135deg,var(--c1),var(--c2));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    opacity:.22;
    pointer-events:none;
}

.env-erp-why2-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}

.env-erp-why2-icon{
    width:44px; height:44px;
    display:flex; align-items:center; justify-content:center;
    border-radius:13px;
    background:linear-gradient(135deg,var(--c1),var(--c2));
    color:#fff;
    font-size:19px;
    box-shadow:0 10px 22px -8px color-mix(in srgb,var(--c1) 70%,transparent);
    transition:transform .4s var(--eem-ease);
}
.env-erp-why2-card:hover .env-erp-why2-icon{ transform:rotate(-8deg) scale(1.08); }

.env-erp-why2-kicker{
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--c1);
}

.env-erp-why2-card h4{ position:relative; z-index:1; font-size:16px; line-height:1.35; margin-bottom:7px; }
.env-erp-why2-card p{ position:relative; z-index:1; font-size:13px; line-height:1.55; color:var(--eem-muted); margin-bottom:0; }

@media (max-width:991px){
    .env-erp-why2{ grid-template-columns:repeat(2,1fr); gap:18px 16px; }
    .env-erp-why2-card:nth-child(even){ transform:none; }
    .env-erp-why2-card:nth-child(even):hover{ transform:translateY(-8px); }
}

@media (max-width:575px){
    .env-erp-why2{ grid-template-columns:1fr; }
}

/* ---------------------------------------------------------------------
   06c. WHY - V2 : bolder, glossier, numbered (.env-erp-why2--v2)
--------------------------------------------------------------------- */

.env-erp-why2--v2{ counter-reset:why2; margin-top:44px; }

.env-erp-why2--v2 .env-erp-why2-card{
    counter-increment:why2;
    padding:30px 24px 24px;
    border-radius:22px;
    background:
        radial-gradient(130% 100% at 0% 0%,color-mix(in srgb,var(--c1) 22%,transparent),transparent 48%),
        radial-gradient(120% 90% at 100% 100%,color-mix(in srgb,var(--c2) 18%,transparent),transparent 55%),
        linear-gradient(180deg,#fff,var(--eem-bg-2));
    border:1px solid color-mix(in srgb,var(--c1) 30%,var(--eem-border));
}

/* big translucent outline numeral, generated - no markup needed */
.env-erp-why2--v2 .env-erp-why2-card > h4::after{
    content:counter(why2,decimal-leading-zero);
    position:absolute;
    right:16px; top:-70px;
    font-size:64px;
    font-weight:900;
    letter-spacing:-.04em;
    -webkit-text-stroke:2px color-mix(in srgb,var(--c1) 55%,transparent);
    color:transparent;
    opacity:.5;
    pointer-events:none;
    transition:transform .45s var(--eem-ease),opacity .45s var(--eem-ease);
}
.env-erp-why2--v2 .env-erp-why2-card:hover > h4::after{
    transform:translateY(-4px) scale(1.06);
    opacity:.85;
}

/* glossy diagonal shine sweep on hover */
.env-erp-why2--v2 .env-erp-why2-card > p::after{
    content:"";
    position:absolute;
    top:-260px; left:-70%;
    width:55%; height:520px;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
    transform:skewX(-18deg);
    pointer-events:none;
    transition:none;
}
.env-erp-why2--v2 .env-erp-why2-card:hover > p::after{
    left:130%;
    transition:left .8s var(--eem-ease);
}

/* kicker as a tinted pill */
.env-erp-why2--v2 .env-erp-why2-kicker{
    padding:5px 11px;
    border-radius:999px;
    background:color-mix(in srgb,var(--c1) 14%,transparent);
    color:color-mix(in srgb,var(--c1) 78%,#000);
}

/* punchier icon with ring */
.env-erp-why2--v2 .env-erp-why2-icon{
    width:48px; height:48px;
    border-radius:15px;
    font-size:21px;
    box-shadow:
        0 12px 26px -8px color-mix(in srgb,var(--c1) 75%,transparent),
        0 0 0 5px color-mix(in srgb,var(--c1) 12%,transparent);
}
.env-erp-why2--v2 .env-erp-why2-card:hover .env-erp-why2-icon{
    transform:rotate(-10deg) scale(1.12);
}

.env-erp-why2--v2 .env-erp-why2-card h4{ font-size:16.5px; }

/* animated underline accent under the heading */
.env-erp-why2--v2 .env-erp-why2-card h4::before{
    content:"";
    position:absolute;
    left:0; bottom:-5px;
    width:26px; height:3px;
    border-radius:3px;
    background:linear-gradient(90deg,var(--c1),var(--c2));
    transition:width .45s var(--eem-ease);
}
.env-erp-why2--v2 .env-erp-why2-card:hover h4::before{ width:52px; }

.env-erp-why2--v2 .env-erp-why2-card h4{ padding-bottom:9px; }

.env-erp-why2--v2 .env-erp-why2-card:hover{
    transform:translateY(-10px);
}
.env-erp-why2--v2 .env-erp-why2-card:nth-child(even):hover{ transform:translateY(14px); }

@media (max-width:991px){
    .env-erp-why2--v2 .env-erp-why2-card:nth-child(even):hover{ transform:translateY(-10px); }
}

/* ---------------------------------------------------------------------
   06d. WHY - SPLIT : left visual + heading, right 4 blocks (.env-erp-split)
--------------------------------------------------------------------- */

.env-erp-split{
    --sp-accent:#fc661c;
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:48px;
    align-items:stretch;
    margin-top:14px;
}

/* ---- left column ---- */
.env-erp-split-media{
    display:flex;
    flex-direction:column;
    height:100%;
}

.env-erp-split-eyebrow{
    display:inline-block;
    margin-bottom:14px;
    padding:6px 13px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--sp-accent);
    background:color-mix(in srgb,var(--sp-accent) 12%,transparent);
}

.env-erp-split-title{
    font-size:29px;
    line-height:1.25;
    font-weight:800;
    color:var(--eem-navy);
    margin-bottom:14px;
}

.env-erp-split-lead{
    font-size:15px;
    line-height:1.6;
    color:var(--eem-muted);
    margin-bottom:26px;
    max-width:100%;
}

.env-erp-split-img{
    position:relative;
    flex:1;
    min-height:280px;
    border-radius:22px;
    overflow:hidden;
    border:1px solid var(--eem-border);
    box-shadow:0 30px 60px -28px rgba(16,24,40,.35);
}
.env-erp-split-img img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.env-erp-split-img::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 45%,rgba(16,24,40,.55));
    pointer-events:none;
}

.env-erp-split-tagchip{
    position:absolute;
    left:16px; bottom:16px;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    color:var(--eem-navy);
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(4px);
    box-shadow:0 10px 24px -12px rgba(16,24,40,.4);
}
.env-erp-split-tagchip i{ color:var(--sp-accent); font-size:14px; }

/* ---- right column blocks ---- */
.env-erp-split-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.env-erp-split-block{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px 22px 20px;
    border-radius:16px;
    background:var(--eem-bg);
    border:1px solid var(--eem-border);
    transition:transform .35s var(--eem-ease),box-shadow .35s var(--eem-ease),border-color .35s var(--eem-ease);
}

/* thin accent rail that grows on hover */
.env-erp-split-block::before{
    content:"";
    position:absolute;
    left:0; top:18px; bottom:18px;
    width:3px;
    border-radius:3px;
    background:var(--sp-accent);
    transform:scaleY(0);
    transform-origin:top;
    transition:transform .4s var(--eem-ease);
}
.env-erp-split-block:hover{
    transform:translateX(6px);
    border-color:color-mix(in srgb,var(--sp-accent) 30%,var(--eem-border));
    box-shadow:0 18px 40px -24px rgba(16,24,40,.3);
}
.env-erp-split-block:hover::before{ transform:scaleY(1); }

.env-erp-split-block-ico{
    flex-shrink:0;
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:13px;
    background:#f96f2a;
    border:1px solid var(--eem-border);
    color:#fff;
    font-size:19px;
    transition:all .35s var(--eem-ease);
}
.env-erp-split-block:hover .env-erp-split-block-ico{
    background:var(--sp-accent);
    border-color:transparent;
    color:#fff;
    transform:rotate(-6deg);
}

.env-erp-split-block h4{ font-size:20px; line-height:1.35; margin-bottom:6px; color:var(--eem-navy); }
.env-erp-split-block p{ font-size:13px; line-height:1.6; color:var(--eem-muted); margin-bottom:0; }

@media (max-width:991px){
    .env-erp-split{ grid-template-columns:1fr; gap:34px; }
    .env-erp-split-media{ position:static; }
    .env-erp-split-lead{ max-width:none; }
}

@media (max-width:575px){
    .env-erp-split-title{ font-size:24px; }
    .env-erp-split-block{ gap:14px; padding:18px 16px; }
}

/* =====================================================================
   07. TESTIMONIALS
===================================================================== */

.env-erp-modern-testimonials{ background:var(--eem-bg); }

.env-erp-modern-testimonial-swiper{
    padding:20px 10px 64px;
    overflow:visible;
}

.env-erp-modern-testimonial-swiper .swiper-slide{
    height:auto;
    opacity:.35;
    transform:scale(.92);
    transition:opacity .5s var(--eem-ease), transform .5s var(--eem-ease);
}

.env-erp-modern-testimonial-swiper .swiper-slide-active{
    opacity:1;
    transform:scale(1);
}

.env-erp-modern-testimonial{
    height:100%;
    padding:44px 40px;
    border-radius:var(--eem-radius);
    border:1px solid var(--eem-border);
    background:var(--eem-bg-2);
    text-align:center;
    max-width:680px;
    margin:0 auto;
}

.env-erp-modern-testimonial-quote{
    display:inline-block;
    font-size:38px;
    color:var(--eem-blue);
    opacity:.5;
    margin-bottom:14px;
}

.env-erp-modern-testimonial p{
    font-size:16.5px;
    line-height:1.75;
    margin-bottom:28px;
}

.env-erp-modern-testimonial-author{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
}

.env-erp-modern-testimonial-avatar{
    width:50px; height:50px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    font-size:20px;
    flex-shrink:0;
}

.env-erp-modern-testimonial-author div{ text-align:left; }

.env-erp-modern-testimonial-author strong{
    display:block;
    color:var(--eem-navy);
    font-size:15.5px;
}

.env-erp-modern-testimonial-author span{
    display:block;
    font-size:13px;
    color:var(--eem-muted);
}

.env-erp-modern-testimonial-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin-top:8px;
}

.env-erp-modern-testimonial-prev,
.env-erp-modern-testimonial-next{
    width:48px; height:48px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    border:1px solid var(--eem-border);
    background:#fff;
    color:var(--eem-navy);
    cursor:pointer;
    transition:all .35s var(--eem-ease);
}

.env-erp-modern-testimonial-prev:hover,
.env-erp-modern-testimonial-next:hover{
    background:var(--eem-blue);
    border-color:var(--eem-blue);
    color:#fff;
}

.env-erp-modern-testimonial-pagination{
    display:flex;
    align-items:center;
    gap:8px;
}

.env-erp-modern-testimonial-pagination .swiper-pagination-bullet{
    width:8px; height:8px;
    border-radius:50%;
    background:var(--eem-border);
    opacity:1;
    margin:0;
    transition:all .35s var(--eem-ease);
}

.env-erp-modern-testimonial-pagination .swiper-pagination-bullet-active{
    width:24px;
    border-radius:5px;
    background:linear-gradient(90deg,var(--eem-blue),var(--eem-indigo));
}

.env-erp-modern-testimonial-cta{
    text-align:center;
    margin-top:20px;
}

/* =====================================================================
   08. FAQ
===================================================================== */

.env-erp-modern-faq{ background:var(--eem-bg-2); }

.env-erp-modern-faq-side{ position:sticky; top:120px; }

.env-erp-modern-faq-visual{
    margin-top:28px;
    width:140px; height:140px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    font-size:52px;
    box-shadow:var(--eem-shadow-lg);
}

.env-erp-modern-faq-list{ display:flex; flex-direction:column; gap:16px; }

.env-erp-modern-faq-item{
    border-radius:18px;
    border:1px solid var(--eem-border);
    background:#fff;
    overflow:hidden;
    transition:border-color .35s var(--eem-ease), box-shadow .35s var(--eem-ease);
}

.env-erp-modern-faq-item.is-open{
    border-color:rgba(0,120,212,.3);
    box-shadow:var(--eem-shadow);
}

.env-erp-modern-faq-question{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 26px;
    background:none;
    border:0;
    text-align:left;
    font-family:"Manrope", sans-serif;
    font-size:16.5px;
    font-weight:700;
    color:var(--eem-navy);
    cursor:pointer;
}

.env-erp-modern-faq-toggle{
    flex-shrink:0;
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--eem-bg-3);
    color:var(--eem-navy);
    transition:all .4s var(--eem-ease);
}

.env-erp-modern-faq-item.is-open .env-erp-modern-faq-toggle{
    background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
    color:#fff;
    transform:rotate(135deg);
}

.env-erp-modern-faq-answer{
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    transition:grid-template-rows .45s var(--eem-ease);
}

.env-erp-modern-faq-item.is-open .env-erp-modern-faq-answer{
    grid-template-rows:1fr;
}

.env-erp-modern-faq-answer-inner{
    overflow:hidden;
    min-height:0;
}

.env-erp-modern-faq-answer-inner > p{
    padding:0 26px 22px;
    font-size:15px;
}

.env-erp-modern-faq-answer::before{ content:none; }

/* ---------------------------------------------------------------------
   Scroll-reveal animation defaults (JS toggles .env-erp-in)
--------------------------------------------------------------------- */

.env-erp-modern-page .env-erp-anim{
    opacity:0; 
    transition:opacity .8s var(--eem-ease), transform .8s var(--eem-ease);
}

.env-erp-modern-page .env-erp-anim[data-env-anim="fade-up"]{ transform:translateY(36px); }
.env-erp-modern-page .env-erp-anim[data-env-anim="fade-left"]{ transform:translateX(-60px); }
.env-erp-modern-page .env-erp-anim[data-env-anim="fade-right"]{ transform:translateX(60px); }
.env-erp-modern-page .env-erp-anim[data-env-anim="scale-in"]{ transform:scale(.94); }

.env-erp-modern-page .env-erp-anim.env-erp-in{
    opacity:1;
    transform:translate(0,0) scale(1);
}

/* =====================================================================
   RESPONSIVE
===================================================================== */

@media (max-width:1440px){
    .env-erp-modern-page section{ padding:88px 0; }
}

@media (max-width:1366px){
    .env-erp-modern-cta-box{ padding:56px; }
}

@media (max-width:1280px){
    .env-erp-modern-why-hero{ padding:38px 40px; }
}

@media (max-width:1199.98px){
    .env-erp-modern-page section{ padding:76px 0; }
    .env-erp-modern-explore{ gap:36px; }
    .env-erp-modern-why-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width:1024px){
    .env-erp-modern-cta-box{ padding:48px; }
    .env-erp-modern-vs-card{ padding:34px 28px; }
}

@media (max-width:991.98px){
    .env-erp-modern-page section{ padding:64px 0; }
    .env-erp-modern-hero{ padding-top:48px; text-align:center; }
    .env-erp-modern-hero-content{ margin:0 auto 24px; }
    .env-erp-modern-hero-actions{ justify-content:center; }
    .env-erp-modern-hero-text{ margin-left:auto; margin-right:auto; }
    .env-erp-modern-explore{ grid-template-columns:1fr; gap:0; }
    .env-erp-modern-explore-tabs{ margin-bottom:28px; }
    .env-erp-modern-explore-panel{ min-height:360px; }
    .env-erp-modern-vs-wrap{ grid-template-columns:1fr; gap:52px; }
    .env-erp-modern-vs-badge{ top:0; left:50%; transform:translate(-50%,-50%); }
    .env-erp-modern-timeline{ padding-left:56px; }
    .env-erp-modern-timeline-line{ left:15px; }
    .env-erp-modern-redflag-num{ left:-56px; }
    .env-erp-modern-why-grid{ grid-template-columns:1fr; }
    .env-erp-modern-why-hero{ flex-direction:column; align-items:flex-start; text-align:left; padding:36px 34px; }
    .env-erp-modern-faq-side{ position:relative; top:0; text-align:center; margin-bottom:12px; }
    .env-erp-modern-faq-visual{ margin:28px auto 0; }
}

@media (max-width:767.98px){
    .env-erp-modern-page section{ padding:56px 0; }
    .env-erp-modern-hero-visual{
        max-width:100%;
        padding:60px 4px 20px;
    }
    .env-erp-modern-float--icon{ width:44px; height:44px; font-size:18px; }
    .env-erp-modern-trial-form{ padding:34px 26px; }
    .env-erp-modern-trial-form-title{ font-size:21px; }
    .env-erp-modern-redflag-card{ flex-direction:column; padding:24px; }
    .env-erp-modern-explore-panel{ min-height:0; }
    .env-erp-modern-explore-item{ position:relative; inset:auto; padding:32px 26px; }
    .env-erp-modern-explore-item:not(.is-active){ display:none; }
    .env-erp-modern-explore-item-icon{ width:52px; height:52px; font-size:21px; margin-bottom:18px; }
    .env-erp-modern-explore-item h4{ font-size:21px; }
    .env-erp-modern-explore-tab{ padding:16px 4px; }
    .env-erp-modern-explore-tab-title{ font-size:15px; }
    .env-erp-modern-cta-box{ padding:36px 24px; border-radius:24px; }
    .env-erp-modern-cta-actions{ gap:18px; }
    .env-erp-modern-cta-visual{ height:180px; margin-top:24px; }
    .env-erp-modern-vs-card{ padding:28px 22px; }
    .env-erp-modern-testimonial{ padding:32px 24px; }
}

@media (max-width:575.98px){
    .env-erp-modern-h2{ font-size:clamp(28px,7vw,36px) !important; }
    .env-erp-modern-hero-title{ font-size:clamp(30px,8vw,40px); }
    .env-erp-modern-btn{ width:100%; justify-content:center; }
    .env-erp-modern-hero-actions{ width:100%; }
    .env-erp-modern-cta-actions{ flex-direction:column; align-items:flex-start; width:100%; }
    .env-erp-modern-cta-actions .env-erp-modern-btn{ width:100%; justify-content:center; }
    .env-erp-modern-timeline{ padding-left:0; }
    .env-erp-modern-redflag-num{ left:-48px; width:34px; height:34px; font-size:12px; }
    .env-erp-modern-timeline-line{ left:12px; }
    .env-erp-modern-why-hero{ padding:28px 22px; gap:20px; }
    .env-erp-modern-why-hero-icon{ width:60px; height:60px; font-size:26px; }
    .env-erp-modern-why-hero-text h4{ font-size:21px; }
}

@media (max-width:480px){
    .env-erp-modern-trial-form{ padding:30px 22px; }
    .env-erp-modern-vs-tag{ font-size:11px; }
    .env-erp-modern-faq-question{ padding:18px 18px; font-size:15px; }
}

@media (max-width:375px){
    .env-erp-modern-page section{ padding:48px 0; }
    .env-erp-modern-explore-tab-title{ font-size:14px; }
    .env-erp-modern-explore-tab-icon{ width:38px; height:38px; font-size:16px; }
    .env-erp-modern-cta-box{ padding:28px 18px; }
}

@media (max-width:360px){
    .env-erp-modern-hero-title{ font-size:28px; }
    .env-erp-modern-badge{ font-size:11px; padding:8px 14px; }
}

/* ---------------------------------------------------------------------
   Reduced motion
--------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce){
    .env-erp-modern-page *{
        animation-duration:0.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.001ms !important;
        scroll-behavior:auto !important;
    }
    .env-erp-modern-page .env-erp-anim{
        opacity:1 !important;
        transform:none !important;
    }
    .env-erp-modern-float{ animation:none !important; }
}


.erp-banner {
    min-height: 360px;
    padding-top: 150px;
    padding-bottom: 50px;
}






/*ERP CRM Page*/





/* ---- Why Envertis: split showcase ---- */
    .env-erp-why2-grid{
        display:grid;
        grid-template-columns:0.92fr 1.08fr;
        gap:60px;
        align-items:start;
    }

    .env-erp-why2-left{
        position:sticky;
        top:100px;
        align-self:start;
    }

    .env-erp-why2-eyebrow{ display:block; color:var(--eem-blue-2); }

    .env-erp-why2-left .env-erp-modern-h2{ margin-top:6px; }

    .env-erp-why2-image{
        position:relative;
        margin-top:32px;
        border-radius:var(--eem-radius);
        overflow:hidden;
        box-shadow:var(--eem-shadow-lg);
        isolation:isolate;
    }

    .env-erp-why2-image img{
        width:100%;
        height:340px;
        object-fit:cover;
        display:block;
        border-radius:inherit;
    }

    .env-erp-why2-image-ring{
        position:absolute;
        top:-26px; left:-26px;
        width:110px; height:110px;
        border:2px dashed rgba(252,102,28,.4);
        border-radius:50%;
        z-index:-1;
        pointer-events:none;
    }

    .env-erp-why2-image-dots{
        position:absolute;
        bottom:-18px; right:-18px;
        width:120px; height:90px;
        background-image:radial-gradient(var(--eem-blue) 2px, transparent 2px);
        background-size:14px 14px;
        opacity:.35;
        z-index:-1;
        pointer-events:none;
    }

    .env-erp-why2-right--timeline{
        position:relative;
        display:flex;
        flex-direction:column;
    }

    .env-erp-why2-right--timeline::before{
        content:"";
        position:absolute;
        top:44px; bottom:44px; left:47px;
        width:1px;
        background:repeating-linear-gradient(180deg,var(--eem-border) 0 6px,transparent 6px 12px);
        z-index:0;
    }

    .env-erp-why2-row{
        position:relative;
        z-index:1;
        display:flex;
        align-items:flex-start;
        gap:22px;
        padding:20px 18px;
        border-radius:18px;
        transition:background .45s var(--eem-ease), transform .45s var(--eem-ease);
    }

    .env-erp-why2-row::before{
        content:"";
        position:absolute;
        top:8px; bottom:8px; left:0;
        width:3px;
        border-radius:3px;
        background:linear-gradient(180deg,var(--eem-blue),var(--eem-indigo));
        transform:scaleY(0);
        transform-origin:top;
        transition:transform .45s var(--eem-ease);
    }

    .env-erp-why2-row-icon{
        position:relative;
        flex-shrink:0;
        width:56px; height:56px;
        display:flex; align-items:center; justify-content:center;
        border-radius:16px;
        background:#f96f2a;
        border:1px solid var(--eem-border);
        color:#fff;
        font-size:25px;
        box-shadow:var(--eem-shadow);
        transition:all .45s var(--eem-ease);
    }

    .env-erp-why2-row-num{
        position:absolute;
        top:-7px; right:-7px;
        width:22px; height:22px;
        display:flex; align-items:center; justify-content:center;
        border-radius:50%;
        background:var(--eem-navy);
        color:#fff;
        font-size:9.5px;
        font-weight:800;
        border:2px solid #fff;
    }

    .env-erp-why2-row-body h4{ font-size:28px; margin-bottom:6px; }
    .env-erp-why2-row-body p{ font-size:14.5px; margin-bottom:0; max-width:460px; }

    .env-erp-why2-row:hover{ background:var(--eem-bg-2); transform:translateX(4px); }
    .env-erp-why2-row:hover::before{ transform:scaleY(1); }

    .env-erp-why2-row:hover .env-erp-why2-row-icon{
        background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
        color:#fff;
        border-color:transparent;
        transform:scale(1.08) rotate(-4deg);
    }

    @media(max-width:991px){
        .env-erp-why2-grid{ grid-template-columns:1fr; gap:40px; }
        .env-erp-why2-left{ position:static; top:auto; }
    }

    @media(max-width:575px){
        .env-erp-why2-right--timeline::before{ left:38px; }
        .env-erp-why2-row{ gap:16px; padding:16px 10px; }
        .env-erp-why2-row-icon{ width:46px; height:46px; font-size:18px; }
        .env-erp-why2-image img{ height:240px; }
    }

    /* ---- Explore panel: creative split layout ---- */
    .env-erp-explore2-item.env-erp-modern-explore-item{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:20px;
    }

    .env-erp-explore2-item-content{ position:relative; }

    .env-erp-explore2-item-num{
        display:block;
        font-size:13px;
        font-weight:800;
        letter-spacing:.08em;
        color:var(--eem-blue-2);
        margin-bottom:14px;
    }

    .env-erp-explore2-visual{
        position:relative;
        flex-shrink:0;
        width:180px;
        height:180px;
        margin-right:12px;
    }

    .env-erp-explore2-visual-ring{
        position:absolute;
        inset:0;
        border-radius:50%;
        background:linear-gradient(160deg,#fff 0%,var(--eem-bg-3) 100%);
        border:1px dashed rgba(16,24,40,.14);
    }

    .env-erp-explore2-visual-icon{
        position:absolute;
        top:50%; left:50%;
        transform:translate(-50%,-50%);
        width:72px; height:72px;
        display:flex; align-items:center; justify-content:center;
        border-radius:22px;
        background:linear-gradient(135deg,var(--eem-blue),var(--eem-indigo));
        color:#fff;
        font-size:28px;
        box-shadow:0 18px 34px -14px rgba(252,102,28,.55);
    }

    .env-erp-explore2-visual-chip{
        position:absolute;
        width:40px; height:40px;
        display:flex; align-items:center; justify-content:center;
        border-radius:12px;
        background:#fff;
        border:1px solid var(--eem-border);
        color:var(--eem-navy);
        font-size:15px;
        box-shadow:0 10px 24px -10px rgba(16,24,40,.22);
    }

    .env-erp-explore2-visual-chip--1{ top:2px; right:12px; }
    .env-erp-explore2-visual-chip--2{ bottom:10px; left:0; }

    .env-erp-explore2-visual-bars{
        position:absolute;
        bottom:-6px; right:-6px;
        display:flex;
        align-items:flex-end;
        gap:4px;
        width:44px; height:34px;
        padding:6px 7px;
        border-radius:10px;
        background:#fff;
        border:1px solid var(--eem-border);
        box-shadow:0 10px 24px -10px rgba(16,24,40,.22);
    }

    .env-erp-explore2-visual-bars span{
        display:block;
        width:5px;
        border-radius:2px;
        background:linear-gradient(180deg,var(--eem-blue),var(--eem-indigo));
    }

    .env-erp-explore2-visual-bars span:nth-child(1){ height:40%; opacity:.55; }
    .env-erp-explore2-visual-bars span:nth-child(2){ height:100%; }
    .env-erp-explore2-visual-bars span:nth-child(3){ height:65%; opacity:.8; }

    .env-erp-explore2-item.is-active .env-erp-explore2-visual-icon{
        animation:envErpExploreFloat 3.2s ease-in-out infinite;
    }

    @keyframes envErpExploreFloat{
        0%, 100%{ transform:translate(-50%,-50%) translateY(0); }
        50%{ transform:translate(-50%,-50%) translateY(-6px); }
    }

    @media(max-width:991px){
        .env-erp-explore2-visual{ display:none; }
    }

    /* ---- Why choose CRM: image shard cards ---- */
    .envmfg-why-card2{
        position:relative;
        overflow:hidden;
        padding:0 26px 26px;
        --envmfg-accent:#fc661c;
    }

    .envmfg-why-card2--a{ --envmfg-accent:#fc661c; }
    .envmfg-why-card2--b{ --envmfg-accent:#714b67; }
    .envmfg-why-card2--c{ --envmfg-accent:#0b0d14; }

    .envmfg-why-card2-media{
        position:relative;
        margin:0 -26px 40px;
        height:132px;
        overflow:hidden;
        clip-path:polygon(0 0, 100% 0, 100% 76%, 0 100%);
    }

    .envmfg-why-card2-media img{
        width:100%; height:100%;
        object-fit:cover;
        display:block;
        transition:transform .5s ease;
    }

    .envmfg-why-card2-media::after{
        content:"";
        position:absolute; inset:0;
        background:linear-gradient(165deg, var(--envmfg-accent) 0%, rgba(11,13,20,.65) 100%);
        opacity:.55;
        mix-blend-mode:multiply;
    }

    .envmfg-why-card2-num{
        position:absolute;
        top:12px; right:16px;
        z-index:1;
        font-family:"Work Sans", sans-serif;
        font-size:12px;
        font-weight:700;
        letter-spacing:.05em;
        color:#fff;
        background:rgba(11,13,20,.35);
        border:1px solid rgba(255,255,255,.35);
        border-radius:100px;
        padding:4px 11px;
        backdrop-filter:blur(2px);
    }

    .envmfg-why-card2-icon.envmfg-icon{
        position:relative;
        z-index:2;
        margin-top:-56px;
        margin-bottom:14px;
        border:3px solid #fff;
        border-radius:50%;
        box-shadow:0 10px 24px -10px rgba(17,24,39,.35);
        transition:transform .4s ease, border-radius .4s ease;
    }

    .envmfg-why-card2 .envmfg-card-title,
    .envmfg-why-card2 .envmfg-item-text{ position:relative; z-index:1; }

    .envmfg-why-card2:hover{ border-color:var(--envmfg-accent); }
    .envmfg-why-card2:hover .envmfg-why-card2-media img{ transform:scale(1.1); }
    .envmfg-why-card2:hover .envmfg-why-card2-icon{ border-radius:16px; transform:rotate(-8deg) scale(1.06); }

/* =====================================================================
   PAGE: odoo-implementation-partner.html
   Premium modern redesign of the main content area (between the header
   banner and the shared contact/footer blocks).
   All custom classes are namespaced with the unique prefix: env-oip-
   Content is unchanged from the live page - only layout, typography,
   color and motion.
===================================================================== */

.env-oip-page{
    --eoip-navy:#101828;
    --eoip-ink:#132852;
    --eoip-muted:#5b6478;
    --eoip-orange:#fc661c;
    --eoip-orange-dark:#e2540c;
    --eoip-plum:#714b67;
    --eoip-teal:#00a09d;
    --eoip-bg:#ffffff;
    --eoip-bg-soft:#f7f6f9;
    --eoip-bg-soft-2:#fdf5ef;
    --eoip-border:rgba(19,40,82,.1);
    --eoip-radius:24px;
    --eoip-radius-sm:16px;
    --eoip-shadow:0 24px 60px -24px rgba(16,24,40,.18);
    --eoip-shadow-lg:0 40px 90px -30px rgba(16,24,40,.26);
    --eoip-ease:cubic-bezier(.22,.61,.36,1);

    position:relative;
    display:block;
    /* "clip" (not "hidden") still contains the decorative blobs but does NOT
       create a scroll container, so position:sticky keeps working inside. */
    overflow:clip;
    background:var(--eoip-bg);
    color:var(--eoip-ink);
    font-family:"Manrope", sans-serif;
}

.env-oip-page *{ box-sizing:border-box; }
.env-oip-page img{ max-width:100%; height:auto; display:block; }
.env-oip-page section{ position:relative; }
.env-oip-page .container{ position:relative; z-index:2; }

.env-oip-section{ padding:100px 0; }
.env-oip-intro{ background:var(--eoip-bg-soft); }
.env-oip-why-odoo{
    background:
        radial-gradient(680px circle at 10% -5%, rgba(252,102,28,.06), transparent 60%),
        radial-gradient(720px circle at 95% 105%, rgba(113,75,103,.07), transparent 62%),
        var(--eoip-bg);
}
.env-oip-differentiators{ background:var(--eoip-bg-soft); }
.env-oip-top-partner{ background:var(--eoip-bg); }
.env-oip-testimonials{ background:var(--eoip-bg-soft); }
.env-oip-faq{ background:var(--eoip-bg); }
.env-oip-logos{ padding:60px 0; background:var(--eoip-bg-soft); }

/* ---------------------------------------------------------------------
   Shared type / eyebrow / buttons
--------------------------------------------------------------------- */
.env-oip-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:"Work Sans", sans-serif;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--eoip-orange-dark);
    background:rgba(252,102,28,.09);
    border:1px solid rgba(252,102,28,.22);
    border-radius:100px;
    padding:7px 16px;
    margin-bottom:18px;
}

.env-oip-eyebrow::before{
    content:"";
    width:7px; height:7px;
    border-radius:50%;
    background:var(--eoip-orange);
    flex-shrink:0;
}

.env-oip-section-title{
    font-family: "Work Sans", sans-serif;
    font-weight:400;
    font-size:44px;
    line-height:1.22;
    color:var(--eoip-navy);
    margin:0 0 18px;
    letter-spacing:-.01em;
}

.env-oip-head{ max-width:760px; margin-bottom:56px; }
.env-oip-head--center{ margin-left:auto; margin-right:auto; text-align:center; }
.env-oip-head--center .env-oip-eyebrow{ justify-content:center; }

.env-oip-text{
    font-size:16.5px;
    line-height:1.75;
    color:var(--eoip-muted);
    margin-bottom:18px;
}

.env-oip-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:"Manrope", sans-serif;
    font-weight:700;
    font-size:15.5px;
    padding:15px 30px;
    border-radius:100px;
    border:1px solid transparent;
    text-decoration:none;
    transition:transform .35s var(--eoip-ease), box-shadow .35s var(--eoip-ease), background .35s var(--eoip-ease), color .35s var(--eoip-ease);
    white-space:nowrap;
}

.env-oip-btn i{ font-size:14px; transition:transform .35s var(--eoip-ease); }
.env-oip-btn:hover i{ transform:translate(3px,-3px); }

.env-oip-btn-primary{
    background:linear-gradient(90deg,var(--eoip-orange),var(--eoip-orange-dark));
    color:#fff;
    box-shadow:0 16px 34px -12px rgba(252,102,28,.55);
}
.env-oip-btn-primary:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 22px 44px -14px rgba(252,102,28,.65); }

.env-oip-btn-outline{
    background: #fc810e;
    color: #ffffff;
    border-color:var(--eoip-border);
}
.env-oip-btn-outline:hover{ color:var(--eoip-navy); transform:translateY(-3px); border-color:var(--eoip-orange); box-shadow:var(--eoip-shadow); }

.env-oip-btn-light{
    background:#fff;
    color:var(--eoip-plum);
    box-shadow:0 16px 34px -12px rgba(0,0,0,.35);
}
.env-oip-btn-light:hover{ color:var(--eoip-plum); transform:translateY(-3px); }

.env-oip-cta-row{ text-align:center; margin-top:48px; }

/* ---------------------------------------------------------------------
   HERO
--------------------------------------------------------------------- */
.env-oip-hero{ padding:0 0 0; background:#fff; overflow:hidden; }

.env-oip-hero-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }

.env-oip-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.35; }
.env-oip-blob--a{ width:460px; height:460px; top:-160px; right:-120px; background:radial-gradient(circle at 30% 30%, var(--eoip-orange), transparent 70%); }
.env-oip-blob--b{ width:380px; height:380px; bottom:-180px; left:-140px; background:radial-gradient(circle at 30% 30%, var(--eoip-plum), transparent 70%); opacity:.22; }

.env-oip-grid{
    position:absolute; inset:0;
    background-image:linear-gradient(rgba(19,40,82,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(19,40,82,.05) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(ellipse 60% 60% at 70% 20%, #000 0%, transparent 75%);
    mask-image:radial-gradient(ellipse 60% 60% at 70% 20%, #000 0%, transparent 75%);
}

.env-oip-dots{
    position:absolute; left:6%; bottom:10%;
    width:120px; height:120px;
    background-image:radial-gradient(rgba(113,75,103,.35) 2px, transparent 2px);
    background-size:16px 16px;
}

.env-oip-hero-title{
    font-family:"Manrope", sans-serif;
    font-weight:800;
    font-size:46px;
    line-height:1.18;
    letter-spacing:-.015em;
    color:var(--eoip-navy);
    margin:0 0 22px;
}

.env-oip-hero-desc{ font-size:18px; line-height:1.7; color:var(--eoip-muted); max-width:520px; margin-bottom:34px; }
.env-oip-hero-actions{ display:flex; gap:16px; flex-wrap:wrap; }

.env-oip-hero-visual{ position:relative; padding:20px 30px 40px 0; }

.env-oip-hero-frame{
    position:relative;
    border-radius:var(--eoip-radius);
    overflow:hidden;
    box-shadow:var(--eoip-shadow-lg);
    border:1px solid var(--eoip-border);
}

.env-oip-hero-img{ width:100%; height:420px; object-fit:cover; transition:transform .6s var(--eoip-ease); }
.env-oip-hero-frame:hover .env-oip-hero-img{ transform:scale(1.05); }

.env-oip-float-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border-radius:18px;
    border:1px solid var(--eoip-border);
    box-shadow:var(--eoip-shadow);
    padding:16px 20px;
}

.env-oip-float-card strong{ display:block; font-size:20px; font-weight:800; color:var(--eoip-navy); line-height:1.1; }
.env-oip-float-card span{ font-size:12.5px; color:var(--eoip-muted); font-weight:600; }

.env-oip-float-icon{
    width:44px; height:44px;
    flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    border-radius:14px;
    font-size:19px;
    color:#fff;
}

.env-oip-float-card--a{ top:-10px; left:-10px; }
.env-oip-float-card--a .env-oip-float-icon{ background:linear-gradient(135deg,var(--eoip-orange),var(--eoip-orange-dark)); }

.env-oip-float-card--b{ bottom:14px; right:-6px; }
.env-oip-float-card--b .env-oip-float-icon{ background:linear-gradient(135deg,var(--eoip-plum),#4b2f45); }

/* ---------------------------------------------------------------------
   Media frame (reused: intro / differentiators / top-partner)
--------------------------------------------------------------------- */
.env-oip-media-frame{
    position:relative;
    border-radius:var(--eoip-radius);
    overflow:hidden;
    border:1px solid var(--eoip-border);
    box-shadow:var(--eoip-shadow-lg);
    isolation:isolate;
}

.env-oip-media-frame--sm{ margin:26px 0 30px; box-shadow:var(--eoip-shadow); }

/* Intro: the text column sets the height, the image conforms to it
   (not the other way around) - the frame is pulled out of normal flow
   so its own intrinsic/aspect-ratio height can never inflate the row. */
@media (min-width:992px){
    .env-oip-intro .row{ align-items:stretch; }
    .env-oip-intro .col-lg-6.order-lg-1{ display:flex; flex-direction:column; justify-content:center; }
    .env-oip-intro .col-lg-6.order-lg-2{ display:flex; position:relative; min-height:360px; }
    .env-oip-intro .env-oip-media-frame{ position:absolute; inset:0; width:100%; height:100%; }
    .env-oip-intro .env-oip-media-img{ width:100%; height:100%; }
}

/* Top partner: same technique - the text column drives the row height and
   the image frame stretches to match it exactly (equal-height columns). */
@media (min-width:992px){
    .env-oip-top-partner .row{ align-items:stretch; }
    .env-oip-top-partner .col-lg-6:first-child{ display:flex; flex-direction:column; justify-content:center; }
    .env-oip-top-partner .col-lg-6:last-child{ display:flex; position:relative; min-height:420px; }
    .env-oip-top-partner .env-oip-media-frame{ position:absolute; inset:0; width:100%; height:100%; }
    .env-oip-top-partner .env-oip-media-img{ width:100%; height:100%; }
}

.env-oip-media-img{ width:100%; height:440px; object-fit:cover; transition:transform .6s var(--eoip-ease); }
.env-oip-media-frame--sm .env-oip-media-img{ height:260px; }
.env-oip-media-frame:hover .env-oip-media-img{ transform:scale(1.05); }

.env-oip-media-glow{
    position:absolute; z-index:-1;
    width:220px; height:220px;
    border-radius:50%;
    filter:blur(60px);
    top:-60px; right:-60px;
    background:radial-gradient(circle, var(--eoip-orange), transparent 70%);
    opacity:.5;
}
.env-oip-media-glow--alt{ background:radial-gradient(circle, var(--eoip-plum), transparent 70%); }
.env-oip-media-glow--teal{ background:radial-gradient(circle, var(--eoip-teal), transparent 70%); }

.env-oip-media-dots{
    position:absolute; right:-18px; bottom:-18px;
    width:100px; height:100px;
    background-image:radial-gradient(rgba(252,102,28,.4) 2px, transparent 2px);
    background-size:14px 14px;
    z-index:-1;
}

/* ---------------------------------------------------------------------
   End-to-end ERP solution cards
--------------------------------------------------------------------- */
.env-oip-feature-card{
    height:100%;
    background:#fff;
    border:1px solid var(--eoip-border);
    border-radius:var(--eoip-radius);
    padding:34px 30px;
    transition:transform .4s var(--eoip-ease), box-shadow .4s var(--eoip-ease), border-color .4s var(--eoip-ease);
}

.env-oip-feature-card:hover{ transform:translateY(-8px); box-shadow:var(--eoip-shadow); border-color:rgba(252,102,28,.35); }

.env-oip-feature-icon{
    width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--eoip-orange),var(--eoip-orange-dark));
    color:#fff;
    font-size:24px;
    margin-bottom:22px;
    transition:transform .4s var(--eoip-ease), border-radius .4s var(--eoip-ease);
}
.env-oip-feature-card:hover .env-oip-feature-icon{ transform:rotate(-8deg) scale(1.06); border-radius:20px; }

.env-oip-feature-card h3{ font-size:20px; font-weight:800; color:var(--eoip-navy); margin-bottom:16px; }

.env-oip-pills{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.env-oip-pills li{
    font-size:13.5px;
    font-weight:600;
    color:var(--eoip-ink);
    background:var(--eoip-bg-soft);
    border:1px solid var(--eoip-border);
    border-radius:100px;
    padding:6px 14px;
}

/* ---------------------------------------------------------------------
   Why choose Odoo — benefit cards
--------------------------------------------------------------------- */
.env-oip-benefit-card{
    position:relative;
    height:100%;
    background:linear-gradient(180deg,#ffffff,#fdfbfe);
    border:1px solid var(--eoip-border);
    border-radius:var(--eoip-radius-sm);
    padding:32px 26px 30px;
    text-align:left;
    overflow:hidden;
    isolation:isolate;
    transition:transform .45s var(--eoip-ease), box-shadow .45s var(--eoip-ease), border-color .45s var(--eoip-ease);
}

/* gradient hairline that sweeps in on hover */
.env-oip-benefit-card::before{
    content:"";
    position:absolute; left:0; right:0; top:0;
    height:3px;
    background:linear-gradient(90deg,var(--eoip-orange),var(--eoip-plum));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s var(--eoip-ease);
}

/* soft glow in the corner, revealed on hover */
.env-oip-benefit-card::after{
    content:"";
    position:absolute; z-index:-1;
    width:150px; height:150px;
    right:-52px; top:-52px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(252,102,28,.16),transparent 70%);
    opacity:0;
    transition:opacity .5s var(--eoip-ease);
}

.env-oip-benefit-card:hover{ transform:translateY(-8px); box-shadow:var(--eoip-shadow); border-color:rgba(252,102,28,.28); }
.env-oip-benefit-card:hover::before{ transform:scaleX(1); }
.env-oip-benefit-card:hover::after{ opacity:1; }

.env-oip-benefit-icon{
    width:54px; height:54px;
    display:flex; align-items:center; justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,rgba(252,102,28,.14),rgba(113,75,103,.12));
    border:1px solid rgba(252,102,28,.2);
    color:var(--eoip-orange);
    font-size:22px;
    margin-bottom:20px;
    transition:transform .45s var(--eoip-ease), border-radius .45s var(--eoip-ease), background .45s var(--eoip-ease), color .45s var(--eoip-ease);
}
.env-oip-benefit-card:hover .env-oip-benefit-icon{
    transform:rotate(-8deg) scale(1.08);
    border-radius:20px;
    background:linear-gradient(135deg,var(--eoip-orange),var(--eoip-orange-dark));
    color:#fff;
}

.env-oip-benefit-card h3{ font-size:17.5px; font-weight:800; color:var(--eoip-navy); margin-bottom:10px; letter-spacing:-.01em; }
.env-oip-benefit-card p{ font-size:14.5px; line-height:1.7; color:var(--eoip-muted); margin:0; }

/* ---------------------------------------------------------------------
   Envertis differentiators — icon list
--------------------------------------------------------------------- */
.env-oip-diff-list{ display:flex; flex-direction:column; gap:22px; }

.env-oip-diff-item{
    display:flex;
    gap:20px;
    background:#fff;
    border:1px solid var(--eoip-border);
    border-radius:var(--eoip-radius-sm);
    padding:26px 28px;
    transition:transform .4s var(--eoip-ease), box-shadow .4s var(--eoip-ease), border-color .4s var(--eoip-ease);
}
.env-oip-diff-item:hover{ transform:translateX(6px); box-shadow:var(--eoip-shadow); border-color:rgba(252,102,28,.3); }

.env-oip-diff-icon{
    flex-shrink:0;
    width:52px; height:52px;
    display:flex; align-items:center; justify-content:center;
    border-radius:14px;
    background: linear-gradient(135deg, #FF9800, #F44336);
    color:#fff;
    font-size:21px;
}

.env-oip-diff-item h3{ font-size:17px; font-weight:800; color:var(--eoip-navy); margin-bottom:8px; }
.env-oip-diff-item p{ font-size:14.5px; line-height:1.65; color:var(--eoip-muted); margin:0; }

/* Sticky left column: it stays pinned while the right-hand list scrolls past,
   then the page continues normally once the list ends. Large screens only. */
@media (min-width:992px){
    .env-oip-differentiators .row{ align-items:flex-start; }

    .env-oip-differentiators .col-lg-5{
        position:sticky;
        top:40px;
        align-self:flex-start;
    }
}

/* ---------------------------------------------------------------------
   Top partner — check list
--------------------------------------------------------------------- */
.env-oip-check-list{ list-style:none; margin:0 0 30px; padding:0; display:flex; flex-direction:column; gap:14px; }

.env-oip-check-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    font-size:15.5px;
    font-weight:600;
    color:var(--eoip-ink);
    background:var(--eoip-bg-soft);
    border:1px solid var(--eoip-border);
    border-radius:14px;
    padding:14px 18px;
}

.env-oip-check-list i{ color:var(--eoip-teal); font-size:18px; margin-top:2px; flex-shrink:0; }

/* ---------------------------------------------------------------------
   Impact + closing CTA  (merged: statistics + urgency)
--------------------------------------------------------------------- */
.env-oip-impact{
    position:relative;
    padding:100px 0;
    overflow:clip;
    isolation:isolate;
    background:linear-gradient(135deg,var(--eoip-navy) 0%,#1b1125 52%,#2a1a30 100%);
}

.env-oip-impact-grid{
    position:absolute; inset:0; z-index:-2;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 0%, #000, transparent 78%);
    mask-image:radial-gradient(ellipse 75% 70% at 50% 0%, #000, transparent 78%);
}

.env-oip-impact-blob{
    position:absolute; z-index:-1;
    border-radius:50%;
    filter:blur(90px);
    pointer-events:none;
}
.env-oip-impact-blob--a{
    width:520px; height:520px; top:-190px; right:-120px; opacity:.5;
    background:radial-gradient(circle at 30% 30%, rgba(252,102,28,.55), transparent 70%);
}
.env-oip-impact-blob--b{
    width:460px; height:460px; bottom:-210px; left:-150px; opacity:.45;
    background:radial-gradient(circle at 30% 30%, rgba(113,75,103,.75), transparent 70%);
}

.env-oip-impact-card{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:56px;
    background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:var(--eoip-shadow-lg);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
}
.env-oip-impact-card::before{
    content:"";
    position:absolute; left:0; right:0; top:0; height:3px;
    background:linear-gradient(90deg,var(--eoip-orange),var(--eoip-plum),transparent);
}

.env-oip-impact-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:52px;
    align-items:center;
}

.env-oip-eyebrow--light{
    color:#fff;
    background:rgba(255,255,255,.1);
    border-color:rgba(255,255,255,.22);
}

.env-oip-impact-lead h2{
    font-family:"Work Sans", sans-serif;
    font-weight:400;
    font-size:36px;
    line-height:1.25;
    letter-spacing:-.01em;
    color:#fff;
    margin:0 0 16px;
}
.env-oip-impact-lead p{
    font-size:16.5px;
    line-height:1.75;
    color:rgba(255,255,255,.8);
    max-width:460px;
    margin:0 0 30px;
}

.env-oip-impact-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.env-oip-impact-stat{
    text-align:center;
    padding:28px 18px;
    border-radius:20px;
    background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.12);
    transition:transform .4s var(--eoip-ease), border-color .4s var(--eoip-ease), background .4s var(--eoip-ease);
}
.env-oip-impact-stat:hover{
    transform:translateY(-6px);
    border-color:rgba(252,102,28,.45);
    background:linear-gradient(160deg, rgba(252,102,28,.14), rgba(255,255,255,.03));
}

.env-oip-impact-stat-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px;
    margin-bottom:14px;
    border-radius:13px;
    background:linear-gradient(135deg,var(--eoip-orange),var(--eoip-orange-dark));
    color:#fff;
    font-size:19px;
    box-shadow:0 12px 26px -10px rgba(252,102,28,.7);
}

.env-oip-stat-num{
    display:block;
    font-family:"Manrope", sans-serif;
    font-weight:800;
    font-size:40px;
    line-height:1;
    background:linear-gradient(90deg,#fff,#ffcda4);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    margin-bottom:6px;
}
.env-oip-stat-label{ display:block; font-size:14px; font-weight:600; color:rgba(255,255,255,.78); }

@media (max-width:991px){
    .env-oip-impact-card{ padding:40px 26px; }
    .env-oip-impact-inner{ grid-template-columns:1fr; gap:38px; }
    .env-oip-impact-lead p{ max-width:none; }
}
@media (max-width:479px){
    .env-oip-impact-stats{ grid-template-columns:1fr; }
    .env-oip-impact-lead h2{ font-size:27px; }
}

/* ---------------------------------------------------------------------
   Testimonials
--------------------------------------------------------------------- */
.env-oip-testi-slider{ padding-bottom:8px; }

.env-oip-testi-card{
    height:100%;
    background:#fff;
    border:1px solid var(--eoip-border);
    border-radius:var(--eoip-radius);
    padding:36px 34px;
    box-shadow:var(--eoip-shadow);
}

.env-oip-testi-stars{ color:#f5a623; font-size:14px; letter-spacing:2px; margin-bottom:16px; }

.env-oip-testi-quote{
    font-size:15.5px;
    line-height:1.75;
    color:var(--eoip-ink);
    margin-bottom:24px;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.env-oip-testi-author{ display:flex; align-items:center; gap:14px; }

.env-oip-testi-avatar{
    width:46px; height:46px;
    flex-shrink:0;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--eoip-bg-soft-2);
    color:var(--eoip-orange);
    font-size:18px;
}

.env-oip-testi-author strong{ display:block; font-size:15px; font-weight:800; color:var(--eoip-navy); }
.env-oip-testi-author span{ font-size:12.5px; color:var(--eoip-muted); }

.env-oip-testi-nav{ display:flex; align-items:center; justify-content:center; gap:22px; margin-top:36px; }

.env-oip-testi-prev, .env-oip-testi-next{
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    border:1px solid var(--eoip-border);
    background:#fff;
    color:var(--eoip-navy);
    transition:all .35s var(--eoip-ease);
}
.env-oip-testi-prev:hover, .env-oip-testi-next:hover{ background:var(--eoip-orange); color:#fff; border-color:var(--eoip-orange); }

.env-oip-testi-pagination{ display:flex; gap:8px; }
.env-oip-testi-pagination .swiper-pagination-bullet{ width:9px; height:9px; background:var(--eoip-border); opacity:1; }
.env-oip-testi-pagination .swiper-pagination-bullet-active{ background:var(--eoip-orange); width:22px; border-radius:5px; }

/* ---------------------------------------------------------------------
   FAQ accordion
--------------------------------------------------------------------- */
.env-oip-faq-list{ display:flex; flex-direction:column; gap:16px; max-width:900px; margin:0 auto; }

.env-oip-faq-item{
    border-radius:18px;
    border:1px solid var(--eoip-border);
    background:#fff;
    overflow:hidden;
    transition:border-color .35s var(--eoip-ease), box-shadow .35s var(--eoip-ease);
}
.env-oip-faq-item.is-open{ border-color:rgba(252,102,28,.35); box-shadow:var(--eoip-shadow); }

.env-oip-faq-question{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 26px;
    background:none;
    border:0;
    text-align:left;
    font-family:"Manrope", sans-serif;
    font-size:16px;
    font-weight:700;
    color:var(--eoip-navy);
    cursor:pointer;
}

.env-oip-faq-toggle{
    flex-shrink:0;
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:var(--eoip-bg-soft);
    color:var(--eoip-navy);
    transition:all .4s var(--eoip-ease);
}
.env-oip-faq-item.is-open .env-oip-faq-toggle{
    background:linear-gradient(135deg,var(--eoip-orange),var(--eoip-orange-dark));
    color:#fff;
    transform:rotate(135deg);
}

.env-oip-faq-answer{
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    transition:grid-template-rows .45s var(--eoip-ease);
}
.env-oip-faq-item.is-open .env-oip-faq-answer{ grid-template-rows:1fr; }

.env-oip-faq-answer-inner{ overflow:hidden; min-height:0; }
.env-oip-faq-answer-inner > p{ padding:0 26px 22px; font-size:14.5px; line-height:1.7; color:var(--eoip-muted); margin:0; }

/* ---------------------------------------------------------------------
   Client logos strip
--------------------------------------------------------------------- */
.env-oip-logos-track{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; }

.env-oip-logo-chip{
    font-family:"Work Sans", sans-serif;
    font-size:14px;
    font-weight:700;
    color:var(--eoip-muted);
    background:#fff;
    border:1px solid var(--eoip-border);
    border-radius:100px;
    padding:12px 22px;
    transition:all .35s var(--eoip-ease);
}
.env-oip-logo-chip:hover{ color:var(--eoip-navy); border-color:var(--eoip-orange); transform:translateY(-3px); box-shadow:var(--eoip-shadow); }

/* ---------------------------------------------------------------------
   Scroll-reveal defaults (JS toggles .is-in on [data-oip-reveal])
--------------------------------------------------------------------- */
.env-oip-page [data-oip-reveal]{ opacity:0; transition:opacity .8s var(--eoip-ease), transform .8s var(--eoip-ease); will-change:transform,opacity; }
.env-oip-page [data-oip-reveal="up"]{ transform:translateY(36px); }
.env-oip-page [data-oip-reveal="left"]{ transform:translateX(-36px); }
.env-oip-page [data-oip-reveal="right"]{ transform:translateX(36px); }
.env-oip-page [data-oip-reveal="scale"]{ transform:scale(.92); }
.env-oip-page [data-oip-reveal].is-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
    .env-oip-page [data-oip-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ---------------------------------------------------------------------
   Responsive
--------------------------------------------------------------------- */
@media (max-width:1199px){
    .env-oip-hero-title{ font-size:38px; }
    .env-oip-section-title{ font-size:32px; }
    .env-oip-section{ padding:80px 0; }
}

@media (max-width:991px){
    .env-oip-hero{ padding:90px 0 70px; text-align:center; }
    .env-oip-hero-desc{ margin-left:auto; margin-right:auto; }
    .env-oip-hero-actions{ justify-content:center; }
    .env-oip-eyebrow{ margin-left:auto; margin-right:auto; }
    .env-oip-head{ margin-bottom:40px; }
    .env-oip-hero-visual{ padding:50px 12px 12px; margin-top:20px; }
    .env-oip-float-card{ padding:12px 16px; gap:10px; }
    .env-oip-float-card strong{ font-size:17px; }
    .env-oip-diff-item{ flex-direction:column; }
    .env-oip-diff-item:hover{ transform:translateY(-4px); }
    .env-oip-stat-card{ border-right:0; border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:20px; }
}

@media (max-width:767px){
    .env-oip-section{ padding:64px 0; }
    .env-oip-hero-title{ font-size:30px; }
    .env-oip-section-title{ font-size:26px; }
    .env-oip-hero-img{ height:280px; }
    .env-oip-media-img{ height:260px; }
    .env-oip-float-card{ position:static; margin-top:14px; display:inline-flex; }
    .env-oip-float-card--a, .env-oip-float-card--b{ position:static; }
    .env-oip-hero-visual{ display:flex; flex-direction:column; align-items:center; padding:0; }
    .env-oip-urgency-card{ padding:44px 22px; }
    .env-oip-urgency-card h2{ font-size:26px; }
    .env-oip-btn{ width:100%; justify-content:center; }
    .env-oip-hero-actions .env-oip-btn{ width:auto; }
    .env-oip-testi-quote{ -webkit-line-clamp:10; }
}

/* =====================================================================
   PAGE: odoo-implementation-adelaide.html
   Premium ThemeForest-style redesign of the main content area
   (sits between the shared banner and the shared contact/footer).
   All custom classes are namespaced with the unique prefix: env-oad-
   Page content is UNCHANGED from the live page - only layout,
   typography, colour and motion are new.
===================================================================== */

.env-oad-page{
    --eoad-navy:#0b1437;
    --eoad-ink:#232b45;
    --eoad-muted:#5b6786;
    --eoad-purple:#fc661c;
    --eoad-blue:#2f7bff;
    --eoad-bg:#ffffff;
    --eoad-bg-soft:#f4f5fb;
    --eoad-bg-tint:#efeafe;
    --eoad-border:rgba(17,25,60,.10);
    --eoad-border-2:rgba(17,25,60,.16);
    --eoad-radius:26px;
    --eoad-radius-sm:18px;
    --eoad-shadow:0 24px 60px -24px rgba(11,20,55,.20);
    --eoad-shadow-lg:0 44px 100px -34px rgba(11,20,55,.32);
    --eoad-grad:linear-gradient(120deg,#f96f2a 0%,#ff8c00 100%);
    --eoad-ease:cubic-bezier(.22,.61,.36,1);

    position:relative;
    display:block;
    overflow:clip;
    background:var(--eoad-bg);
    color:var(--eoad-ink);
    font-family:"Manrope","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}

.env-oad-page *{ box-sizing:border-box; }
.env-oad-page img{ max-width:100%; height:auto; display:block; }
.env-oad-page .container{ position:relative; z-index:2; }

.env-oad-section{ padding:clamp(64px,8vw,116px) 0; position:relative; }

/* ---- shared type / eyebrow / buttons -------------------------------- */
.env-oad-eyebrow{
    display:inline-flex; align-items:center; gap:9px;
    font-size:12.5px; font-weight:700; letter-spacing:.12em;
    text-transform:uppercase; color:var(--eoad-purple);
    background:var(--eoad-bg-tint);
    border:1px solid rgba(109,74,255,.20);
    border-radius:100px; padding:7px 15px; margin-bottom:20px;
}
.env-oad-eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--eoad-purple); }
.env-oad-eyebrow--light{ color:#fff; background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.22); }
.env-oad-eyebrow--light::before{ background:#fff; }

.env-oad-title{
    font-family: "Work Sans", sans-serif;
    font-weight:400; letter-spacing:-.02em; line-height:1.15;
    color:var(--eoad-navy); margin:0 0 18px;
    font-size:clamp(28px,3.6vw,44px);
}
.env-oad-lead{ font-size:clamp(15.5px,1.15vw,17px); line-height:1.75; color:var(--eoad-muted); margin:0 0 18px; }

.env-oad-head{ margin:0 auto clamp(40px,5vw,64px); text-align:center; }
.env-oad-head .env-oad-eyebrow{ justify-content:center; }

.env-oad-btn{
    display:inline-flex; align-items:center; gap:10px;
    font-weight:700; font-size:15px; line-height:1;
    padding:16px 28px; border-radius:100px;
    border:1px solid transparent; text-decoration:none; cursor:pointer;
    transition:transform .35s var(--eoad-ease), box-shadow .35s var(--eoad-ease), background .35s var(--eoad-ease), color .35s var(--eoad-ease);
}
.env-oad-btn i{ transition:transform .35s var(--eoad-ease); }
.env-oad-btn:hover i{ transform:translate(3px,-3px); }
.env-oad-btn--primary{ background:var(--eoad-grad); color:#fff; box-shadow:0 18px 38px -14px rgba(109,74,255,.6); }
.env-oad-btn--primary:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 26px 50px -16px rgba(109,74,255,.7); }
.env-oad-btn--ghost{ background:#fff; color:var(--eoad-navy); border-color:var(--eoad-border-2); }
.env-oad-btn--ghost:hover{ color:var(--eoad-navy); transform:translateY(-3px); border-color:var(--eoad-purple); box-shadow:var(--eoad-shadow); }
.env-oad-btn--light{ background:#fff; color:var(--eoad-navy); box-shadow:0 18px 40px -16px rgba(0,0,0,.4); }
.env-oad-btn--light:hover{ color:var(--eoad-navy); transform:translateY(-3px); }

/* ---- decorative primitives ---------------------------------------- */
.env-oad-blob{ position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; z-index:0; }
.env-oad-grid-bg{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background-image:linear-gradient(rgba(17,25,60,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,25,60,.045) 1px,transparent 1px);
    background-size:48px 48px;
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 78%);
    mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 78%);
}

/* ---- scroll reveal ----------------------------------------------- */
.env-oad-page [data-oad-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--eoad-ease), transform .7s var(--eoad-ease); will-change:opacity,transform; }
.env-oad-page [data-oad-reveal="left"]{ transform:translateX(-32px); }
.env-oad-page [data-oad-reveal="right"]{ transform:translateX(32px); }
.env-oad-page [data-oad-reveal="scale"]{ transform:scale(.94); }
.env-oad-page [data-oad-reveal].is-in{ opacity:1; transform:none; }

/* =====================================================================
   01 - HERO
===================================================================== */
.env-oad-hero{ padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,110px); background:linear-gradient(180deg,#fbfaff 0%,#ffffff 60%); }
.env-oad-hero .env-oad-blob--a{ width:460px; height:460px; top:-160px; right:-120px; background:radial-gradient(circle at 30% 30%,rgba(109,74,255,.30),transparent 70%); }
.env-oad-hero .env-oad-blob--b{ width:380px; height:380px; bottom:-160px; left:-140px; background:radial-gradient(circle at 30% 30%,rgba(47,123,255,.22),transparent 70%); }

.env-oad-hero-title{
    font-family:"Plus Jakarta Sans","Manrope",sans-serif;
    font-weight:800; letter-spacing:-.025em; line-height:1.1;
    color:var(--eoad-navy); margin:0 0 22px;
    font-size:clamp(34px,5vw,60px);
}
.env-oad-hero-title .env-oad-hl{ background:var(--eoad-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.env-oad-hero-desc{ font-size:clamp(16px,1.3vw,19px); line-height:1.7; color:var(--eoad-muted); max-width:540px; margin:0 0 32px; }
.env-oad-hero-actions{ display:flex; flex-wrap:wrap; gap:14px; }

.env-oad-hero-visual{ position:relative; padding:14px 14px 40px; }
.env-oad-hero-frame{
    position:relative; z-index:2;
    border-radius:var(--eoad-radius);
    overflow:hidden; border:1px solid var(--eoad-border);
    box-shadow:var(--eoad-shadow-lg);
    background:#fff;
}
.env-oad-hero-frame img{ width:100%; height:clamp(300px,38vw,440px); object-fit:cover; }
.env-oad-hero-frame::after{ content:""; position:absolute; inset:0; background:linear-gradient(160deg,transparent 55%,rgba(11,20,55,.28)); }

.env-oad-hero-chip{
    position:absolute; z-index:3;
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,.82);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border:1px solid var(--eoad-border);
    border-radius:16px; padding:13px 16px;
    box-shadow:var(--eoad-shadow);
}
.env-oad-hero-chip i{
    width:38px; height:38px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    border-radius:11px; background:var(--eoad-grad); color:#fff; font-size:17px;
}
.env-oad-hero-chip strong{ display:block; font-size:15px; font-weight:800; color:var(--eoad-navy); line-height:1.2; }
.env-oad-hero-chip span{ font-size:12px; font-weight:600; color:var(--eoad-muted); }
.env-oad-hero-chip--a{ top:2px; left:-18px; }
.env-oad-hero-chip--b{ bottom:16px; right:-16px; }
.env-oad-hero-chip--c{ top:44%; right:-24px; }
.env-oad-float{ animation:eoadFloat 6s var(--eoad-ease) infinite; }
.env-oad-float--slow{ animation-duration:8s; }
@keyframes eoadFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }

.env-oad-hero-ring{
    position:absolute; z-index:1; width:120px; height:120px; right:-30px; bottom:-4px;
    background-image:radial-gradient(rgba(109,74,255,.4) 2px,transparent 2px);
    background-size:16px 16px;
}

/* =====================================================================
   02 - PROBLEM -> SOLUTION
===================================================================== */
.env-oad-problem{ background:var(--eoad-bg-soft); }
.env-oad-problem .env-oad-blob--a{ width:420px; height:420px; top:-120px; left:-160px; background:radial-gradient(circle,rgba(109,74,255,.16),transparent 70%); }

.env-oad-problem-statement{
    font-family: "Work Sans", sans-serif;
    font-weight:400; letter-spacing:-.02em; line-height:1.18;
    color:var(--eoad-navy); font-size:44px; margin:14px 0 20px;
}
.env-oad-problem-statement .env-oad-hl{ color:var(--eoad-purple); }

/* ---- left media ---- */
.env-oad-problem-media{
    position:relative; display:flex; height:100%; padding:14px 14px 30px;
}
.env-oad-problem-media img{
    position:relative; z-index:2; width:100%;
    height:100%; min-height:clamp(320px,34vw,460px); object-fit:cover;
    border-radius:var(--eoad-radius);
    border:1px solid var(--eoad-border);
    box-shadow:var(--eoad-shadow-lg);
}
.env-oad-problem-media-chip{
    position:absolute; z-index:3; left:-16px; bottom:8px;
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border:1px solid var(--eoad-border); border-radius:16px;
    padding:13px 16px; box-shadow:var(--eoad-shadow);
}
.env-oad-problem-media-chip i{
    width:40px; height:40px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px; background:var(--eoad-grad); color:#fff; font-size:18px;
}
.env-oad-problem-media-chip span{ display:flex; flex-direction:column; font-size:12px; font-weight:600; color:var(--eoad-muted); }
.env-oad-problem-media-chip strong{ font-size:14.5px; font-weight:800; color:var(--eoad-navy); line-height:1.3; }
.env-oad-problem-media-dots{
    position:absolute; z-index:1; width:120px; height:120px; right:-24px; top:-18px;
    background-image:radial-gradient(rgba(109,74,255,.4) 2px,transparent 2px);
    background-size:16px 16px;
}

.env-oad-problem-card{
    position:relative; height:100%;
    display:flex; flex-direction:column; align-items:flex-start;
    justify-content:center;
    background:#fff; border:1px solid var(--eoad-border);
    border-radius:var(--eoad-radius); padding:clamp(28px,3.5vw,44px);
    box-shadow:var(--eoad-shadow);
}
.env-oad-problem-card::before{
    content:""; position:absolute; left:0; top:28px; bottom:28px; width:4px;
    border-radius:4px; background:var(--eoad-grad);
}
.env-oad-problem-icon{
    width:52px; height:52px; display:flex; align-items:center; justify-content:center;
    border-radius:15px; background:var(--eoad-bg-tint); color:var(--eoad-purple);
    font-size:22px; margin-bottom:20px;
}
.env-oad-problem-card p{ font-size:15.5px; line-height:1.8; color:var(--eoad-muted); margin:0 0 16px; }
.env-oad-problem-card p:last-child{ margin-bottom:0; }
.env-oad-problem-card strong{ color:var(--eoad-ink); font-weight:700; }
.env-oad-problem-link{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; gap:10px; margin-top:28px;
    padding:14px 28px; border-radius:100px;
    font-family:"Plus Jakarta Sans","Manrope",sans-serif;
    font-weight:700; font-size:14.5px; letter-spacing:.01em;
    color:#fff; text-decoration:none;
    background:var(--eoad-grad);
    box-shadow:0 12px 26px -10px rgba(109,74,255,.6);
    transition:transform .25s var(--eoad-ease), box-shadow .25s var(--eoad-ease);
}
.env-oad-problem-link::after{
    content:""; position:absolute; inset:0; border-radius:inherit;
    background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
    transform:translateX(-120%); transition:transform .6s var(--eoad-ease);
}
.env-oad-problem-link i{ transition:transform .25s var(--eoad-ease); }
.env-oad-problem-link:hover{
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 18px 34px -10px rgba(109,74,255,.7);
}
.env-oad-problem-link:hover::after{ transform:translateX(120%); }
.env-oad-problem-link:hover i{ transform:translateX(4px); }

/* =====================================================================
   03 - IMPLEMENTATION PROCESS  (sticky progress rail + scrolling steps)
===================================================================== */
.env-oad-process{ background:linear-gradient(180deg,#fff 0%,var(--eoad-bg-soft) 100%); }
.env-oad-process .env-oad-grid-bg{ opacity:.6; }

.env-oad-proc{ position:relative; }

/* ---- sticky left rail ---- */
.env-oad-proc .row > [class*="col-lg-4"]{
    position:sticky; top:96px; align-self:flex-start; height:-moz-fit-content; height:fit-content;
}
.env-oad-proc-rail{ position:sticky; top:96px; }
.env-oad-proc-count{
    display:flex; align-items:baseline; gap:8px;
    font-family:"Plus Jakarta Sans",sans-serif; letter-spacing:-.03em; line-height:1;
    color:var(--eoad-navy); margin-bottom:14px;
}
.env-oad-proc-count b{
    font-size:clamp(56px,7vw,88px); font-weight:800;
    background:var(--eoad-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.env-oad-proc-count i{ font-style:normal; font-size:22px; font-weight:700; color:var(--eoad-muted); }
.env-oad-proc-cur{
    font-size:clamp(19px,1.8vw,24px); font-weight:800; color:var(--eoad-navy);
    letter-spacing:-.01em; margin:0 0 22px; min-height:2.4em;
}
.env-oad-proc-bar{ height:5px; border-radius:5px; background:var(--eoad-border-2); overflow:hidden; margin-bottom:26px; }
.env-oad-proc-bar span{ display:block; height:100%; width:20%; border-radius:5px; background:var(--eoad-grad); transition:width .6s var(--eoad-ease); }
.env-oad-proc-nav{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.env-oad-proc-nav li{
    position:relative; padding:11px 0 11px 26px; cursor:pointer;
    font-size:14px; font-weight:700; color:var(--eoad-muted);
    border-left:2px solid var(--eoad-border-2);
    transition:color .3s var(--eoad-ease), border-color .3s var(--eoad-ease);
}
.env-oad-proc-nav li::before{
    content:""; position:absolute; left:-5px; top:50%; transform:translateY(-50%);
    width:8px; height:8px; border-radius:50%; background:var(--eoad-border-2);
    transition:background .3s var(--eoad-ease), box-shadow .3s var(--eoad-ease);
}
.env-oad-proc-nav li:hover{ color:var(--eoad-ink); }
.env-oad-proc-nav li.is-active{ color:var(--eoad-navy); border-color:var(--eoad-purple); }
.env-oad-proc-nav li.is-active::before{ background:var(--eoad-purple); box-shadow:0 0 0 4px rgba(109,74,255,.16); }

/* ---- scrolling step cards ---- */
.env-oad-proc-steps{ display:flex; flex-direction:column; gap:22px; }
.env-oad-proc-step{
    position:relative; overflow:hidden;
    display:flex; gap:22px;
    background:#fff; border:1px solid var(--eoad-border);
    border-radius:var(--eoad-radius); padding:clamp(24px,2.6vw,34px);
    box-shadow:0 10px 30px -18px rgba(11,20,55,.16);
    transition:transform .45s var(--eoad-ease), box-shadow .45s var(--eoad-ease), border-color .45s var(--eoad-ease);
}
.env-oad-proc-step::after{
    content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
    background:var(--eoad-grad); transform:scaleY(0); transform-origin:top;
    transition:transform .5s var(--eoad-ease);
}
.env-oad-proc-step.is-active{ border-color:rgba(109,74,255,.3); box-shadow:var(--eoad-shadow); transform:translateY(-2px); }
.env-oad-proc-step.is-active::after{ transform:scaleY(1); }

.env-oad-proc-ghost{
    position:absolute; right:18px; top:2px; z-index:0; pointer-events:none;
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:150px; line-height:1;
    letter-spacing:-.05em; color:transparent;
    -webkit-text-stroke:1.5px rgba(109,74,255,.16);
    transition:-webkit-text-stroke .5s var(--eoad-ease), opacity .5s var(--eoad-ease);
    opacity:.7;
}
.env-oad-proc-step.is-active .env-oad-proc-ghost{ -webkit-text-stroke:1.5px rgba(109,74,255,.35); opacity:1; }

.env-oad-proc-ico{
    flex-shrink:0; width:56px; height:56px;
    display:flex; align-items:center; justify-content:center;
    border-radius:16px; background:var(--eoad-bg-tint); color:var(--eoad-purple);
    font-size:23px; z-index:1;
    transition:transform .5s var(--eoad-ease), background .5s var(--eoad-ease), color .5s var(--eoad-ease), border-radius .5s var(--eoad-ease);
}
.env-oad-proc-step.is-active .env-oad-proc-ico{ background:var(--eoad-grad); color:#fff; transform:rotate(-8deg) scale(1.06); border-radius:20px; }

.env-oad-proc-body{ position:relative; z-index:1; }
.env-oad-proc-tag{
    display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.14em;
    text-transform:uppercase; color:var(--eoad-purple); margin-bottom:8px;
}
.env-oad-proc-step h3{ font-size:19px; font-weight:800; color:var(--eoad-navy); margin:0 0 9px; letter-spacing:-.01em; }
.env-oad-proc-step p{ font-size:14.5px; line-height:1.75; color:var(--eoad-muted); margin:0; }
.env-oad-proc-sub{ list-style:none; margin:16px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.env-oad-proc-sub li{
    font-size:12.5px; font-weight:700; color:var(--eoad-ink);
    background:var(--eoad-bg-soft); border:1px solid var(--eoad-border);
    border-radius:100px; padding:6px 13px;
    transition:background .35s var(--eoad-ease), color .35s var(--eoad-ease), border-color .35s var(--eoad-ease);
}
.env-oad-proc-step.is-active .env-oad-proc-sub li{ border-color:rgba(109,74,255,.28); }
.env-oad-proc-note{
    margin:14px 0 0; padding-left:14px; border-left:2px solid rgba(109,74,255,.3);
    font-size:13.5px; line-height:1.7; color:var(--eoad-muted);
}

/* =====================================================================
   04 - INTERACTIVE JOURNEY
===================================================================== */
.env-oad-journey{ background:linear-gradient(180deg,var(--eoad-bg-soft),#fff); overflow:hidden; }
.env-oad-journey-track{
    display:grid; grid-template-columns:repeat(7,1fr); gap:14px;
    position:relative; margin-top:12px;
}
.env-oad-journey-track::before{
    content:""; position:absolute; left:7%; right:7%; top:34px; height:2px;
    background:var(--eoad-border-2);
}
.env-oad-journey-track::after{
    content:""; position:absolute; left:7%; top:34px; height:2px; width:0;
    background:var(--eoad-grad); transition:width 1.2s var(--eoad-ease);
}
.env-oad-journey-track.is-in::after{ width:86%; }
.env-oad-jnode{ position:relative; text-align:center; z-index:2; cursor:default; }
.env-oad-jnode-dot{
    width:68px; height:68px; margin:0 auto 14px;
    display:flex; align-items:center; justify-content:center;
    border-radius:20px; background:#fff; border:1px solid var(--eoad-border);
    color:var(--eoad-purple); font-size:22px; box-shadow:var(--eoad-shadow);
    transition:transform .4s var(--eoad-ease), background .4s var(--eoad-ease), color .4s var(--eoad-ease);
}
.env-oad-jnode:hover .env-oad-jnode-dot{ transform:translateY(-6px); background:var(--eoad-grad); color:#fff; }
.env-oad-jnode-num{ display:block; font-size:12px; font-weight:800; color:var(--eoad-purple); margin-bottom:4px; letter-spacing:.05em; }
.env-oad-jnode h4{ font-size:14.5px; font-weight:800; color:var(--eoad-navy); margin:0; }

/* =====================================================================
   05 - MID CTA
===================================================================== */
.env-oad-midcta{ padding:clamp(40px,6vw,80px) 0; }
.env-oad-midcta-card{
    position:relative; overflow:hidden;
    border-radius:var(--eoad-radius);
    background:linear-gradient(125deg,#0b1437 0%,#241a5c 55%,#3a1f6b 100%);
    padding:clamp(40px,5vw,68px);
    box-shadow:var(--eoad-shadow-lg);
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:32px;
}
.env-oad-midcta-card .env-oad-blob--a{ width:360px; height:360px; top:-140px; right:-80px; background:radial-gradient(circle,rgba(109,74,255,.55),transparent 70%); opacity:.6; }
.env-oad-midcta-bigtype{
    position:absolute; right:24px; bottom:-30px; z-index:0;
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:150px; line-height:1;
    color:rgba(255,255,255,.05); letter-spacing:-.04em; pointer-events:none; user-select:none;
}
.env-oad-midcta-text{ position:relative; z-index:2; max-width:620px; }
.env-oad-midcta-text h2{ font-size:clamp(24px,2.6vw,34px); font-weight:800; color:#fff; margin:0 0 12px; letter-spacing:-.01em; line-height:1.25; }
.env-oad-midcta-text p{ font-size:16px; color:rgba(255,255,255,.8); margin:0; }
.env-oad-midcta-side{ position:relative; z-index:2; display:flex; flex-direction:column; gap:14px; }
.env-oad-midcta-phone{ display:inline-flex; align-items:center; gap:10px; color:#fff; font-weight:700; font-size:15px; text-decoration:none; }
.env-oad-midcta-phone i{ color:var(--eoad-purple); }

/* =====================================================================
   06 - WHY CHOOSE ENVERTIS (blocks)
===================================================================== */
.env-oad-why{ position:relative; overflow:hidden; background:linear-gradient(180deg,var(--eoad-bg) 0%,var(--eoad-bg-soft) 100%); }
.env-oad-head--center{ text-align:center;  margin-left:auto; margin-right:auto; }
.env-oad-head--center .env-oad-eyebrow{ margin-left:auto; margin-right:auto; }
.env-oad-title .env-oad-hl{ color:var(--eoad-purple); }
.env-oad-head--center .env-oad-lead{ margin-left:auto; margin-right:auto; }

.env-oad-why-blocks{
    display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}

.env-oad-why-block{
    position:relative; overflow:hidden;
    display:flex; flex-direction:column; align-items:flex-start;
    background:#fff; border:1px solid var(--eoad-border);
    border-radius:var(--eoad-radius); padding:clamp(26px,2.6vw,36px);
    transition:transform .4s var(--eoad-ease), box-shadow .4s var(--eoad-ease), border-color .4s var(--eoad-ease);
}
/* top accent bar grows on hover */
.env-oad-why-block::before{
    content:""; position:absolute; left:0; top:0; height:4px; width:100%;
    background:var(--eoad-grad);
    transform:scaleX(0); transform-origin:left;
    transition:transform .45s var(--eoad-ease);
}
/* soft corner wash on hover */
.env-oad-why-block::after{
    content:""; position:absolute; inset:0; z-index:0; opacity:0;
    background:radial-gradient(120% 120% at 100% 0%,rgba(252,102,28,.09),transparent 55%);
    transition:opacity .45s var(--eoad-ease);
}
.env-oad-why-block > *{ position:relative; z-index:1; }
.env-oad-why-block:hover{
    transform:translateY(-8px);
    box-shadow:var(--eoad-shadow);
    border-color:rgba(252,102,28,.32);
}
.env-oad-why-block:hover::before{ transform:scaleX(1); }
.env-oad-why-block:hover::after{ opacity:1; }

.env-oad-why-block-n{
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800;
    font-size:clamp(30px,3vw,40px); letter-spacing:-.03em; line-height:1;
    background:var(--eoad-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.env-oad-why-block-ico{
    width:54px; height:54px; margin:16px 0 18px;
    display:flex; align-items:center; justify-content:center;
    border-radius:16px; background:var(--eoad-bg-tint); color:var(--eoad-purple);
    font-size:22px;
    transition:transform .45s var(--eoad-ease), background .45s var(--eoad-ease), color .45s var(--eoad-ease);
}
.env-oad-why-block:hover .env-oad-why-block-ico{
    transform:rotate(-8deg) scale(1.08);
    background:var(--eoad-grad); color:#fff;
}
.env-oad-why-block h3{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(17px,1.4vw,20px); font-weight:800; color:var(--eoad-navy);
    letter-spacing:-.01em; margin:0 0 10px;
}
.env-oad-why-block p{ font-size:14.5px; line-height:1.75; color:var(--eoad-muted); margin:0 0 18px; }
.env-oad-why-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.env-oad-why-chips span{
    font-size:12px; font-weight:700; color:var(--eoad-ink);
    padding:6px 12px; border-radius:100px;
    border:1px solid var(--eoad-border); background:var(--eoad-bg-soft);
}

/* ---------------------------------------------------------------------
   06 - WHY CHOOSE ENVERTIS  ·  zig-zag process flow (.oca-flow)
   Page: odoo-consultant-adelaide.html  ·  section id #env-oad-why
--------------------------------------------------------------------- */
.oca-flow{
    --oca-orb:clamp(140px,13vw,170px);
    --oca-gap:clamp(18px,3vw,46px);
    --oca-brand:#F9481B;
    --oca-grad:linear-gradient(180deg,#F9481B 0%,#FF7A00 48%,#FFC01E 100%);
    position:relative;
    display:flex; align-items:center; justify-content:center;
    gap:var(--oca-gap);
    min-height:clamp(400px,44vw,480px);
    margin-top:clamp(30px,4vw,54px);
}
/* horizontal rail behind the orbs */
.oca-flow-track{
    position:absolute; left:2%; right:2%; top:50%; height:3px;
    transform:translateY(-50%);
    background:var(--oca-grad);
    border-radius:3px; opacity:.28;
}
.oca-flow-step{
    position:relative; z-index:1;
    width:var(--oca-orb); flex:0 0 auto;
    display:flex; align-items:center; justify-content:center;
}
/* connector arrow between orbs */
.oca-flow-step:not(:last-child)::after{
    content:""; position:absolute; z-index:3;
    top:50%; right:calc(var(--oca-gap) / -2 - 22px);
    width:44px; height:30px;
    background:var(--oca-grad);
    clip-path:polygon(0 34%,56% 34%,56% 0,100% 50%,56% 100%,56% 66%,0 66%);
    transform:translateY(-50%);
    animation:oca-nudge 1.9s var(--eoad-ease) infinite;
}

/* --- the orb --- */
.oca-flow-orb{
    position:relative;
    width:var(--oca-orb); height:var(--oca-orb);
    border-radius:50%; padding:7px;
    transition:transform .45s var(--eoad-ease);
}
.oca-flow-orb::before{               /* spinning gradient ring */
    content:""; position:absolute; inset:0; z-index:0; border-radius:50%;
    background:conic-gradient(from 0deg,#F9481B,#FFC01E,#FF7A00,#F9481B);
    animation:oca-spin 7s linear infinite;
}
.oca-flow-orb::after{                /* soft glow, hover only */
    content:""; position:absolute; inset:-8px; z-index:-1; border-radius:50%;
    background:radial-gradient(circle,rgba(249,72,27,.4),transparent 70%);
    opacity:0; transition:opacity .45s var(--eoad-ease);
}
.oca-flow-orb-in{
    position:relative; z-index:1;
    width:100%; height:100%; border-radius:50%;
    background:#fff;
    display:grid; place-items:center;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}
.oca-flow-digit{
    position:absolute; z-index:0; top:50%; left:50%;
    transform:translate(-50%,-52%);
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800;
    font-size:clamp(56px,7vw,74px); line-height:1;
    color:var(--oca-brand); opacity:.09; letter-spacing:-.04em;
}
.oca-flow-orb-in i{
    position:relative; z-index:1; font-size:clamp(26px,3vw,32px); line-height:1;
    background:var(--oca-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* --- hover --- */
.oca-flow-step:hover .oca-flow-orb{ transform:translateY(-6px) scale(1.05); }
.oca-flow-step:hover .oca-flow-orb::before{ animation-duration:2.4s; }
.oca-flow-step:hover .oca-flow-orb::after{ opacity:1; }

/* --- caption, alternating above / below the rail --- */
.oca-flow-body{
    position:absolute; left:50%; transform:translateX(-50%);
    width:clamp(168px,15vw,214px); text-align:center;
}
.oca-flow-step--up .oca-flow-body{ bottom:calc(50% + var(--oca-orb) / 2 + 20px); }
.oca-flow-step--down .oca-flow-body{ top:calc(50% + var(--oca-orb) / 2 + 20px); }
.oca-flow-tag{
    display:inline-block; margin-bottom:8px;
    font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
    color:#fff; padding:4px 10px; border-radius:100px; background:var(--oca-grad);
}
.oca-flow-body h3{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:clamp(15px,1.3vw,17px); font-weight:800; letter-spacing:-.01em;
    color:var(--eoad-navy); margin:0 0 6px;
}
.oca-flow-body p{ font-size:13px; line-height:1.62; color:var(--eoad-muted); margin:0; }

/* connector dot where caption meets the rail */
.oca-flow-body::after{
    content:""; position:absolute; left:50%; width:11px; height:11px;
    border-radius:50%; background:var(--oca-brand);
    transform:translateX(-50%);
    box-shadow:0 0 0 4px rgba(249,72,27,.16);
}
.oca-flow-step--up .oca-flow-body::after{ bottom:-16px; }
.oca-flow-step--down .oca-flow-body::after{ top:-16px; }

@keyframes oca-spin{ to{ transform:rotate(1turn); } }
@keyframes oca-nudge{ 0%,100%{ transform:translate(0,-50%); } 50%{ transform:translate(5px,-50%); } }

/* --- tablet / mobile : vertical rail --- */
@media (max-width:991px){
    .oca-flow{
        --oca-orb:clamp(150px,40vw,180px);
        --oca-gap:54px;
        flex-direction:column; align-items:center;
        min-height:0; padding-left:0;
    }
    .oca-flow-track{
        left:50%; right:auto; top:14px; bottom:14px; width:3px; height:auto;
        transform:translateX(-50%);
    }
    .oca-flow-step{
        width:100%; max-width:420px;
        flex-direction:column;
    }
    .oca-flow-step:not(:last-child)::after{
        top:auto; right:auto; left:50%;
        bottom:calc(var(--oca-gap) / -2 - 15px);
        transform:translate(-50%,0) rotate(90deg);
        animation:none;
    }
    .oca-flow-body,
    .oca-flow-step--up .oca-flow-body,
    .oca-flow-step--down .oca-flow-body{
        position:static; inset:auto; transform:none; left:auto;
        width:min(360px,86vw); margin-top:16px;
    }
    .oca-flow-body::after{ display:none; }
}
@media (prefers-reduced-motion:reduce){
    .oca-flow-orb::before,
    .oca-flow-step:not(:last-child)::after{ animation:none; }
}

/* =====================================================================
   07 - INDUSTRY ECOSYSTEM
===================================================================== */
.env-oad-eco{ background:linear-gradient(180deg,#fff,var(--eoad-bg-soft)); }
.env-oad-eco-stage{
    position:relative; width:min(520px,90vw); aspect-ratio:1/1; margin:0 auto;
}
.env-oad-eco-core{
    position:absolute; inset:34%; border-radius:50%;
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
    background:var(--eoad-grad); color:#fff; box-shadow:0 30px 70px -24px rgba(109,74,255,.6);
    z-index:3;
}
.env-oad-eco-core span{ font-size:11px; font-weight:700; letter-spacing:.16em; opacity:.85; }
.env-oad-eco-core strong{ font-size:clamp(16px,2.4vw,22px); font-weight:800; letter-spacing:-.01em; }
.env-oad-eco-orbit{
    position:absolute; inset:6%; border:1px dashed var(--eoad-border-2); border-radius:50%;
    animation:eoadSpin 60s linear infinite;
}
.env-oad-eco-orbit--inner{ inset:22%; animation-duration:44s; animation-direction:reverse; }
@keyframes eoadSpin{ to{ transform:rotate(360deg); } }
.env-oad-eco-node{
    position:absolute; top:50%; left:50%;
    display:flex; align-items:center; gap:9px;
    padding:9px 15px 9px 10px; border-radius:100px;
    background:#fff; border:1px solid var(--eoad-border); box-shadow:var(--eoad-shadow);
    font-size:13px; font-weight:800; color:var(--eoad-navy); white-space:nowrap;
    transition:transform .4s var(--eoad-ease), border-color .4s var(--eoad-ease);
}
.env-oad-eco-node i{
    width:30px; height:30px; display:flex; align-items:center; justify-content:center;
    border-radius:9px; background:var(--eoad-bg-tint); color:var(--eoad-purple); font-size:14px;
}
.env-oad-eco-node:hover{ transform:translate(-50%,-50%) scale(1.06); border-color:rgba(109,74,255,.4); }
.env-oad-eco-node--1{ transform:translate(-50%,-50%) translateY(-190px); }
.env-oad-eco-node--2{ transform:translate(-50%,-50%) translate(175px,-70px); }
.env-oad-eco-node--3{ transform:translate(-50%,-50%) translate(120px,140px); }
.env-oad-eco-node--4{ transform:translate(-50%,-50%) translate(-120px,140px); }
.env-oad-eco-node--5{ transform:translate(-50%,-50%) translate(-175px,-70px); }
@media (hover:hover){
    .env-oad-eco-node--1:hover{ transform:translate(-50%,-50%) translateY(-190px) scale(1.06); }
    .env-oad-eco-node--2:hover{ transform:translate(-50%,-50%) translate(175px,-70px) scale(1.06); }
    .env-oad-eco-node--3:hover{ transform:translate(-50%,-50%) translate(120px,140px) scale(1.06); }
    .env-oad-eco-node--4:hover{ transform:translate(-50%,-50%) translate(-120px,140px) scale(1.06); }
    .env-oad-eco-node--5:hover{ transform:translate(-50%,-50%) translate(-175px,-70px) scale(1.06); }
}

/* =====================================================================
   08 - TRUST STRIP
===================================================================== */
.env-oad-trust{ background:var(--eoad-navy); color:#fff; overflow:hidden; }
.env-oad-trust .env-oad-blob--a{ width:520px; height:520px; top:-220px; left:50%; transform:translateX(-50%); background:radial-gradient(circle,rgba(109,74,255,.35),transparent 70%); }
.env-oad-trust-head{ text-align:center; max-width:720px; margin:0 auto 44px; }
.env-oad-trust-head h2{
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800;
    font-size:clamp(30px,4.4vw,54px); letter-spacing:-.02em; line-height:1.12; margin:0 0 16px;
    background:linear-gradient(90deg,#fff,#c9bcff); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.env-oad-trust-head p{ font-size:15.5px; line-height:1.75; color:rgba(255,255,255,.72); margin:0; }
.env-oad-trust-logos{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
    gap:14px 12px; max-width:960px; margin:0 auto;
}
.env-oad-trust-logos span{
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:15px;
    letter-spacing:.01em; color:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.14); border-radius:100px; padding:10px 20px;
    transition:color .3s var(--eoad-ease), border-color .3s var(--eoad-ease);
}
.env-oad-trust-logos span:hover{ color:#fff; border-color:rgba(255,255,255,.4); }

/* =====================================================================
   09 - TESTIMONIALS (Swiper)
===================================================================== */
.env-oad-testi{ background:var(--eoad-bg-soft); }
.env-oad-testi-slider{ padding:6px 4px 12px; overflow:visible; }
.env-oad-testi-card{
    height:100%;
    background:rgba(255,255,255,.75);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    border:1px solid var(--eoad-border);
    border-radius:var(--eoad-radius); padding:34px 32px 30px;
    box-shadow:var(--eoad-shadow); position:relative; overflow:hidden;
}
.env-oad-testi-card::before{
    content:"\201C"; position:absolute; top:-14px; right:22px;
    font-family:Georgia,serif; font-size:120px; line-height:1; color:rgba(109,74,255,.14);
}
.env-oad-testi-stars{ color:#f5a623; font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.env-oad-testi-quote{
    font-size:14.5px; line-height:1.8; color:var(--eoad-ink); margin:0 0 22px;
    display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow:hidden;
}
.env-oad-testi-who{ display:flex; align-items:center; gap:14px; }
.env-oad-testi-avatar{
    width:46px; height:46px; flex-shrink:0; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--eoad-grad); color:#fff; font-weight:800; font-size:16px;
}
.env-oad-testi-name{ font-size:15px; font-weight:800; color:var(--eoad-navy); }
.env-oad-testi-role{ font-size:12.5px; color:var(--eoad-muted); font-weight:600; }
.env-oad-testi-nav{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:34px; }
.env-oad-testi-arrow{
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff; border:1px solid var(--eoad-border-2); color:var(--eoad-navy);
    cursor:pointer; transition:all .3s var(--eoad-ease);
}
.env-oad-testi-arrow:hover{ background:var(--eoad-grad); color:#fff; border-color:transparent; }
.env-oad-testi-cta{ text-align:center; margin-top:36px; }

/* =====================================================================
   10 - FAQ
===================================================================== */
.env-oad-faq{ background:var(--eoad-bg); }
.env-oad-faq-aside{ position:sticky; top:110px; }
.env-oad-faq-aside .env-oad-visual{
    margin-top:26px; border-radius:var(--eoad-radius);
    background:linear-gradient(150deg,#0b1437,#33206b); color:#fff;
    padding:30px; box-shadow:var(--eoad-shadow-lg); position:relative; overflow:hidden;
}
.env-oad-faq-aside .env-oad-visual i{ font-size:30px; color:#c9bcff; }
.env-oad-faq-aside .env-oad-visual p{ font-size:14.5px; line-height:1.7; color:rgba(255,255,255,.78); margin:14px 0 0; }

.env-oad-acc-item{
    border:1px solid var(--eoad-border); border-radius:var(--eoad-radius-sm);
    background:#fff; margin-bottom:14px; overflow:hidden;
    transition:border-color .35s var(--eoad-ease), background .35s var(--eoad-ease);
}
.env-oad-acc-item.is-open{ border-color:rgba(109,74,255,.35); background:linear-gradient(180deg,#fbfaff,#fff); }
.env-oad-acc-q{
    width:100%; border:0; background:transparent; cursor:pointer;
    display:flex; align-items:flex-start; gap:16px; text-align:left;
    padding:20px 22px; font-family:inherit;
}
.env-oad-acc-n{ font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; font-size:13px; color:var(--eoad-purple); padding-top:2px; }
.env-oad-acc-q h3{ flex:1; font-size:16px; font-weight:800; color:var(--eoad-navy); margin:0; line-height:1.45; }
.env-oad-acc-icon{
    flex-shrink:0; width:30px; height:30px; border-radius:9px;
    display:flex; align-items:center; justify-content:center;
    background:var(--eoad-bg-tint); color:var(--eoad-purple); font-size:15px;
    transition:transform .35s var(--eoad-ease), background .35s var(--eoad-ease), color .35s var(--eoad-ease);
}
.env-oad-acc-item.is-open .env-oad-acc-icon{ background:var(--eoad-grad); color:#fff; transform:rotate(180deg); }
.env-oad-acc-a{ max-height:0; overflow:hidden; transition:max-height .4s var(--eoad-ease); }
.env-oad-acc-a p{ margin:0; padding:0 22px 22px 54px; font-size:14.5px; line-height:1.8; color:var(--eoad-muted); }

/* =====================================================================
   11 - FINAL CTA
===================================================================== */
.env-oad-final{ padding:clamp(48px,6vw,90px) 0 clamp(64px,8vw,110px); }
.env-oad-final-card{
    position:relative; overflow:hidden; text-align:center;
    border-radius:var(--eoad-radius);
    background:linear-gradient(135deg,#0b1437 0%,#2a1a5e 55%,#3f2075 100%);
    padding:clamp(48px,6vw,88px) clamp(24px,5vw,64px);
    box-shadow:var(--eoad-shadow-lg);
}
.env-oad-final-card .env-oad-grid-bg{
    -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 80%);
    mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000,transparent 80%);
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
}
.env-oad-final-card .env-oad-blob--a{ width:420px; height:420px; top:-180px; left:-120px; background:radial-gradient(circle,rgba(109,74,255,.5),transparent 70%); opacity:.6; }
.env-oad-final-card .env-oad-blob--b{ width:380px; height:380px; bottom:-200px; right:-120px; background:radial-gradient(circle,rgba(47,123,255,.4),transparent 70%); opacity:.5; }
.env-oad-final-card h2{
    position:relative; z-index:2;
    font-family:"Plus Jakarta Sans",sans-serif; font-weight:800; letter-spacing:-.02em;
    font-size:clamp(28px,3.8vw,46px); color:#fff; margin:0 auto 16px; max-width:720px; line-height:1.15;
}
.env-oad-final-card p{ position:relative; z-index:2; font-size:16.5px; line-height:1.7; color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 32px; }
.env-oad-final-actions{ position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; align-items:center; }
.env-oad-final-actions .env-oad-midcta-phone{ color:rgba(255,255,255,.9); }

/* =====================================================================
   RESPONSIVE
===================================================================== */
@media (max-width:1199px){
    .env-oad-hero-chip--a{ left:-4px; }
    .env-oad-hero-chip--b{ right:-4px; }
    .env-oad-hero-chip--c{ display:none; }
}
@media (max-width:991px){
    .env-oad-hero-visual{ margin-top:36px; }
    .env-oad-problem-statement{ margin-bottom:18px; }
    .env-oad-problem-media{ padding:12px 12px 24px; max-width:520px; }
    .env-oad-problem-media-chip{ left:0; }

    .env-oad-proc .row > [class*="col-lg-4"]{ position:static; }
    .env-oad-proc-rail{ position:static; margin-bottom:30px; }
    .env-oad-proc-cur{ min-height:0; margin-bottom:16px; }
    .env-oad-proc-nav{ flex-flow:row wrap; gap:8px; }
    .env-oad-proc-nav li{ border-left:0; padding:8px 14px; border-radius:100px; background:var(--eoad-bg-soft); }
    .env-oad-proc-nav li::before{ display:none; }
    .env-oad-proc-nav li.is-active{ background:var(--eoad-bg-tint); }
    .env-oad-proc-ghost{ font-size:96px; right:10px; }

    .env-oad-journey-track{ grid-template-columns:1fr; gap:10px; }
    .env-oad-journey-track::before,
    .env-oad-journey-track::after{ left:33px; right:auto; top:0; bottom:0; width:2px; height:auto; }
    .env-oad-journey-track.is-in::after{ width:2px; height:92%; }
    .env-oad-jnode{ display:flex; align-items:center; gap:16px; text-align:left; }
    .env-oad-jnode-dot{ margin:0; width:60px; height:60px; flex-shrink:0; }

    .env-oad-bento{ grid-template-columns:repeat(2,1fr); }
    .env-oad-bento-card,
    .env-oad-bento-card:nth-child(n){ grid-column:span 1; }

    .env-oad-why-blocks{ grid-template-columns:repeat(2,1fr); gap:16px; }

    .env-oad-midcta-card{ flex-direction:column; align-items:flex-start; }
    .env-oad-midcta-bigtype{ font-size:96px; right:8px; }

    .env-oad-faq-aside{ position:static; margin-bottom:28px; }
}
@media (max-width:575px){
    .env-oad-bento{ grid-template-columns:1fr; }
    .env-oad-why-blocks{ grid-template-columns:1fr; }
    .env-oad-eco-stage{ width:340px; }
    .env-oad-eco-node{ font-size:11px; padding:7px 11px 7px 8px; }
    .env-oad-eco-node--1{ transform:translate(-50%,-50%) translateY(-125px); }
    .env-oad-eco-node--2{ transform:translate(-50%,-50%) translate(96px,-46px); }
    .env-oad-eco-node--3{ transform:translate(-50%,-50%) translate(70px,120px); }
    .env-oad-eco-node--4{ transform:translate(-50%,-50%) translate(-70px,120px); }
    .env-oad-eco-node--5{ transform:translate(-50%,-50%) translate(-96px,-46px); }
    .env-oad-eco-node i{ display:none; }
    .env-oad-btn{ width:100%; justify-content:center; }
    .env-oad-hero-actions .env-oad-btn{ width:100%; }
}

@media (prefers-reduced-motion:reduce){
    .env-oad-page [data-oad-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
    .env-oad-float,.env-oad-eco-orbit{ animation:none !important; }
    .env-oad-proc-bar span,.env-oad-proc-step::after,.env-oad-journey-track::after{ transition:none !important; }
}

ul.esfsbs-point{ margin: 15px 0;}
ul.esfsbs-point li{ margin-bottom: 10px;}
ul.esfsbs-point li i{ color: #f95454; margin-right: 10px;}
















/*Case Study*/

/* ====================================
   COMMANDEX CASE STUDY
==================================== */

.cmdx-case-study {
   
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px !important;;
    padding: 30px !important;;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100% !important;;
    color: #fff;
}

.apcs-overview-card{background: #fc741d;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    color: #fff;}

.cmdx-case-study h1,
.cmdx-case-study h2,
.cmdx-case-study h3,
.cmdx-case-study h4 {
    color: #0f172a;
    font-weight: 700;
}

.cmdx-case-study p {
    line-height: 1.8;
}

.cmdx-case-study .badge {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 30px;
}

.cmdx-case-study .card {
    border: 1px solid #e5e7eb !important;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.cmdx-case-study .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.cmdx-case-study .card-body {
    padding: 30px;
}

.cmdx-case-study ul {
    padding-left: 20px;
}

.cmdx-case-study ul li {
    margin-bottom: 10px;
    
}

/* ====================================
   WHY ENVERTIS BOXES
==================================== */

.cmdx-case-study .border.rounded {
    border: 1px solid #dbe3ea !important;
    border-radius: 12px !important;
    padding: 20px !important;
    height: 100%;
    font-weight: 600;
    background: #fff;
    transition: all 0.3s ease;
}

.cmdx-case-study .border.rounded:hover {
    background: #f8fafc;
    transform: translateY(-3px);
}

/* ====================================
   ACCORDION
==================================== */

.cmdx-case-study .accordion-item {
    border: 1px solid #e2e8f0;
    border-radius: 12px !important;
    overflow: hidden;
    margin-bottom: 15px;
}

.cmdx-case-study .accordion-button {
    font-weight: 600;
    padding: 20px;
    background: #fff;
}

.cmdx-case-study .accordion-button:not(.collapsed) {
    background: #f8fafc;
    color: #0f172a;
    box-shadow: none;
}

.cmdx-case-study .accordion-button:focus {
    box-shadow: none;
}

.cmdx-case-study .accordion-body {
    padding: 25px;
}

/* ====================================
   OUTCOMES
==================================== */

.cmdx-case-study .row .border.rounded {
    text-align: center;
}

/* ====================================
   BEFORE AFTER TABLE
==================================== */

.cmdx-case-study table {
    border-color: #dbe3ea;
}

.cmdx-case-study thead {
    background: #0d6efd;
    color: #fff;
}

.cmdx-case-study thead th {
    padding: 18px;
    border: none;
}

.cmdx-case-study tbody td {
    padding: 16px;
    vertical-align: middle;
}

/* ====================================
   SNAPSHOT SECTION
==================================== */

.cmdx-case-study .bg-light {
    background: #f8fafc !important;
    border-radius: 20px !important;
}

/* ====================================
   CTA SECTION
==================================== */

.cmdx-case-study .bg-primary {
    background: #00183c !important;
    border-radius: 20px !important;
}

.cmdx-case-study .btn-light {
    padding: 14px 30px;
    font-weight: 600;
    border-radius: 50px;
}

.cmdx-case-study .btn-light:hover {
    transform: translateY(-2px);
}

/* ====================================
   SEO SECTION
==================================== */

.cmdx-case-study h4 {
    margin-bottom: 15px; 
}

.cmdx-case-study .seo-list li {
    margin-bottom: 8px;
}

.color-yellow{color: #e7ce0c !important;}

.list-unstyled2 {
    padding-left: 0;
    list-style: none !important;
    color: #fff !important;
    margin: 0 !important;
    padding-bottom: 15px;
}


.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}    
  

/* ====================================
   RESPONSIVE
==================================== */

@media (max-width: 991px) {

    .cmdx-case-study h1 {
        font-size: 2rem;
    }

    .cmdx-case-study .card-body {
        padding: 25px;
    }

    .cmdx-case-study .accordion-button {
        padding: 16px;
    }

}

@media (max-width: 767px) {

    .cmdx-case-study {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cmdx-case-study h1 {
        font-size: 1.8rem;
    }

    .cmdx-case-study h2 {
        font-size: 1.6rem;
    }

    .cmdx-case-study h4 {
        font-size: 1.1rem;
    }

    .cmdx-case-study p,
    .cmdx-case-study li {
        font-size: 15px;
    }

    .cmdx-case-study .card-body {
        padding: 20px;
    }

    .cmdx-case-study .bg-primary {
        padding: 30px 20px !important;
    }

    .cmdx-case-study .btn-light {
        width: 100%;
    }

}


/* ===================================
   LIGHTWAVE YACHTS CASE STUDY
=================================== */

.lightwave-case-study {
   
    overflow: hidden;
}

/* ===================================
   HERO SECTION
=================================== */

.lw-label {
    display: inline-block;
    padding: 10px 20px;
    background: #0d6efd;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
}

.lw-title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
}

.lw-subtitle {
    font-size: 1.4rem;
    color: #f97c2c;
    font-weight: 600;
    line-height: 1.5;
}

.lightwave-case-study .lead {
    color: #64748b;
    font-weight: 500;
}

/* ===================================
   PROJECT INFO BOX
=================================== */

.lw-info-box {
    background: #fc741d;
    border-radius: 20px;
    padding: 35px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    height: 100%;
}

.lw-info-item {
    padding: 18px 0;
    border-bottom: 1px solid #e2e8f0;
}

.lw-info-item:last-child {
    border-bottom: none;
}

.lw-info-item span {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lw-info-item strong {
    display: block;
    margin-top: 6px;
    font-size: 20px;
    color: #ffffff;
}

/* ===================================
   SECTION STYLING
=================================== */

.lw-section {
   margin-bottom: 80px !important;
    display: block;
    overflow: hidden;
}

.lw-section h2 {
    position: relative;
    margin-bottom: 30px;
    font-size: 2.2rem;
    font-weight: 700;
    color: #0f172a;
}

.lw-section h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    background: #f97c2c;
    margin-top: 15px;
    border-radius: 10px;
}

.lw-section p {
    color: #475569;
    line-height: 1.9;
    font-size: 16px;
}

/* ===================================
   CHALLENGE CARDS
=================================== */

.lw-card {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    border: 1px solid #e2e8f0;
    transition: all .35s ease;
}

.lw-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
}

.lw-card h4 {
    color: #0f172a;
    margin-bottom: 18px;
    font-weight: 700;
}

.lw-card ul {
    margin-top: 15px;
}

.lw-card li {
    margin-bottom: 10px;
    color: #475569;
}

/* ===================================
   FEATURE BOXES
=================================== */

.lw-feature {
    background: linear-gradient(
        135deg,
        #ffffff,
        #f8fafc
    );

    border: 1px solid #dbe5f1;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    font-weight: 600;
    color: #0f172a;
    height: 100%;
    transition: all .3s ease;
}

.lw-feature:hover {
    background:#f97c2c;
    color: #fff;
    transform: translateY(-5px);
}

/* ===================================
   SOLUTION BOXES
=================================== */

.lw-solution-box {
    background: #ffffff;
    padding: 35px;
    border-radius: 20px;
    margin-bottom: 25px;
    border-left: 6px solid #f68337;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
    width: 45%;
    float: left;
    margin-right: 60px;
    height: 500px;
}

.lw-solution-box h4 {
    margin-bottom: 18px;
    color: #0f172a;
    font-weight: 700;
}

.lw-solution-box ul {
    margin-top: 15px;
}

.lw-solution-box li {
    margin-bottom: 10px;
}

/* ===================================
   BUSINESS IMPACT
=================================== */

.lw-impact {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    font-weight: 600;
    height: 100%;
    color: #0f172a;
    transition: all .3s ease;
}

.lw-impact:hover {
    border-color: #0d6efd;
    transform: translateY(-5px);
}

/* ===================================
   TABLE
=================================== */

.lightwave-case-study table {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.lightwave-case-study thead {
    background: #0d6efd;
    color: #fff;
}

.lightwave-case-study th {
    padding: 18px;
    border: none;
    font-weight: 700;
}

.lightwave-case-study td {
    padding: 18px;
    vertical-align: middle;
}

.lightwave-case-study tbody tr:nth-child(even) {
    background: #f8fafc;
}

/* ===================================
   SNAPSHOT
=================================== */

.lw-snapshot {
    background: linear-gradient(
        135deg,
        #0f172a,
        #1e293b
    );

    color: #fff;
    padding: 60px;
    border-radius: 25px;
}

.lw-snapshot h2,
.lw-snapshot h4 {
    color: #fff;
}

.lw-snapshot p {
    color: rgba(255,255,255,.85);
    line-height: 1.9;
}

/* ===================================
   CTA
=================================== */

.lw-cta {
   background: #111827;

    color: #fff;
    padding: 70px 40px;
    border-radius: 25px;
}

.lw-cta h2 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px; color: #e7ce0c;
}

.lw-cta h4 {
    color: #e7ce0c;
}

.lw-cta p,
.lw-cta li {
    color: rgba(255,255,255,.95);
}

.lw-cta ul {
    margin-top: 20px;
}

.lw-cta li {
    margin-bottom: 10px;
}

.lw-cta .btn {
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    transition: all .3s ease;
}

.lw-cta .btn:hover {
    transform: translateY(-3px);
}


.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}

/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}  





/* ===================================
   RESPONSIVE
=================================== */

@media (max-width: 1199px) {

    .lw-title {
        font-size: 2.5rem;
    }

}

@media (max-width: 991px) {

    .lw-title {
        font-size: 2.2rem;
    }

    .lw-subtitle {
        font-size: 1.2rem;
    }

    .lw-info-box {
        margin-top: 30px;
    }

    .lw-snapshot,
    .lw-cta {
        padding: 40px 25px;
    }

}

@media (max-width: 767px) {

    .lightwave-case-study {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .lw-title {
        font-size: 1.9rem;
    }

    .lw-section h2 {
        font-size: 1.7rem;
    }

    .lw-subtitle {
        font-size: 1rem;
    }

    .lw-card,
    .lw-solution-box,
    .lw-info-box {
        padding: 22px;
    }

    .lw-snapshot,
    .lw-cta {
        padding: 30px 20px;
    }

    .lw-cta h2 {
        font-size: 1.8rem;
    }

    .lw-cta .btn {
        width: 100%;
    }

}





    .brand {
      font-size: 1rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-weight: 700;
      color: var(--primary);
    }

    .hero {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 2rem;
      align-items: flex-start;
      padding: 2.5rem 0;
    }

    .hero h1 {
      font-size: clamp(2.6rem, 4vw, 4.2rem);
      margin: 0;
      line-height: 1.05;
    }

    .hero p {
      margin: 1.5rem 0 0;
      color: var(--muted);
      max-width: 45rem;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-top: 2rem;
    }

    .button, .button-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 1rem 1.5rem;
      border-radius: 999px;
      font-weight: 700;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .button {
      background: var(--primary);
      color: white;
      border: none;
      box-shadow: 0 18px 40px rgba(15, 118, 110, 0.16);
    }

    .button-secondary {
      background: transparent;
      color: var(--primary);
      border: 1px solid var(--border);
    }

    .button:hover, .button-secondary:hover {
      transform: translateY(-1px);
    }

    .hero-visual {
      
      border-radius: var(--radius);
      
      display: grid;
      place-items: center;
    }

    .hero-visual .highlight-card {
      width: 100%;
      max-width: 420px;
      background: #fc741d;
      border-radius: 30px;
      padding: 2rem;
      box-shadow: 0 22px 45px rgba(15, 118, 110, 0.08);
      border: 1px solid rgba(15, 118, 110, 0.08);
    }

    .hero-visual h2 {
      margin-top: 0;
      font-size: 1.25rem;
      color: #fff;
    }

    .hero-visual ul {
      padding-left: 1.15rem;
      color: #fff;
      margin: 1rem 0 0;
    }

    
    .section-intro {
     
      margin: 1.5rem 0;
    }

.erp-card {
    background: #fc741d !important;
    border-radius: 12px !important  ;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff;
}
    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.75rem;
    }

    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.75rem;
    }

    .card {
      
      padding: 1.75rem;
      min-height: 100%;
    }

    .card h3 {
      margin-top: 0;
      margin-bottom: 0.75rem;
      color: var(--primary);
      font-size: 1.5rem;
    }

    .card p {
      margin: 0;
      color: var(--muted);
    }

    .list-plain {
      list-style: none !important;
      padding: 0;
      margin: 20px 0 0 0 !important;
    }

    .list-plain li {
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 1rem;
      color: var(--muted);
    }

    .list-plain li:before {
      content: "•";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--accent); font-size: 30px; line-height: 20px;
    }

    .feature-grid {
      display: grid;
      gap: 1rem;
    }

    .feature-box {
      background: #fff;
      border-radius: 20px;
      padding: 1.2rem 1.4rem;
      border: 1px solid rgba(226, 232, 240, 0.9);
      color: var(--muted);
    }

    .feature-box strong {
      display: block;
      margin-bottom: 0.5rem;
      color: var(--text);
    }

    .before-after {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.5rem;
    }

    .before-after div {
      background: var(--surface);
      border-radius: var(--radius);
      padding: 1.5rem;
      border: 1px solid var(--border);
    }

    .before-after h3 {
      margin-top: 0;
      margin-bottom: 1rem;
      font-size: 1.1rem;
      color: var(--primary);
    }

    .before-after ul {
      margin: 0;
      padding-left: 0;
      color: var(--muted);
    }

    .before-after li {
      margin-bottom: 0.9rem;
    }

    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.2rem;
    }

    .kpi-card {
      background: #f97c2c;
    border-radius: 10px;
      padding: 1.5rem;
      border: 1px solid var(--border);
      text-align: center;
    }

    .kpi-card strong {
      display: block;
      font-size: 1.6rem;
      color: #fff;
      margin-bottom: 0.6rem;
    }

    .kpi-card span {
      color: #fff;
    }

    .cta-banner {
      background: #00183c;
      color: white;
      border-radius: 30px;
      padding: 2.5rem;
      margin-top: 1rem;
    }

    .cta-banner h2 {
      margin: 0;
      font-size: clamp(1.8rem, 2.5vw, 2.6rem); color: #fff;
    }

    .cta-banner p {
      margin: 1rem 0 0;
      color: rgba(255,255,255,0.9);
      max-width: 64rem;
    }

    .cta-banner .button {
      margin-top: 1.5rem;
    }

    footer {
      padding: 2rem 0 0;
      text-align: center;
      color: var(--muted);
      font-size: 0.95rem;
    }
    
    
    .pop-up-butt{background: #f97c2c;
    width: 85%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}    
 

    @media (max-width: 960px) {
      .hero {
        grid-template-columns: 1fr;
      }

      .grid-2, .before-after, .kpi-grid {
        grid-template-columns: 1fr;
      }

      .grid-3 {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 680px) {
      .container {
        width: min(100% - 1.5rem, var(--max-width));
      }

      .topbar {
        flex-direction: column;
        align-items: flex-start;
      }

      
    }


    .tmb-case-study{
   
    color:#2c2c2c;
}

.tmb-hero{
    
   padding:30px 0;
}

.tmb-section{
    padding:30px 0;
}

.tmb-section-title{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.tmb-card{
    background:#fc741d;
    border-radius:18px;
    padding:30px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.tmb-card:hover{
    transform:translateY(-5px);
}

.tmb-number{
    width:60px;
    height:60px;
    background:#0d6efd;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    margin-bottom:20px;
}

.tmb-pain-card{
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:25px;
    height:100%;
}

.tmb-solution-card{
    border-left: 5px solid #f97c2c;
    background: #ffffff;
    border-radius:12px;
    padding:25px;
    height:100%;
}

.tmb-module{
    background:#eef4ff;
    border-radius:50px;
    padding:12px 20px;
    text-align:center;
    font-weight:600;
}

.tmb-stat-card{
    background:#00183c;
    color:#fff;
    border-radius:20px;
    padding:35px 20px;
    text-align:center;
    height:100%;
}

.tmb-stat-number{
    font-size:40px;
    font-weight:800;
}

.tmb-conclusion{
    background:#111827;
    color:#fff;
    border-radius:30px;
    padding:60px;
}

.tmb-conclusion h2{ color:#e7ce0c !important;}

.tmb-strategy{
    background:#f8fafc;
    border:2px dashed #f68337;
    border-radius:20px;
    padding:40px;
}

.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}    
 

@media(max-width:767px){

    .tmb-section{
        padding:60px 0;
    }

    .tmb-section-title{
        font-size:30px;
    }

    .tmb-conclusion{
        padding:30px;
    }

}




.altro-case-study{
    overflow:hidden;
}

.altro-hero{
    padding:30px 0;
   
    
}

.tmb-card {
    background: #fc741d;
    border-radius: 18px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: .3s;
}

.altro-tag{
    display:inline-block;
    padding:8px 18px;
    background:#2563eb;
    border-radius:50px;
    margin-bottom:20px;
}

.altro-main-title{
    font-size:56px;
    font-weight:700;
    line-height:1.2;
}

.altro-subtitle{
    font-size:18px;
    opacity:.9;
}

.altro-overview-card{
    background:#fc741d;
    color:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.altro-section{
    padding:30px 0;
}



.altro-bg-light{
    background:#f8fafc;
}

.altro-section-title{
    font-size:42px;
    font-weight:700;
}

.altro-challenge-card,
.altro-solution-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.altro-number{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fc741d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    margin-bottom:20px;
}

.altro-module{
    background:#eef2ff;
    padding:16px;
    border-radius:12px;
    text-align:center;
    font-weight:600;
    height:100%;
}

.altro-enhancement{
    background:#fff;
    padding:30px;
    border-radius:16px;
    text-align:center;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.altro-stat{
    background:#00183c;
    color:#fff;
    text-align:center;
    padding:35px 20px;
    border-radius:20px;
}

.altro-stat h2{
    font-size:42px;
    font-weight:700; color: #fff;
}

.altro-conclusion{
    background:#111827;
    color:#fff;
    padding:60px;
    border-radius:25px;
}

.tmb-card {
    background: #fc741d;
    border-radius: 18px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: .3s;
}


.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}    


@media(max-width:991px){

    .altro-main-title{
        font-size:38px;
    }

    .altro-section-title{
        font-size:32px;
    }

    .altro-section{
        padding:70px 0;
    }
}

@media(max-width:576px){

    .altro-main-title{
        font-size:30px;
    }

    .altro-conclusion{
        padding:30px;
    }
}


.bp-case-study{
    overflow:hidden;
}

.bp-hero{
    
    padding:30px 0;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.bp-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#2563eb;
    margin-bottom:20px;
    font-weight:600;
}

.bp-main-title{
    font-size:60px;
    font-weight:700;
}

.bp-subtitle{
    font-size:20px;
    opacity:.9;
}

.bp-overview-card{
    background:#fff;
    color:#333;
    padding:35px;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.bp-section{
    padding:30px 0;
}

.bp-light-bg{
    background:#f8fafc;
}

.bp-section-title{
    font-size:42px;
    font-weight:700;
}

.bp-requirement-card,
.bp-module{
    background:#fff;
    border-radius:16px;
    padding:25px;
    text-align:center;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.bp-pain-card,
.bp-solution-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.bp-pain-card span{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f97c2c;
    color:#fff;
    border-radius:50%;
    margin-bottom:15px;
    font-weight:700;
}

.bp-stat-card{
    background:#00183c;
    color:#fff;
    text-align:center;
    padding:35px;
    border-radius:20px;
}

.bp-stat-card h2{
    font-size:42px;
    font-weight:700; color: #e7ce0c;
}

.bp-conclusion{
    background:#111827;
    color:#fff;
    padding:60px;
    border-radius:25px;
}

.pop-up-butt{background: #f97c2c;
    width: 40%;
    border-radius: 50px;
    border: none;
    margin: 20px auto;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}    


@media(max-width:991px){

    .bp-main-title{
        font-size:40px;
    }

    .bp-section-title{
        font-size:32px;
    }

    .bp-section{
        padding:70px 0;
    }

}

@media(max-width:576px){

    .bp-main-title{
        font-size:32px;
    }

    .bp-conclusion{
        padding:30px;
    }

}



/* ==========================================
   PJ BOWERS CASE STUDY
   Unique Prefix: pjb-
========================================== */

.pjb-case-study{
    overflow:hidden;
    
    color:#1f2937;
    
}

/* HERO */

.pjb-hero{
    
    padding:30px 0;
    
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff;
}

.pjb-badge{
    display:inline-block;
    padding:10px 22px;
    background:#2563eb;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    letter-spacing:.5px;
}

.pjb-title{
    font-size:56px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:25px;
}

.pjb-subtitle{
    font-size:20px;
    line-height:1.8;
    opacity:.9;
    margin-bottom:0;
}

.pjb-info-card{
    background:#fc741d;
    color:#fff;
    padding:35px;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.pjb-info-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #e5e7eb;
}

.pjb-info-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.pjb-info-item strong{
    font-weight:700;
}

.pjb-info-item span{
    color:#fff;
}

/* SECTION */

.pjb-section{
    padding:30px 0;
}

.pjb-light{
    background:#f8fafc;
}

.pjb-section h2{
    font-size:42px;
    font-weight:800;
    margin-bottom:20px;
    color:#111827;
}

/* CONTENT CARD */

.pjb-content-card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

.pjb-content-card h2,
.pjb-content-card h4{
    font-weight:700;
    margin-bottom:20px;
}

.pjb-content-card p:last-child{
    margin-bottom:0;
}

/* CHALLENGE / SOLUTION CARDS */

.pjb-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
}

.pjb-card:hover{
    transform:translateY(-5px);
}

.pjb-card h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
    color:#111827;
}

.pjb-card ul{
    padding-left:20px;
    margin-bottom:20px;
}

.pjb-card li{
    margin-bottom:10px;
    line-height:1.6;
}

/* FEATURE BOX */

.pjb-feature-box{
    background:#fff;
    border-radius:18px;
    padding:28px;
    text-align:center;
    font-weight:600;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:130px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.3s ease;
}

.pjb-feature-box:hover{
    transform:translateY(-4px);
}

/* IMPACT */

.pjb-impact-card{
    background:#fc741d;
    color:#fff;
    border-radius:20px;
    padding:25px;
    text-align:center;
    height:100%;
    font-weight:600;
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(37,99,235,.25);
}

/* TABLE */

.pjb-light table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
}

.pjb-light table thead{
    background:#2563eb;
    color:#fff;
}

.pjb-light table th{
    padding:18px;
    font-weight:700;
}

.pjb-light table td{
    padding:18px;
    vertical-align:middle;
}

.pjb-light table tr:nth-child(even){
    background:#f9fafb;
}

/* SNAPSHOT */

.pjb-highlight{
    background:#00183c;
    color:#fff;
    padding:60px;
    border-radius:30px;
    text-align:center;
}

.pjb-highlight h2{
    color:#fff;
    margin-bottom:20px;
}

.pjb-highlight h4{
    font-size:28px;
    font-weight:700;
    margin-bottom:25px; color: #e7ce0c;
}

.pjb-highlight p{
    font-size:18px;
    line-height:1.8;
}

/* CTA */

.pjb-cta{
    background:#111827;
    color:#fff;
    padding:90px 0;
}

.pjb-cta h2{
    font-size:46px;
    font-weight:800;
    margin-bottom:20px;
}

.pjb-cta p{
    font-size:18px;
    max-width:900px;
    margin:0 auto 25px;
    line-height:1.8;
}

.pjb-cta h4{
    font-size:28px;
    font-weight:700;
    color:#fc741d;
}

/* LISTS */

.pjb-content-card ul{
    padding-left:20px;
}

.pjb-content-card li{
    margin-bottom:10px;
    line-height:1.7;
}

.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}





/* RESPONSIVE */

@media (max-width: 1199px){

    .pjb-title{
        font-size:48px;
    }

}

@media (max-width: 991px){

    .pjb-hero{
        padding:80px 0;
    }

    .pjb-section{
        padding:70px 0;
    }

    .pjb-title{
        font-size:40px;
    }

    .pjb-section h2{
        font-size:34px;
    }

    .pjb-highlight{
        padding:40px;
    }

    .pjb-cta h2{
        font-size:38px;
    }

}

@media (max-width: 767px){

    .pjb-title{
        font-size:34px;
        line-height:1.2;
    }

    .pjb-subtitle{
        font-size:17px;
    }

    .pjb-section{
        padding:60px 0;
    }

    .pjb-section h2{
        font-size:28px;
    }

    .pjb-content-card,
    .pjb-card,
    .pjb-info-card{
        padding:25px;
    }

    .pjb-highlight{
        padding:30px 25px;
    }

    .pjb-highlight h4{
        font-size:22px;
    }

    .pjb-cta{
        padding:70px 0;
    }

    .pjb-cta h2{
        font-size:30px;
    }

    .pjb-cta h4{
        font-size:22px;
    }

}

@media (max-width: 576px){

    .pjb-title{
        font-size:28px;
    }

    .pjb-badge{
        font-size:12px;
        padding:8px 18px;
    }

    .pjb-feature-box{
        min-height:auto;
        padding:22px;
    }

    .pjb-impact-card{
        min-height:auto;
        padding:20px;
    }

    .pjb-highlight{
        border-radius:20px;
    }

    .envcounter-item {
    position: relative;
    text-align: center;
    padding: 36px 20px;
    overflow: hidden;
}

.envcounter-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    font-weight: 700;
    color: #e9e3e3;
    line-height: 1;
    z-index: 1;
    user-select: none;
    pointer-events: none;
}

}


/* =====================================
   ALPHATEX CASE STUDY
   Unique Prefix: alphatex-
===================================== */

.alphatex-case-study{
    
    overflow:hidden;
    
}

/* HERO */

.alphatex-hero{
    padding:30px 0;
    
}

.erp-card {
    background: #fc741d;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff;
}

.alphatex-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:#2563eb;
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.alphatex-title{
    font-size:58px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:25px;
}

.alphatex-subtitle{
    font-size:20px;
    line-height:1.8;
    opacity:.9;
}

/* COMPANY CARD */

.alphatex-company-card{
    background:#fc741d;
    border-radius:24px;
    padding:35px;
    color:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.alphatex-info-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid #e5e7eb;
}

.alphatex-info-row:last-child{
    border-bottom:none;
}

.alphatex-info-row strong{
    font-weight:700;
}

.alphatex-info-row span{
    color:#fff;
}

/* SECTION */

.alphatex-section{
    padding:30px 0;
}

.alphatex-light{
    background:#f8fafc;
}

.alphatex-section h2{
    font-size:42px;
    font-weight:800;
    color:#111827;
    margin-bottom:20px;
}

/* CONTENT BOX */

.alphatex-content-box{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.alphatex-content-box p:last-child{
    margin-bottom:0;
}

/* HIGHLIGHT */

.alphatex-highlight-box{
    background:#fff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.alphatex-highlight-box h4{
    margin-bottom:20px;
    font-weight:700;
}

.alphatex-tag-box{
    background:#eff6ff;
    color:#1d4ed8;
    border-radius:12px;
    padding:15px 20px;
    text-align:center;
    font-weight:600;
    height:100%;
}

/* CARDS */

.alphatex-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
}

.alphatex-card:hover{
    transform:translateY(-5px);
}

.alphatex-card h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
}

.alphatex-card ul{
    padding-left:20px;
    margin-bottom:20px;
}

.alphatex-card li{
    margin-bottom:10px;
    line-height:1.7;
}

/* FEATURES */

.alphatex-feature{
    background:#fff;
    border-radius:20px;
    padding:30px;
    min-height:130px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.3s ease;
}

.alphatex-feature:hover{
    transform:translateY(-5px);
}

/* IMPACT */

.alphatex-impact{
    background:#fc741d;
    color:#fff;
    border-radius:20px;
    padding:25px;
    text-align:center;
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(37,99,235,.25);
}

/* TABLE */

.alphatex-table-wrapper{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.alphatex-table{
    margin-bottom:0;
}

.alphatex-table thead{
    background:#2563eb;
    color:#fff;
}

.alphatex-table th{
    padding:18px;
    font-weight:700;
}

.alphatex-table td{
    padding:18px;
    vertical-align:middle;
}

.alphatex-table tbody tr:nth-child(even){
    background:#f9fafb;
}

/* SNAPSHOT */

.alphatex-snapshot{
    background:#00183c;
    color:#fff;
    border-radius:30px;
    padding:60px;
    text-align:center;
}

.alphatex-snapshot h2{
    color:#fff;
    margin-bottom:20px;
}

.alphatex-snapshot h4{
    font-size:30px;
    font-weight:700;
    margin-bottom:25px; color: #e7ce0c;
}

.alphatex-snapshot p{
    font-size:18px;
    line-height:1.8;
}

/* CTA */

.alphatex-cta{
    padding:100px 0;
    background:#111827;
    color:#fff;
    text-align:center;
}

.alphatex-cta h2{
    font-size:46px;
    font-weight:800;
    margin-bottom:20px; color: #fff;
}

.alphatex-cta p{
    max-width:850px;
    margin:0 auto 20px;
    font-size:18px;
    line-height:1.8;
}

.alphatex-cta h4{
    color:#e7ce0c;
    font-size:30px;
    font-weight:700;
}


.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px ##e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* RESPONSIVE */

@media(max-width:1199px){

    .alphatex-title{
        font-size:48px;
    }

}

@media(max-width:991px){

    .alphatex-hero{
        padding:80px 0;
    }

    .alphatex-section{
        padding:70px 0;
    }

    .alphatex-title{
        font-size:40px;
    }

    .alphatex-section h2{
        font-size:34px;
    }

    .alphatex-snapshot{
        padding:45px;
    }

}

@media(max-width:767px){

    .alphatex-title{
        font-size:32px;
    }

    .alphatex-subtitle{
        font-size:17px;
    }

    .alphatex-section{
        padding:60px 0;
    }

    .alphatex-section h2{
        font-size:28px;
    }

    .alphatex-company-card,
    .alphatex-card,
    .alphatex-content-box,
    .alphatex-highlight-box{
        padding:25px;
    }

    .alphatex-snapshot{
        padding:30px 25px;
    }

    .alphatex-snapshot h4{
        font-size:22px;
    }

    .alphatex-cta{
        padding:70px 0;
    }

    .alphatex-cta h2{
        font-size:30px;
    }

    .alphatex-cta h4{
        font-size:22px;
    }

}

@media(max-width:576px){

    .alphatex-title{
        font-size:28px;
    }

    .alphatex-badge{
        font-size:12px;
        padding:8px 16px;
    }

    .alphatex-feature{
        min-height:auto;
        padding:22px;
    }

    .alphatex-impact{
        min-height:auto;
        padding:20px;
    }

    .alphatex-snapshot{
        border-radius:20px;
    }

}



.morsl-container{
    max-width:1200px;
    margin:auto;
    padding:20px 20px;
}

.morsl-section-title{
    font-size:56px;
    margin-bottom:20px;
    color:#0f172a;
    line-height:1.3;
}

.morsl-subtitle{
    font-size:20px;
    color:#64748b;
    margin-bottom:40px;
}

.morsl-card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    margin-bottom:30px;
}

.morsl-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.morsl-info-box{
    background:#fc741d;
    border-radius:10px;
    padding:25px;
    text-align:center;
    box-shadow:0 4px 15px rgba(0,0,0,0.08); color: #fff;
}

.morsl-info-box h4{
    color:#fff;
    margin-bottom:10px;
}

.morsl-content-section{
    margin-top:60px;
}

.morsl-content-section h2{
    margin-bottom:20px;
    color:#0f172a;
}

.morsl-content-section p{
    margin-bottom:15px;
}

.morsl-challenge-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:30px;
}

.morsl-challenge-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    height:100%;
}

.morsl-challenge-card h3{
    margin-bottom:15px;
    color:#0f172a;
}

.morsl-challenge-card ul{
    padding-left:20px;
}

.morsl-challenge-card li{
    margin-bottom:8px;
}

.morsl-solution-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.morsl-solution-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    height:100%;
}

.morsl-solution-card h3{
    margin-bottom:15px;
    color:#0f172a;
}

.morsl-solution-card ul{
    padding-left:20px;
}

.morsl-solution-card li{
    margin-bottom:8px;
}

.morsl-impact-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:20px;
}

.morsl-impact-item{
    background:#fff;
    padding:18px;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,0.08);
}

.morsl-table-wrap{
    overflow-x:auto;
}

.morsl-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    margin-top:25px;
}

.morsl-table th{
    background:#0f172a;
    color:#fff;
    padding:15px;
    text-align:left;
}

.morsl-table td{
    padding:15px;
    border:1px solid #e5e7eb;
}

.morsl-cta{
    margin-top:60px;
    background:#0f172a;
    color:#fff;
    padding:50px;
    border-radius:15px;
    text-align:center;
}

.morsl-cta h2{
    margin-bottom:20px; color: #e7ce0c;
}

.morsl-cta ul{
    list-style:none !important;
    margin:20px 0 !important;
}

.morsl-cta li{
    margin-bottom:10px;
}

.morsl-btn{
    display:inline-block;
    padding:14px 30px;
    background:#f97c2c;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:bold;
    margin-top:20px;
}

.morsl-btn:hover{ color:#000;}

.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

@media(max-width:991px){

.morsl-grid{
    grid-template-columns:repeat(2,1fr);
}

.morsl-challenge-grid,
.morsl-solution-grid,
.morsl-impact-list{
    grid-template-columns:1fr;
}

.morsl-section-title{
    font-size:30px;
}

}

@media(max-width:576px){

.morsl-grid{
    grid-template-columns:1fr;
}

.morsl-section-title{
    font-size:26px;
}

.morsl-card,
.morsl-cta{
    padding:25px;
}

}





.sterling-case-study{
   
    color:#333;
}

.sterling-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.sterling-section{
    padding:30px 0;
}

.sterling-alt-bg{
    background:#f8fafc;
}

.sterling-hero{
    padding:30px 0;
    
    color:#fff;
}

.sterling-tag{
    display:inline-block;
    padding:8px 15px;
    background:#2563eb;
    border-radius:30px;
    margin-bottom:20px;
}

.sterling-hero h1{
    font-size:48px;
    margin-bottom:20px;
}

.sterling-overview-grid,
.sterling-challenge-grid,
.sterling-solution-grid,
.sterling-outcome-grid,
.sterling-list-grid{
    display:grid;
    gap:25px;
}

.sterling-overview-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:40px;
}

.sterling-challenge-grid,
.sterling-solution-grid{
    grid-template-columns:repeat(2,1fr);
    margin-top:40px;
}

.sterling-outcome-grid,
.sterling-list-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:30px;
}

.sterling-card,
.sterling-overview-card,
.sterling-outcome-grid div,
.sterling-list-grid div{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
}

.sterling-card ul{
    padding-left:20px; list-style: disc;
}

.sterling-card ul li{
    list-style: disc;
}

.sterling-table{
    width:100%;
    border-collapse:collapse;
}

.sterling-table th{
    background:#0f172a;
    color:#fff;
}

.sterling-table th,
.sterling-table td{
    padding:15px;
    border:1px solid #ddd;
}

.sterling-table-wrap{
    overflow-x:auto;
}

.sterling-cta{
    background:#0f172a;
    color:#fff;
    text-align:center;
    padding:80px 20px;
}

.sterling-btn{
    display:inline-block;
    margin-top:25px;
    background:#fc741d;
    color:#fff;
    text-decoration:none;
    padding:14px 28px;
    border-radius:50px;
    font-weight:600;
}

.sterling-btn:hover{ color:#000;}


.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin: 20px auto;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

@media(max-width:991px){

    .sterling-hero h1{
        font-size:36px;
    }

    .sterling-overview-grid,
    .sterling-outcome-grid,
    .sterling-list-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .sterling-challenge-grid,
    .sterling-solution-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .sterling-hero h1{
        font-size:30px;
    }

    .sterling-overview-grid,
    .sterling-outcome-grid,
    .sterling-list-grid{
        grid-template-columns:1fr;
    }

    .sterling-section{
        padding:60px 0;
    }
}



.alinta-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.alinta-section{
    padding:30px 0;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.alinta-hero-section{
    
    padding:30px 0;
}

.alinta-label{
    display:inline-block;
    background:#2563eb;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    margin-bottom:20px;
}

.alinta-hero-section h1{
    font-size:48px;
    line-height:1.2;
    margin-bottom:20px;
}

.alinta-overview-grid,
.alinta-card-grid,
.alinta-feature-grid,
.alinta-solution-grid,
.alinta-outcome-grid{
    display:grid;
    gap:25px;
}

.alinta-overview-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:40px;
}

.alinta-card-grid,
.alinta-solution-grid{
    grid-template-columns:repeat(2,1fr);
    margin-top:40px;
}

.alinta-solution-grid p{
    margin-top:20px;
}

.alinta-feature-grid,
.alinta-outcome-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:30px;
}

.alinta-card,
.alinta-feature-box,
.alinta-overview-card,
.alinta-outcome-grid div{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
}

.alinta-card ul{
    padding-left:20px; list-style: disc;
}

.alinta-card ul li{
    list-style: disc;
}


.alinta-table{
    width:100%;
    border-collapse:collapse;
}

.alinta-table th{
    background:#0f172a;
    color:#fff;
}

.alinta-table th,
.alinta-table td{
    border:1px solid #ddd;
    padding:15px;
}

.alinta-table-wrap{
    overflow-x:auto;
}

.alinta-cta{
    background:#0f172a;
    color:#fff;
    text-align:center;
    padding:80px 20px;
}

.alinta-btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 28px;
    background:#fc741d;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    font-weight:600;
}

.alinta-btn:hover{ background:#fc741d; color:#000;}

.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

@media(max-width:991px){

    .alinta-overview-grid,
    .alinta-feature-grid,
    .alinta-outcome-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .alinta-card-grid,
    .alinta-solution-grid{
        grid-template-columns:1fr;
    }

    .alinta-hero-section h1{
        font-size:36px;
    }
}

@media(max-width:767px){

    .alinta-overview-grid,
    .alinta-feature-grid,
    .alinta-outcome-grid{
        grid-template-columns:1fr;
    }

    .alinta-section{
        padding:60px 0;
    }

    .alinta-hero-section h1{
        font-size:30px;
    }
}




.asm-case-study{
    
    color:#333;
    line-height:1.7;
}

.asm-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.asm-section{
    padding:30px 0;
}



.asm-hero{
    
    padding:30px 0 0;
}

.asm-tag{
    display:inline-block;
    padding:8px 16px;
    background:#2563eb;
    border-radius:30px;
    margin-bottom:20px;
}

.asm-hero h1{
    font-size:48px;
    line-height:1.2;
    margin-bottom:20px;
}

.asm-stats-grid,
.asm-feature-grid,
.asm-grid-two,
.asm-module-grid{
    display:grid;
    gap:25px;
}

.asm-stats-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:40px;
}

.asm-feature-grid{
    grid-template-columns:repeat(4,1fr);
    margin-top:30px; margin-bottom: 30px;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.asm-grid-two{
    grid-template-columns:repeat(2,1fr);
    margin-top:30px;
}

.asm-module-grid{
    grid-template-columns:repeat(3,1fr);
    margin-top:30px;
}

.asm-card,
.asm-module-box,
.asm-stat-box{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
}

.asm-card ul{
    padding-left:20px;
}

.asm-module-box{
    text-align:center;
    font-weight:600;
}

.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px; margin-left:70px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

@media(max-width:991px){

    .asm-feature-grid,
    .asm-module-grid,
    .asm-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .asm-grid-two{
        grid-template-columns:1fr;
    }

    .asm-hero h1{
        font-size:36px;
    }
}

@media(max-width:767px){

    .asm-feature-grid,
    .asm-module-grid,
    .asm-stats-grid{
        grid-template-columns:1fr;
    }

    .asm-section{
        padding:60px 0;
    }

    .asm-hero{
        padding:80px 0;
    }

    .asm-hero h1{
        font-size:30px;
    }
}



.inlite-case-study{
    
    color:#1f2937;
    line-height:1.8;
}

.inlite-container{
   
    margin:auto;
    padding:0 20px;
}

.inlite-insight{
    padding:30px 0;
    
}

.inlite-insight blockquote{
    margin:20px 0;
    padding:20px;
    border-left:4px solid #f97c2c;
    background:#fff;
    border-radius:8px;
}

.inlite-hero{
    
    color:#fff;
    padding:30px 0;
}

.inlite-hero h1{
    font-size:48px;
    line-height:1.2;
    margin-bottom:20px;
}

.inlite-hero h2{
    font-size:24px;
    margin-bottom:20px;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.hero{padding:90px 0}
.section-title{font-weight:400;margin-bottom:25px}
.card-custom{height:100%;border:none;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.info-card{border-left:4px solid #0d6efd}
.timeline-card{height:100%;border-radius:16px}
.cta{background:#0f172a;color:#fff;padding:70px 0}
.table thead th{background:#0f172a;color:#fff}

.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

@media(max-width:767px){

    .inlite-insight,
    .inlite-hero{
        padding:60px 0;
    }

    .inlite-hero h1{
        font-size:30px;
    }

    .inlite-hero h2{
        font-size:20px;
    }
}



.plvn-case-study {
   
}

.plvn-hero {
   
    
    padding: 0;
}

.plvn-section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #0f172a;
}

.plvn-card {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    transition: .3s;
}

.plvn-card:hover {
    transform: translateY(-5px);
}

.plvn-info-box {
    background: #fff;
    border-left: 5px solid #f97316;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}

.plvn-challenge-box {
    background: #fff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    height: 100%;
}

.plvn-challenge-box h4 {
    color: #f97316;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.plvn-solution-box {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
    height: 100%;
}

.plvn-impact-card {
    background: #fc741d;
    color: #fff;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    height: 100%;
}

.plvn-impact-card:hover {
    background: #00183c;
}

.plvn-beforeafter table {
    border-radius: 12px;
    overflow: hidden;
}

.plvn-cta {
    background: linear-gradient(135deg,#f97316,#ea580c);
    color: #fff;
    border-radius: 20px;
    padding: 50px;
}

.plvn-badge {
    display: inline-block;
    padding: 8px 16px;
    background: #f97316;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 15px;
}

.plvn-strategic-box {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
}

.plvn-strategic-box ul li{ list-style:disc;}
.plvn-strategic-box ul { margin: 15px;}

.plvn-challenge-box ul { margin: 15px;}
.plvn-challenge-box ul li{ list-style:disc;}

.plvn-solution-box ul { margin: 15px;}
.plvn-solution-box ul li{ list-style:disc;}


.plvn-list li {
    margin-bottom: 10px;
}


.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.pop-up-butt{background: #f97c2c;
    width: 40%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
@media(max-width:767px){

    .plvn-hero{
        padding:60px 0;
        text-align:center;
    }

    .plvn-section-title{
        font-size:1.7rem;
    }

    .plvn-cta{
        padding:30px;
    }

}


/* ====================================
   LUXFX CASE STUDY STYLES
==================================== */

.luxfx-case-study-wrapper{
   
    color:#1e293b;
    overflow:hidden;
}

/* HERO */

.luxfx-hero-section{
    
    padding:0 0;
   
    position:relative;
}

.luxfx-hero-section:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(255,255,255,0.05);
    top:-180px;
    right:-120px;
}

.luxfx-tag{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.luxfx-main-title{
    font-size:3.2rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.luxfx-subtitle{
    font-size:1.15rem;
    line-height:1.8;
    opacity:.95;
    max-width:850px;
}

/* SECTION HEADINGS */

.luxfx-challenges-section h2,
.luxfx-why-section h2,
.luxfx-solution-section h2,
.luxfx-results-section h2,
.luxfx-before-after-section h2,
.luxfx-industry-highlight h2{
    font-size:2.4rem;
    font-weight:800;
    margin-bottom:15px;
    color:#0f172a;
}

/* INFO CARDS */

.luxfx-info-card{
    background:#fff;
    padding:30px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.luxfx-info-card:hover{
    transform:translateY(-8px);
}

.luxfx-info-card h5{
    color:#64748b;
    margin-bottom:12px;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.luxfx-info-card h3{
    font-size:1.8rem;
    font-weight:700;
    color:#0f172a;
}

/* CONTENT BOX */

.luxfx-content-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.luxfx-content-box h2{
    font-weight:700;
    margin-bottom:25px;
}

.luxfx-content-box p{
    margin-bottom:20px;
    line-height:1.9;
}

/* FEATURE CARDS */

.luxfx-feature-card{
    background:#fff;
    padding:30px;
    border-radius:18px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    border-top:5px solid #f97316;
}

.luxfx-feature-card:hover{
    transform:translateY(-8px);
}

.luxfx-feature-card h4{
    font-size:1.35rem;
    font-weight:700;
    margin-bottom:20px;
    color:#f97316;
}

.luxfx-feature-card ul{
    padding-left:20px;
}

.luxfx-feature-card li{
    margin-bottom:10px; list-style: disc;
}

/* VALUE CARDS */

.luxfx-value-card{
    background:#fff;
    border-radius:16px;
    padding:28px;
    text-align:center;
    font-weight:600;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.luxfx-value-card:hover{
    background:#f97316;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.luxfx-solution-card{
    background:#fff;
    border-radius:18px;
    padding:32px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    border-left:5px solid #fc741d;
}

.luxfx-solution-card:hover{
    transform:translateY(-8px);
}

.luxfx-solution-card h4{
    font-size:1.4rem;
    font-weight:700;
    margin-bottom:20px;
    color:#fc741d;
}

.luxfx-solution-card ul{
    padding-left:20px;
}

.luxfx-solution-card li{
    margin-bottom:10px;
}

/* IMPACT CARDS */

.luxfx-impact-card{
    background:#fc741d;
    color:#fff;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    height:100%;
    font-weight:600;
    transition:.35s;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:140px;
}

.luxfx-impact-card:hover{
    background:#00183c;
    transform:translateY(-8px);
}

/* TABLE */

.luxfx-before-after-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.luxfx-before-after-section th{
    padding:18px;
    font-size:18px;
}

.luxfx-before-after-section td{
    padding:18px;
    vertical-align:middle;
}

/* INDUSTRY SECTION */

.luxfx-industry-highlight{
    background:#f8fafc;
}

.luxfx-industry-highlight p{
    line-height:1.9;
}

.luxfx-industry-highlight ul{
    margin-top:20px;
}

.luxfx-industry-highlight li{
    margin-bottom:12px;
}

/* CTA */

.luxfx-cta-box{
    background:linear-gradient(135deg,#f97316,#ea580c);
    color:#fff;
    padding:60px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(249,115,22,.35);
}

.luxfx-cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:20px;
}

.luxfx-cta-box p{
    font-size:1.1rem;
    max-width:850px;
    margin:0 auto 30px;
    line-height:1.8;
}

.luxfx-cta-box .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    border:none;
    background:#fff;
    color:#ea580c;
}

.luxfx-cta-box .btn:hover{
    background:#0f172a;
    color:#fff;
}

/* SECTION SPACING */

.luxfx-overview-section,
.luxfx-challenges-section,
.luxfx-why-section,
.luxfx-solution-section,
.luxfx-results-section,
.luxfx-before-after-section,
.luxfx-industry-highlight{
    padding-top:90px;
    padding-bottom:90px;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}


.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* RESPONSIVE */

@media (max-width:991px){

    .luxfx-main-title{
        font-size:2.4rem;
    }

    .luxfx-cta-box{
        padding:40px 25px;
    }

    .luxfx-cta-box h2{
        font-size:2rem;
    }

}

@media (max-width:767px){

    .luxfx-hero-section{
        padding:70px 0;
        text-align:center;
    }

    .luxfx-main-title{
        font-size:2rem;
    }

    .luxfx-subtitle{
        font-size:1rem;
    }

    .luxfx-content-box{
        padding:25px;
    }

    .luxfx-feature-card,
    .luxfx-solution-card,
    .luxfx-value-card{
        padding:25px;
    }

    .luxfx-impact-card{
        min-height:100px;
    }

    .luxfx-cta-box h2{
        font-size:1.7rem;
    }

}



/* ==========================================
   ALLRACK CASE STUDY
   UNIQUE CLASS PREFIX: allrack-
========================================== */

.allrack-case-study{
    
    color:#1e293b;
    overflow:hidden;
}

/* HERO SECTION */

.allrack-hero-section{
    
    position:relative;
    overflow:hidden;
}

.allrack-hero-section:before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    top:-200px;
    right:-150px;
}

.allrack-badge{
    display:inline-block;
    background:#f97316;
    
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.allrack-main-title{
   
    font-size:3.2rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.allrack-subtitle{
    
    font-size:1.15rem;
    line-height:1.8;
    max-width:850px;
}

/* SECTION TITLES */

.allrack-challenge-section h2,
.allrack-why-section h2,
.allrack-solution-section h2,
.allrack-results-section h2,
.allrack-beforeafter-section h2,
.allrack-distributor-section h2{
    font-size:2.4rem;
    font-weight:800;
    color:#0f172a;
}

/* INFO CARDS */

.allrack-info-card{
    background:#fc741d;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.3s ease;
    height:100%;
}

.allrack-info-card:hover{
    transform:translateY(-8px);
}

.allrack-info-card h6{
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:10px;
}

.allrack-info-card h4{
    font-weight:700;
    color:#0f172a;
}

/* CONTENT BOX */

.allrack-content-box{
    background:#fff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.allrack-content-box h2{
    margin-bottom:25px;
    font-weight:700;
}

.allrack-content-box p{
    line-height:1.9;
    margin-bottom:20px;
}

/* FEATURE CARDS */

.allrack-feature-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    border-top:5px solid #f97316;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
}

.allrack-feature-card:hover{
    transform:translateY(-8px);
}

.allrack-feature-card h4{
    color:#f97316;
    font-weight:700;
    margin-bottom:20px;
}

.allrack-feature-card ul{
    padding-left:18px;
}

.allrack-feature-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

/* VALUE CARDS */

.allrack-value-card{
    background:#f97316;
    border-radius:18px;
    padding:30px;
    text-align:center;
    font-weight:600;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center; color: #fff;
}

.allrack-value-card:hover{
    background:#00183c;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.allrack-solution-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    border-left:5px solid #f67b27;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
}

.allrack-solution-card:hover{
    transform:translateY(-8px);
}

.allrack-solution-card h4{
    color:#f67b27;
    margin-bottom:20px;
    font-weight:700;
}

.allrack-solution-card ul{
    padding-left:18px;
}

.allrack-solution-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

/* IMPACT CARDS */

.allrack-impact-card{
    background:#0f172a;
    color:#fff;
    border-radius:18px;
    padding:25px;
    min-height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    transition:.3s ease;
}

.allrack-impact-card:hover{
    background:#f97316;
    transform:translateY(-8px);
}

/* BEFORE AFTER TABLE */

.allrack-beforeafter-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.allrack-beforeafter-section .table-dark{
    background:#0f172a;
}

.allrack-beforeafter-section th{
    padding:18px;
    font-size:18px;
}

.allrack-beforeafter-section td{
    padding:18px;
    vertical-align:middle;
}

/* SNAPSHOT BOX */

.allrack-highlight-box{
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    padding:50px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-left:6px solid #f97316;
}

.allrack-highlight-box h2{
    font-weight:800;
    margin-bottom:15px;
}

.allrack-highlight-box h4{
    color:#f97316;
    margin-bottom:20px;
    font-weight:700;
}

.allrack-highlight-box p{
    line-height:1.9;
    margin-bottom:15px;
}

/* CTA SECTION */

.allrack-cta-box{
    background:linear-gradient(135deg,#f97316,#ea580c);
    color:#fff;
    padding:60px;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(249,115,22,.35);
}

.allrack-cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:20px;
}

.allrack-cta-box p{
    font-size:1.1rem;
    max-width:850px;
    margin:0 auto 30px;
    line-height:1.8;
}

.allrack-cta-box .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.3s ease;
}

.allrack-cta-box .btn:hover{
    background:#0f172a;
    color:#fff;
    border-color:#0f172a;
}

/* SECTION SPACING */

.allrack-overview-section,
.allrack-challenge-section,
.allrack-why-section,
.allrack-solution-section,
.allrack-results-section,
.allrack-beforeafter-section,
.allrack-snapshot-section,
.allrack-distributor-section{
    padding-top:90px;
    padding-bottom:90px;
}

/* LIGHT BACKGROUND SECTIONS */

.allrack-why-section,
.allrack-results-section,
.allrack-snapshot-section{
    
}


/* Section */
.uvt-comparison-section{
    width:100%;
}

/* Table */
.uvt-comparison-table{
    border:2px solid #000;
    margin:0;
    background:#fff;
}

.uvt-comparison-table th,
.uvt-comparison-table td{
    border:1px solid #000;
    padding:16px 18px;
    vertical-align:middle;
}

/* Header */
.uvt-comparison-table thead th{
    background:#f7a128;
    color:#000;
    font-size:24px;
    font-weight:700;
    text-align:center;
}

/* Body */
.uvt-comparison-table tbody td{
    font-size:18px;
    font-weight:500;
    color:#222;
    background:#fff;
}

/* Equal Columns */
.uvt-comparison-table th,
.uvt-comparison-table td{
    width:50%;
}


.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

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

    .uvt-comparison-table thead th{
        font-size:20px;
    }

    .uvt-comparison-table tbody td{
        font-size:16px;
    }
}

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

    .uvt-comparison-table th,
    .uvt-comparison-table td{
        padding:12px;
    }

    .uvt-comparison-table thead th{
        font-size:18px;
    }

    .uvt-comparison-table tbody td{
        font-size:14px;
        line-height:1.5;
    }
}

/* RESPONSIVE */

@media (max-width:991px){

    .allrack-main-title{
        font-size:2.4rem;
    }

    .allrack-cta-box{
        padding:40px 25px;
    }

    .allrack-cta-box h2{
        font-size:2rem;
    }

    .allrack-highlight-box{
        padding:35px;
    }
}

@media (max-width:767px){

    .allrack-hero-section{
        padding:70px 0;
        text-align:center;
    }

    .allrack-main-title{
        font-size:2rem;
    }

    .allrack-subtitle{
        font-size:1rem;
    }

    .allrack-content-box{
        padding:25px;
    }

    .allrack-feature-card,
    .allrack-solution-card,
    .allrack-value-card{
        padding:25px;
    }

    .allrack-impact-card{
        min-height:100px;
    }

    .allrack-highlight-box{
        padding:25px;
    }

    .allrack-cta-box h2{
        font-size:1.7rem;
    }
}



/* =====================================================
   ANDARSYN CASE STUDY CSS
   UNIQUE PREFIX: andarsyn-
===================================================== */

.andarsyn-case-study{
    
    color:#1e293b;
    overflow:hidden;
}

/* HERO SECTION */

.andarsyn-hero-section{
    
   
    position:relative;
    overflow:hidden;
}

.andarsyn-hero-section:before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-180px;
    right:-120px;
}

.andarsyn-hero-section:after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    bottom:-100px;
    left:-100px;
}

.andarsyn-badge{
    display:inline-block;
    background:#14b8a6;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.andarsyn-main-title{
    
    font-size:3.2rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.andarsyn-subtitle{
    color:rgba(255,255,255,.9);
    font-size:1.1rem;
    line-height:1.8;
    max-width:850px; color: #000;
}

/* COMMON SECTION SPACING */

.andarsyn-overview-section,
.andarsyn-challenge-section,
.andarsyn-why-section,
.andarsyn-solution-section,
.andarsyn-results-section,
.andarsyn-beforeafter-section,
.andarsyn-snapshot-section,
.andarsyn-distributor-section,
.andarsyn-cta-section{
    padding:30px 0;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

/* SECTION TITLES */

.andarsyn-challenge-section h2,
.andarsyn-why-section h2,
.andarsyn-solution-section h2,
.andarsyn-results-section h2,
.andarsyn-beforeafter-section h2,
.andarsyn-distributor-section h2{
    font-size:2.5rem;
    font-weight:800;
    color:#0f172a;
    margin-bottom:15px;
}

/* INFO CARDS */

.andarsyn-info-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.andarsyn-info-card:hover{
    transform:translateY(-8px);
}

.andarsyn-info-card h6{
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.8px;
    font-size:13px;
    margin-bottom:10px;
}

.andarsyn-info-card h4{
    font-size:1.2rem;
    font-weight:700;
    color:#0f172a;
}

/* CONTENT BOX */

.andarsyn-content-box{
    background:#fff;
    padding:45px;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.andarsyn-content-box h2{
    font-weight:800;
    margin-bottom:25px;
}

.andarsyn-content-box p{
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURE CARDS */

.andarsyn-feature-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    border-top:5px solid #fc741d;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.andarsyn-feature-card:hover{
    transform:translateY(-8px);
}

.andarsyn-feature-card h4{
    color:#fc741d;
    font-weight:700;
    margin-bottom:20px;
}

.andarsyn-feature-card ul{
    padding-left:20px;
    margin-bottom:15px;
}

.andarsyn-feature-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

/* WHY ENVERTIS CARDS */

.andarsyn-value-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    text-align:center;
    font-weight:600;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:130px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.andarsyn-value-card:hover{
    background:#fc741d;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.andarsyn-solution-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    border-left:5px solid #fc741d;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.andarsyn-solution-card:hover{
    transform:translateY(-8px);
}

.andarsyn-solution-card h4{
    color:#fc741d;
    font-weight:700;
    margin-bottom:20px;
}

.andarsyn-solution-card ul{
    padding-left:20px;
}

.andarsyn-solution-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

/* IMPACT CARDS */

.andarsyn-impact-card{
    background:#0f172a;
    color:#fff;
    border-radius:18px;
    padding:25px;
    min-height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.35s;
}

.andarsyn-impact-card:hover{
    background:#fc741d;
    transform:translateY(-8px);
}

/* TABLE */

.andarsyn-beforeafter-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.andarsyn-beforeafter-section .table-dark{
    background:#0f172a;
}

.andarsyn-beforeafter-section th{
    padding:18px;
    font-size:18px;
}

.andarsyn-beforeafter-section td{
    padding:18px;
    vertical-align:middle;
}

/* SNAPSHOT BOX */

.andarsyn-highlight-box{
    background:#fff;
    padding:50px;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    border-left:6px solid #fc741d;
}

.andarsyn-highlight-box h2{
    font-size:2rem;
    font-weight:800;
    margin-bottom:15px;
}

.andarsyn-highlight-box h4{
    color:#fc741d;
    font-weight:700;
    margin-bottom:20px;
}

.andarsyn-highlight-box p{
    line-height:1.9;
    margin-bottom:15px;
}

/* LIGHT BACKGROUND SECTIONS */

.andarsyn-why-section,
.andarsyn-results-section,
.andarsyn-snapshot-section{
    
}

/* CTA */

.andarsyn-cta-box{
    background:#00183c;
    color:#fff;
    padding:60px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(2,132,199,.3);
}

.andarsyn-cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:20px; color: #fff;
}

.andarsyn-cta-box p{
    max-width:900px;
    margin:0 auto 30px;
    line-height:1.9;
    font-size:1.05rem;
}

.andarsyn-cta-box .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    border:none;
    transition:.35s;
}

.andarsyn-cta-box .btn:hover{
    background:#fc741d;
    color:#fff;
}


.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .andarsyn-main-title{
        font-size:2.5rem;
    }

    .andarsyn-content-box,
    .andarsyn-highlight-box,
    .andarsyn-cta-box{
        padding:35px;
    }

    .andarsyn-challenge-section h2,
    .andarsyn-why-section h2,
    .andarsyn-solution-section h2,
    .andarsyn-results-section h2,
    .andarsyn-beforeafter-section h2,
    .andarsyn-distributor-section h2{
        font-size:2rem;
    }
}

@media(max-width:767px){

    .andarsyn-hero-section{
        padding:70px 0;
        text-align:center;
    }

    .andarsyn-main-title{
        font-size:2rem;
    }

    .andarsyn-subtitle{
        font-size:1rem;
    }

    .andarsyn-content-box,
    .andarsyn-highlight-box,
    .andarsyn-cta-box{
        padding:25px;
    }

    .andarsyn-impact-card{
        min-height:100px;
    }

    .andarsyn-cta-box h2{
        font-size:1.8rem;
    }

    .andarsyn-feature-card,
    .andarsyn-solution-card,
    .andarsyn-value-card{
        padding:25px;
    }
}





.envnav-mega-st { width: 300px; }





/* =====================================================
   WHITELEY CASE STUDY CSS
   UNIQUE PREFIX: whiteley-
===================================================== */

.whiteley-case-study{
   
    color:#1e293b;
    overflow:hidden;
}

/* HERO SECTION */

.whiteley-hero-section{
   
   
    position:relative;
    overflow:hidden;
}

.whiteley-hero-section:before{
    content:'';
    position:absolute;
    width:550px;
    height:550px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-250px;
    right:-180px;
}

.whiteley-hero-section:after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    left:-120px;
    bottom:-120px;
}

.whiteley-badge{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.whiteley-main-title{
    
    font-size:3.3rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.whiteley-subtitle{
    color:#000;
    font-size:1.15rem;
    line-height:1.8;
    max-width:850px;
}

/* SECTION SPACING */

.whiteley-overview-section,
.whiteley-challenge-section,
.whiteley-why-section,
.whiteley-solution-section,
.whiteley-results-section,
.whiteley-beforeafter-section,
.whiteley-snapshot-section,
.whiteley-distributor-section,
.whiteley-cta-section{
    padding:90px 0;
}

/* HEADINGS */

.whiteley-overview-section h2,
.whiteley-challenge-section h2,
.whiteley-why-section h2,
.whiteley-solution-section h2,
.whiteley-results-section h2,
.whiteley-beforeafter-section h2,
.whiteley-distributor-section h2{
    font-size:2.5rem;
    font-weight:800;
    color:#0f172a;
}

/* INFO CARDS */

.whiteley-info-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.whiteley-info-card:hover{
    transform:translateY(-8px);
}

.whiteley-info-card h6{
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.7px;
    margin-bottom:10px;
    font-size:13px;
}

.whiteley-info-card h4{
    font-weight:700;
    color:#0f172a;
    font-size:1.15rem;
}

/* CONTENT BOX */

.whiteley-content-box{
    background:#fff;
    padding:50px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.whiteley-content-box h2{
    font-weight:800;
    margin-bottom:25px;
}

.whiteley-content-box p{
    line-height:1.9;
    margin-bottom:18px;
}

.whiteley-quote{
    background:#f8fafc;
    border-left:5px solid #f97316;
    padding:20px 25px;
    margin-top:20px;
    border-radius:12px;
    font-size:1.05rem;
    font-style:italic;
    color:#334155;
}

/* FEATURE CARDS */

.whiteley-feature-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-top:5px solid #f97316;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-feature-card:hover{
    transform:translateY(-8px);
}

.whiteley-feature-card h4{
    color:#f97316;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-feature-card ul{
    padding-left:20px;
    margin-bottom:15px;
}

.whiteley-feature-card li{
    margin-bottom:10px;
    line-height:1.7;
}

/* WHY ENVERTIS CARDS */

.whiteley-value-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    text-align:center;
    min-height:130px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-value-card:hover{
    background:#f97316;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.whiteley-solution-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-left:5px solid #fc741d;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-solution-card:hover{
    transform:translateY(-8px);
}

.whiteley-solution-card h4{
    color:#fc741d;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-solution-card ul{
    padding-left:20px;
}

.whiteley-solution-card li{
    margin-bottom:10px;
    line-height:1.7;
}

.whiteley-solution-card p{
    line-height:1.8;
}

/* IMPACT CARDS */

.whiteley-impact-card{
    background:#0f172a;
    color:#fff;
    border-radius:18px;
    min-height:140px;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.35s;
}

.whiteley-impact-card:hover{
    background:#f97316;
    transform:translateY(-8px);
}

/* TABLE */

.whiteley-beforeafter-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.whiteley-beforeafter-section .table-dark{
    background:#0f172a;
}

.whiteley-beforeafter-section th{
    padding:18px;
    font-size:18px;
}

.whiteley-beforeafter-section td{
    padding:18px;
    vertical-align:middle;
}

/* SNAPSHOT BOX */

.whiteley-highlight-box{
    background:#fff;
    padding:55px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-left:6px solid #f97316;
}

.whiteley-highlight-box h2{
    font-size:2rem;
    font-weight:800;
    margin-bottom:15px;
}

.whiteley-highlight-box h4{
    color:#fc741d;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-highlight-box p{
    line-height:1.9;
    margin-bottom:15px;
}

/* LIGHT BACKGROUNDS */

.whiteley-challenge-section,
.whiteley-solution-section,
.whiteley-distributor-section,
.whiteley-beforeafter-section{
   
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

/* CTA */

.whiteley-cta-box{
    background:linear-gradient(135deg,#f97316,#ea580c);
    color:#fff;
    padding:60px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(249,115,22,.35);
}

.whiteley-cta-box h2{
    font-size:2.6rem;
    font-weight:800;
    margin-bottom:20px;
}

.whiteley-cta-box p{
    max-width:900px;
    margin:0 auto 30px;
    line-height:1.9;
    font-size:1.05rem;
}

.whiteley-cta-box .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
    border:none;
}

.whiteley-cta-box .btn:hover{
    background:#0f172a;
    color:#fff;
}


.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* RESPONSIVE */

@media (max-width:991px){

    .whiteley-main-title{
        font-size:2.5rem;
    }

    .whiteley-content-box,
    .whiteley-highlight-box,
    .whiteley-cta-box{
        padding:35px;
    }

    .whiteley-overview-section h2,
    .whiteley-challenge-section h2,
    .whiteley-why-section h2,
    .whiteley-solution-section h2,
    .whiteley-results-section h2,
    .whiteley-beforeafter-section h2,
    .whiteley-distributor-section h2{
        font-size:2rem;
    }
}

@media (max-width:767px){

    .whiteley-hero-section{
        text-align:center;
        padding:70px 0;
    }

    .whiteley-main-title{
        font-size:2rem;
    }

    .whiteley-subtitle{
        font-size:1rem;
    }

    .whiteley-content-box,
    .whiteley-highlight-box,
    .whiteley-cta-box{
        padding:25px;
    }

    .whiteley-impact-card{
        min-height:100px;
    }

    .whiteley-cta-box h2{
        font-size:1.8rem;
    }

    .whiteley-feature-card,
    .whiteley-solution-card,
    .whiteley-value-card{
        padding:25px;
    }

    .whiteley-quote{
        padding:15px 20px;
    }
}



/* =====================================================
   WHITELEY CASE STUDY CSS
   UNIQUE PREFIX: whiteley-
===================================================== */

.whiteley-case-study{
   
    color:#1e293b;
    overflow:hidden;
}

/* HERO SECTION */

.whiteley-hero-section{
   
   
    position:relative;
    overflow:hidden;
}

.whiteley-hero-section:before{
    content:'';
    position:absolute;
    width:550px;
    height:550px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    top:-250px;
    right:-180px;
}

.whiteley-hero-section:after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    left:-120px;
    bottom:-120px;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.whiteley-badge{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.whiteley-main-title{
    
    font-size:3.3rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.whiteley-subtitle{
    color:rgba(255,255,255,.92);
    font-size:1.15rem;
    line-height:1.8;
    max-width:850px; color: #000;
}

/* SECTION SPACING */

.whiteley-overview-section,
.whiteley-challenge-section,
.whiteley-why-section,
.whiteley-solution-section,
.whiteley-results-section,
.whiteley-beforeafter-section,
.whiteley-snapshot-section,
.whiteley-distributor-section,
.whiteley-cta-section{
    padding:90px 0;
}

/* HEADINGS */

.whiteley-overview-section h2,
.whiteley-challenge-section h2,
.whiteley-why-section h2,
.whiteley-solution-section h2,
.whiteley-results-section h2,
.whiteley-beforeafter-section h2,
.whiteley-distributor-section h2{
    font-size:2.5rem;
    font-weight:800;
    color:#0f172a;
}

/* INFO CARDS */

.whiteley-info-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.whiteley-info-card:hover{
    transform:translateY(-8px);
}

.whiteley-info-card h6{
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.7px;
    margin-bottom:10px;
    font-size:13px;
}

.whiteley-info-card h4{
    font-weight:700;
    color:#0f172a;
    font-size:1.15rem;
}

/* CONTENT BOX */

.whiteley-content-box{
    background:#fff;
    padding:50px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.whiteley-content-box h2{
    font-weight:800;
    margin-bottom:25px;
}

.whiteley-content-box p{
    line-height:1.9;
    margin-bottom:18px;
}

.whiteley-quote{
    background:#f8fafc;
    border-left:5px solid #f97316;
    padding:20px 25px;
    margin-top:20px;
    border-radius:12px;
    font-size:1.05rem;
    font-style:italic;
    color:#334155;
}

/* FEATURE CARDS */

.whiteley-feature-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-top:5px solid #f97316;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-feature-card:hover{
    transform:translateY(-8px);
}

.whiteley-feature-card h4{
    color:#f97316;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-feature-card ul{
    padding-left:20px;
    margin-bottom:15px;
}

.whiteley-feature-card li{
    margin-bottom:10px;
    line-height:1.7;
}

/* WHY ENVERTIS CARDS */

.whiteley-value-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    text-align:center;
    min-height:130px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-value-card:hover{
    background:#f97316;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.whiteley-solution-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-left:5px solid #f67b27;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.whiteley-solution-card:hover{
    transform:translateY(-8px);
}

.whiteley-solution-card h4{
    color:#f67b27;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-solution-card ul{
    padding-left:20px;
}

.whiteley-solution-card li{
    margin-bottom:10px;
    line-height:1.7;
}

.whiteley-solution-card p{
    line-height:1.8;
}

/* IMPACT CARDS */

.whiteley-impact-card{
    background:#0f172a;
    color:#fff;
    border-radius:18px;
    min-height:140px;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.35s;
}

.whiteley-impact-card:hover{
    background:#f97316;
    transform:translateY(-8px);
}

/* TABLE */

.whiteley-beforeafter-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.whiteley-beforeafter-section .table-dark{
    background:#0f172a;
}

.whiteley-beforeafter-section th{
    padding:18px;
    font-size:18px;
}

.whiteley-beforeafter-section td{
    padding:18px;
    vertical-align:middle;
}

/* SNAPSHOT BOX */

.whiteley-highlight-box{
    background:#fff;
    padding:55px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-left:6px solid #f97316;
}

.whiteley-highlight-box h2{
    font-size:2rem;
    font-weight:800;
    margin-bottom:15px;
}

.whiteley-highlight-box h4{
    color:#f67b27;
    font-weight:700;
    margin-bottom:20px;
}

.whiteley-highlight-box p{
    line-height:1.9;
    margin-bottom:15px;
}

/* LIGHT BACKGROUNDS */

.whiteley-challenge-section,
.whiteley-solution-section,
.whiteley-distributor-section,
.whiteley-beforeafter-section{
    
}

/* CTA */

.whiteley-cta-box{
    background:linear-gradient(135deg,#f97316,#ea580c);
    color:#fff;
    padding:60px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(249,115,22,.35);
}

.whiteley-cta-box h2{
    font-size:2.6rem;
    font-weight:800;
    margin-bottom:20px;
}

.whiteley-cta-box p{
    max-width:900px;
    margin:0 auto 30px;
    line-height:1.9;
    font-size:1.05rem;
}

.whiteley-cta-box .btn{
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
    border:none;
}

.whiteley-cta-box .btn:hover{
    background:#0f172a;
    color:#fff;
}


.pop-up-butt{background: #f97c2c;
    width: 100%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}



.vg-card{background:#fff;border-radius:16px;padding:24px;height:100%;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.vg-card ul li{ list-style: disc;}
.vg-sec{padding:70px 0}.icon{width:56px;height:56px;border-radius:50%;background:#eef3ff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:15px}
.table thead{background:#0f172a !important;color:#fff}
.cta{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:60px 0}

.apcs-overview-card {
    background: #fc741d;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    color: #fff;
}


/* RESPONSIVE */

@media (max-width:991px){

    .whiteley-main-title{
        font-size:2.5rem;
    }

    .whiteley-content-box,
    .whiteley-highlight-box,
    .whiteley-cta-box{
        padding:35px;
    }

    .whiteley-overview-section h2,
    .whiteley-challenge-section h2,
    .whiteley-why-section h2,
    .whiteley-solution-section h2,
    .whiteley-results-section h2,
    .whiteley-beforeafter-section h2,
    .whiteley-distributor-section h2{
        font-size:2rem;
    }
}

@media (max-width:767px){

    .whiteley-hero-section{
        text-align:center;
        padding:70px 0;
    }

    .whiteley-main-title{
        font-size:2rem;
    }

    .whiteley-subtitle{
        font-size:1rem;
    }

    .whiteley-content-box,
    .whiteley-highlight-box,
    .whiteley-cta-box{
        padding:25px;
    }

    .whiteley-impact-card{
        min-height:100px;
    }

    .whiteley-cta-box h2{
        font-size:1.8rem;
    }

    .whiteley-feature-card,
    .whiteley-solution-card,
    .whiteley-value-card{
        padding:25px;
    }

    .whiteley-quote{
        padding:15px 20px;
    }
}


/* =====================================================
   UNITFIT CASE STUDY CSS
   UNIQUE PREFIX: unitfit-
===================================================== */

.unitfit-case-study{
    
    color:#1f2937;
    overflow:hidden;
}

/* HERO SECTION */

.unitfit-hero-section{
    
    position:relative;
    overflow:hidden;
}

.unitfit-hero-section:before{
    content:'';
    position:absolute;
    width:550px;
    height:550px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-250px;
    right:-150px;
}

.unitfit-hero-section:after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    bottom:-150px;
    left:-120px;
}

.unitfit-badge{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.unitfit-main-title{
    
    font-size:3.2rem;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.erp-card {
    background: #fc741d !important;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    height: 100%;
    color: #fff !important;
}

.unitfit-subtitle{
    color: #000;
    font-size:1.15rem;
    line-height:1.9;
    max-width:900px;
}

/* COMMON SECTION */

.unitfit-overview-section,
.unitfit-challenge-section,
.unitfit-why-section,
.unitfit-solution-section,
.unitfit-results-section,
.unitfit-beforeafter-section,
.unitfit-snapshot-section,
.unitfit-distributor-section,
.unitfit-cta-section{
    padding:30px 0;
}

.unitfit-overview-section h2,
.unitfit-challenge-section h2,
.unitfit-why-section h2,
.unitfit-solution-section h2,
.unitfit-results-section h2,
.unitfit-beforeafter-section h2,
.unitfit-distributor-section h2{
    font-size:2.5rem;
    font-weight:800;
    color:#0f172a;
}

/* INFO CARDS */

.unitfit-info-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
}

.unitfit-info-card:hover{
    transform:translateY(-8px);
}

.unitfit-info-card h6{
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.8px;
    font-size:13px;
    margin-bottom:10px;
}

.unitfit-info-card h4{
    font-size:1.15rem;
    font-weight:700;
    color:#0f172a;
}

/* CONTENT BOX */

.unitfit-content-box{
    background:#fff;
    padding:50px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.unitfit-content-box p{
    line-height:1.9;
    margin-bottom:18px;
}

.unitfit-quote-box{
    margin-top:30px;
    padding:25px;
    border-left:5px solid #f97c2c;
    background:#f0fdfa;
    border-radius:15px;
}

.unitfit-quote-box h4{
    color:#0f766e;
    font-weight:700;
    margin-bottom:12px;
}

/* FEATURE CARDS */

.unitfit-feature-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-top:5px solid #f97c2c;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.unitfit-feature-card:hover{
    transform:translateY(-8px);
}

.unitfit-feature-card h4{
    color:#f97c2c;
    font-weight:700;
    margin-bottom:20px;
}

.unitfit-feature-card p{
    line-height:1.8;
}

.unitfit-feature-card ul{
    padding-left:20px;
    margin-bottom:15px;
}

.unitfit-feature-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

/* WHY ENVERTIS */

.unitfit-value-card{
    background:#fff;
    border-radius:18px;
    min-height:130px;
    padding:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.unitfit-value-card:hover{
    background:#f68337;
    color:#fff;
    transform:translateY(-8px);
}

/* SOLUTION CARDS */

.unitfit-solution-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    height:100%;
    border-left:5px solid #f97c2c;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.unitfit-solution-card:hover{
    transform:translateY(-8px);
}

.unitfit-solution-card h4{
    color:#f97c2c;
    font-weight:700;
    margin-bottom:20px;
}

.unitfit-solution-card ul{
    padding-left:20px;
}

.unitfit-solution-card li{
    margin-bottom:10px;
    line-height:1.7; list-style: disc;
}

.unitfit-solution-card p{
    line-height:1.8;
}

/* BUSINESS IMPACT */

.unitfit-impact-card{
    background:#0f172a;
    color:#fff;
    border-radius:18px;
    min-height:140px;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:600;
    transition:.35s;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.unitfit-impact-card:hover{
    background:#f68337;
    transform:translateY(-8px);
}

/* TABLE */

.unitfit-beforeafter-section table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.unitfit-beforeafter-section thead{
    background:#0f172a;
    color:#fff;
}

.unitfit-beforeafter-section th{
    padding:18px;
    font-size:18px;
}

.unitfit-beforeafter-section td{
    padding:18px;
    vertical-align:middle;
}

/* SNAPSHOT */

.unitfit-highlight-box{
    background:#fff;
    padding:55px;
    border-radius:24px;
    border-left:6px solid #f97316;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.unitfit-highlight-box h2{
    font-size:2rem;
    font-weight:800;
    margin-bottom:15px;
}

.unitfit-highlight-box h4{
    color:#f97c2c;
    font-weight:700;
    margin-bottom:20px;
}

.unitfit-highlight-box p{
    line-height:1.9;
    margin-bottom:15px;
}

/* BACKGROUNDS */

.unitfit-challenge-section,
.unitfit-solution-section,
.unitfit-distributor-section,
.unitfit-beforeafter-section{
    
}

/* CTA */

.unitfit-cta-box{
    background:#00183c;
    color:#fff;
    padding:60px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(20,184,166,.25);
}

.unitfit-cta-box h2{
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:20px; color: #fff;
}

.unitfit-cta-box p{
    max-width:900px;
    margin:0 auto 30px;
    line-height:1.9;
}

.unitfit-cta-box .btn{
    border:none;
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.35s; background: #fc741d; color: #fff;
}

.unitfit-cta-box .btn:hover{
    background:#000;
    color:#fff;
}

.pop-up-butt{background: #f97c2c;
    width: 30%;
    border-radius: 50px;
    border: none;
    margin-top: 20px;}
    
/*form styles*/
#msform {
    text-align: center;
    position: relative;
   
}

#msform fieldset {
    
    border: 0 none;
    border-radius: 0px;
    
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #e87c33;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    
    background: #eb7529;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 15px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e87c33;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/* RESPONSIVE */

@media(max-width:991px){

    .unitfit-main-title{
        font-size:2.4rem;
    }

    .unitfit-content-box,
    .unitfit-highlight-box,
    .unitfit-cta-box{
        padding:35px;
    }

    .unitfit-overview-section h2,
    .unitfit-challenge-section h2,
    .unitfit-why-section h2,
    .unitfit-solution-section h2,
    .unitfit-results-section h2,
    .unitfit-beforeafter-section h2,
    .unitfit-distributor-section h2{
        font-size:2rem;
    }
}

@media(max-width:767px){

    .unitfit-hero-section{
        text-align:center;
        padding:70px 0;
    }

    .unitfit-main-title{
        font-size:2rem;
    }

    .unitfit-subtitle{
        font-size:1rem;
    }

    .unitfit-content-box,
    .unitfit-highlight-box,
    .unitfit-cta-box{
        padding:25px;
    }

    .unitfit-impact-card{
        min-height:100px;
    }

    .unitfit-cta-box h2{
        font-size:1.8rem;
    }

    .unitfit-feature-card,
    .unitfit-solution-card,
    .unitfit-value-card{
        padding:25px;
    }
}

/* ============================================================
   PAGE: odoo-erp-sydney.html  -  Premium Redesign (middle content)
   All classes prefixed with .env-sydney-
   ============================================================ */
.env-sydney-page{
    --envs-orange:#ff6b00;
    --envs-orange-dark:#e85f00;
    --envs-ink:#1c2230;
    --envs-slate:#5a6474;
    --envs-line:#e8ebf0;
    --envs-bg:#ffffff;
    --envs-bg-soft:#f6f7f9;
    --envs-radius:20px;
    --envs-shadow:0 18px 50px -20px rgba(23,32,50,.18);
    --envs-container:1280px;
    color:var(--envs-ink);
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:var(--envs-bg);
    overflow-x:hidden;
}
.env-sydney-page .container{
    max-width:var(--envs-container);
    margin-inline:auto;
    padding-inline:24px;
    width:100%;
}
.env-sydney-page section{padding-block:clamp(56px,8vw,80px);}

/* ---- Buttons ---- */
.env-sydney-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 30px;border-radius:999px;
    font-weight:600;font-size:16px;line-height:1;
    text-decoration:none;cursor:pointer;border:0;
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.env-sydney-btn i{transition:transform .25s ease;}
.env-sydney-btn:hover i{transform:translateX(4px);}
.env-sydney-btn--primary{background:var(--envs-orange);color:#fff;box-shadow:0 14px 30px -10px rgba(255,107,0,.5);}
.env-sydney-btn--primary:hover{background:var(--envs-orange-dark);transform:translateY(-2px);color:#fff;}
.env-sydney-btn--light{background:#fff;color:var(--envs-ink);}
.env-sydney-btn--light:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(0,0,0,.35);color:var(--envs-ink);}

/* ---- Section head ---- */
.env-sydney-head{max-width:760px;margin:0 auto clamp(36px,5vw,60px);text-align:center;}
.env-sydney-head-title{
    font-size:44px;
    font-weight:400;letter-spacing:-.02em;line-height:1.15;margin:0; font-family: "Work Sans", sans-serif;
}

/* ---- Scroll reveal ---- */
[data-env-sydney-anim]{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
[data-env-sydney-anim].env-sydney-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
    [data-env-sydney-anim]{opacity:1;transform:none;transition:none;}
}

/* ============ HERO ============ */
.env-sydney-hero{position:relative;background:linear-gradient(180deg,#fff 0%,#f7f8fa 100%);overflow:hidden;}
.env-sydney-hero-inner{
    display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;
}
.env-sydney-hero-title{
    font-size:44px;font-weight:400;letter-spacing:-.03em;line-height:1.08;margin:0 0 26px; font-family: "Work Sans", sans-serif;
}
.env-sydney-hero-frame video {
    border: none;
    line-height: 1;
    margin: 0;
    max-width: 100%;
    width: 100%;
}
.env-sydney-hero-points{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;}
.env-sydney-hero-points li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:var(--envs-slate);}
.env-sydney-hero-points i{color:var(--envs-orange);font-size:18px;flex-shrink:0;}

.env-sydney-hero-visual{position:relative;}
.env-sydney-hero-frame{
    position:relative;border-radius:var(--envs-radius);overflow:hidden;
    border:1px solid var(--envs-line);box-shadow:var(--envs-shadow);background:#fff;
}
.env-sydney-hero-img{display:block;width:100%;height:100%;object-fit:cover;}
.env-sydney-hero-frame .env-sydney-hero-img{transition:transform .6s ease;}
.env-sydney-hero-frame:hover .env-sydney-hero-img{transform:scale(1.04);}

.env-sydney-float{
    position:absolute;background:#fff;border:1px solid var(--envs-line);
    border-radius:16px;padding:14px 16px;box-shadow:var(--envs-shadow);
    display:flex;align-items:center;gap:12px;
    animation:envSydneyFloat 5s ease-in-out infinite;
}
.env-sydney-float--tl{top:-26px;left:-26px;}
.env-sydney-float--br{bottom:-26px;right:-22px;animation-delay:-2.5s;}
.env-sydney-float-ico{
    width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
    background:rgba(255,107,0,.1);color:var(--envs-orange);font-size:18px;
}
.env-sydney-float-ico--orange{background:var(--envs-orange);color:#fff;}
.env-sydney-float-bars{display:flex;align-items:flex-end;gap:4px;height:26px;}
.env-sydney-float-bars b{width:5px;background:var(--envs-orange);border-radius:3px;opacity:.85;}
.env-sydney-float-bars b:nth-child(1){height:40%;}
.env-sydney-float-bars b:nth-child(2){height:70%;}
.env-sydney-float-bars b:nth-child(3){height:50%;}
.env-sydney-float-bars b:nth-child(4){height:90%;}
.env-sydney-float-ring{width:26px;height:26px;border-radius:50%;border:4px solid rgba(255,107,0,.25);border-top-color:var(--envs-orange);}
@keyframes envSydneyFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@media (prefers-reduced-motion:reduce){.env-sydney-float{animation:none;}}

.env-sydney-hero-blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;}
.env-sydney-hero-blob--a{width:420px;height:420px;background:rgba(255,107,0,.14);top:-140px;right:-120px;}
.env-sydney-hero-blob--b{width:360px;height:360px;background:rgba(90,120,255,.08);bottom:-160px;left:-140px;}
.env-sydney-hero-grid{
    position:absolute;inset:0;z-index:0;opacity:.5;
    background-image:linear-gradient(rgba(23,32,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,50,.04) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);
            mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);
}
.env-sydney-hero .container{position:relative;z-index:1;}

/* ============ TRUST ============ */
.env-sydney-trust{background:var(--envs-bg);border-block:1px solid var(--envs-line);padding-block:clamp(40px,5vw,64px)!important;}
.env-sydney-trust-label{
    text-align:center;text-transform:uppercase;letter-spacing:.14em;
    font-size:13px;font-weight:600;color:var(--envs-slate);margin:0 0 30px;
}
.env-sydney-marquee{position:relative;overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.env-sydney-marquee-track{display:flex;align-items:center;gap:56px;width:max-content;animation:envSydneyMarquee 40s linear infinite;}
.env-sydney-marquee:hover .env-sydney-marquee-track{animation-play-state:paused;}
.env-sydney-logo{
    font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;letter-spacing:-.01em;
    color:#9aa2af;filter:grayscale(1);white-space:nowrap;transition:color .25s ease,filter .25s ease;
}
.env-sydney-logo:hover{color:var(--envs-ink);filter:none;}
@keyframes envSydneyMarquee{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.env-sydney-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;white-space:normal;}}

/* ============ MODULES ============ */
.env-sydney-modules{background:var(--envs-bg-soft);}
.env-sydney-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.env-sydney-module-card{
    position:relative;background:#fff;border:1px solid var(--envs-line);border-radius:var(--envs-radius);
    padding:34px 30px;overflow:hidden;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.env-sydney-module-card::before{
    content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--envs-orange);transition:width .35s ease;
}
.env-sydney-module-card:hover{transform:translateY(-6px);box-shadow:var(--envs-shadow);border-color:#dfe3ea;}
.env-sydney-module-card:hover::before{width:100%;}
.env-sydney-module-ico{
    width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
    background:rgba(255,107,0,.1);color:var(--envs-orange);font-size:22px;margin-bottom:20px;
    transition:transform .3s ease,background .3s ease,color .3s ease;
}
.env-sydney-module-card:hover .env-sydney-module-ico{transform:translateY(-3px);background:var(--envs-orange);color:#fff;}
.env-sydney-module-title{font-size:1.3rem;font-weight:700;margin:0 0 16px;letter-spacing:-.01em;}
.env-sydney-module-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.env-sydney-module-list li{
    font-size:14px;font-weight:600;color:var(--envs-slate);
    background:var(--envs-bg-soft);border:1px solid var(--envs-line);border-radius:999px;padding:7px 14px;
}

/* ============ BENEFITS ============ */
.env-sydney-benefits{background:var(--envs-bg);}
.env-sydney-benefits-inner{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:start;}
.env-sydney-benefits-visual{position:sticky;top:100px;}
.env-sydney-benefits-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.env-sydney-benefit-card{
    display:flex;gap:16px;background:#fff;border:1px solid var(--envs-line);
    border-radius:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.env-sydney-benefit-card:hover{transform:translateY(-5px);box-shadow:var(--envs-shadow);border-color:var(--envs-orange);}
.env-sydney-benefit-ico{
    flex-shrink:0;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
    background:rgba(255,107,0,.1);color:var(--envs-orange);font-size:18px;transition:transform .3s ease;
}
.env-sydney-benefit-card:hover .env-sydney-benefit-ico{transform:scale(1.08) rotate(-4deg);}
.env-sydney-benefit-title{font-size:1.05rem;font-weight:700;margin:0 0 8px;line-height:1.3;}
.env-sydney-benefit-text{font-size:14px;line-height:1.6;color:var(--envs-slate);margin:0;}
.env-sydney-benefits-cta{text-align:center;margin-top:clamp(36px,5vw,54px);}

/* ============ WHY ============ */
.env-sydney-why{background:var(--envs-bg-soft);}
.env-sydney-why-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,70px);align-items:center;}
.env-sydney-why-title{font-size:44px;font-weight:400;letter-spacing:-.02em;line-height:1.15;margin:0 0 28px; font-family: "Work Sans", sans-serif;}
.env-sydney-why-frame{margin-bottom:30px;}
.env-sydney-why-right{display:grid;gap:18px;}
.env-sydney-why-card{
    position:relative;display:flex;gap:20px;align-items:flex-start;
    background:#fff;border:1px solid var(--envs-line);border-radius:16px;padding:26px 28px;
    border-left:3px solid var(--envs-line);
    transition:transform .3s ease,box-shadow .3s ease,border-left-color .3s ease;
}
.env-sydney-why-card:hover{transform:translateX(6px);box-shadow:var(--envs-shadow);border-left-color:var(--envs-orange);}
.env-sydney-why-num{font-size:1.6rem;font-weight:800;color:var(--envs-orange);line-height:1;flex-shrink:0;}
.env-sydney-why-text{font-size:16px;line-height:1.6;color:var(--envs-slate);margin:0;}
.env-sydney-why-text strong{color:var(--envs-ink);font-weight:700;}

/* ============ STATISTICS ============ */
.env-sydney-statistics{background:var(--envs-bg);}
.env-sydney-stats-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
    background:var(--envs-bg-soft);border:1px solid var(--envs-line);border-radius:var(--envs-radius);
    padding:clamp(32px,5vw,56px) clamp(20px,4vw,40px);
}
.env-sydney-stat-card{text-align:center;position:relative;}
.env-sydney-stat-card:not(:last-child)::after{
    content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);
    width:1px;height:56px;background:var(--envs-line);
}
.env-sydney-stat-num{
    display:block;font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:800;letter-spacing:-.02em;
    color:var(--envs-ink);line-height:1;
}
.env-sydney-stat-num::after{content:"+";color:var(--envs-orange);}
.env-sydney-stat-label{display:block;margin-top:12px;font-size:15px;font-weight:600;color:var(--envs-slate);}

/* ============ CTA ============ */
.env-sydney-cta{position:relative;background:#141821;overflow:hidden;color:#fff;}
.env-sydney-cta-inner{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center;}
.env-sydney-cta-title{font-size:44px;font-weight:400;letter-spacing:-.02em;margin:0 0 18px;color:#fff; font-family: "Work Sans", sans-serif;}
.env-sydney-cta-text{font-size:clamp(1rem,1.6vw,1.15rem);color:rgba(255,255,255,.72);margin:0 0 34px;}
.env-sydney-cta-grid{
    position:absolute;inset:0;z-index:0;opacity:.4;
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:52px 52px;
    -webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);
            mask-image:radial-gradient(circle at 50% 40%,#000,transparent 72%);
}
.env-sydney-cta-glow{position:absolute;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);
    background:radial-gradient(circle,rgba(255,107,0,.32),transparent 65%);filter:blur(40px);z-index:0;}
.env-sydney-cta-shape{position:absolute;border:1px solid rgba(255,107,0,.28);border-radius:22px;z-index:1;}
.env-sydney-cta-shape--1{width:150px;height:150px;top:12%;left:8%;transform:rotate(18deg);}
.env-sydney-cta-shape--2{width:110px;height:110px;bottom:14%;right:10%;transform:rotate(-12deg);background:rgba(255,255,255,.03);}

/* ============ RESPONSIVE ============ */
@media (max-width:991px){
    .env-sydney-hero-inner,
    .env-sydney-benefits-inner,
    .env-sydney-why-inner{grid-template-columns:1fr;}
    .env-sydney-benefits-visual{position:static;}
    .env-sydney-modules-grid{grid-template-columns:repeat(2,1fr);}
    .env-sydney-float--tl{left:0;}
    .env-sydney-float--br{right:0;}
}
@media (max-width:767px){
    .env-sydney-hero-points{grid-template-columns:1fr;}
    .env-sydney-modules-grid{grid-template-columns:1fr;}
    .env-sydney-benefits-list{grid-template-columns:1fr;}
    .env-sydney-stats-grid{grid-template-columns:1fr 1fr;gap:32px 16px;}
    .env-sydney-stat-card:not(:last-child)::after{display:none;}
    .env-sydney-btn{width:100%;justify-content:center;}
    .env-sydney-float{display:none;}
}
@media (max-width:420px){
    .env-sydney-stats-grid{grid-template-columns:1fr;}
}



ul.point{ list-style: none; margin-bottom: 30px;}
ul.point li{ margin-bottom: 10px; line-height: 1.7; position: relative; padding-left: 20px; }
ul.point li::before{
    content: "\f192";
    color: #f96f2a;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-right: 0.5em; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 15px;
}